var CurrentTopNav ="";

function stopProp(event) {

      if (document.all) {
            window.event.cancelBubble = true;
      } else {
            event.stopPropagation();
      }
}


function hideItems() {
	var list = document.getElementById("subNav").getElementsByTagName("ul");
	for(i=0;i<list.length;i++) {
		list[i].style.display="none";
	}
}


function endsWith(str, s){
var reg = new RegExp (s + "$");
return reg.test(str);
}



function RemoveFirstTopNavBarOn(){
	document.getElementById('FirstTimeFlag').value=0;
	var idName="topnavbar_" + document.getElementById('TopNavBarOnName').value + "_on";
	var changeStatus = document.getElementById(idName);
	changeStatus.id="topnavbar_" + document.getElementById('TopNavBarOnName').value;
	var SubBarName=document.getElementById('SubNavBarOnName').value;
	var changeClassname = document.getElementById(SubBarName);
	changeClassname.className="";
}

function RemoveSubNavBarOn(){
	if (document.getElementById('SubNavBarOnName')!=null)
	{
	var SubBarName=document.getElementById('SubNavBarOnName').value;
	var changeClassname = document.getElementById(SubBarName);
	changeClassname.className="";
	}
}

function navMenu() {
		var FirstTimeFlag = document.getElementById('FirstTimeFlag').value;
		if(FirstTimeFlag == 1){
						document.getElementById('navTopBar').style.height = "59px";
						document.getElementById('subNavleft').style.visibility = "visible";
						var nameAttribute = document.getElementById('TopNavBarOnName').value + "Nav";
						var thismenu = document.getElementById(nameAttribute);
						hideItems();
						thismenu.style.display="inline";
						var idName="topnavbar_" + document.getElementById('TopNavBarOnName').value;
						var changeStatus = document.getElementById(idName);
						changeStatus.id=idName + "_on";

						//highlight subnav
						var SubBarName=document.getElementById('SubNavBarOnName').value;
						var changeClassname = document.getElementById(SubBarName);
						changeClassname.className="SubNavBar_on";
		}


	var table = document.getElementById('topnavtable');
	var divs = table.getElementsByTagName('div');
	for (var i=0; i<divs.length; i++ ){
			var div = divs[i];
			div.onmouseout = stopProp;
	}
	var uls = table.getElementsByTagName('ul');
	for (var i=0; i<uls.length; i++ ){
			var ul = uls[i];
			ul.onmouseout = stopProp;
	}

	if (!document.getElementsByTagName){ return; }
	var anchors = document.getElementsByTagName('a');
	for (var i=0; i<anchors.length; i++){

		var anchor = anchors[i];

		var relAttribute = String(anchor.getAttribute('rel'));


		if (relAttribute.toLowerCase().match('menutrigger')){
			anchor.onmouseover = function() {
				var FirstTimeFlag = document.getElementById('FirstTimeFlag').value;
				if(FirstTimeFlag == 1){
					RemoveFirstTopNavBarOn();
				}
				//Expand the navigation bar
				document.getElementById('navTopBar').style.height = "59px";
				document.getElementById('subNavleft').style.visibility = "visible";
				var nameAttribute = this.getAttribute('name') + "Nav";
				var thismenu = document.getElementById(nameAttribute);




				if(CurrentTopNav != "" && endsWith(CurrentTopNav, "_on")){
					var changeStatus = document.getElementById(CurrentTopNav);
					changeStatus.id=CurrentTopNav.substring(0,CurrentTopNav.length-3);
				}


				//Change the button to blue (like hover)
				var idName="topnavbar_" + this.getAttribute('name');
				var changeStatus = document.getElementById(idName);
				changeStatus.id="topnavbar_" + this.getAttribute('name') + "_on";
				CurrentTopNav="topnavbar_" + this.getAttribute('name') + "_on";


				hideItems();
				thismenu.style.display="inline";
				return false;
			}
				anchor.onmouseout = stopProp;
		}else if(relAttribute.toLowerCase().match('nomenu')){
				anchor.onmouseover = function() {
				var FirstTimeFlag = document.getElementById('FirstTimeFlag').value;
				if(FirstTimeFlag == 1){
					RemoveFirstTopNavBarOn();
				}
				document.getElementById('navTopBar').style.height = "34px";
				document.getElementById('subNavleft').style.visibility = "hidden";

				if(CurrentTopNav != "" && endsWith(CurrentTopNav, "_on")){
					var changeStatus = document.getElementById(CurrentTopNav);
					changeStatus.id=CurrentTopNav.substring(0,CurrentTopNav.length-3);
				}

				var idName="topnavbar_" + this.getAttribute('name');
				var changeStatus = document.getElementById(idName);
				changeStatus.id="topnavbar_" + this.getAttribute('name') + "_on";
				CurrentTopNav="topnavbar_" + this.getAttribute('name') + "_on";

				hideItems();
				return false;
			}

			anchor.onmouseout = stopProp;
			/*function() {

				var idName="topnavbar_" + this.getAttribute('name')+ "_on";
				if(CurrentTopNav == idName){
					var changeStatus = document.getElementById(CurrentTopNav);
					changeStatus.id=CurrentTopNav.substring(0,CurrentTopNav.length-3);
					CurrentTopNav=CurrentTopNav.substring(0,CurrentTopNav.length-3);
				}
				return false;
			}*/

		}else if(relAttribute.toLowerCase().match('submenu')){
			anchor.onmouseover = function() {
				var FirstTimeFlag = document.getElementById('FirstTimeFlag').value;
				if(FirstTimeFlag == 1){
					RemoveFirstTopNavBarOn();
				}
				RemoveSubNavBarOn();

			}
			anchor.onmouseout = stopProp;

		}

	}


}

function ReturnToTheCurrentTopAndNavBar(){

					if(document.getElementById('TopNavBarOnName').value != ""){
						if(CurrentTopNav != "" && endsWith(CurrentTopNav, "_on")){
							var changeStatus = document.getElementById(CurrentTopNav);
							changeStatus.id=CurrentTopNav.substring(0,CurrentTopNav.length-3);
						}


						document.getElementById('navTopBar').style.height = "59px";
						document.getElementById('subNavleft').style.visibility = "visible";
						var nameAttribute = document.getElementById('TopNavBarOnName').value + "Nav";
						var thismenu = document.getElementById(nameAttribute);
						hideItems();
						thismenu.style.display="inline";
						var idName="topnavbar_" + document.getElementById('TopNavBarOnName').value;
						var changeStatus = document.getElementById(idName);
						changeStatus.id=idName + "_on";
						CurrentTopNav=idName + "_on";

						//highlight subnav
						var SubBarName=document.getElementById('SubNavBarOnName').value;
						var changeClassname = document.getElementById(SubBarName);
						changeClassname.className="SubNavBar_on";
				}
}