/*
Permet de dérouler et masquer le menu déroulant, et de developper les onglets
*/

function montre(id,url) {

	var d = document.getElementById(id);

	// 15 est le nb max de menus
	for (var i = 0; i<15; i++) {
		
		// On masque tout
		if (document.getElementById('sm'+i)) {
			
			// Masque tous les sous-menu
			document.getElementById('sm'+i).style.display='none';
			
			// Re-init de tous les onglets, on les remets en mode "normal"
		//	document.getElementById('li'+i).style.height = '35px';
			document.getElementById('li'+i).style.background = 'url(\''+url+'template/images/onglet.jpg\')';
			}
	}
	
	if (d) {
		
		// Affiche le sous-menu demandé
		d.style.display='block';
		//d.style.visibility='visible'; Si je le remets (et modif CSS) ca flashe pas, mais marche mal sur IE7
		
		// Calcul de sa position :
		index = id.substring(2,3); // Recup de numéro de menu id = li1, li2 ....
		left = 14 + index*161; // Calcul de la marge gauche : gauche + longueur menu*numero de menu 
	
		// Les index sont de 0 à X, pour éviter de faire le décalage à partir du index+1 lien, on limite 
		// à index le nb max de décalage, pour éviter de faire sortir le menu de la page
		if (index> 6) {
		//	alert("toto");
			left = 15 + 6*161 + 4 ;
		}
		left = left +'px';
		
		// Mise en place de la marge gauche
		document.getElementById('ss-menu').style.left = left;
		
		// Mise en place de l'onglet en mode developpé
	//	document.getElementById('li'+index).style.height = '35px'; 
	//	document.getElementById('li'+index).hover();
		document.getElementById('li'+index).style.background = 'url(\''+url+'template/images/onglet-hover.jpg\')';
		}
}



/*
Permet de masquer les onglets relatifs
*/

function montreRelatif(id,url) {

	var d = document.getElementById(id);
	
	
	// Utile au cas ou l'onglet 0 ou 1 sont pas présents
	if (d == null){
		id = "rel1";
		d = document.getElementById(id);
		
	} 
	if (d == null){
		id = "rel2";
		d = document.getElementById(id);
	}
	

	// 5 est le nb max de menus
	for (var i = 0; i<5; i++) {
		
		// On masque tout
		if (document.getElementById('rel'+i)) {
			
			// Masque tous les sous-menu
			document.getElementById('rel'+i).style.display='none';
			
			// Re-init de tous les onglets, on les remets en mode "normal"	
			document.getElementById('lirel'+i).style.background = 'url(\''+url+'template/images/onglet-relatif.gif\')';
			
			}
	}
	
	if (d) {
		
		// Affiche le sous-menu demandé
		d.style.display='block';
		//d.style.visibility='visible'; Si je le remets (et modif CSS) ca flashe pas, mais marche mal sur IE7
		
		// Calcul de sa position :
		index = id.substring(3,4); // Recup de numéro de menu id = rel1, rel2 ....
		
		// Mise en place de l'onglet en mode developpé
		document.getElementById('lirel'+index).style.background = 'url(\''+url+'template/images/onglet-relatif-hover.gif\')';
		
		}
}