var OffsetLeftBarMenu = 180;
var OffsetTopBarMenu = 0;
var SubMenuWidthInCSS = 130;
var OffsetTopSubSubMenu = -2;
var ParentPopUpItem;

function CreateMenuBar(InObject, LoggedOn, TemplateID)
{
	var xmlMenu = new ActiveXObject("Microsoft.XMLDOM");
	var Dummy = "";
	var Node;
	var ID;
	var currAlign;
	var prevAlign;
	
	xmlMenu.async = false;
	
	Dummy = '<TABLE  border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"><TR>';
				
    
	if (LoggedOn != true) {
		xmlMenu.load("http:XML_Menu.asp?MenuTemplateID=" + TemplateID);
	}
	else {
		xmlMenu.load("http:XML_Menu.asp?MenuTemplateID=" + TemplateID);
	}
		
	Node = xmlMenu.documentElement.firstChild;
	currAlign = Node.selectSingleNode("Align_left").text;
	if (currAlign == "0")
	{
		Dummy += '<TD class="menu_topmenu_item" style="cursor:default;" onmouseover="HideSubMenu();">&nbsp</TD>';
	}
	while (Node != null)
	{
		prevAlign = currAlign;
		currAlign = Node.selectSingleNode("Align_left").text;
		if (currAlign != prevAlign)
		{
			Dummy += '<TD  class="menu_topmenu_item" style="cursor:default;" onmouseover="HideSubMenu();">&nbsp</TD>';
		}
	    ID = Node.selectSingleNode("ID").text;
			
		Dummy = Dummy + '<TD class="menu_topmenu_item" id="TopMenu_' + ID + '" ' 
				+ 'width="' + Node.selectSingleNode("Width").text + '" ' 
				+ ' onclick="ExecMenu(' + "'" + TemplateID + "'" + ',' + "'" + ID + "'" + ');" ';
			
		if (Node.selectSingleNode("Submenu").text=="1")
			Dummy += 'onmouseover="HideSubSubMenu(); ShowSubMenu(this,' + "'" + ID + "'," + LoggedOn + ",'" + TemplateID + "');" + '" ';
		else
			Dummy += 'onmouseover="HideSubMenu(); Hover(this);" '; 
		Dummy += 'onmouseout="NoHover(this);" ' 
				 + '>' 
				 + Node.selectSingleNode("Caption").text + '</TD>';
		
		
		Node = Node.nextSibling;
	}
		
	Dummy += '</TR></TABLE>';
	InObject.innerHTML = Dummy;
}

function ExecMenu(TemplateID, MenuID)
{
	var sToDoPar = 'Template=' + TemplateID + '&Menu=' + MenuID + '&jumpto=';	
	EvalToDo(sToDoPar);
}


function ShowSubMenu(ParentObj, ParentID, LoggedOn, TemplateID)
{
	var EndOfFrame;
	EndOfFrame = 0;
	Hover(ParentObj);
	var PopUp = document.getElementById("PopUp");
	PopUp.className = "menu_submenu";  ////////////////
	PopUp.style.top = OffsetTopBarMenu + ParentObj.offsetTop + ParentObj.offsetHeight;
	PopUp.style.left = document.getElementById("TopMenu").offsetLeft + ParentObj.offsetLeft;
	
	if (document.body.clientWidth < (OffsetLeftBarMenu + ParentObj.offsetLeft + SubMenuWidthInCSS))
	{
		PopUp.style.left = document.body.clientWidth - SubMenuWidthInCSS - 1;
		EndOfFrame = 1;
	}
		
	PopUp.style.display = "";
	PopUp.innerHTML = MakeSubMenu(ParentObj, ParentID, LoggedOn, TemplateID, EndOfFrame);
	
}


function MakeSubMenu(ParentObj, ParentID, LoggedOn, TemplateID, EndOfFrame)
{
	var xmlSubMenu = new ActiveXObject("Microsoft.XMLDOM");
	var Dummy = "";
	var Node;
	var Suffix;
	
	xmlSubMenu.async = false;
	if (LoggedOn != true)
		xmlSubMenu.load("http:XML_Menu.asp?MenuTemplateID=" + TemplateID + "&ParentID="+ParentID);
	else
		xmlSubMenu.load("http:XML_Menu.asp?MenuTemplateID=" + TemplateID + "&ParentID="+ParentID);
	
	var Dummy;
	var i;
	Dummy = '<TABLE class="menu_dummy" cellpadding="0" cellspacing="1" border="0" width="100%">';
	
	Node = xmlSubMenu.documentElement.firstChild;
	while (Node != null)
	{
		
		// if splitbar than show horizontal rule
		if (Node.selectSingleNode("Splitbar").text=='1') {
		    Dummy += '<TR><TD class="menu_splitbar"><IMG SRC="Images/1ptrans.gif" WIDTH="1" HEIGHT="1"></TD><TD class="menu_splitbar_hidden" width="3px"></TD></TR>'
		}
		else {	
		
			Suffix = Node.selectSingleNode("Submenu").text;
			ID = Node.selectSingleNode("ID").text;
		
		    Dummy = Dummy + '<TR><TD ' 
					+ 'class="menu_submenu_item" onclick="ExecMenu(' + "'" + TemplateID + "'" + ',' + "'" + ID + "'" + ');" ';
										   
			if (Suffix=="1")				
				Dummy += 'onmouseover="ShowSubSubMenu(' + ParentObj.offsetLeft + ', this,' + "'" + ID + "','" + TemplateID + "'," + EndOfFrame + ");" + '" ';
			else
				Dummy += 'onmouseover="HideSubSubMenu(); Hover(this);" '; 
			 
			+ 'onmouseover="Hover(this);" ' 
		
			Dummy = Dummy
			+ 'onmouseout=" NoHover(this);" ' 
			+ '>' 
			+ Node.selectSingleNode("Caption").text
			
			if (Suffix=='0')
				Dummy = Dummy + '</TD><TD class="menu_submenu_item" width="3px">&nbsp;</TD></TR>';
			else								
				Dummy = Dummy + '</TD><TD class="menu_submenu_item" width="3px"><img class="menu_dummy" src="Images/Arrow.gif"></img></TD></TR>';
		}	
						
		Node = Node.nextSibling;
	}
	
	Dummy = Dummy + '</TABLE>';
	return(Dummy);
}

