function SubMenuShow(MenuID,SubWidth)
{
  var agt = navigator.userAgent.toLowerCase();
  var is_ie = (agt.indexOf("msie") != -1);
  var is_mac = (agt.indexOf("mac") != -1);
  var LeftPos, TopPos;
  var vOFFSET, hOFFSET;
  var objMenu, objSub;
  var absLeft;
  var absWidth;
  vOFFSET = 2;
  hOFFSET = 2;
  objMenu = document.getElementById("_Menu"+MenuID);
  objSub = document.getElementById("sub"+MenuID);
  absLeft = GetAbsoluteLeft(objMenu);
  //browser=IE
  if (document.all)
     {absWidth = document.body.clientWidth;}
  else
     {absWidth = window.innerWidth;}

  //browser=IE and OS=Mac
  if (is_ie == true && is_mac == true)
	{      TopPos = objMenu.offsetHeight-vOFFSET; }
  else
	 {TopPos = GetAbsoluteTop(objMenu)+objMenu.offsetHeight-vOFFSET;}

  if ((absLeft + objSub.offsetWidth) > absWidth)
     {LeftPos = absWidth-objSub.offsetWidth;}
  else 
	{
     if (is_ie == true && is_mac == true) 
        {LeftPos = absLeft-hOFFSET-GetAbsoluteLeft(document.getElementById("Menu0"));}  
     else
        {LeftPos = absLeft-hOFFSET;}
	}

  //objMenu.className='TopMenuMouseOver';
  document.getElementById("Menu"+MenuID).className='TopMenuMouseOver';
  objSub.style.top= TopPos + "px" ;
  objSub.style.left= LeftPos + "px";
  objSub.style.visibility='visible';
  // alert("xx="+document.body.clientWidth);
  //alert(objSub.style.left + "-" + LeftPos);
  
 } 

function SubMenuHide(MenuID)
{
  //document.getElementById("Menu"+MenuID).style.color= 'FFFFFF'
  document.getElementById("Menu"+MenuID).className='TopMenu';
  document.getElementById("sub"+MenuID).style.visibility='hidden';
  //document.getElementById("sub"+MenuID).style.top= '0px';
  //document.getElementById("sub"+MenuID).style.left= '0px';
  
 }  

function SubMenuMouseOver(SubMenuID)
{
  document.getElementById("submenu"+SubMenuID).className='SubMouseOver';
  document.getElementById("link"+SubMenuID).className='SubMenuTEXTMouseOver';
 }  

function SubMenuMouseOut(SubMenuID)
{
  document.getElementById("submenu"+SubMenuID).className='SubMenuBKG';
  document.getElementById("link"+SubMenuID).className='SubMenuTEXT';
 }  



function GetAbsoluteTop(elem)
{
  var topPosition = 0;
  while (elem)
  {	  
    if (elem.tagName == 'BODY')
    {
		break;
    }       
    topPosition += elem.offsetTop;
    elem = elem.offsetParent;
  }   
  return topPosition;

}

function GetAbsoluteLeft(elem)
{
  var leftPosition = 0;
  while (elem)
  {	  
    if (elem.tagName == 'BODY')
    {
		break;
    }       
    leftPosition += elem.offsetLeft;
    elem = elem.offsetParent;
  }   
  return leftPosition;

}


