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++){
		if(li[z].className == 'selected'){
			var selectedId = z
			var selected = '_m' + selectedId;
		}
	}
	
	for(z=0;z<li.length;z++){
		if(li[z].className != 'seperator'){
			li[z].setAttribute('id','_m' + z);			
			li[z].onmouseover = new Function("menuOver(" + z + ",'" + selected + "');");
			li[z].onmouseout = new Function("menuOut(" + z + ",'" + selected + "');");

			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='';");			
				}

			}
		}
	}
	

			
	m = document.getElementById('_m' + selectedId);
	ms = document.getElementById('_ms' + selectedId);
	if(ms != null){
		positionMenu(m,ms);
	}
}

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,selected){
	if(selected != 'undefined'){
		document.getElementById(selected).className = "";
	}
	
	m = document.getElementById('_m' + menuId);
	ms = document.getElementById('_ms' + menuId);
	
	m.className = 'on';
	if(ms != null){
		positionMenu(m,ms);
	}
}

function menuOut(menuId,selected){
	m = document.getElementById('_m' + menuId);
	
	m.className = '';
		
	if(selected != 'undefined'){
		document.getElementById(selected).className = "selected";
	}
}

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<1){msMarginLeft = 20};
  	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;
}





