// *****************************************************************
// **************************** GLOBAL VARIABLES *******************
// *****************************************************************
var selectedMnus = new Array();
var srcWidth = 0;
var mnuCount = 0;
var OverlapDivName = 'hidden1,hidden2,hidden3,hidden4,hidden5,fb_dd1';
var navnavDomain_url = '';
var navnavSecure_url = '';
var navnavQuery_ids = '';
var mnutimeout;
var stayTime = 1000;
// *****************************************************************
// **************************** GENERAL ****************************
// *****************************************************************
//Show or Hide Menu
function showHide(Menu, Action, ImgName, SrsImg)
{
	if (SrsImg != '')
		eval('document.' + ImgName + '.src="' + SrsImg + '"'); 
	if (Action == "Show")
		showMenu(Menu, ImgName, '0', 'below');
	else
		hideMenu(Menu.name, 0);
}

//Show Hide the form elements
function showHideSelection(Action)
{
	if (document.forms[0] != null)
	{
		var currentElement;
		for (var i=0; i < document.forms[0].length; i++)
		{
			currentElement = document.forms[0].elements[i];
			if (currentElement.type == "select-one")
			{
				if ((currentElement.style.visibility != Action)&&(currentElement.name.search("cid") == -1) && (currentElement.className != 'donthide'))
				{
					if(Action == 'hidden'){						
						currentElement.setAttribute("hiddenByMenu", "true");
						currentElement.style.visibility="hidden";
					}
					else if(currentElement.getAttribute("hiddenByMenu") == "true"){
						currentElement.style.visibility="visible";
						currentElement.setAttribute("hiddenByMenu", "false");
					}
				}
			}
		}
	}
}


//Hide Divs
function ShowHideDivs(Action, Level)
{
	showHideSelection(Action);
	var Divs = OverlapDivName.split(",")
	/*if (document.getElementById("divCo") != null)
		alert(document.getElementById("divCo").className);*/
	for (var i=0; i<Divs.length-1; i++)
	{
		if (document.getElementById(Divs[i]) != null) 
			document.getElementById(Divs[i]).style.visibility = Action;
	}
}

//Is all the menus are hidden
function isAllHidden()
{
	for (var i=0; i<selectedMnus.length; i++) {
		if (document.getElementById(selectedMnus[i].name).style.visibility == 'visible')
			return false;
	}
	return true;
}

//Keep track of active Menus
function isMnuSelected(menu)
{
	for (var i=0; i<selectedMnus.length; i++)
		if (selectedMnus[i].name == menu)
			return true;
	return false;
}

// Get the details of offset elements
function GetDetails(ElementName)
{
	if (ElementName != "") {
		var Element=document.getElementById(ElementName);
		var Left=Element.offsetLeft;
		var Top=Element.offsetTop;
		var Width = Element.offsetWidth;
		var Height = Element.offsetHeight;
		while (Element.offsetParent != null)
		{
			Element = Element.offsetParent;
			Left += Element.offsetLeft;
			Top += Element.offsetTop;
		}
		return new Array(Left, Top, Width, Height);
	}
	else
		return new Array(0,0,0,0);
}

//Caluclate width based on table row size
function CalculateWidth(objMenu, mnuLevel)
{
	var mnuWidth = 0;
	var rowWidth = 0;
	for(var i=0; i<objMenu.menuItems.length; i++){
		rowWidth = document.getElementById("mnuItem" + objMenu.mnuNumber + mnuLevel + i).offsetWidth;
		if (rowWidth > mnuWidth)
			mnuWidth = rowWidth;
	}
	return mnuWidth;
}


