/////////////////////////////////////////////
//
// Fichier JS - le 10/10/2005
// Script de [Menu Vertical] 
// by CmoiYouyou - haryou@free.fr
//
/////////////////////////////////////////////

// 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 = 'self';
	 xxxx: pour ouvrir dans la frame xxxx            =>       target = 'xxxx';
 */
var target = 'self';

// 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 */
	categorie = new Array();
 // Categories du Menu
 categorie[0] = "Accueil";
 categorie[1] = "Le Club";
 categorie[2] = "Les Coureurs";
 categorie[3] = "Les Dirigeants";
 categorie[4] = "L'Ecole de Cyclisme";
 categorie[5] = "Les Abeilles";
 categorie[6] = "Musette de Photos";
 categorie[7] = "Les Liens";
 // Groupe de liens
 /* Modifier ici les titres et liens - Vous pouvez en rajouter ou en supprimer autant de liens que vous voulez */
	lien = new Array();
 // Categorie 1 du Menu
 lien[0] = new Array();
 lien[0]["Accueil"] = "index.htm";
  // Categorie 2 du Menu
 lien[1] = new Array();
 lien[1]["Notre histoire"] = "histoire.htm";
 lien[1]["Nos activités"] = "activite.htm";
 lien[1]["Nos partenaires"] = "partenaires.htm";
  
  // Categorie 3 du Menu
 lien[2] = new Array();
 lien[2]["Equipe 2012"] = "equipe2012.htm";
 lien[2]["Minimes"] = "minimes.htm";
 lien[2]["Cadets"] = "cadets.htm";
 lien[2]["Ufolep"] = "section ufolep.htm";
 lien[2]["Juniors et seniors"] = "juniors et seniors.htm";
 
  
 // Categorie 4 du Menu
 lien[3] = new Array();
 lien[3]["bureau 2012"] = "bureau.htm";
 lien[3]["Nos organisations"] = "organisations.htm";
 lien[3]["Contact"] = "contact.htm";

 // Categorie 5 du Menu
 lien[4] = new Array();
 lien[4]["Fonctionnement"] = "fonctionnement.htm";
 lien[4]["Nos petites abeilles"] = "ecole de cyclisme.htm";
 
 // Categorie 6 du Menu
 lien[5] = new Array();
 lien[5]["Nos victoires"] = "victoires.htm";
 lien[5]["Nos récompenses"] = "recompenses.htm";
 lien[5]["Reglements de nos epreuves"] = "reglements.htm"; 
 
  // Categorie 7 du Menu
 lien[6] = new Array();
 lien[6]["Musette de Photos"] = "photos.htm";

 
 // Categorie 8 du Menu
 lien[7] = new Array();
 lien[7]["Les Liens"] = "liens.htm";



<!--------------------------------------------- Ne rien modifier sous cette ligne ---------------------------------------------->

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

document.write("<table cellSpacing='0' cellPadding='0' width='80%' border='0'>");
 for (i=0; i<categorie.length; i++) {
   document.write("<tbody>");
   document.write("<tr class='menu'>");
   document.write("<td height='20' onMouseover=\"JavaScript:this.className='menu_select'; sousmenu_hide(" + i + ");\" onMouseout=\"JavaScript:this.className='menu_nonselect'; sousmenu_hide(" + i + ");\">");
   document.write("&nbsp;&nbsp;<img height='9' width='8' src=\"images/menu.gif\">&nbsp;&nbsp;" + categorie[i]);
   document.write("</td>");
   document.write("</tr>");
   document.write("<tr height='1'><td></td></tr>");
   document.write("<tr><td><center><table class='hide' id='menu" + (i) + "' cellSpacing='2' cellPadding='2' width='95%'>");
	 for (url in lien[i]) {
		if (target == "blank") {
		 document.write("<tr onClick=\"JavaScript:window.open('" + lien[i][url] + "')\"><td class='sousmenu_nonselect' onMouseover=\"JavaScript:this.className='sousmenu_select';\" onMouseout=\"JavaScript:this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		} else if (target == "self" || target == "parent" || target == "top") {
		 document.write("<tr onClick=\"JavaScript:document.location.href='" + lien[i][url] + "'\"><td class='sousmenu_nonselect' onMouseover=\"JavaScript:this.className='sousmenu_select';\" onMouseout=\"JavaScript:this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		} else {
		 document.write("<tr onClick=\"JavaScript:top." + target + ".location.href='" + lien[i][url] + "'\"><td class='sousmenu_nonselect' onMouseover=\"JavaScript:this.className='sousmenu_select';\" onMouseout=\"JavaScript:this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		}
	 }
   document.write("</table></center></td></tr>");
 }
document.write("</table>");
<!------------------------------------------------------------------------------------------------------------------------------>