var timeOn = null;
var activeMenu = 0;
function showMenu(menuName)
{
  // Should only let the effects expire on mouse out
  clearTimeout(timeOn);
  // A new menu was selected
  if (activeMenu != menuName)
  {
    // Start by hiding any previous menues
    hideAll();
    // Retrieve the main menu item element and set the hover class
    var mainMenu = document.getElementById("main"+menuName);
    // Attempt to retrieve the sub menu element
    var menu = document.getElementById(menuName);
    // If a submenu was found, position and display it
    if (menu != null)
    {
      menu.style.top = mainMenu.offsetHeight + "px";
      menu.style.left = mainMenu.offsetLeft + "px";
      menu.style.display = "block";
    }
    // Update currently active menu
    activeMenu = menuName;
  }
}
//Hide All Menus
function hideAll() {
  if (activeMenu != 0) {
    var menu = document.getElementById(activeMenu);
    if (menu != null) {
      menu.style.display = "none";
      }
    activeMenu = 0;
    }
  }
//Start Timer
function btnTimer() {
  clearTimeout(timeOn);
  timeOn = setTimeout('btnOut()', 400);
  }
//Timer Out
function btnOut() {
    hideAll();
  }
//Mouse Over Menu
function menuOver() {
  clearTimeout(timeOn);
  }