var SelectedMainMenuID = null;
var SelectedSubMenuID = null;

var OverMainMenuID = null;
var OverSubMenuTableID = null;
var OverSubMenuID = null;

var RenderingType = document.all ? "IE" : "NN";

// ------------------------------------------------------------
function MainMenu_OnMouseOver(strMainMenuID)
{
	// --------------------------------------------------
	// Hide Current Items
	// --------------------------------------------------

	// Hide current sub menu table
	var tblOverSubMenuTable = document.getElementById('SubMenuTable_' + OverSubMenuTableID);
	
	if(tblOverSubMenuTable != null)
	{
		tblOverSubMenuTable.style.visibility = 'hidden';
	}

	// --------------------------------------------------
	// Change MainMenuID
	// --------------------------------------------------
	OverSubMenuTableID = strMainMenuID;

	// --------------------------------------------------
	// Show Current Items
	// --------------------------------------------------
	
	// Show current sub menu table
	var tdOverMainMenuCell = document.getElementById('MainMenuCell_' + OverSubMenuTableID);

	if(tdOverMainMenuCell != null)
	{
		var nOverMainMenuCellLeft;
		
		var nOffsetTop = 0;
		
		if(RenderingType == 'IE')
			nOffsetTop = tdOverMainMenuCell.parentNode.parentNode.offsetHeight;
		else
			nOffsetTop = tdOverMainMenuCell.offsetHeight;
		
		var nOffsetLeft = tdOverMainMenuCell.offsetLeft;

		tblOverSubMenuTable = document.getElementById('SubMenuTable_' + OverSubMenuTableID);
		
		if(tblOverSubMenuTable != null)
		{
			tblOverSubMenuTable.style.visibility = 'hidden';

			var nLeft = nOffsetLeft;
			
			// Resize div for IE
			if(RenderingType == 'IE')
			{
				// If width is not assigned
				if(tblOverSubMenuTable.style.width == '')
				{
					var nWidth = 0;
										
					for(var i = 0; i < tblOverSubMenuTable.childNodes.length; i ++)
					{
						if(tblOverSubMenuTable.childNodes[i].tagName == 'UL')
						{
							var objUL = tblOverSubMenuTable.childNodes[i];
							
							for(var j = 0; j < objUL.childNodes.length; j ++)
							{
								var objChild = objUL.childNodes[j];
								
								if(objChild.offsetWidth > 0)
									nWidth += objChild.offsetWidth;
							}
						}
					}
					
					tblOverSubMenuTable.style.width = nWidth;
				}
			}

			if(nLeft + tblOverSubMenuTable.offsetWidth > tdOverMainMenuCell.parentNode.parentNode.parentNode.offsetWidth)
				nLeft = tdOverMainMenuCell.parentNode.parentNode.parentNode.offsetWidth - tblOverSubMenuTable.offsetWidth;
			
			if(nLeft < 0)
				nLeft = 0;

			tblOverSubMenuTable.style.top  = nOffsetTop;
			tblOverSubMenuTable.style.left = nLeft;
			tblOverSubMenuTable.style.visibility = 'visible';
		}
		
		// Show current main menu image
		if(strMainMenuID != OverMainMenuID)
		{
			var objImage = document.getElementById("MainMenu_" + strMainMenuID);
			
			if(objImage != null)
				objImage.src = objMenuList[strMainMenuID].OverImageUrl;
		}
	}
	
	OverMainMenuID = strMainMenuID;
}

function MainMenu_OnMouseOut(strMainMenuID)
{
	var objImage = document.getElementById("MainMenu_" + strMainMenuID);

	if(objImage != null)
	{
		if(SelectedMainMenuID == strMainMenuID)
			objImage.src = objMenuList[strMainMenuID].SelectedImageUrl;
		else
			objImage.src = objMenuList[strMainMenuID].OutImageUrl;
	}
	
	OverMainMenuID = null;
}

function MainMenu_OnSelect(strMainMenuID, strLinkType)
{
	ExecuteMenu(strMainMenuID, strLinkType);
}

// ------------------------------------------------------------
function SubMenu_OnMouseOver(strMainMenuID, strSubMenuID)
{
	if(strSubMenuID != OverSubMenuID)
	{
		var objImage = document.getElementById("SubMenu_" + strSubMenuID);
		
		if(objImage != null)
			objImage.src = objMenuList[strSubMenuID].OverImageUrl;
	}
	
	OverSubMenuID = strSubMenuID;
}

function SubMenu_OnMouseOut(strMainMenuID, strSubMenuID)
{
	var objImage = document.getElementById("SubMenu_" + strSubMenuID);

	if(objImage != null)
	{
		if(SelectedSubMenuID == strSubMenuID)
			objImage.src = objMenuList[strSubMenuID].SelectedImageUrl;
		else
			objImage.src = objMenuList[strSubMenuID].OutImageUrl;
	}
	
	OverSubMenuID = null;
}

function SubMenu_OnSelect(strMainMenuID, strSubMenuID, strLinkType)
{
	ExecuteMenu(strSubMenuID, strLinkType);
}

// ------------------------------------------------------------
// Init Menu
// ------------------------------------------------------------
function initMenu()
{
	var objMainMenu = document.getElementById("MainMenu");
	var objMenus = null;

	if(RenderingType == 'IE')
		objMenus = objMainMenu.childNodes[1];
	else
		objMenus = objMainMenu.childNodes[3];

	var nProperWidth = 0;

	for(var i = 0; i < objMenus.childNodes.length; i ++)
	{
		var nodeChild = objMenus.childNodes[i];
		if(nodeChild.nodeType == 1)
		{
			if(nodeChild.offsetWidth > 0)
				nProperWidth += nodeChild.offsetWidth;
		}
	}

	objMenus.style.width = nProperWidth;
}

if(RenderingType == 'IE')
	window.attachEvent("onload", initMenu);
else
	window.addEventListener("load", initMenu, true);