/*
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 = '31px';
			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 :
		var index = id.substring(2,3); // Recup de numéro de menu id = li1, li2 ....
		var top = 182 + (index*31) ; // Calcul de la marge haute : hauteur + hauteur menu*numero de menu 
		top = top +'px';
		
		// Mise en place de la marge haute
		document.getElementById("ss-menu").style.top = top;
		// Mise en place de l'onglet en mode developpé
		document.getElementById('li'+index).style.height = '31px'; 
		document.getElementById('li'+index).style.background = 'url(\''+url+'template/images/onglet-hover.png\')';
		}
}