// JavaScript Document

/* header images */
var headerFrontImages = new Array(
	'top-header-1.jpg','top-header-2.jpg','top-header-3.jpg','top-header-4.jpg','top-header-5.jpg','top-header-6.jpg'
	);
  
    //<![CDATA[
 function show(element){
           //element.className += "hover";
		   if (element.tagName.toUpperCase() != "LI"){return;}
			//alert(element.tagName);	   
		   var elementLeft = getElementPosition(element).left;
		   var ParentPos = getElementPosition(element.parentNode).left;
		   //var NewChildPos = elementLeft-ParentPos;
		   var NewChildPos = elementLeft;
		   //alert ("ParentPos: " + ParentPos + "\nelementLeft: " + elementLeft+ "\nNewChildPos: " + 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';
			//alert(NewChildPos + 'px');
			//alert ("ParentPos: " + ParentPos + "\nelementLeft: " + elementLeft+ "\nNewChildPos: " + NewChildPos);
			//if outside de headerbox move box to left	
 			if ((NewChildPos + 220) > (680 + ParentPos)  ){childNodeUL.style.left = NewChildPos-(220 - 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};
}