//Show Menus
function showMenu(){

	window.clearTimeout(mnutimeout);

	var args = showMenu.arguments;
	var isAlreadySelected = isMnuSelected(args[0].name);
	var ElementDetails;
	var offsetLeft = 0;
	var offsetTop = 0;
	var offsetIn = 0;
	var winWidth = 1000;
	var mnuLeft = 0;
	var mnuTop = 0;
	var parentObj;
	
	//Get details of source image
	if (args[1] != "") 
		ElementDetails = GetDetails(args[1]);
	else 
		ElementDetails = GetDetails(args[0].Src);

	//Get the position of the menu
	if(args[3] != null && (args[3] == 'right' || args[3] == 'above' || args[3] == 'left'))
		args[0].position = args[3];
	
	//Calculate the width
	if (args[0].Width == null || args[0].Width == '' || args[0].Width <= 0)
		args[0].Width = CalculateWidth(args[0], args[2]);
	//Offset Left	
	if (args[4] != null && args[4] > 0) {
		args[0].offsetLeft = args[4]; 
		offsetLeft = args[4];
	}
	else if (args[0].offsetLeft != null && args[0].offsetLeft > 0) 
		offsetLeft = args[0].offsetLeft;

	//Offset Top
	if (args[5] != null && args[5] > 0) {
		args[0].offsetTop = args[5]; 
		offsetTop = args[5];
	}
	else if (args[0].offsetTop != null && args[0].offsetTop > 0) 
		offsetTop = args[0].offsetTop;

	
	//Mouse Out Img
	if (args[7] != null && args[7] != "") {
		args[0].mouseOverImg = document.getElementById(args[1]).src;
		args[0].mouseoutImg = args[7]; 
	}
	
	if ((document.body.offsetWidth != null) && (document.body.offsetWidth > 0)) 
		winWidth = document.body.offsetWidth;
	else
		if ((window.Width != null) && (window.Width > 0))
			winWidth = window.innerWidth - 16;

	//If parent menu
	if (args[2] == 0)
	{
		
		if (document.getElementById(args[0].parentControl) != null && args[0].parentActiveCss != null && args[0].parentInActiveCss != null)
			document.getElementById(args[0].parentControl).className=args[0].parentActiveCss;

		//Position the menu
		if (args[0].position == 'right') 
		{	
			if (args[0].horizontalPos == "left")
				mnuLeft = ElementDetails[0] - args[0].Width;
			else 
				mnuLeft = ElementDetails[0] + ElementDetails[2] + offsetLeft - (args[0].offsetIn + offsetIn);
			mnuTop = ElementDetails[1] + offsetTop + args[0].offsetBelow;
		}
		else if (args[0].position == 'left') 
		{
			if (args[0].horizontalPos == "left")
				mnuLeft = ElementDetails[0] - args[0].Width;
			else 
				mnuLeft = ElementDetails[0] + ElementDetails[2] + offsetLeft - args[0].offsetIn;
			mnuTop = ElementDetails[1] + offsetTop + args[0].offsetBelow;
		}
		else if (args[0].position == 'above') {
			mnuLeft = ElementDetails[0] + offsetLeft - args[0].offsetIn;
			if (args[6] != null) {
				mnuTop = ElementDetails[1] -  args[6];
				args[0].Height = args[6];
			}
			else
				mnuTop = ElementDetails[1] -  args[0].Height;
		}
		else {
			mnuLeft = ElementDetails[0] + offsetLeft - args[0].offsetIn;
			mnuTop = ElementDetails[1] + ElementDetails[3] + offsetTop + args[0].offsetBelow;
		}

		if (winWidth < (mnuLeft + args[0].Width))
			mnuLeft = mnuLeft - ((mnuLeft+args[0].Width+20) - winWidth);

		document.getElementById(args[0].name).style.left = mnuLeft + "px";
		document.getElementById(args[0].name).style.top = mnuTop + "px" ;
		
		//If not already selected
		if (!isAlreadySelected) {
			if (args[0].Width != null && args[0].Width > 0)
				srcWidth = args[0].Width;
			else {
				srcWidth = ElementDetails[2];
				args[0].Width = srcWidth;
			}
			collapseMenu(args[0].name, args[2])
		}
	}
	//if sub menu
	else{
		parentObj = args[0];
		for (var i = args[2]; i > 0 ; i--)
		{
			while (parentObj.parentMenu != null)
				parentObj = parentObj.parentMenu

			if (parentObj.cssClass != null && parentObj.MouseOverCssClass != null)
				document.getElementById('mnuItem' + parentObj.Menu.mnuNumber + (i-1) + parentObj.ItemIndex).className = parentObj.MouseOverCssClass;

			parentObj = parentObj.Menu;
		}

		if (document.getElementById(parentObj.parentControl) != null && parentObj.parentActiveCss != null && parentObj.parentInActiveCss != null)
			document.getElementById(parentObj.parentControl).className=parentObj.parentActiveCss;

		//position the menu
		if (args[0].horizontalPos == "left")
			document.getElementById(args[0].name).style.left = ElementDetails[0] - args[0].Width - offsetLeft + args[0].offsetIn + "px"; 
		else 
		{
			mnuLeft = ElementDetails[0]+ args[0].parentMenu.Menu.Width + offsetLeft - args[0].offsetIn
			if (winWidth < (mnuLeft + args[0].Width))
				mnuLeft = ElementDetails[0] - args[0].Width - offsetLeft + args[0].offsetIn;
			document.getElementById(args[0].name).style.left =  mnuLeft + "px"; // - args[0].Width; 
		}
		document.getElementById(args[0].name).style.top = ElementDetails[1] + offsetTop + args[0].offsetBelow + "px";
	}

	//if not already selected, then set the src and add it to selected list
	if (!isAlreadySelected) {
		if(args[0].Src == "")
			args[0].Src = args[1];
		selectedMnus[args[2]] = args[0];
	}

	// Make the menu visible
	for (var i=0; i<=args[2]; i++) {
		document.getElementById(selectedMnus[i].name).style.width = selectedMnus[i].Width + "px";
		document.getElementById(selectedMnus[i].name).style.visibility = 'visible';
	}
	//Keep original image
	if (selectedMnus[0].mouseOverImg != "" && args[2] != 0)
		document.getElementById(selectedMnus[0].Src).src = selectedMnus[0].mouseOverImg;
	//Hide the site Divs
	if (OverlapDivName != '')
		ShowHideDivs('hidden', args[2]);

}

