var menuLeft = 0;
var menuRight = 0;
var menuTop = 0;
var dropOffsetLeft = 0;
var dropOffsetHeight = 25;
var objNavMenu = null;
var objDropMenu = null;
var objDropMenuItem = null;
var prevObjNavMenu = null;
var prevObjDropMenu = null;
var prevObjDropMenuItem = null;
var menuStatus = null;
var numDropMenu = 6;
function initDropMenu() {
  menuName = 'menuBar';
  objNavMenu = document.getElementById(menuName);
  if (objNavMenu) {
    menuLeft = objNavMenu.offsetLeft;
    menuTop = objNavMenu.offsetTop;
  }
  for (i=1; i<=numDropMenu;i++) {
    menuName = 'dropMenu' + i;
    navName = 'navMenu' + i;
    objNavMenu = document.getElementById(navName);
    if (objNavMenu) {
      tmpMenuRight = menuLeft + objNavMenu.offsetLeft + objNavMenu.offsetWidth;
      if (tmpMenuRight > menuRight) menuRight = tmpMenuRight;
      objNavMenu.onmouseover = menuHover;
      objNavMenu.onmouseout = menuOut;
    }
    objDropMenu = document.getElementById(menuName);
    if (objDropMenu) {
	    objDropMenu.style.left = setDropLeft(objNavMenu, objDropMenu) + 'px';
  	  objDropMenu.style.top = menuTop + dropOffsetHeight + 'px';
      objDropMenu.style.visibility = 'hidden';
      for (j=1; j<=numDropMenu;j++) {
	objDropMenuItem = document.getElementById(menuName + 's' + j);
	if (objDropMenuItem) {
	  objDropMenuItem.onmouseover = subMenuHover;
	  objDropMenuItem.onmouseout = subMenuOut;
	}
      }
    }
  }
  objNavMenu = null;
  return;
}
function menuHover(e) {
  objNavMenu = document.getElementById(this.id);
  if (menuStatus != 'hover') {
    if (menuStatus == 'lock') hidePrevMenu();
    activateMenu(this);
    menuStatus = 'hover';
  }
}
function menuOut(e) {
  objNavMenu = document.getElementById(this.id);
  if (menuStatus == 'hover') {
    lockMenu(this);
    menuStatus = 'lock';
  }    
}
function subMenuHover(e){
  objDropMenuItem = document.getElementById(this.id);
  if (prevObjDropMenuItem) prevObjDropMenuItem.className = 'item';
  objDropMenuItem.className = 'item-h';
  prevObjDropMenuItem = objDropMenuItem;
  objDropMenuItem = null;
}
function subMenuOut(e) {
  objDropMenuItem = document.getElementById(this.id);
  objDropMenuItem.className = 'item';
}

function setDropLeft(actNavObj, actDropObj) {
  if (actDropObj && actNavObj) {
    dropMenuWidth = actDropObj.offsetWidth;
    navMenuLeft = menuLeft + actNavObj.offsetLeft;

    if (dropMenuWidth < (menuRight - navMenuLeft)) 
      dropMenuLeft = navMenuLeft + dropOffsetLeft;
    else dropMenuLeft = menuRight - dropMenuWidth;
  } else dropMenuLeft = 0;

  return dropMenuLeft;
}

function activateMenu(actObj) {
  menuName = 'drop' + actObj.id.substring(3, actObj.id.length);
  objDropMenu = document.getElementById(menuName);
  objNavMenu.className = 'item-h';
  if (objDropMenu) {
//    objDropMenu.style.left = setDropLeft(actObj, objDropMenu) + 'px';
//    objDropMenu.style.top = menuTop + dropOffsetHeight + 'px';
    objDropMenu.style.visibility = 'visible';
    prevObjDropMenu = objDropMenu;
  }
  prevObjNavMenu = objNavMenu;
}
function lockMenu(lockObj) {
  menuName = 'drop' + lockObj.id.substring(3,lockObj.id.length);
  objDropMenu = document.getElementById(menuName);
  if (objDropMenu) objNavMenu.className = 'item-a';
  else objNavMenu.className = 'item';
  objNavMenu = null;
  objDropMenu = null;
}
function hidePrevMenu() {
  if (prevObjNavMenu) {
    prevObjNavMenu.className = 'item';
    if (prevObjDropMenu) {
      prevObjDropMenu.style.visibility = 'hidden';
      prevObjDropMenu = null;
    }
    prevObjNavMenu = null;
  }
}