var currentMenuContainer = new Array();
var currentMenuRow = null;

function offsetTopx(obj)
{
	var top = 0;

	for (; obj; obj=obj.offsetParent)
		top = top + obj.offsetTop - 1;
	return(top);
}

function offsetLeftx(obj)
{
	var left = 0;

	for (; obj && obj != document.body; obj=obj.offsetParent)
		left = left + obj.offsetLeft-1;
	return(left);
}

function loadMenu(parentMenu)
{
	var menuContainer = document.getElementById("menuContainer" + parentMenu.id.substr(7));
	var browserVer = 0;

	if (currentMenuContainer.length)
		menuContainerOut(currentMenuContainer[currentMenuContainer.length-1]);

	if (menuContainer)
	{
		menuContainer.style.visibility = "visible";
		if (navigator.appVersion.indexOf("MSIE"))
			browserVer = parseFloat(/MSIE \d+.\d+/.exec(navigator.appVersion)[0].substr(5));
		if (browserVer < 5.5)
			menuContainer.style.top = offsetTopx(parentMenu) - menuContainer.offsetHeight + 1;
		else
			menuContainer.style.top = offsetTopx(parentMenu) + parentMenu.offsetHeight + 7;
		if (offsetLeftx(parentMenu) + menuContainer.offsetWidth > document.body.offsetWidth - 8)
			menuContainer.style.left = document.body.offsetWidth - menuContainer.offsetWidth - 8;
		else
		{
			if (document.body.currentStyle.direction == "rtl")
				menuContainer.style.left = offsetLeftx(parentMenu) + parentMenu.offsetWidth - menuContainer.offsetWidth;
			else
				menuContainer.style.left = offsetLeftx(parentMenu) + 4;
		}
		menuContainer.style.width = parentMenu.offsetWidth;
		menuContainer.firstChild.style.width = "100%";
		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 = parentMenuRow.offsetTop + parentMenuContainer.offsetTop + 4;
	if (parentMenuContainer.offsetLeft - menuContainer.offsetWidth + 1 < 0)
		menuContainer.style.left = parentMenuContainer.offsetLeft + parentMenuContainer.offsetWidth - 5;
	else
	{
		if (document.body.currentStyle.direction == "rtl")
			menuContainer.style.left = parentMenuContainer.offsetLeft - menuContainer.offsetWidth + 5;
		else
		{
			if (parentMenuContainer.offsetLeft + parentMenuContainer.offsetWidth - 10 + menuContainer.offsetWidth > document.body.offsetWidth - 21)
				menuContainer.style.left = parentMenuContainer.offsetLeft - menuContainer.offsetWidth + 5;
			else
				menuContainer.style.left = parentMenuContainer.offsetLeft + parentMenuContainer.offsetWidth - 10;
		}
	}
	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)
			{
				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.colorOver)
		menuRow.style.color = menuContainer.colorOver;
	if (menuContainer.colorBackground)
		menuRow.style.backgroundColor = menuContainer.colorBackground;
	currentMenuRow = menuRow;

	if (document.getElementById("menuContainer" + menuRow.id.substr(7)))
		loadSubMenu(menuRow);
}

function menuRowOut(menuRow)
{
	var menuContainer = document.getElementById("menuContainer" + menuRow.parentID);

	if (menuContainer.colorOver)
		menuRow.style.color = "";
	if (menuContainer.colorBackground)
		menuRow.style.backgroundColor = "";
}

function clearMenu()
{
	if (currentMenuContainer.length)
		menuContainerOut(currentMenuContainer[currentMenuContainer.length-1]);
}
