// JavaScript Document

	// location of the parent heading object
	var pX = pY = 0;
	
	// id used to hold the menu delay timeout
	var idHide = 0;
	
	// cPage needs to be set the current section page being visited, or home if the home apge
	// this is used to show as current being displayed - and not changed for the mouseover events
	var cPage = "tab1"
	
	// emnu item displayed waiting to hide
	var elemMenu = dropMenu = 0;
	
	// dealy tiem on hiding menu
	var delayMenu = 500;
	
	//colols
	var colorOver = "#258439";
	var colorOut = "#21498C";

	function gup( name ){  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");  var regexS = "[\\?&]"+name+"=([^&#]*)";  var regex = new RegExp( regexS );  var results = regex.exec( window.location.href );  if( results == null )    return "";  else    return results[1];}

	function getStyleObject (id) {
		if (document.getElementById) 
			return document.getElementById(id);
		else if (document.layers)
			return document.layers[id];
		else if (document.all)
			return document.all[id].style;
		else {
			alert ("dhtml not supported");
			return false;
		}
	}

	function getXYpos(elem) {
		/**
		 * @purpose            : Get the (x,y) coordinate of a DOM element
		 * @param  object elem : a DOM element or null
		 * @return object      : an associative array, where indicies "x"
		 *                       and "y" hold their respective coordinates
		 * @note               : function is recursive
		 */
		 
	   if (!elem) {
		  return {"x":0,"y":0};
	   }
	   var xy={"x":elem.offsetLeft,"y":elem.offsetTop}
	   var par=getXYpos(elem.offsetParent);
	   for (var key in par) {
		  xy[key]+=par[key];
	   }
	   return xy;
	}
	
	function showMenu(elem, drop) {
		idHide = window.clearTimeout(idHide);
		if (elemMenu != "") { 
			hideMenu2(); 
		}

		if (drop==true) {
			var i  = getStyleObject (elem);
			var p = getXYpos(i);
			pX = (p['x']);
			pY = (p['y']);
	
			elem2 = elem + "_d";
			var posx = pX;
			var posy = pY + 27;
			
			// set menu position and dispaly layer
			box = getStyleObject (elem2);
			box.style.left= posx + "px";
			box.style.top = posy + "px";
			box.style.visibility="visible";		
		}
		
		// update menu bar item to show highlight
		//alert (cPage + " " + elem);
		if (cPage != elem) {
			box2 = getStyleObject (elem);
			box2.style.color=colorOver;
			box2.style.fontWeight="bolder";
		}
	}
	
	function hideMenu(elem, drop) {
		elemMenu = elem;
		dropMenu = drop;
		idHide=window.setTimeout("hideMenu2();", delayMenu);
	}
	
	function hideMenu2() {
		elem = elemMenu;
		drop = dropMenu;
		elemMenu = dropMenu = "";
		
		// hide the visible layer
		if (drop==true) {
			elem2 = elem + "_d";
			box = getStyleObject (elem2);
			box.style.visibility="hidden";
		}
		
		// update menu bar item to show highlight
		if (cPage != elem) { 
			box2 = getStyleObject (elem);
			box2.style.color=colorOut;
			box2.style.fontWeight="bolder";	
		}

	}
	
	function changeLocation (loc) {
		window.parent.location=loc;
		return true;
	}

	function currentPage(elem) {
		box2 = getStyleObject (elem);
		box2.style.color=colorOver;
		box2.style.fontWeight="bolder";
	}
	
	function init() {
		currentPage(cPage);
		return;
	}

	function logoHighlight (elem) {	
		getStyleObject(elem).style.borderColor="#AFB0B4";	
	}
	
	function logoUnHighlight (elem) {	
		getStyleObject(elem).style.borderColor="#F6F7F8";	
	}