/**********************************************
 NAVPopout.js
 Javascript menu system:  Menus appear on mouseover
    next to link touched.  
 Author:  M. Dempster 8/22/02
 Modified: M. Dempster 2/08/03  (Autopositioning)
 Copyright:  LiquidMatrix Corp.
**********************************************/
/**********************************************
 Menu tracking variables
 These variables are used to determine when to shut off menus
**********************************************/ 
var currentMenu = ""		//Lists the ID of the menu currently shown
var XShift = 3				//Holds number of pixels to shift popout on X coord
var YShift = 20				//Holds number of pixels to shift popout on Y coord
var XMacShift = 0			//Holds fudge factor for Mac X (body) margin misread.
var YMacShift = -4          //Holds fudge factor for Mac Y (body) margin misread.
var onMenuLink = false		//NAV4 only:  Lets you know if you're still on a triggering link.

if (!isIE) {
	var YShift = 8			//nav6 and 7 fudge
}
/**********************************************
 openMenu(stringexp)    
 stringexp:  
 	use:  Required
	Datatype:  String
	A valid string expression
 Return:  none
 Description:  sets the visibility style of the Element specified by stringexp to visible.
 			   In addition, tracks that element for later deactivation.
**********************************************/ 
function openMenu(event, Element) {
	if (document.getElementById(Element) || document.all.Element ) { 
		if (isIE) {												
		  current = window.event.srcElement;					//Set current to menu trigger moused over.
		}
		else {
		  current = event.currentTarget;						//Set current to menu trigger moused over.
		}
		var elContainerWidth = getElementUNPOSDimension('topnav', 'width');
		var elMenuWidth = getElementUNPOSDimension(Element, 'width');
		var elX = getPageOffset(current, 'left')
		var elY = getPageOffset(current, 'top')
		if ((isMac) && (isIE)) {													// Kludge for margining in IE5 Mac:  I can't convince it to get the offset + margin position.  *shrug* 
			if (((elX+XShift) + elMenuWidth) > elContainerWidth) {
				setElementPosition(Element, (elContainerWidth - elMenuWidth + XMacShift), (elY + YShift + YMacShift))
			} else {
				setElementPosition(Element, (elX+XShift+XMacShift), (elY+YShift+YMacShift)) 
			}
			
		} else {
			if (((elX+XShift) + elMenuWidth) > elContainerWidth) {
				setElementPosition(Element, (elContainerWidth - elMenuWidth), (elY + YShift))
			} else {
				setElementPosition(Element, (elX + XShift), (elY + YShift))
			}
		}
		if (currentMenu != "") setElementVisibility(currentMenu, 'hidden');			//If there is a menu currently showing, set it's visibility to hidden.
		setElementVisibility(Element, 'visible');									//Set the visibility of the menu specified to visible.
		currentMenu = Element;														//Set currentMenu to be the menu we're opening now.
	}													
}

/**********************************************
 closeMenu(event, stringexp)    
 stringexp:
 	use:  Required
	Datatype:  String
	A valid string expression
 event:  
 	use:  required
	Datatype:  A browser Event
	A vaid browser event reference for capture.
 Return:  none
 Description:  Closes the specified menu when the mouse moves out of the Div 
 			  and set currentMenu to nothing. 
 Tips:  This function is called like:  closeMenu(event, 'TESTDIV1').  You must ALWAYS specify the word event as the first arg.
**********************************************/ 
function closeMenu(event, Element) {
	var current, related;									//Set Varibles to track targets of event (Note:  Understanding the DOM model is KEY for this!)
	if (isIE) {												
	  current = eval("document.all." + Element);			//Set current to menu specified in Element.
	  related = window.event.toElement;						//Set related to the element we're mousing into.
	}
	else {
	  current = event.currentTarget;						//Set current to the element that the mouseout is specified on.  (Could be done with a listener)
	  related = event.relatedTarget;						//Set related to the element we're mousing into.
	}
	 if (current != related && !nodeContains(current, related)) {	//If current isn't what we're mousing into, and the element we ARE mousing into doesn't 
	   	current.style.visibility = "hidden";					//     contain related, then hide current, and set the currentMenu var to nothing. 
		currentMenu = "";
	}
}

/**********************************************
 nodeContains(obj1, obj2)    
 obj1:
 	use:  Required
	Datatype:  Object reference
	A valid HTML object (ex.  Document.all.Elementname)
 obj2:
 	use:  Required
	Datatype:  Object reference
	A valid HTML object (ex.  Document.all.Elementname)
 Return:  Boolean
 Description:  Looks for two objects.  Loops through B's parent nodes one by one.  If A equals a 
 			   parentNode of B, then return true; A contains B.  Else, return false. 
**********************************************/ 
function nodeContains(a, b) {
	strLoop = ""		
	while (b.parentNode)
		if ((b = b.parentNode) == a)
      		return true;
	return false;
}