/*
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 = '25px';
			document.getElementById('li'+i).style.background = 'url(\''+url+'template/images/onglet.png\')';
			}
	}
	
	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 = 352 + index*127 + index*4; // Calcul de la marge gauche : gauche + longueur menu*numero de menu +  padding*numero de menu 
		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 = '45px'; 
		document.getElementById('li'+index).style.background = 'url(\''+url+'template/images/onglet-hover.png\')';
		}
}