window.onload = function(){
	setupMenuElements('menuGlobal');
}

function setupMenuElements(menuId){
	var menuGlobal = document.getElementById(menuId);	
	var ul = getChildElementByName(menuGlobal,'UL')[0];	
	var li = getChildElementByName(ul,'LI');
	
	for(z=0;z<li.length;z++){
		li[z].setAttribute('id','_m' + z);			
		li[z].onmouseover = new Function("menuOver(" + z + ");");
		li[z].onmouseout = new Function("menuOut(" + z + ");");

		var ul2 = getChildElementByName(li[z],'UL')[0];
		if(ul2 != undefined){
			ul2.setAttribute('id','_ms' + z);

			for(s=0;s<ul2.childNodes.length;s++){
				ul2.childNodes[s].onmouseover = new Function("this.className='on';");	
				ul2.childNodes[s].onmouseout = new Function("this.className='';");			
			}
		
		}
	}
}

function getChildElementByName(parentElem,elemName){
	var i = 0
	var reVal = new Array();
	
	for(x=0;x<parentElem.childNodes.length;x++){
		if(parentElem.childNodes[x].nodeName == elemName){
			reVal[i] = parentElem.childNodes[x]
			i++
		}
	}
	
	return reVal
}

function menuOver(menuId){
	m = document.getElementById('_m' + menuId);
	ms = document.getElementById('_ms' + menuId);
	
	m.className = 'on';
	if(ms != null){
		positionMenu(m,ms);
	}
}

function menuOut(menuId){
	m = document.getElementById('_m' + menuId);
	ms = document.getElementById('_ms' + menuId);
	
	m.className = '';
}

function positionMenu(m,ms){
  	var mLeft = m.offsetLeft;
  	var mWidth = m.offsetWidth;
  	var mCenter = Math.round(mLeft + mWidth/2);
  	
  	var msWidth = getMenuWidthByElements(ms);
  	var msCenter = Math.round(msWidth/2);
  	
  	var msMarginLeft = mCenter - msCenter;
  	var msContainerWidth = ms.offsetWidth;
  	if(msMarginLeft<0){msMarginLeft = 0};
  	if((msMarginLeft + msWidth) > msContainerWidth){
  		msMarginLeft = msContainerWidth - msWidth
  	}
  	  	
  	 	
  	ms.style.paddingLeft = msMarginLeft + 'px';
  	ms.style.width = (msContainerWidth - msMarginLeft) + 'px';
}


function getMenuWidthByElements(ms){
  	var menuWidth = 0
	for (i=0; i<ms.childNodes.length; i++){
	if (ms.childNodes[i].nodeName=="LI")
		menuWidth += ms.childNodes[i].offsetWidth;
	}
	
	return menuWidth
}

function goUrl(url){
	parent.location.href = url;
}

