function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Menu 
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//State Variables:	
	var eOpenMenu = null;
	var elOpen    = null;
	var elPreviousId = null;

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//Browser Detect:	
	var isNS4 = (document.layers) ? true : false;
	var isIE4 = (document.all && !document.getElementById) ? true : false;
	var isIE5 = (document.all && document.getElementById) ? true : false;
	var isNS6 = (!document.all && document.getElementById) ? true : false;

	if(isNS6){
		document.captureEvents(Event.MOUSEOVER)
		document.onmouseover = mouseover;
		document.captureEvents(Event.MOUSEOUT)
		document.onmouseout = mouseout;
	}
	else {
		document.onmouseover = mouseover;
		document.onmouseout = mouseout;
	}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//Constants:

    var GIF_PATH_ROOT = "Main_site/images/icons/";
    
    var MAIN_MENU_PREFIX = "tdMenuBarItem";
    var SUB_MENU_PREFIX = "divMenu";

    var SUB_MENU_ITEM = "clsMenuItem";
    var SUB_MENU_GROUP = "clsMenu";
    var MENU_PARENT_GROUP  = "mnicon";

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//Functions
	function OpenMenu(eSrc,eMenu)
	{	
		//Determine the left offset
		var intImgWidth;
		var strImgWidth = new String(eSrc.width);
		if (isNaN(strImgWidth))
			intImgWidth = Number('0')
		else
			intImgWidth = Number(strImgWidth)

		var intImgHeight;
		if (isNS6)
			intImgHeight = Number('13')
		else
			intImgHeight = Number('22')
	
		if (isIE5 || isNS6) {
			eMenu.style.left = parseInt(getAbsX(eSrc)) + intImgWidth + 'px';
			eMenu.style.top  = parseInt(getAbsY(eSrc)) + intImgHeight + 'px';
			eMenu.style.visibility = "visible";
		}
        elOpen    = eSrc.sourceIndex+1;
		eOpenMenu = eMenu;		
	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	function CloseMenu(eSrc, eMenu)
	{
		eMenu.style.visibility = "hidden";
		eOpenMenu = null;
	}
		
	function getParentTag(eSrc, strTagName) {
		var eNode = eSrc.parentNode;
		if (eNode.tagName == strTagName)
			return eNode
		else {
			return getParentTag(eNode, strTagName)
		}
	}
	
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
	function mouseover(e)
	{
		if(isNS6) {
			var eSrcOrigin = e.target;
			var eSrc = eSrcOrigin.parentNode;
		}
		else {
			var eSrc = window.event.srcElement;
			var eSrcOrigin = eSrc;
		}
		//alert(eSrc.tagName + ' (' + eSrc.className + ') and parent is ' + eSrc.parentNode.tagName);
		if (eSrc && (eSrc.className == MENU_PARENT_GROUP))
		{
		//alert('Mouse over the ' + eSrc.tagName + ' with classname ' + eSrc.className + ' and ID ' + eSrc.id);

			//The mouseover event fires twice in Nav - must be after the new image appears
			if (elPreviousId == eSrc.id)
				return;

			toggleIcon(eSrc);

			elPreviousId = eSrc.id;
							
			var subMenuName = eSrc.id.replace(MAIN_MENU_PREFIX,SUB_MENU_PREFIX);
			var eMenu = document.getElementById(subMenuName);

			if (eOpenMenu && eOpenMenu != eMenu) {
				CloseMenu(eSrc, eOpenMenu);	
			}
			if (eMenu) {
				OpenMenu(eSrc,eMenu);	
			}
						
			return;
		}

		//Close the menu if the cursor is over any element
		// apart from a child element of the current menu
		if (eOpenMenu && (eSrcOrigin.className != SUB_MENU_ITEM))
		{	
			if (isNS6) {
				if (eSrcOrigin.tagName && (eSrcOrigin.className != SUB_MENU_GROUP)) {
					CloseMenu(eSrcOrigin, eOpenMenu);		
				}
			}
			else {
				if (!eOpenMenu.contains(eSrcOrigin)) {
					CloseMenu(eSrcOrigin, eOpenMenu);		
				}
			}
			elPreviousId = null;
		}
		
	}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
	function mouseout(e)
	{
		if(isNS6)
			var eSrc = e.target;
		else
			var eSrc = window.event.srcElement;

		if (eSrc && (eSrc.className == MENU_PARENT_GROUP))
			toggleIcon(eSrc);
		
		if (eSrc.className && (eSrc.className != SUB_MENU_ITEM) && (eSrc.className != SUB_MENU_GROUP))
		{
			var eMenu = document.getElementById(eSrc.id.replace(MAIN_MENU_PREFIX,SUB_MENU_PREFIX));
			if (eOpenMenu && eOpenMenu != eMenu) {
				CloseMenu(eSrc, eOpenMenu);	
			}
		}
			
		elPreviousId = null;
			
	}	

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//Toggle the menu parent icon
function toggleIcon(eSrc) {

	if(isNS6) {
		if (elPreviousId == eSrc.id)
			return;
	}

	var elIcon = eSrc;
	var strImgSrc = new String(elIcon.src);
	var strNewImgSrc;
	
	if (strImgSrc.search(/-mo.gif/gi) == -1) 
		strNewImgSrc = strImgSrc.replace(/.gif/gi, "-mo.gif");
	else
		strNewImgSrc = strImgSrc.replace(/-mo.gif/gi, ".gif");
	eSrc.src = strNewImgSrc;	
}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// get the true offset of anything on NS4, IE4/5 & NS6, even if it's in a table!
function getAbsX(elt) { 
	return (elt.x) ? elt.x : getAbsPos(elt,"Left"); 
}

function getAbsY(elt) { 
	return (elt.y) ? elt.y : getAbsPos(elt,"Top"); 
}

function getAbsPos(elt,which) {
	iPos = 0;
	while (elt != null) {
		iPos += elt["offset" + which];
		elt = elt.offsetParent;
	}
	return iPos;
}