function Hover(Obj)
{
	var Dummy = Obj.className;
	if (Dummy.search("hover") == -1) 
		Obj.className += '_hover';
}

function NoHover(Obj)
{
	var Dummy = Obj.className;
	if (Dummy.search("hover") > -1) 
		Obj.className = Dummy.substring(0, Dummy.length - 6);
}

function HideSubMenu()
{
	var PopUp = document.getElementById("PopUp");
	if (PopUp!=null)
	{
		PopUp.innerHTML = "";
		PopUp.style.display = "none";
	}
}


function document.onmouseover()
{
    
	var Dummy = window.event.srcElement.className;
	if (Dummy.search("menu") == -1)
	{
		HideSubMenu();
		HideSubSubMenu();
	}
}


/***************************************************************************************/


function ShowSubSubMenu(varLeft, ParentObj, ParentID, TemplateID, EndOfFrame)
{
	
	Hover(ParentObj);
	ParentPopUpItem = ParentObj;
	var ParentPopUp = document.getElementById("PopUp");
	var PopUp = document.getElementById("PopUp2");
	
	PopUp.className = "menu_submenu";
	PopUp.style.top = ParentPopUp.offsetTop + ParentObj.offsetTop;
	PopUp.style.left = varLeft + SubMenuWidthInCSS + OffsetLeftBarMenu;
	
	if (EndOfFrame==1)
		PopUp.style.left = document.body.clientWidth - (2*SubMenuWidthInCSS) + 1
	else {
		if (document.body.clientWidth - SubMenuWidthInCSS < (varLeft + SubMenuWidthInCSS + 150))
	    {
			PopUp.style.left = (varLeft + SubMenuWidthInCSS + 2) - (2*SubMenuWidthInCSS) + 150;
			PopUp.style.top = OffsetTopBarMenu + ParentObj.offsetTop + ParentObj.offsetHeight + OffsetTopSubSubMenu + 1;
		}
	}
	
	PopUp.style.display = "";
	PopUp.className = "menu_submenu";
	PopUp.innerHTML = MakeSubSubMenu(ParentID, TemplateID);
	
}


function MakeSubSubMenu(ParentID, TemplateID)
{
	var xmlSubMenu = new ActiveXObject("Microsoft.XMLDOM");
	var Dummy = "";
	var Node;
	var ID;
	
	xmlSubMenu.async = false;
	xmlSubMenu.load("http:XML_Menu.asp?MenuTemplateID=" + TemplateID + "&ParentID="+ParentID);
	
	var Dummy;
	var i;
	Dummy = '<TABLE class="menu_dummy" cellpadding="0" cellspacing="2" border="0" width="100%">';
	
	Node = xmlSubMenu.documentElement.firstChild;
	while (Node != null)
	{
		// if splitbar than show horizontal rule
		if (Node.selectSingleNode("Splitbar").text=='1')
		    Dummy += '<TR><TD class="menu_splitbar"><IMG SRC="Images/1ptrans.gif" WIDTH="1" HEIGHT="1"></TD></TR>'
		else {
			ID = Node.selectSingleNode("ID").text;
			Dummy = Dummy + '<TR><TD ' 
			+ 'class="menu_submenu_item" onclick="ExecMenu(' + "'" + TemplateID + "'" + ',' + "'" + ID + "'" + ');" '
			+ 'onmouseover="Hover(this);Hover(ParentPopUpItem);" ' 
			+ 'onmouseout="NoHover(this);NoHover(ParentPopUpItem);" ' 
			+ '>' 
			+ Node.selectSingleNode("Caption").text 
			+ '</TD>';
		}
				
		Node = Node.nextSibling;
	}
	
	Dummy = Dummy + '</TABLE>';
	return(Dummy);

}


function HideSubSubMenu()
{
	var PopUp = document.getElementById("PopUp2");
	if (PopUp!=null)
	{
		PopUp.innerHTML = "";
		PopUp.style.display = "none";
	}
}



