/////////////////////////////////////////////
//
// 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] = "Présentations";
 categorie[2] = "Prestations";
 categorie[3] = "Tarifs";
 categorie[4] = "Contacts";
 categorie[5] = "Références";

// 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]["Bienvenue"] = "accueil.htm";

 // Categorie 2 du Menu
 lien[1] = new Array();
 lien[1]["Qui Sommes-Nous"] = "presentations.htm";

 // Categorie 3 du Menu
 lien[2] = new Array();
 lien[2]["Les Services"] = "services.htm";
 lien[2]["Le But d'un Site"] = "buts.htm";

 // Categorie 4 du Menu
 lien[3] = new Array();
 lien[3]["Les Prix"] = "tarifs.htm";

 // Categorie 5 du Menu
 lien[4] = new Array();
 lien[4]["Nous Contacter"] = "contacts.htm";
 lien[4]["Le Formulaire"] = "formulaire.html";
 lien[4]["Zone Clients"] = "clients.htm";
 
// Categorie 6 du Menu
 lien[5] = new Array();
 lien[5]["Nos Références"] = "references.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>");
<!------------------------------------------------------------------------------------------------------------------------------>