// JScript File

var subMenuDiv = new Array();
var isMouseOnMenu = false;
var isMouseOnSubMenu = false;

function ParentMenu_OnMouseOver(menuId,subMenuId)
{
  isMouseOnMenu = true;
  
  HideSubMenu();
  ShowSubMenu(menuId, subMenuId);
}

function ParentMenu_OnMouseOut()
{
  isMouseOnMenu = false;
  window.setTimeout("HideSubMenuWithTimeout()", 1000);
}

function SubMenu_OnMouseOver()
{
  isMouseOnSubMenu = true;
}

function SubMenu_OnMouseOut()
{
  isMouseOnSubMenu = false;
  window.setTimeout("HideSubMenuWithTimeout()", 1000);
}
 
function HideSubMenuWithTimeout()
{
  if(isMouseOnMenu==false && isMouseOnSubMenu==false)
    HideSubMenu();
}

function HideSubMenu() 
{       
  for(var i=0; i<subMenuDiv.length; i++)
  {
    var subMenu = document.getElementById(subMenuDiv[i]);
    if(subMenu.style.display=="block")
    {
      subMenu.style.display = "none";
    }
  }
}

function ShowSubMenu(menuId, subMenuId) 
{     
  var subMenuElement = document.getElementById(subMenuId);
  subMenuElement.style.display = "block";
  var divMenuElement = document.getElementById(menuId);

  if (IsIE())
  {
    //var divBoundRec = divMenuElement.getBoundingClientRect();
    //subMenuElement.style.left = (divBoundRec.left + divMenuElement.offsetWidth - 15) + "px";
    //subMenuElement.style.top = (divBoundRec.top - 2) + "px";
    subMenuElement.style.left = (getPageOffsetLeft(divMenuElement) + divMenuElement.offsetWidth - 14) + "px";
    subMenuElement.style.top = getPageOffsetTop(divMenuElement) + "px"; 
  }
  else
  {
    //subMenuElement.style.left = (divMenuElement.offsetLeft + divMenuElement.clientWidth) + "px";
    //subMenuElement.style.top = (divMenuElement.offsetTop ) + "px"; 
    subMenuElement.style.left = (getPageOffsetLeft(divMenuElement) + divMenuElement.clientWidth - 1) + "px";
    subMenuElement.style.top = getPageOffsetTop(divMenuElement) + "px"; 
  }
}

function IsIE()
{
  var browser=navigator.appName;
  var b_version=navigator.appVersion;

  return (browser=="Microsoft Internet Explorer");
}

function getPageOffsetLeft(el)
{
  var ol=el.offsetLeft;
//alert(el.tagName + "\n" + el.id + "\n" + el.offsetLeft + "\n" + ol);
  while ((el=el.offsetParent) != null)
  {
    ol += el.offsetLeft;
//alert(el.tagName + "\n" + el.id + "\n" + el.offsetLeft + "\n" + ol);
  }
  return ol;
}

function getPageOffsetTop(el)
{
  var ot=el.offsetTop;
//alert(el.tagName + "\n" + el.id + "\n" + el.offsetTop + "\n" + ot);
  while ((el=el.offsetParent) != null)
  {
    ot += el.offsetTop;
//alert(el.tagName + "\n" + el.id + "\n" + el.offsetTop + "\n" + ot);
  }
  return ot;
}


function AddSubMenuDiv(divMenu)
{
  subMenuDiv[subMenuDiv.length] = divMenu;
}