// JavaScript Document
    //<![CDATA[
 function show(element){
           //element.className += "hover";
		   if (element.tagName != "LI"){return;}
			//alert(element.tagName);	   
		   var elementLeft = getElementPosition(element).left;
		   var ParentPos = getElementPosition(element.offsetParent).left;
		   //var NewChildPos = elementLeft-ParentPos;
		   var NewChildPos = elementLeft + 7;
		  // alert (NewChildPos);
		   var childNodeUL;
		   // Find UL Child 
		   var children = element.childNodes;
		   		for (var i = 0; i < children.length; i++ )
				{
					if (children.item(i).tagName == "UL") {childNodeUL = children.item(i);}
				}
			//re-assign position!
			if(childNodeUL) {
			childNodeUL.style.left = NewChildPos + 'px';
			//if outside de headerbox move box to left	
 			//if ((NewChildPos+195) > 740 ){childNodeUL.style.left = NewChildPos-(195-element.offsetWidth)+ 'px';}
 			}
 }

function hide(element){
          // element.className = element.className = "";
     		 	}
				
function getElementPosition(elemID){
	var offsetTrail = elemID;
	var offsetLeft = 0;
	var offsetTop = 0;
	while (offsetTrail){
			offsetLeft += offsetTrail.offsetLeft;
			offsetTop += offsetTrail.offsetTop;
			offsetTrail = offsetTrail.offsetParent;
	}

	if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
		offsetLeft += document.body.leftMargin;
		offsetTop += document.body.topMargin;
	}
   return {left:offsetLeft,top:offsetTop};
}

