var hoverTimeout = null;
var totalSubMenus = 5;

function runInits() {
 initSubMenus();
}

function showSubMenu(nm) {
 clearTimeout(hoverTimeout);
 for (i=0;i<totalSubMenus;i++) {
  if (i != nm)
   hideIt(i);
 }

 if (document.getElementById('subMenu' + nm)) {
  document.getElementById('subMenu' + nm).style.visibility = 'visible';
  document.getElementById('menu' + nm).style.background = '#4b9833';
 }
}

function keepSubMenu(nm) {
 clearTimeout(hoverTimeout);
}

function hideSubMenu(nm) {
  if (document.getElementById('subMenu' + nm))
   hoverTimeout = setTimeout('hideIt(' + nm + ')', 500);
}

function hideIt(nm) {
 if (document.getElementById('subMenu' + nm)) {
  document.getElementById('subMenu' + nm).style.visibility = 'hidden';
  if (document.getElementById('menu' + nm).className == 'menuItemActive')
   document.getElementById('menu' + nm).style.background = '#3a8722';
  else
   document.getElementById('menu' + nm).style.background = '';
 }
}

function initSubMenus() {
 for (i=0;i<totalSubMenus;i++) {
  if (document.getElementById('subMenu' + i)) {
   nm = i;
   tmpObj = document.getElementById('menu' + nm);
   offX = tmpObj.offsetLeft;
   offY = tmpObj.offsetTop + tmpObj.offsetHeight + 1;
   while (tmpObj.offsetParent) {
    tmpObj = tmpObj.offsetParent;
    offX += tmpObj.offsetLeft;
    offY += tmpObj.offsetTop;
   }
   document.getElementById('subMenu' + nm).style.top = offY + 'px';
   document.getElementById('subMenu' + nm).style.left = offX + 'px';
  }
 }
}