var objNavMenu = null;
var prevObjNavMenu = null;
var prevObjDropMenu = null;

var bgLinkColor = '#40b040';
var bgLinkHover = '#0f0';
var bgLinkActive = '#090';
var linkColor = '#fff';
var linkHover = '#fff';
var linkActive = '#fff';
var isIE = null;
if (navigator.appName.indexOf('Microsoft Internet Explorer') != -1) isIE = 1;

function initDropMenu () {
/*  objMenuBar2 = document.getElementById('menuBar2');
  if (objMenuBar2) objMenuBar2.style.display = 'block';*/
  document.onclick = hideDropMenu;
  i = 1;
  while (i < 1000) {
    menuName = 'dropMenu' + i;
    navName = 'navMenu' + i;
    objDropMenu = document.getElementById(menuName);
    objNavMenu = document.getElementById(navName);
    if (!objDropMenu || !objNavMenu) break;
    objDropMenu.style.visibility = 'hidden';
/*    objNavMenu.style.display = 'inline';*/
    objNavMenu.style.visibility = 'visible';
    objNavMenu.onmouseover = showDropMenu;
    objNavMenu.onmouseout = menuOut;
    objNavMenu.onclick = showDropMenu;
    i++;
  }
  objNavMenu = null;
  return;
}

function menuOut (e) {
  if (objNavMenu != null) {
    document.onclick = hideDropMenu;
    objNavMenu.onclick = hideDropMenu;
    objNavMenu.style.color = linkColor;
    objNavMenu.style.backgroundColor = bgLinkColor;
  }
}

function showDropMenu (e) {
  menuName = 'drop' + this.id.substring(3, this.id.length);
  objDropMenu = document.getElementById(menuName);
  if (prevObjDropMenu == objDropMenu) {
    hideDropMenu();
    return;
  }
  if (prevObjDropMenu != null) hideDropMenu();
  objNavMenu = document.getElementById(this.id);
  if ((prevObjNavMenu != objNavMenu) || (prevObjDropMenu == null)) {
    objNavMenu.style.color = linkActive;
    objNavMenu.style.backgroundColor = bgLinkActive;
  }
  if (objDropMenu) {
    xPos = objNavMenu.offsetParent.offsetLeft + objNavMenu.offsetLeft;
    yPos = objNavMenu.offsetParent.offsetTop + objNavMenu.offsetParent.offsetHeight;
    if (isIE) { yPos -= 1; xPos -= 6; }
    objDropMenu.style.left = xPos + 'px';
    objDropMenu.style.top = yPos + 'px';
    objDropMenu.style.visibility = 'visible';
    prevObjDropMenu = objDropMenu;
    prevObjNavMenu = objNavMenu;
  }
}

function hideDropMenu () {
  document.onclick = null;
  if (prevObjDropMenu) {
    prevObjDropMenu.style.visibility = 'hidden';
    prevObjDropMenu = null;
    prevObjNavMenu.style.color = linkColor;
    prevObjNavMenu.style.backgroundColor = bgLinkColor;
  }
  if (objNavMenu) objNavMenu.onclick = showDropMenu;
  objNavMenu = null;
}

/*window.onload = initDropMenu;*/
if (window.addEventListener) {
  window.addEventListener('load', initDropMenu, false);
} else if (window.attachEvent) {
  window.attachEvent('onload', initDropMenu);
}