function hideMenu(menu, level)
{
	//set the delay
	mnutimeout = window.setTimeout('collapseMenu(\'' + menu + '\',' + level + ')', stayTime);
}

//Hide Menus
function collapseMenu(menu, level){
	
	var isAlreadySelected = isMnuSelected(menu);
	var selectedMnu;
	
	//Hide all the selected menus and change the parent image source (if passes)
	if (selectedMnus[0] != null)
	{
		if (document.getElementById(selectedMnus[0].parentControl) != null && selectedMnus[0].parentActiveCss != null && selectedMnus[0].parentInActiveCss != null)
			document.getElementById(selectedMnus[0].parentControl).className=selectedMnus[0].parentInActiveCss
	}
	
	if (selectedMnus.length > 0 && selectedMnus[0].mouseoutImg != "")
	{
		document.getElementById(selectedMnus[0].Src).src = selectedMnus[0].mouseoutImg;
	}
	for (var i=0; i<selectedMnus.length; i++) 
	{
		selectedMnu = selectedMnus[i];
		for (var j=0; j < selectedMnu.menuItems.length; j++)
		{
			if (selectedMnu.menuItems[j].cssClass != null && selectedMnu.menuItems[j].MouseOverCssClass != null)
				document.getElementById('mnuItem' + selectedMnu.mnuNumber + i + j).className = selectedMnu.menuItems[j].cssClass;
		}
		document.getElementById(selectedMnus[i].name).style.visibility = 'hidden';
	}

	//if from parent level and the menu is not already selected then set the selectedMnus list length to 0
	if (level == 0 && !isAlreadySelected)
		selectedMnus.length = 0;
	
	//If any site Divs are hidden and no menu is active, then make them visible
	if (OverlapDivName != '' && isAllHidden())
	{
		ShowHideDivs('visible', level);
	}
}


// *****************************************************************
// **************************** MENU *******************************
// *****************************************************************

//Add a menu item
function addMenuItem()
{
	var args = addMenuItem.arguments;
	var itemLength = 0;
	for (var i=0; i< args.length; i++) {
		this.menuItems[this.menuItems.length] = args[i];
		args[i].Menu = this;
		args[i].ItemIndex = this.menuItems.length - 1;
	}
}

//Menu object
function menu()
{
	this.menuItems = new Array();
	var args = menu.arguments;
	this.name = args[0];
	if (args[1] != null && args[1] != '' && args[1] > 0) 
		this.Width = args[1];
	else
		this.Width = srcWidth;
	if (args[2] != null && args[2] != '') this.cssClass = args[2];
	if (args[3] != null && args[3] != '') this.MouseOverCssClass = args[3];
	if (args[4] != null && args[4] != '') this.DefaultItemCssClass = args[4];
	if (args[5] != null && args[5] != '') this.DefaultItemMouseOverCssClass = args[5];
	if (args[6] != null && args[6] != '') this.pop_up_icon = args[6];
	if (args[7] != null && args[7] != '') this.selected_pop_up_icon = args[7];

	if (args[8] != null && args[8] != '' && args[8] != '') 
		this.offsetIn = args[8];
	else
		this.offsetIn = 0;

	if (args[9] != null && args[9] != '' && args[9] != '') 
		this.offsetBelow = args[9];
	else
		this.offsetBelow = 0;

	if (args[10] != null && args[10] != '') this.horizontalPos = args[10];
	if (args[11] != null) this.parentControl = args[11];
	if (args[12] != null && args[12] != '') this.parentActiveCss = args[12];
	if (args[13] != null && args[13] != '') this.parentInActiveCss = args[13];
	
	this.position = 'below';
	this.addItem = addMenuItem;
	this.Build = buildMenu;
	this.mnuNumber = ++mnuCount;
	this.Height = 0;
	this.Src = "";
	this.mouseOverImg = "";
	this.mouseoutImg = "";
}

