var currentMenuContainer = new Array();
var currentMenuRow = null;

function offsetTopx(obj)
{
	var top = 0;

	for (; obj; obj=obj.offsetParent)
		top = top + obj.offsetTop;
	return(top);
}

function offsetLeftx(obj)
{
	var left = 0;

	for (; obj && obj != document.body; obj=obj.offsetParent)
		left = left + obj.offsetLeft;
	return(left);
}

function loadMenuOuter(parentMenu)
{
	var menuContainer = document.getElementById("menuContainer" + parentMenu.id.substr(7));

	if (parentMenu.getAttribute("bgcolorOver"))
		parentMenu.style.backgroundColor = parentMenu.getAttribute("bgcolorOver");
	if (parentMenu.getAttribute("colorOver"))
		parentMenu.style.color = parentMenu.getAttribute("colorOver");

	if (currentMenuContainer.length)
		menuContainerOut(currentMenuContainer[currentMenuContainer.length-1]);

	if (menuContainer)
	{
		menuContainer.style.width = parentMenu.offsetWidth;
		//menuContainer.style.top = offsetTopx(parentMenu) - menuContainer.offsetHeight;
		menuContainer.style.top = offsetTopx(parentMenu) + parentMenu.offsetHeight-1;
		if (offsetLeftx(parentMenu) + menuContainer.offsetWidth > document.body.offsetWidth - 1)
			menuContainer.style.left = document.body.offsetWidth - menuContainer.offsetWidth - 1;
		else
		{
			if (document.body.currentStyle.direction == "rtl")
				menuContainer.style.left = offsetLeftx(parentMenu) + parentMenu.offsetWidth - menuContainer.offsetWidth;
			else
				menuContainer.style.left = offsetLeftx(parentMenu) -4;
		}
		menuContainer.firstChild.style.width = "100%";
		menuContainer.style.visibility = "visible";
		currentMenuContainer[currentMenuContainer.length] = menuContainer;
	}
}

function loadMenu(parentMenu)
{

	var menuContainer = document.getElementById("menuContainer" + parentMenu.id.substr(7));
	if (parentMenu.getAttribute("bgcolorOver"))
		parentMenu.style.backgroundColor = parentMenu.getAttribute("bgcolorOver");
	if (parentMenu.getAttribute("colorOver"))
	{
		parentMenu.style.color = parentMenu.getAttribute("colorOver");
	}

	if (currentMenuContainer.length)
		menuContainerOut(currentMenuContainer[currentMenuContainer.length-1]);

	if (menuContainer)
	{

		menuContainer.style.width = parentMenu.offsetWidth;
		menuContainer.style.top = offsetTopx(parentMenu) + parentMenu.offsetHeight;
		if (offsetLeftx(parentMenu) + menuContainer.offsetWidth > document.body.offsetWidth - 20)
			menuContainer.style.left = document.body.offsetWidth - menuContainer.offsetWidth - 30;
		else
			menuContainer.style.left = offsetLeftx(parentMenu);
		menuContainer.firstChild.style.width = "100%";

  

		menuContainer.style.filter="revealTrans(duration=0.4)" ;    
		menuContainer.filters[0].Apply();
		menuContainer.filters.revealTrans.transition=5; 
		menuContainer.filters[0].Play();
		menuContainer.style.visibility = "visible";

		
		currentMenuContainer[currentMenuContainer.length] = menuContainer;
		
	}
}

