var eOpenMenu = null;

function OpenMenu(eSrc,eMenu){
	var eParent;	
	eParent = eSrc.parentElement? eSrc.parentElement : eSrc.parentNode;
	
	var top, left
	left=getOffsetLeft(eSrc)
	var leftMost=(left + eParent.offsetWidth + eMenu.offsetWidth - 4)
	if(leftMost>document.body.offsetWidth)
		eMenu.style.left = getOffsetLeft(eSrc)-eMenu.offsetWidth+eParent.offsetWidth;//134
	else
		eMenu.style.left = getOffsetLeft(eSrc) + 125;//125
	eMenu.style.top = getOffsetTop(eSrc);//+5; 
	eMenu.style.visibility = "visible";
	eOpenMenu = eMenu;
}

function CloseMenu(eMenu){
	eMenu.style.visibility = "hidden";
	eOpenMenu = null;
}

document.onmouseover=rollMenuOn;
function rollMenuOn(e){
	var eSrc;
	var bOnSubMenuBarItemTd;
	var bOnSubMenuBarItemA;
	var eSubMenu;
	var eMenu;
	
	
	if (window.event) e = window.event;  
	eSrc = e.srcElement? e.srcElement : e.target;
	//eSrc = window.event.srcElement;

	//root menu
	if ('clsMenuBarItem' == eSrc.className || 'clsMenuBarItem_active' == eSrc.className){
		//eSrc.style.color = "moccasin"; 
		eMenu = document.all[eSrc.id.replace("tdMenuBarItem","divMenu")];
		if (eOpenMenu && eOpenMenu != eMenu) CloseMenu(eOpenMenu);			
		if (eMenu) OpenMenu(eSrc,eMenu);
	}
	else if (eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBar.contains(eSrc))
		CloseMenu(eOpenMenu);			
		
}

document.onmouseout=rollMenuOff;	
function rollMenuOff(e){
	var eSrc;
	if (window.event) e = window.event;  
	eSrc = e.srcElement? e.srcElement : e.target;
	//eSrc = window.event.srcElement;
	if ("clsMenuBarItem" == eSrc.className || "clsSubMenuBarItem" == eSrc.className || "clsMenuBarItem_active" == eSrc.className || "clsSubMenuBarItem_active" == eSrc.className) 
		eSrc.style.color = ""; 
	
}

function getOffsetTop(obj)
{
	var src=obj, oTop=0
	do{
		oTop+=src.offsetTop
		src=src.offsetParent
	}
	while(src)
	return oTop
}

function getOffsetLeft(obj)
{
	var src=obj, oLeft=0
	do{
		oLeft+=src.offsetLeft
		src=src.offsetParent
	}
	while(src)
	return oLeft
}