/////////////////////////////////////////////
//
// Script de [Menu Vertical] - Fichier JS
// Création: 28/11/2008
// Dernière modification: 
// Par TortueDeMer
//
/////////////////////////////////////////////

// Menu deroulant
 /* Modifier comme ceci
     var menu_deroulant = "";							-> Menu non deroulant
	 var menu_deroulant = "oui";							-> Menu deroulant
 */
 var menu_deroulant = "ok";

// Eléments du Menu
 /* Modifier ici les noms des catégories - Vous pouvez en rajouter ou en supprimer, mais il faudra en avoir autant de groupe de liens
	 Entete_Menu[X] = new Array();						-> Type de la variable (ne pas modifier)
	 Entete_Menu[X][0] = "Catégorie 1";					-> Nom de la catégorie
	 Entete_Menu[X][1] = "http://liencatégorie1/";		-> Lien de la catégorie - Si vide, il n'y aura pas de lien sur cette catégorie 
	 Entete_Menu[X][2] = "_blank";						-> Cible du lien - _blank (nouvelle page), _self (même page),... ou nom de votre frame
 */
 // --- Entete_Menus du Menu ---
 Entete_Menu = new Array();
  // -- [Entete_Menu 1]
  Entete_Menu[0] = new Array();
   Entete_Menu[0][0] = "Menu";
   Entete_Menu[0][1] = "";
   Entete_Menu[0][2] = "_self";
 
  // -- [Entete_Menu 1]
  Entete_Menu[1] = new Array();
   Entete_Menu[1][0] = "Annonceur";
   Entete_Menu[1][1] = "";
   Entete_Menu[1][2] = "_self";

  // -- [Entete_Menu 1]
  Entete_Menu[2] = new Array();
   Entete_Menu[2][0] = "Informations";
   Entete_Menu[2][1] = "";
   Entete_Menu[2][2] = "_self";
 // Cible des liens du menu
 /* Modifier ici la cible des liens. Vous devez affecter à la variable target:
     _blank: pour ouvrir dans une nouvelle page      =>       target = '_blank';
	 _self: pour ouvrir dans la même page            =>       target = '';
	 xxxx: pour ouvrir dans la frame/iframe xxxx     =>       target = 'xxxx';
 */
 var target = '_self';

// --- Groupe de liens ---
 /* Modifier, ici, les titres et liens, la cible
    Vous pouvez en rajouter ou en supprimer autant de liens que vous voulez.
 */
 lien_Sous_Menu = new Array();
 // -- [lien_Sous_Menus de la Entete_Menu 1]
 lien_Sous_Menu[0] = new Array();
 /* */
 lien_Sous_Menu[0]["Mot de passe perdu"] = "http://www.cosmosbarre.com/site/mot_de_passe_perdu.php";
 
 lien_Sous_Menu[1] = new Array();
 /* */
 lien_Sous_Menu[1]["Annoncer"] = "http://www.cosmosbarre.com/site/getad.php";

 lien_Sous_Menu[2] = new Array();
 /* */
 lien_Sous_Menu[2]["Historique des taux"] = "http://www.cosmosbarre.com/site/stats_taux.php";
 lien_Sous_Menu[2]["Statistiques"] = "http://www.cosmosbarre.com/site/stats.php";
 <!--------------------------------------------- essai ---------------------------------------------->


function sousmenu_hide(actif) {
for (var i=0; i<Entete_Menu.length; i++)
 document.getElementById('menu' + i).className = i == actif ? 'sousmenu' : 'hide';
}

deroulant_oui = menu_deroulant == "ok" ? "onclick='sousmenu_hide(-1)'" : '';
<!-- taille du menu -->
document.write("<table  width='170' border='0' cellspacing='0' cellpadding='0'><tbody>"); 
 for (var i=0; i<Entete_Menu.length; i++) {



document.write("<tr class='cat_titre_nonselect'>");
// coté gauche de l'entete du menu
	document.write("<td width='02%' " + deroulant_oui + " class='cat_titre_Vide' height='20px'>&nbsp;</td>");
//  milieu de l'entete du menu
	document.write("<td class='cat_titre_nonselect width='96%' height='20px' onclick='sousmenu_hide(" + i + ")'>");
	document.write(Entete_Menu[i][0]);
// coté droit de l'entete du menu
   document.write("</td><td class='cat_titre_Vide' width='98%' " + deroulant_oui + ">&nbsp;</td></tr>");


// coté gauche du corp  menu
   document.write("<td " + deroulant_oui + "></td>");

// taile du sous menu
document.write("<td ><center><table width='90%' height='20px' class='hide' id='menu" + (i) + "'>");

// creation du sous menu

for (url in lien_Sous_Menu[i]) {		
// Mileu du corp  menu
		  document.write("<tr onclick=\"self.location.href='" + lien_Sous_Menu[i][url] + "'\">");		 
		  document.write("<td height='20px' class='sousmenu_nonselect' onclick=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>"); 		 
	 }
	 

	 
// coté droit du corp  menu
   document.write("</table></center></td><td " + deroulant_oui + "></td></tr>");
// fin du menu
//---------------- taille de l'espace entre les menu
	document.write("<tr class='cat_titre_FIN' height='20px' >");
//  coté gauche de l'entete du menu
//	document.write("<td " + deroulant_oui + "></td>");
	document.write("<td width='02%' " + deroulant_oui + " class='cat_titre_Vide' height='20px'>&nbsp;</td>");
//  milieu de la fin du menu
	document.write("<td width='96%' height='20px' class='cat_titre_FIN'></td>");
//  coté droit de la fin du menu
   document.write("<td class='cat_titre_Vide' width='98%' " + deroulant_oui + ">&nbsp;</td></tr>");

//---------------- espace entre les menu
	document.write("<tr><td>&nbsp;</td><td " + deroulant_oui + "></td></tr>");
}
document.write("</tbody></table>");