var totalSubs = 4;
var hoverTimeout = null;
curMenu = null;

function moveMenus() {
 document.getElementById('footer').style.visibility = 'hidden';
 document.getElementById('footer').style.top = '0px';

 if (document.body.scrollHeight)
  bodHeight = document.body.scrollHeight - 25;
 else if (document.body.offsetHeight)
  bodHeight = document.body.offsetHeight - 25;

 if (window.innerHeight)
  winHeight = window.innerHeight - 25;
 else if (document.body.clientHeight)
  winHeight = document.body.clientHeight - 25;
 else
  winHeight = 0;

 if (winHeight >= bodHeight)
  newY = winHeight;
 else
  newY = bodHeight + 30;

 document.getElementById('footer').style.top = newY + 'px';
 document.getElementById('footer').style.visibility = 'visible';

 for (i=0;i<totalSubs - 1;i++) {
  if (i != 2 && document.getElementById('menu' + i) && document.getElementById('subMenu' + i)) {
   newPos = getPos(document.getElementById('menu' + i));
   document.getElementById('subMenu' + i).style.left = newPos[0];
   document.getElementById('subMenu' + i).style.top = newPos[1];
   document.getElementById('subMenu' + i).style.visibility = 'hidden';
  }
 }
 if (document.getElementById('menu' + i) && document.getElementById('subMenu' + i)) {
  newPos = getPos(document.getElementById('menu' + i));
  newPos[0] += 175;
  newPos[1] -= 34;
  document.getElementById('subMenu' + i).style.left = newPos[0];
  document.getElementById('subMenu' + i).style.top = newPos[1];
  document.getElementById('subMenu' + i).style.visibility = 'hidden';
 }
}

function getPos(o) {
 newX = o.offsetLeft;
 newY = o.offsetTop + o.offsetHeight;

 while(o.offsetParent) {
  o = o.offsetParent;
  newX += o.offsetLeft;
  newY += o.offsetTop;
 }

// newX -= 1;
 newY += 10;

 return(new Array(newX, newY));
}

function showSubMenu(nm) {
 clearTimeout(hoverTimeout);
 curMenu = nm;
 hideAllSubMenus();

 if (document.getElementById('subMenu' + nm)) {
  document.getElementById('subMenu' + nm).style.visibility = 'visible';
  if  (nm < 3)
   document.getElementById('menu' + nm).className = 'menuItemActive';
 }
}

function hideAllSubMenus() {
 for (i=0;i<totalSubs;i++) {
  if (i != curMenu && !(curMenu == 3 && i == 1) && document.getElementById('subMenu' + i)) {
   document.getElementById('subMenu' + i).style.visibility = 'hidden';
    
   if (i < 3)
    document.getElementById('menu' + i).className = 'menuItem';
  }
 }
}

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

function hideSubMenu(nm) {
 curMenu = null;
 clearTimeout(hoverTimeout);
 hoverTimeout = setTimeout('hideAllSubMenus()', 500);
}