var currentSubmenu;
var tempSubmenu;
var menuTimer;

function loadSubmenu(submenuID) {
  currentSubmenu = submenuID;
  tempSubmenu = submenuID;
}

function showSubmenu () {
  if (menuTimer) {
    clearTimeout(menuTimer);
  }
  
  if (currentSubmenu) {
    document.getElementById(currentSubmenu).style.display = 'none';
  }

  if (tempSubmenu != 'sub') {
    document.getElementById(tempSubmenu).style.display = 'block';
  }
}

function hideSubmenu() {
  if (tempSubmenu != 'sub') {
    document.getElementById(tempSubmenu).style.display = 'none';
  }

  if (currentSubmenu) {
    document.getElementById(currentSubmenu).style.display = 'block';
  }

  menuTimer = setTimeout('resetSubmenu()', 100);
}

function menuItemMouseover(menuItem) {
  tempSubmenu = 'sub';
  tempSubmenu += menuItem.id;

  showSubmenu();
}

function menuItemMouseout() {
  hideSubmenu();
}

function submenuMouseover() {
  showSubmenu();
}

function submenuMouseout() {
  hideSubmenu();
}

function resetSubmenu() {
  tempSubmenu = currentSubmenu;
}