//||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
//|													|
//|		les niveau représente la position de l'objet dans le menu :	|
//|		menu (niveau0), sous-menu (niveau2) , 				|
//|		sous-sous-menu (niveau3) , etc						|
//|													|
//||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||


//----------------------		mise en subrillance : changement de couleur au passage de la souris 		-----------------------------------------------------//
//quel_div			=> nom de la div en question ("nom de l'onglet")
//quel_niveau			=> sa pronfondeur dans le menu
//effectuer_ouverture	=> se le menu ouvre 1 sous menu au passage de la souris : deux valeur : oui/non
//quel_ouverture		=> nom de la div ouverte
function surbrillance(quel_div,quel_niveau,effectuer_ouverture,quel_ouverture){
	switch (quel_niveau){
		case 'niveau0':	
			document.getElementById(quel_div).style.border='1px solid #CEAE99';
			document.getElementById(quel_div).style.background='#D35A0A';
			document.getElementById(quel_div).style.color='#FFFFFF';
		break;
		case 'niveau1':
			document.getElementById(quel_div).style.border='1px solid #E4D3C9';
			document.getElementById(quel_div).style.background='#BC9278';
			document.getElementById(quel_div).style.color='#FFFFFF';
		break;
		case 'niveau2':
			document.getElementById(quel_div).style.border='1px solid #E4D3C9';
			document.getElementById(quel_div).style.background='#BC9278';
			document.getElementById(quel_div).style.color='#FFFFFF';
		break;
		case 'niveau3':
			document.getElementById(quel_div).style.border='1px solid #E4D3C9';
			document.getElementById(quel_div).style.background='#BC9278';
			document.getElementById(quel_div).style.color='#FFFFFF';
		break;
		case 'niveau4':
			document.getElementById(quel_div).style.border='1px solid #E4D3C9';
			document.getElementById(quel_div).style.background='#BC9278';
			document.getElementById(quel_div).style.color='#FFFFFF';
		break;
	}
	//si le menu permet d'afficher un sous menu, on appelle la fonction afficher
	if(effectuer_ouverture=="oui"){
		afficher(quel_ouverture,quel_niveau);
	}
	//appelle la fonction d'affichage de l'infobulle
	infobulle_delai('afficher',quel_div);
	
}

//----------------------		retour a la couleur par défaut + fermeture de l'infobulle		-----------------------------------------------------//
function retour_normal(quel_div,quel_niveau){
	switch (quel_niveau){
		case 'niveau0':	
			document.getElementById(quel_div).style.border='1px solid #873A06';
			document.getElementById(quel_div).style.background='#CEAE99';
			document.getElementById(quel_div).style.color='#000000';
		break;
		case 'niveau1':
			document.getElementById(quel_div).style.border='1px solid #BC9278';
			document.getElementById(quel_div).style.background='#E4D3C9';
			document.getElementById(quel_div).style.color='#000000';
		break;
		case 'niveau2':
			document.getElementById(quel_div).style.border='1px solid #BC9278';
			document.getElementById(quel_div).style.background='#EEE3DD';
			document.getElementById(quel_div).style.color='#000000';
		break;
		case 'niveau3':
			document.getElementById(quel_div).style.border='1px solid #BC9278';
			document.getElementById(quel_div).style.background='#EEE3DD';
			document.getElementById(quel_div).style.color='#000000';
		break;
		case 'niveau4':
			document.getElementById(quel_div).style.border='1px solid #BC9278';
			document.getElementById(quel_div).style.background='#EEE3DD';
			document.getElementById(quel_div).style.color='#000000';
		break;
	}

	document.getElementById('infobulle').style.display='none';
}