function loadSubMenu(parentMenuRow)
{
	var menuContainer = document.getElementById("menuContainer" + parentMenuRow.id.substr(7));
	var parentMenuContainer = document.getElementById("menuContainer" + parentMenuRow.parentID);		
	menuContainer.style.visibility = "visible";

	
	menuContainer.style.top = parentMenuContainer.offsetTop + parentMenuRow.offsetTop+4;
	if (parentMenuContainer.offsetLeft - menuContainer.offsetWidth + 1 < 0)
		menuContainer.style.left = parentMenuContainer.offsetLeft + parentMenuContainer.offsetWidth;
	else
	{
		if (document.body.currentStyle.direction == "rtl")
			menuContainer.style.left = parentMenuContainer.offsetLeft - menuContainer.offsetWidth ;
		else
		{
			if (parentMenuContainer.offsetLeft + parentMenuContainer.offsetWidth - 10 + menuContainer.offsetWidth > document.body.offsetWidth - 21)
				menuContainer.style.left = parentMenuContainer.offsetLeft - menuContainer.offsetWidth + 11;
			else
				menuContainer.style.left = parentMenuContainer.offsetLeft + parentMenuContainer.offsetWidth -3;
		}
	}
	currentMenuContainer[currentMenuContainer.length] = menuContainer;

}

function menuContainerOut(menuContainer)
{
	var toHide = true;
	var menuSub;

	if (menuContainer)
	{
		if (menuContainer == currentMenuContainer[currentMenuContainer.length-1])
		{
			if (menuContainer.contains(event.toElement))
				toHide = false;
			else
			{
				if (currentMenuContainer[currentMenuContainer.length-1].contains(event.toElement))
					toHide = false;
			}

			if (toHide)
			{
				if (menuContainer.filters.blendTrans)
				{
					
					menuContainer.filters.blendTrans.apply();
					menuContainer.style.visibility = "hidden";
					menuContainer.filters.blendTrans.play();
				}
				else
				{
					menuContainer.style.visibility = "hidden";
				}
				currentMenuContainer.length--;
				if (currentMenuContainer.length)
					menuContainerOut(currentMenuContainer[currentMenuContainer.length-1]);
			}
		}
		else
		{
			menuContainerOut(currentMenuContainer[currentMenuContainer.length-1]);
		}
	}
}

function menuRowOver(menuRow)
{
	var menuContainer = document.getElementById("menuContainer" + menuRow.parentID);

	if (!menuContainer)
		menuContainer = menuRow;
	if (menuContainer.getAttribute("bgcolorOver"))
		menuRow.style.backgroundColor = menuContainer.getAttribute("bgcolorOver");
	if (menuContainer.getAttribute("colorOver"))
		menuRow.style.color = menuContainer.getAttribute("colorOver");
	currentMenuRow = menuRow;

	if (menuRow != menuContainer)
		if (document.getElementById("menuContainer" + menuRow.id.substr(7)))
			loadSubMenu(menuRow);
}

function menuRowOut(menuRow)
{
	var menuContainer = document.getElementById("menuContainer" + menuRow.parentID);

	if (!menuContainer)
		menuContainer = menuRow;
	if (menuContainer.getAttribute("bgcolorOver"))
		menuRow.style.backgroundColor = "";
	if (menuContainer.getAttribute("colorOver"))
		menuRow.style.color = "";
}

function clearMenu()
{
	if (currentMenuContainer.length)
		menuContainerOut(currentMenuContainer[currentMenuContainer.length-1]);
}
function RowOut(obj,id)
{
if(obj.className=="LeftMenu" || obj.className=="LeftMenuOnO"|| obj.className=="LeftMenuOn")
{
temp= eval("menuRowC" + id)
temp.className="LeftMenu";
temp= eval("menuRowB" + id)
temp.className="LeftMenu";

}
else
obj.className="MainMenu";
}

function RowOver(obj,id)
{

if(obj.className=="LeftMenu" || obj.className=="LeftMenuOn"||  obj.className=="LeftMenuOnO" )
{
temp= eval("menuRowC" + id)
temp.className="LeftMenuOnO";
temp= eval("menuRowB" + id)
temp.className="LeftMenuOnO";

}
else
obj.className="MainMenuOn";
}


function changebg(xid,obj)
{

temp= eval("MenuLeftLevel" + xid);
temp.className="LeftMenuOnO";
obj.className="LeftMenuOnO";
}

function changebgout(xid,obj)
{
temp= eval("MenuLeftLevel" + xid);
temp.className="LeftMenu";
obj.className="LeftMenu";
}