//init mainNav
initmainnav = function() {
	detec();
	document.documentElement.className = "js";
	var menusmainNav = document.getElementById("mainNav").getElementsByTagName("li");
	for (var i=0; i<menusmainNav.length; i++) {
		menusmainNav[i].onmouseover = function() {
			this.className = "sfhover";		
			if(this.firstChild.className.indexOf("menu") >= 0){
				//this.firstChild.className = "menuover";
				this.firstChild.className = this.firstChild.className.replace(new RegExp("menu\\b"), "menuover");	
				if(IE6 && this.firstChild.className.indexOf("ssmenu") < 0){
					var ssnav = this.getElementsByTagName("ul")[0];
					var h = ssnav.offsetHeight;
					var w = ssnav.offsetWidth;
					var pox = getAbsPos(ssnav)[0];
					var poy = getAbsPos(ssnav)[1];
					setPos("masq", "x-" + pox, "y-" + poy);
					setWidth("masq", w);
					setHeight("masq", h);
					getStyle("masq").display = "block";
				}
			}
			else if(this.firstChild.className == "ssmenu"){
				this.firstChild.className = "ssmenuover";
			}		
		}	
		menusmainNav[i].onmouseout = function() {
			this.className = this.className.replace(new RegExp("sfhover\\b"), "");		
			if(this.firstChild.className == "menuover"){
				this.firstChild.className = "menu";
			}
			else if(this.firstChild.className == "ssmenuover"){
				this.firstChild.className = "ssmenu";
			}
			if(IE6) getStyle("masq").display = "none";
		}
		menusmainNav[i].onfocus = menusmainNav[i].onmouseover;
		menusmainNav[i].onblur = menusmainNav[i].onmouseout;
	}
	//stockage ŽlŽments de mainnav dans un array global
	for (var i=0; i<menusmainNav.length; i++) {
		if(menusmainNav[i].firstChild.className == "menu"){
			navtopmenu_arr.push(menusmainNav[i]);
		}
	}
	//calage nav sur toute la largeur du 1024
	var maxW = 935;
	var oPadding = 20;
	var poxlastmenu = getAbsPos(navtopmenu_arr[navtopmenu_arr.length - 1])[0] - getAbsPos("mainNav")[0];
	var widthlastmenu = navtopmenu_arr[navtopmenu_arr.length - 1].offsetWidth;
	var navW = poxlastmenu + widthlastmenu;
	var vide = Math.round(maxW - navW);
	var deltaX = Math.floor((vide / navtopmenu_arr.length) / 2);
	//modif padding de tous les tombs
	for(var i=0; i<navtopmenu_arr.length; i++){
		navtopmenu_arr[i].firstChild.style.paddingLeft = oPadding + deltaX + "px";
		navtopmenu_arr[i].firstChild.style.paddingRight = oPadding + deltaX + "px";
	}
	//modif paddings du dernier tomb pour combler les manques des Math.floor
	var poxlastmenu = getAbsPos(navtopmenu_arr[navtopmenu_arr.length - 1])[0] - getAbsPos("mainNav")[0];
	var widthlastmenu = navtopmenu_arr[navtopmenu_arr.length - 1].offsetWidth;
	var navW = poxlastmenu + widthlastmenu;
	var reste = Math.floor(maxW - navW);
	var g = Math.floor(reste/2);
	var d = Math.ceil(reste/2);
	var valg = oPadding + deltaX + g;
	var vald = oPadding + deltaX + d;
	navtopmenu_arr[navtopmenu_arr.length - 1].firstChild.style.paddingLeft = valg + "px";
	navtopmenu_arr[navtopmenu_arr.length - 1].firstChild.style.paddingRight = vald + "px";
	//fin calage nav sur toute la largeur du 1024
	//highlight menu de la rubrique en cours
	for(var i=0; i<navtopmenu_arr.length; i++){
		if(i == gRub){
			navtopmenu_arr[i].firstChild.className = "menuover clicked";
		}
	}
}
//onload events
addEvent(window, "load", initmainnav);