// initialisation des variables
var tempsOuverture = 200;
var tempsFermeture = 400;

// initialisation des sections et categories
 function menuOnLoad() {

	// les sections du haut
	var sections = document.getElementById("sections").getElementsByTagName("li");
	for(s=0;s<sections.length;s++) {
		if(sections[s].getAttribute("id")) {
			var numero = sections[s].getAttribute("id").substring(7);
			var as = sections[s].getElementsByTagName("a");
			var agt=navigator.userAgent.toLowerCase();
			if(agt.indexOf("msie 5")!=-1||agt.indexOf("msie 6")!=-1)agt=true;else agt=false;
			for(a=0;a<as.length;a++) {
				if (!as[a].id && agt) as[a].style.width=".1em";
				as[a].numero = numero;
				as[a].onmouseover = function() {sectionover(this.numero);};
				as[a].onmouseout = function() {sectionout(this.numero);};
			}
		}
	}
}

// mouseover des menus des sections
function sectionover(id) {
	if(typeof(sectionOuverte)!="undefined" && sectionOuverte) {
		if (sectionOuverte==id){
		  if(timeout_out!="undefined")clearTimeout(timeout_out);}
		else {sectionclose(sectionOuverte);}
	}
	timeout_over = setTimeout(function(){
		document.getElementById("asection"+id).className="actif";
		document.getElementById("ulsection"+id).style.display = "block";
	} , tempsOuverture);
	sectionOuverte = id;
}

// mouseout des menus des sections
function sectionout(id) {
	if(typeof(timeout_over)!="undefined") clearTimeout(timeout_over);
	timeout_out = setTimeout(function(){
		sectionclose(id);
		sectionOuverte = 0;
	} , tempsFermeture);
}

// fermeture d'un menu de section
function sectionclose(id) {
	document.getElementById("ulsection"+id).style.display = "none";
	document.getElementById("asection"+id).className="";
}

window.onload = function() {menuOnLoad();}