function displayMenu(element) {
  displayNone();
  var menuItem = getElement(element + "div"); 
  var subMenu = getElement(element + "menu");
  var image = getElement(element);  
 
  if(menuItem.hideSubMenu)
     window.clearTimeout(menuItem.hideSubMenu);
  
  image.src = "images/" + element + "_over.gif";
  subMenu.style.display = "block";
  
}

function hideMenu(element) {
  var menuItem = getElement(element + "div"); 
  var subMenu = getElement(element + "menu");
  var image = getElement(element);  

  image.src = "images/" + element + "_off.gif";
  subMenu.style.display = "none";

}

function timeoutHideMenu(element) {
  var menuItem = getElement(element + "div");
  menuItem.hideSubMenu = setTimeout("hideMenu('" + element + "')", 800);
  
}


function getElement(id) {
   var obj;
   if(document.getElementById)
      obj = document.getElementById(id);
   else if(document.all)
      obj = document.all(id);
   else if(document.layers)
      obj = document.layers[id];

   return obj;
}

function registerMenuListeners(element) {
  var listener = getElement(element + "div");
  var eventObj = getElement(element + "menu");
  listener.onmouseover = function() { displayMenu(element); }
  listener.onmouseout = function() { timeoutHideMenu(element); }
  eventObj.onmouseover = function() { displayMenu(element); }
  eventObj.onmouseout = function() { timeoutHideMenu(element); }
  eventObj.onclick = function() { hideMenu(element); }
  eventObj.style.display = "none";
  eventObj.style.position = "absolute";
  
  var isIE = false;
   var agent = navigator.userAgent;
   if ((i = agent.indexOf("Opera")) >= 0) {
      isIE = false;
   }
   else if ((i = agent.indexOf("Netscape6/")) >= 0) {
      isIE = false;
   }
   else if ((i = agent.indexOf("Gecko")) >= 0) {
      isIE = false;
   }
   else if ((i = agent.indexOf("MSIE"))) {
      isIE = true;
   }
   
   // Adjust position for IE
   if(isIE == true) {

   }


}

function displayNone() { 
  var elements = document.getElementsByTagName('div');
  for(var i = 0; i < elements.length; i++) {
    if(elements[i].className == "menuItem") {
            
       var base = elements[i].id.replace("div","");
       var hideDiv = getElement(base + "menu");
       var image = getElement(base);
       
       if(hideDiv != null)
          hideDiv.style.display = "none";
       
       if(image != null) 
          image.src = "images/" + base + "_off.gif";    

    }
  }
}