var numMenus = 16;
var verticalOffset = 21;
timeOn = null
timeOn = setTimeout("showAllMenus()", 10)
timeOn = setTimeout("hideAllMenus()", 10)

//setTimeout("refresh()", 10000)
function refresh() {
	document.location = document.location;
}

function getStyle (id) {
	return document.getElementById(id).style;             
}

function showMenu(menuNumber, eventObj) {
  hideAllMenus();
  hideAllSubMenus();
  /*
  if(menuNumber==2) {
  	changeObjectVisibility('subMenu17', 'hidden');				
  	changeObjectVisibility('subMenu18', 'hidden');				
  	changeObjectVisibility('subMenu19', 'hidden');				
  }	
  */  
  
  x = getElementLeft("menu"+menuNumber);
  y = getElementTop("menu"+menuNumber) + verticalOffset;
  getStyle("myMenu"+menuNumber).top = y - 4 + (document.documentElement? "px" : "");
  getStyle("myMenu"+menuNumber).left = x - 9 + (document.documentElement? "px" : "");
  
  eventObj.cancelBubble = true;
  var menuId = 'myMenu' + menuNumber;
  if(changeObjectVisibility(menuId, 'visible')) {
	  return true;
  } else {
  	return false;
  }
}

function showsubMenu(menuNumber, eventObj) {

  if(document.all) {
    y = getElementTop("arrow"+menuNumber)-3;
    x = getElementLeft("arrow"+menuNumber)+13;
  } else if(document.getElementById) {
    y = getElementTop("arrow"+menuNumber)-2;
    x = getElementLeft("arrow"+menuNumber)+14;
  }
  
  getStyle("subMenu"+menuNumber).top = y + (document.documentElement? "px" : "");
  getStyle("subMenu"+menuNumber).left = x + (document.documentElement? "px" : "");
  
  eventObj.cancelBubble = true;
  var menuId = 'subMenu' + menuNumber;
  return changeObjectVisibility(menuId, 'visible');
}

function showAllMenus() {
  for(counter = 1; counter <= numMenus; counter++) {
  	changeObjectVisibility('myMenu' + counter, 'visible');
  }
  
  for(counter = 1; counter <= numMenus; counter++) {
	  changeObjectVisibility('subMenu' + counter, 'visible');
  }
}

function hideAllMenus() {
  for(counter = 1; counter <= numMenus; counter++) {
	  changeObjectVisibility('myMenu' + counter, 'hidden');
  }
  hideAllSubMenus();
}

function hideAllSubMenus() {
  for(counter = 1; counter <= numMenus+10; counter++) {
	  changeObjectVisibility('subMenu' + counter, 'hidden');
  }
}

function menuOver() {
 clearTimeout(timeOn)
}

function submenuOver() {
	menuOver();
}

function menuOut() {
 	timeOn = setTimeout("hideAllMenus()", 400);
}

function submenuOut() {
	hideAllSubMenus();
}

function getStyleObject(objectId) {
  if(document.getElementById && document.getElementById(objectId)) {
	  return document.getElementById(objectId).style;
  } else { 
  	return false;
  }
}

function changeObjectVisibility(objectId, newVisibility) {
  // get a reference to the cross-browser style object and make sure the object exists
  var styleObject = getStyleObject(objectId);
  if(styleObject) {
	  styleObject.visibility = newVisibility;
	  return true;
  } else {
    //we couldn't find the object, so we can't change its visibility
    return false;
  }
}

function getElementLeft(Obj) {
  var elem = document.getElementById(Obj);
  var x = elem.offsetLeft;
  tempEl = elem.offsetParent;
  while (tempEl != null) {
    x += tempEl.offsetLeft;
    tempEl = tempEl.offsetParent;
  }
  return x;
}

function getElementTop(Obj) {
  var	elem = document.getElementById(Obj);
  var y = elem.offsetTop;
  tempEl = elem.offsetParent;
  while (tempEl != null) {
	  y += tempEl.offsetTop;
  	tempEl = tempEl.offsetParent;
  }
  return y;
}