var eOpenMenu = null, eOpenSubMenu = null, bOpenSubMenu=false;

function OpenMenu(eSrc,eMenu){
	var top, left
	left=getOffsetLeft(eSrc)
	var leftMost=(left + eSrc.parentElement.offsetWidth + eMenu.offsetWidth - 4)
	if(leftMost>document.body.offsetWidth)
		eMenu.style.left = getOffsetLeft(eSrc)-eMenu.offsetWidth+eSrc.parentElement.offsetWidth;//134
	else
		eMenu.style.left = getOffsetLeft(eSrc) + 114;//125
	eMenu.style.top = getOffsetTop(eSrc)+5; 
	eMenu.style.visibility = "visible";
	eOpenMenu = eMenu;
}

function CloseMenu(eMenu){
	eMenu.style.visibility = "hidden";
	eOpenMenu = null;
}

function OpenSubMenu(eSrc,eMenu){
	var top, left
	if('clsSubMenuBarItem' == eSrc.className) {
		var tblSubMenu=eSrc.parentElement.parentElement.parentElement.parentElement
		var trSubMenu=eSrc.parentElement.parentElement
		left=getOffsetLeft(eSrc)
		var leftMost=(left + eSrc.parentElement.offsetWidth + eMenu.offsetWidth - 4)
		if(leftMost>document.body.offsetWidth)
			left-= eMenu.offsetWidth;
		else
			left+= eSrc.parentElement.offsetWidth-4;
		top=getOffsetTop(eSrc);
		//alert (document.body.offsetWidth);
	}
	eMenu.style.left = left;
	eMenu.style.top = top;
	
	eMenu.style.visibility = "visible";
	eOpenSubMenu = eMenu;
	bOpenSubMenu=true;
}

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
}

function CloseSubMenu(eMenu){
	eMenu.style.visibility = "hidden";
	eOpenSubMenu = null;
	bOpenSubMenu=false;
}

function document.onmouseover(){
	var eSrc = window.event.srcElement;

	//sub menu	
	var bOnSubMenuBarItemTd=(eSrc.children.tags('a') && eSrc.children.tags('a')[0] && 'clsSubMenuBarItem'==eSrc.children.tags('a')
[0].className) || (eSrc.children.tags('a') && eSrc.children.tags('a')[0] && 'clsHWMenuBarItem'==eSrc.children.tags('a')[0].className)
	var bOnSubMenuBarItemA=('clsSubMenuBarItem' == eSrc.className)
	if (bOnSubMenuBarItemA || bOnSubMenuBarItemTd){		
		if (bOnSubMenuBarItemTd) eSrc=eSrc.children.tags('a')[0];		
		var eSubMenu = document.all[eSrc.id.replace("tdMenuBarItem","divMenu")];
		if (eOpenSubMenu && eOpenSubMenu != eSubMenu)	CloseSubMenu(eOpenSubMenu);
		if (eSubMenu)	OpenSubMenu(eSrc,eSubMenu);
	}
	else if (eOpenSubMenu && !eOpenSubMenu.contains(eSrc))
		CloseSubMenu(eOpenSubMenu);		

	//root menu
	if ('clsMenuBarItem' == eSrc.className){
		eSrc.style.color = "moccasin"; 
		var eMenu = document.all[eSrc.id.replace("tdMenuBarItem","divMenu")];
		if (eOpenMenu && eOpenMenu != eMenu) CloseMenu(eOpenMenu);	
		else if (eOpenSubMenu && !eOpenSubMenu.contains(eSrc))
			CloseSubMenu(eOpenSubMenu);
		if (eMenu) OpenMenu(eSrc,eMenu);
	}
	else if (!bOpenSubMenu && eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBar.contains(eSrc))
		CloseMenu(eOpenMenu);	
}
	
function document.onmouseout(){
	var eSrc = window.event.srcElement;
	if ("clsMenuBarItem" == eSrc.className || "clsSubMenuBarItem" == eSrc.className) 
		eSrc.style.color = ""; 
}