/////////////////////////////////////////////
//
// Script de [Menu Vertical] - Fichier JS
// Création: 10/10/2005
// Dernière modification: 01/07/2006 
// by haryou [haryoudev.free.fr] - haryoudev@free.fr
//
/////////////////////////////////////////////

// Menu rectractable
 /* Modifier comme ceci
     var menu_rectractable = "";							-> Menu non retractable
	 var menu_rectractable = "ok";							-> Menu retractable
 */
 var menu_rectractable = "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
	 categorie[X] = new Array();						-> Type de la variable (ne pas modifier)
	 categorie[X][0] = "Catégorie 1";					-> Nom de la catégorie
	 categorie[X][1] = "http://liencatégorie1/";		-> Lien de la catégorie - Si vide, il n'y aura pas de lien sur cette catégorie 
	 categorie[X][2] = "_blank";						-> Cible du lien - _blank (nouvelle page), _self (même page),... ou nom de votre frame
 */
 // --- Categories du Menu ---
 categorie = new Array();
  // -- [categorie 1]
  categorie[0] = new Array();
   categorie[0][0] = "accueil";
   categorie[0][1] = "index.php";
   categorie[0][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 = '_self';
	 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 = new Array();
 // -- [Liens de la categorie 1]
 lien[0] = new Array();
  // --- Popup ---
  popup = new Array();
  /* Pour afficher un popup, vous devez mettre comme lien "popup", rajouter et complèter les lignes suivantes:
  */
  /* --- Paramètres des popups ---
  popup[X] = new Array(); => Avec X = Numéro du lien
  popup[X]["LIEN"]  = new Array(); => Avec X = Numéro du lien
  popup[X]["LIEN"]["url"] = "votre_URL"; => X = Numéro du lien / LIEN = Le lien
  popup[X]["LIEN"]["nom"] = "nom_de_la_popup"; => Si vous utilisez plusieurs popup et le même nom, vous réutiliserez toujours la même page
  popup[X]["LIEN"]["toolbar"] = "no ou yes"; => Affichage de la barre d'outils
  popup[X]["LIEN"]["menubar"] = "no ou yes"; => Affichage de la barre de menu
  popup[X]["LIEN"]["location"] = "no ou yes"; => Affichage de la barre d'adresse
  popup[X]["LIEN"]["scrollbars"] = "no ou yes"; => Affichage de la barre d'outils
  popup[X]["LIEN"]["width"] = "400"; => largeur du popup
  popup[X]["LIEN"]["height"] = "300"; => hauteur du popup
  */
 lien[0]["Se Déconnecter"] = "page1.htm";
 

<!--------------------------------------------- Ne rien modifier sous cette ligne ---------------------------------------------->
function sousmenu_hide(actif) {
for (var i=0; i<categorie.length; i++)
 document.getElementById('menu' + i).className = i == actif ? 'sousmenu' : 'hide';
}

rectract_ok = menu_rectractable == "ok" ? "onmouseover='sousmenu_hide(-1)'" : '';

document.write("<table cellspacing='0' cellpadding='0' width='80%' border='0'><tbody>");
document.write("<tr><td colspan='2'><a title='Cliquez pour créer votre compte client' href='index.php?p=../client_ajout'><img border=\"0\" src=\"../equipement_sportif/trophees/design_5.jpg\"></a></td></tr>");
document.write("<tr><td colspan='2' height=\"10\">");
document.write("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0\" width=\"180\" height=\"30\" id=\"animation\" align=\"middle\">");
document.write("<param name=\"allowScriptAccess\" value=\"sameDomain\" />");
document.write("<param name=\"allowFullScreen\" value=\"false\" />");
document.write("<param name=\"movie\" value=\"http://www.avsport.fr/equipement_sportif/animation.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\"#ffffff\" />	<embed src=\"http://www.avsport.fr/equipement_sportif/animation.swf\" quality=\"high\" bgcolor=\"#ffffff\" width=\"180\" height=\"30\" name=\"animation\" align=\"middle\" allowScriptAccess=\"sameDomain\" allowFullScreen=\"false\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.adobe.com/go/getflashplayer_fr\" />");
document.write("</object>");
document.write("</td></tr>");
document.write("<tr><td colspan='2' height=\"10\"></td></tr>");
document.write("<tr><td colspan='2' height=\"10\"><a title='Cliquez pour faire une demande de devis' href='index.php?p=../contact'><img border=\"0\" src=\"../equipement_sportif/trophees/design_17.jpg\"></a></td></tr>");
document.write("<tr><td colspan='2' height=\"10\"></td></tr>");
 for (var i=0; i<categorie.length; i++) {
   document.write("<tr >");
   if (categorie[i][1] != "") {
    document.write("<td width='16' " + rectract_ok + " ><img src=\"../equipement_sportif/trophees/design_10a.jpg\"></td>");
	document.write("<td width='184' onmouseover='sousmenu_hide(" + i + ")'>");

	document.write("<a href='" + categorie[i][1] + "' target='" + categorie[i][2] + "' onmouseover=\"this.className='cat_titre_select';\" onmouseout=\"this.className='cat_titre_nonselect';\"><img alt='Identifiez vous' src=\"../equipement_sportif/trophees/design_9.jpg\" border=0></a>");
   } else {
    document.write("<td width='2%' " + rectract_ok + " >&nbsp;</td>");
	document.write("<td height='20' width='200' onmouseover='sousmenu_hide(" + i + ")'>");
	document.write("&nbsp;&nbsp;<img src='images/menu.gif' height='9' width='8'>&nbsp;&nbsp;" + categorie[i][0]);
   }
   document.write("</td><td width='2%' " + rectract_ok + " class='bordure_cat_d'>&nbsp;</td></tr>");
   document.write("<tr>");
   document.write("<td " + rectract_ok + "></td>");
   document.write("<td><center><table width='100%' class='hide' id='menu" + (i) + "'>");




		 
		  document.write("<tr>");
		  document.write("<td align=\"left\" colspan=\"2\" class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">");

document.write("<div align=\"left\"><table width=100% border=0><tr><form method=\"post\" action=\"../login.php\"><td align=left ><font face=\"Arial\" size=\"2\">Identifiant : </font></td><td><font face=\"Arial\" size=\"2\"><input type=\"text\" name=\"login\" size=\"10\"></font></td>");
document.write("</tr><tr><td align=left ><font face=\"Arial\" size=\"2\">Mot de passe : </font></td><td><font face=\"Arial\" size=\"2\"><input type=\"password\" name=\"passw\" size=\"10\"></font></td>");
document.write("</tr><tr><td align=\"center\" colspan=\"2\"><input type=\"button\" value=\"\" onclick=\" this.form.submit();\" style=\"border:0px;margin:0px;padding:0px;width:22px;height:22px;background:url('../equipement_sportif/ok.png');\" /><br />");
document.write("</td></tr><tr><td align=\"center\" colspan=\"2\"><font face=\"Arial\" size=\"1\" color=\"#FF0000\">[ <a href=\"index.php?p=../pwd_perdu\"><font face=\"Arial\" size=\"1\" color=\"#FF0000\">Mot de Passe perdu</a> <font face=\"Arial\" size=\"1\" color=\"#FF0000\">]</font></td></tr>");
document.write("<input type=\"hidden\" name=\"origine\" value=\"trophees\"></form></table></div>");
		  
		  document.write("</tr></td>");



	
   document.write("</table></center></td><td " + rectract_ok + "></td><td></td></tr><tr " + rectract_ok + " height=10><td colspan='4' " + rectract_ok + " ></td></tr>");
 }
document.write("</tbody></table>");
<!------------------------------------------------------------------------------------------------------------------------------>