// Build Menu
function buildMenu(mnuLevel)
{
	var menuText = '';
	var cssClass;
	var cssHoverClass;
	var re = /\\/gi;
	var reWith = /\\/gi;

	menuText += '<div id="';
	menuText += this.name + '" ';
	if (this.cssClass != null)
		menuText += 'class="' + this.cssClass + '" ';
	menuText += 'style="top:0; left:0;"';
	menuText += 'onMouseOver="showMenu(';
	menuText += this.name + ',\'' + this.Src;
	menuText += '\',' + mnuLevel + ')" onMouseOut="hideMenu(\'' + this.name + '\',' + mnuLevel + ');">';
	menuText += '<table border="0" cellpadding=0 cellspacing=0';
	if (this.Width != null && this.Width > 0)
		menuText += ' width="' + this.Width + '"';
	menuText += '>';
	for(var i=0; i<this.menuItems.length; i++){
		cssClass = '';
		cssHoverClass = '';
		if(this.menuItems[i].cssClass != null)
			cssClass = this.menuItems[i].cssClass;
		else if(this.DefaultItemCssClass != null)
			cssClass = this.DefaultItemCssClass;
			
		if (cssClass != '') {
			if(this.menuItems[i].MouseOverCssClass != null)
				cssHoverClass = this.menuItems[i].MouseOverCssClass;
			else if(this.DefaultItemMouseOverCssClass != null)
				cssHoverClass = this.DefaultItemMouseOverCssClass;
		}
		
		menuText += '<tr id="mnuItem' + this.mnuNumber + mnuLevel + i + '" ';
		if (cssClass != '') 
			menuText += 'class="' + cssClass + '" ';
		if(this.menuItems[i].subMenu != null) {
			menuText += ' onMouseOver=\'';
			menuText += ' collapseMenu("' + this.menuItems[i].subMenu.name + '",' + (parseInt(mnuLevel) + 1) +');';
			if (this.pop_up_icon != null && this.pop_up_icon != '' && this.selected_pop_up_icon != null && this.selected_pop_up_icon != '')
				menuText += ' document.getElementById("Img' + this.mnuNumber + mnuLevel + i + '").src = "' + new String(this.selected_pop_up_icon).replace("\\", "\\\\") + '"; '
			if (cssClass != '' && cssHoverClass != ''){
				menuText += ' this.className="' + cssHoverClass + '";';
				menuText += ' showMenu(' + this.menuItems[i].subMenu.name + ',"mnuItem' + this.mnuNumber + mnuLevel + i + '",' +  (parseInt(mnuLevel) + 1) + ');'
			}
			else {
				menuText += ' showMenu(' + this.menuItems[i].subMenu.name + ',"mnuItem' + this.mnuNumber + mnuLevel + i + '",' +  (parseInt(mnuLevel) + 1) + ');'
			}
			menuText += '\'';
			menuText += ' onMouseOut=\'';
			if (this.pop_up_icon != null && this.pop_up_icon != '' && this.selected_pop_up_icon != null && this.selected_pop_up_icon != '')
				menuText += ' document.getElementById("Img' + this.mnuNumber + mnuLevel + i + '").src = "' + new String(this.pop_up_icon).replace("\\", "\\\\") + '"; '
			if (cssClass != '' && cssHoverClass != ''){
				menuText += ' this.className="' + cssClass + '";';
				menuText += ' collapseMenu("' + this.menuItems[i].subMenu.name + '",' + (parseInt(mnuLevel) + 1) +');';
			}
			else {
				menuText += ' collapseMenu("' + this.menuItems[i].subMenu.name + '",' + (parseInt(mnuLevel) + 1) +');';
			}
			menuText += '\'';
		}
		else {
			if (cssClass != '' && cssHoverClass != ''){
				menuText += 'onMouseOver="';
				menuText += 'this.className=\'' + cssHoverClass + '\';';
				menuText += ' "' 
				menuText += ' onMouseOut="';
				menuText += 'this.className=\'' + cssClass + '\';';
				menuText += ' "';
			}
			/*else {
				menuText += 'onMouseOver="showMenu(' + this.name + ',\'' + this.Src + '\',' + mnuLevel + ');"' 
				//menuText += 'onMouseOut="hideMenu(\'' + this.name + '\',' + mnuLevel + ');"';
			}*/
		}
		if (this.menuItems[i].link != null) {
			if (!this.menuItems[i].isReadyLink)
			{
				if (this.menuItems[i].isSecure == 'Yes') 
					menuText += ' onClick="window.open(\'' + navSecure_url + "\/" + this.menuItems[i].link + navQuery_ids + '\', \'' + this.menuItems[i].srcWindowName +'\', \'' + this.menuItems[i].srcWinProperties + '\')"';
				else
					menuText += ' onClick="window.open(\'' + navDomain_url + "\/" + this.menuItems[i].link + navQuery_ids + '\', \'' + this.menuItems[i].srcWindowName +'\', \'' + this.menuItems[i].srcWinProperties + '\')"';
			}
			else
				menuText += ' onClick="window.open(\'' + this.menuItems[i].link + '\', \'' + this.menuItems[i].srcWindowName +'\', \'' + this.menuItems[i].srcWinProperties + '\')"';
		}
		menuText += '>';
		/*if (this.menuItems[i].text = '160')
			alert(menuText)*/
		if (this.horizontalPos != null && this.horizontalPos == "left") {
			if(this.menuItems[i].subMenu != null && this.pop_up_icon != null && this.pop_up_icon != '') {
				menuText += '<td align="left" nowrap><img src="' + this.pop_up_icon + '" id="Img' + this.mnuNumber + mnuLevel + i + '" name="Img' + this.mnuNumber + mnuLevel + i + '"></td>';
				menuText += '<td nowrap>' + this.menuItems[i].text + '</td>';
			}
			else
				menuText += '<td nowrap colspan=2>' + this.menuItems[i].text + '</td>';
		}
		else
		{
			if(this.menuItems[i].subMenu != null && this.pop_up_icon != null && this.pop_up_icon != '') {
				menuText += '<td nowrap>' + this.menuItems[i].text + '</td>';
				menuText += '<td align="right" nowrap><img src="' + this.pop_up_icon + '" id="Img' + this.mnuNumber + mnuLevel + i + '" name="Img' + this.mnuNumber + mnuLevel + i + '"></td>';
			}
			else
				menuText += '<td nowrap colspan=2>' + this.menuItems[i].text + '</td>';
		}
		menuText += '</tr>';
		/*if (this.menuItems[i].text == "Item11")
			alert(menuText);*/
	}
	menuText += '</table></div>';
	document.write(menuText);
	for(var i=0; i<this.menuItems.length; i++){
		if(this.menuItems[i].subMenu != null) {
			this.menuItems[i].subMenu.left = (this.left + this.width) - 2;
			this.menuItems[i].subMenu.top = this.top + (i * 15) + 2;
			this.menuItems[i].subMenu.width = this.width;
			this.menuItems[i].subMenu.Build(parseInt(mnuLevel) + 1);
		}
	}
}

// *****************************************************************
// **************************** MENU ITEM **************************
// *****************************************************************

//object menuItem
function menuItem()
{
	var args = menuItem.arguments;
	this.text = args[0];
	if (args[1] != null && args[1] != '') this.link = args[1];
	if (args[2] != null && args[2] != '') this.cssClass = args[2]
	if (args[3] != null && args[3] != '') this.MouseOverCssClass = args[3]
	if (args[4] != null && args[4] == 'Yes') 
		this.isSecure = args[4];
	else
		this.isSecure = 'No';
	if (args[5] != null && args[5] != '') 
		this.isReadyLink = args[5];
	else
		this.isReadyLink = false;
	if (args[6] != null && args[6] != '') 
		this.srcWindowName = args[6];
	else
		this.srcWindowName = "_self";
	if (args[7] != null && args[7] != '') 
		this.srcWinProperties = args[7];
	else
		this.srcWinProperties = "";

	
	this.addMenu = addSubMenu;
}

//Add a submenu to menu item
function addSubMenu()
{
	var args = addSubMenu.arguments;
	this.subMenu = args[0];
	args[0].parentMenu = this;
	
}