//affichage des menu/sous-menu
function afficher(mon_smenu,quel_niveau){
//------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
//mon_smenu	=> nom de la/les div(s) ouverte(s)
//quel_niveau	=> niveau dela div ouverte
//
//les champs cachés memoire_des_clik_nv0 (ou nv1 ou nv2 ou nv3) prennent la valeur de la dervniere div ouverte de leur niveau, permettant ainsi de la 
//refermer automatiquement a chaque ouverture d'une autre div. les valeur intiale de memoire_des_click_nv0/1/2/3 sont "vide0/1/2/3".La valeur par
//défault est nécessaire pour ne pas faire planté le getElementById.
//
//Lorsqu'il y a plusieurs div dans 1 niveau, les div sont noté a les une a la suites des autres avec le caractere | de séparaison exemple :
//			ma_div_numero_1|ma_div_numero_2|ma_div_numero_3
//
//nous séparons ensuite cette chaine de caractere et la mettont dans 1 tabbleau.
//----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

//prend les differentes valeurs du champs caché
var nv0 = document.memoire_des_clik.clique_nv0.value;
var nv1 = document.memoire_des_clik.clique_nv1.value;

var nv2 = document.memoire_des_clik.clique_nv2.value;
//mise dans un tableau du nom des div
var tous_mes_nv2 = nv2.split("|");
var nv3 = document.memoire_des_clik.clique_nv3.value;
//mise dans un tableau du nom des div
var tous_mes_nv3 = nv3.split("|");
var tous_mes_sous_menu = mon_smenu.split("|");

	switch(quel_niveau){
		case 'niveau0':
			//cache les dernieres div ouverte
			document.getElementById(nv0).style.display='none';
			document.getElementById(nv1).style.display='none';
			//referme toutes les div de niveau 2 ouverte 
			for(cpt_nv2=0;cpt_nv2<tous_mes_nv2.length;cpt_nv2++){
				document.getElementById(tous_mes_nv2[cpt_nv2]).style.display='none';
			}
			//referme toutes les div de niveau 3 ouverte 
			for(cpt_nv3=0;cpt_nv3<tous_mes_nv3.length;cpt_nv3++){
				document.getElementById(tous_mes_nv3[cpt_nv3]).style.display='none';
			}
			//si le meme c'est le meme menu qui est re-clické, ou le referme ou le ré-ouvre
			if(mon_smenu!=nv0){
				document.getElementById(mon_smenu).style.display='block';
				document.memoire_des_clik.clique_nv0.value=mon_smenu;
			}else{
				document.memoire_des_clik.clique_nv0.value="vide0";
			}
		break;
		case 'niveau1':
			document.getElementById(nv1).style.display='none';
			for(cpt_nv2=0;cpt_nv2<tous_mes_nv2.length;cpt_nv2++){
				document.getElementById(tous_mes_nv2[cpt_nv2]).style.display='none';
			}
			for(cpt_nv3=0;cpt_nv3<tous_mes_nv3.length;cpt_nv3++){
				document.getElementById(tous_mes_nv3[cpt_nv3]).style.display='none';
			}
			document.getElementById(mon_smenu).style.display='block';
			document.memoire_des_clik.clique_nv1.value=mon_smenu;		
		break;
		case 'niveau2':
			for(cpt_nv2=0;cpt_nv2<tous_mes_nv2.length;cpt_nv2++){
				document.getElementById(tous_mes_nv2[cpt_nv2]).style.display='none';
			}
			for(cpt_nv3=0;cpt_nv3<tous_mes_nv3.length;cpt_nv3++){
				document.getElementById(tous_mes_nv3[cpt_nv3]).style.display='none';
			}
			for(cpt_smenu=0;cpt_smenu<tous_mes_sous_menu.length;cpt_smenu++){
				document.getElementById(tous_mes_sous_menu[cpt_smenu]).style.display='block';
			}
				document.memoire_des_clik.clique_nv2.value=mon_smenu;
		break;
		case 'niveau3':
			for(cpt_nv3=0;cpt_nv3<tous_mes_nv3.length;cpt_nv3++){
				document.getElementById(tous_mes_nv3[cpt_nv3]).style.display='none';
			}
			for(cpt_smenu=0;cpt_smenu<tous_mes_sous_menu.length;cpt_smenu++){
				document.getElementById(tous_mes_sous_menu[cpt_smenu]).style.display='block';
			}
			document.memoire_des_clik.clique_nv3.value=mon_smenu;
		break;
	}
}


//initialise les variables contenant la position de la souris + renvoi a la fonction position a chaque mouvement de la souris
function initialisation_position(){
	souris_x = 0;    
	souris_y = 0;
	document.onmousemove = position;
}

function position(evenement){
   
    if(!evenement) evenement = window.event;
	
	
	largeur_ecran = screen.width;
	largeur_message = 295;
	position_de_la_div = souris_x+10;
	position_max_avant_scroll= largeur_ecran - largeur_message ;	
		
    souris_x = evenement.clientX;
	souris_y = evenement.clientY;
		
	marge = document.body.scrollTop;
	//permet de ne pas faire sortir la div de l'écran
	if(position_de_la_div > position_max_avant_scroll ){
		document.getElementById('infobulle').style.left=position_max_avant_scroll;
		document.getElementById('infobulle').style.top=souris_y+10+marge;	
	}else{
		document.getElementById('infobulle').style.left=souris_x+10;
		document.getElementById('infobulle').style.top=souris_y+10+marge;	
	}	
 }
 
function affichage_infobulle(){
document.getElementById('infobulle').style.display='block';
}