decalage = 130;
// 170

if(navigator.appName == "Microsoft Internet Explorer"){
	var ClassName = "className";
	var childNodesVar = 1;
	var MarginTopMenu = -19;
	var MarginLeftMenu = 195;
}else{
	var ClassName = "class";
	var childNodesVar = 1;
	var MarginTopMenu = -19;
	var MarginLeftMenu = 195;
		
	NavUserAgent = navigator.userAgent
	if(NavUserAgent.match("Safari") != null){
		MarginTopMenu = -20;
	}
	
}

var attributes_on = {
	opacity: { from: 0, to: 1 }      
};
var attributes_off = {
	opacity: { to: 0 }      
};


getTop = function(element) {
	var cursor;
	var baseTop = 0;
	/*
	for (cursor=element;cursor.offsetParent;cursor = cursor.offsetParent) {
		baseTop += cursor.offsetTop;
	}
	*/
	return baseTop;
}
getLeft = function(element) {
	var cursor;
	var baseLeft = 0;
	/*
	for (cursor=element;cursor.offsetParent;cursor = cursor.offsetParent) {
		baseLeft += cursor.offsetLeft;
	}
	*/
	return baseLeft;
}

fDomOffset = function( oObj, sProp )
{
 // oObj : [Object] - Objet dont on désire le positionnement
 // sProp : [String] - Propriété désirée : offsetLeft - offsetTop
 var iVal = 0;
 // On boucle tant que l'on n'est pas à la racine du document
 while (oObj && oObj.tagName != 'BODY') {
  eval('iVal += oObj.' + sProp + ';');
  oObj = oObj.offsetParent;
 }
 return iVal;
} 

activateMenu = function() {
	var i,j;
	
	var navroot = document.getElementById("menuItems");
	
	var navpointer = document.getElementById("menu-pointer");
		/* ^ has to be hardcoded here because we don't know who's the parent menu */
	
	/* Get all the list items within the menu */
	var lis=navroot.getElementsByTagName("LI");  
	for (i=0; i<lis.length; i++) {
		for (j=0; j<lis[i].childNodes.length; j++) {
			
			childNodesVar = j;
			
			if (lis[i].childNodes[j].tagName=="UL") {
				/* calculate base top and left coordinates */
				var baseLeft = getLeft(lis[i]);
				//var baseTop = getTop(lis[i]);
				
				var baseTop = fDomOffset(lis[i], 'offsetTop');
				//var baseTop = 0;
								
				lis[i].childNodes[j].style.marginTop = MarginTopMenu+"px";
				lis[i].childNodes[j].style.marginLeft = MarginLeftMenu+"px";
				
				if(PgLoad == null){
					var VarInitMenu = function(list) {
						for (u=0; u<list.childNodes.length; u++){
							if (list.childNodes[u].tagName=="UL") {
		    					
		    					list.childNodes[u].style.visibility="hidden";
							}
						}
						
					}
					VarInitMenu(lis[i]);
				}
				
				
				varna = lis[i].childNodes[childNodesVar].className.split(" ");
				
				if(navigator.appName == "Microsoft Internet Explorer" && BrowserDetect.version == 6 && (varna[0] == 'titleon' || varna[0] == 'titleonlg')){
					lis[i].childNodes[childNodesVar].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/menu_" + varna[1] + "_over.png')";
				}
				
				

				/* FIXME : correct the -20 to -44 if offsetHeight is enough high. will need test menus */

				/* assign the function to the LI */				

				lis[i].onmouseover = function() {	
					tagin = this;
					
					varia = this.getElementsByTagName("a");

									
					/* display the inner menu */
					for (j=0; j<this.childNodes.length; j++){
						
						//alert(this.childNodes[0].tagName);
						
						//VarClassName = this.childNodes[childNodesVar].getAttribute(ClassName);
						
						//backPosi = '0 -26px';
						
						//varna = this.childNodes[childNodesVar].className.split(" ");
						
						/*if(navigator.appName == "Microsoft Internet Explorer" && BrowserDetect.version == 6){
							this.childNodes[childNodesVar].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/menu_" + varna[1] + "_over.png')";
						}*/
					
						//this.childNodes[childNodesVar].style.backgroundPosition = backPosi;
					
						if (this.childNodes[j].tagName=="UL") {
							//this.childNodes[j].style.display="block";
							this.childNodes[j].style.visibility="visible";
						
					
							/* position and display the pointer */
							for (k=0;k<this.childNodes[j].childNodes.length;k++){
								if (this.childNodes[j].childNodes[k].tagName=="DIV") {
									var navpointer = this.childNodes[j].childNodes[k];
									//navpointer.style.left = (getLeft(this)) + "px";
									navpointer.style.left = (0) + "px";
									navpointer.style.top = (20) + "px";
								}
							}
						}
					}
				}

				lis[i].onmouseout=function() {
					
					for (j=0; j<this.childNodes.length; j++) {
						/*
						VarClassName = this.childNodes[childNodesVar].getAttribute(ClassName);
						
						varna = this.childNodes[childNodesVar].className.split(" ");
						
						
						if(navigator.appName == "Microsoft Internet Explorer" && BrowserDetect.version == 6 && varna[0] == 'title'){
							this.childNodes[childNodesVar].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/menu_" + varna[1] + ".png')";
						}
						
						
						if(VarClassName.match('titleon') != null || VarClassName.match('titleonlg') != null){
							
						}else{
							this.childNodes[childNodesVar].style.backgroundPosition = "0px 0px";
						}						
						
						*/
						if (this.childNodes[j].tagName=="UL") {
	    					//var myAnim = new YAHOO.util.Anim(this.childNodes[j], attributes_off, 5, YAHOO.util.Easing.easeOut);
	    					//myAnim.animate();
							
							//this.childNodes[j].style.display="none";
							this.childNodes[j].style.visibility="hidden";
						}
					}
					
	
					/* hide pointer */
					var navpointer = document.getElementById("menu-pointer"); /* name has to be hardcoded here because we don't know who's the parent menu */
					//navpointer.style.display = "none";
					//navpointer.style.visibility="hidden";
				
				}
			}//end tag ul
		}//end j
	}//end i
}