function changeColor(id, color, fontColor) {
    obj = document.getElementById(id);
    obj.bgColor = color;
    obj.style.color = fontColor;
}

var hiddenTables = new Array();

function toggle(blockID, menuOn, menuSize) {
  block = document.getElementById(blockID);
  eval("image = document.image" + blockID);
  //block needs to be shown
  if (hiddenTables[blockID]) { 
    hideAll(); 
    block.innerHTML = hiddenTables[blockID];
    hiddenTables[blockID] = null;
    image.src = '/overview/images/subnav'+[blockID]+'_on.jpg';
	
	for (i=1; i <= menuSize; i++) {
		menuX = eval("'menu" + i + "'");
		changeColor(menuX, '#EBE7DF', '#EBE7DF');
	}
	changeColor(menuOn, '#EBE7DF', '#EBE7DF');

  }
  //block needs to be hidden
  else { 
    hiddenTables[blockID] = block.innerHTML
    block.innerHTML = ''
    image.src = '/overview/images/subnav'+[blockID]+'.jpg';
	changeColor(menuOn, '#EBE7DF', '#EBE7DF');

  }
}

function hideAll() {
  for (x=1; x<=100; x++) {
    block2 = eval("document.getElementById('" + x + "')")
    eval("img = document.image" + x);
    if (block2 == null) { return; }
    if (!hiddenTables[x]) {
      //block2 needs to be hidden
      hiddenTables[x] = block2.innerHTML;
      block2.innerHTML = '';
	  img.src = '/overview/images/subnav'+[x]+'.jpg';

    }
  }
}

hideAll();