// JavaScript Document
var niveau2actif = "#";
var niveau3actif = "#";
var niveau2hide = false;
var niveau3hide = false;

function $(id){
	return document.getElementById(id);
}

function display_niveau2(id_niveau2){
	niveau2hide = false;
	if (niveau2actif != "#"){
		if($(niveau2actif)){
			$(niveau2actif).style.display = "none";
		}
	}
	if ($(id_niveau2)){
		niveau2actif = id_niveau2;
		$(id_niveau2).style.display = "block";
	}
}

function hide_niveau2(){
	niveau2hide = true;
	setTimeout("hide_niveau2_timeout()", 300);
}

function hide_niveau2_timeout(){
	if (niveau2hide == true){
		if($(niveau3actif)){
			$(niveau3actif).style.display = "none";
		}
		if($(niveau2actif)){
			$(niveau2actif).style.display = "none";
		}
	}
}

// Niveau 3
function display_niveau3(id_niveau3){
	if (niveau3actif != "#"){
		if($(niveau3actif)){
			$(niveau3actif).style.display = "none";
		}
	}
	niveau3actif = id_niveau3;
	if($(id_niveau3)){
		$(id_niveau3).style.left = $(niveau2actif).offsetWidth+"px";
		$(id_niveau3).style.display = "block";
	}
}