/////////////////////////////////////////////
//
// 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] = "Dérivation";
   categorie[0][1] = "";
   categorie[0][2] = "index_droite.html";
  // -- [categorie 2]
  categorie[1] = new Array();
   categorie[1][0] = "Réparation";
   categorie[1][1] = "";
   categorie[1][2] = "index_droite.html";
  // -- [categorie 3]
  categorie[2] = new Array();
   categorie[2][0] = "Pièces Spéciales";
   categorie[2][1] = "";
   categorie[2][2] = "index_droite.html";
  // -- [categorie 4]
  categorie[3] = new Array();
   categorie[3][0] = "Outillage";
   categorie[3][1] = "";
   categorie[3][2] = "index_droite.html";
  // -- [categorie 5]
  categorie[4] = new Array();
   categorie[4][0] = "Catalogue 2009";
   categorie[4][1] = "";
   categorie[4][2] = "index_droite.html";
   
   categorie[5] = new Array();
   categorie[5][0] = "Tarif EIE";
   categorie[5][1] = "http://eie.fr/formulaire2.php";
   categorie[5][2] = "_blank";

 
 // 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 = 'leftFrame';
 var target = '_blank';

// --- 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 Dérivation]
 lien[0] = new Array();
 lien[0]["Machine à percer<br>en charge 20/40"] = "derivation/machine_20_40.html";
 lien[0]["Machine à percer<br>en charge 50-200"] = "derivation/machine_50_200.html";
 lien[0]["Machine mixte<br>Obturation / Percement"] = "derivation/machine_mixte.html";
 lien[0]["Collier d'obturation définitive"] = "derivation/collier_obturation.html";
 lien[0]["Collier de prise en charge<br>standard"] = "derivation/collier_prise_charge_standard.html";
 lien[0]["Collier de prise en charge<br>(Grande tolérance)"] = "derivation/collier_grande_tolerance.html";
 lien[0]["Manchon de dérivation<br>acier type 120A"] = "derivation/manchon_derivation_acier.html";
 lien[0]["Manchon (T)<br>fonte départ à bride"] = "derivation/manchon_T.html";
 lien[0]["Collier + Vanne"] = "derivation/collier_vanne.html";
 lien[0]["T-Plus<br>à cartouche explosive"] = "derivation/t_plus.html";

 // -- [Liens de la categorie 2]
 lien[1] = new Array();
 lien[1]["Manchon fonte, 2 parties<br>Type 120 et 101"] = "reparation/manchon_fonte.html";
 lien[1]["Manchon fonte pour<br>petit diamètre Type 102"] = "reparation/manchon_petits_diametre.html";
 lien[1]["Manchon de réparation Type 110"] = "reparation/manchon_reparation.html";
 lien[1]["Manchon inox à machoire fonte"] = "reparation/manchon_inox_machoire.html";
 lien[1]["Manchon de réparation tout inox"] = "reparation/manchon_reparation_inox.html";
  lien[1]["Manchon de réparation en acier<br>Type 120 A"] = "reparation/manchon_reparation_acier_120a.html";
   lien[1]["Manchon de réparation en acier<br>Type 124 (VP)"] = "reparation/manchon_reparation_acier_124.html";
    lien[1]["Collier de réparation (acier)<br>en 2 parties"] = "reparation/collier_reparation_acier.html";
	 lien[1]["Bride de réparation<br>des joints au plomb<br>Type 105"] = "reparation/bride_reparation_joints_plomb.html";
	  lien[1]["Adaptateur de bride"] = "reparation/adaptateur_bride.html";
	   lien[1]["Manchon de raccordement"] = "reparation/manchon_raccordement.html";
	    lien[1]["Boulonnerie"] = "reparation/boulonnerie.html";
 
 // -- [Liens de la categorie 3]
 lien[2] = new Array();
 lien[2]["Pièces spéciales"] = "metallerie/pieces_speciales.html";
 lien[2]["Trappe de visite"] = "metallerie/trappe_visite.html";
 lien[2]["Echelles / Echelons"] = "metallerie/echelles_echelons.html";
 lien[2]["Métallerie / sécurité"] = "metallerie/metallerie.html";

// -- [Liens de la categorie 4]
 lien[3] = new Array();
 lien[3]["Gratte tubes"] = "outillage/gratte_tubes.html";
 lien[3]["Test à la pression"] = "outillage/test_pression.html";
 lien[3]["Outillage"] = "outillage/outillage.html";
 lien[3]["Matériel d'obturation"] = "outillage/materiel_obturation.html";
 lien[3]["Emboîte tubes fonte"] = "outillage/emboite_tubes_fonte.html";
  lien[3]["Désinfection"] = "outillage/desinfection.html";
   lien[3]["Détecteurs"] = "outillage/detecteurs.html";
    lien[3]["Détecteur de câbles<br>et canalisation"] = "outillage/detecteurs_cables_canalisations.html";

// -- [Liens de la categorie 5]
 lien[4] = 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[4]["Catalogue EIE 2009"] = "popup";
  popup[4] = new Array();
  popup[4]["Catalogue EIE 2009"] = new Array();
  popup[4]["Catalogue EIE 2009"]["url"] = "catalogue_EIE_2009.pdf";
  popup[4]["Catalogue EIE 2009"]["nom"] = "Catalogue_EIE_2009";
  popup[4]["Catalogue EIE 2009"]["toolbar"] = "yes";
  popup[4]["Catalogue EIE 2009"]["menubar"] = "no";
  popup[4]["Catalogue EIE 2009"]["location"] = "no";
  popup[4]["Catalogue EIE 2009"]["scrollbars"] = "yes";
  popup[4]["Catalogue EIE 2009"]["width"] = "600";
  popup[4]["Catalogue EIE 2009"]["height"] = "400";
  popup[4]["Catalogue EIE 2009"]["resizable"] = "yes";
  
  
  
 /* 
  lien[5] = new Array();
 
  
  
  
  lien[5]["Téléchargez le Tarif"] = "popup";
  popup[5] = new Array();
  popup[5]["Téléchargez le Tarif"] = new Array();
  popup[5]["Téléchargez le Tarif"]["url"] = "formulaire2.php";
  popup[5]["Téléchargez le Tarif"]["nom"] = "formulaire tarif";
  popup[5]["Téléchargez le Tarif"]["toolbar"] = "yes";
  popup[5]["Téléchargez le Tarif"]["menubar"] = "no";
  popup[5]["Téléchargez le Tarif"]["location"] = "no";
  popup[5]["Téléchargez le Tarif"]["scrollbars"] = "yes";
  popup[5]["Téléchargez le Tarif"]["width"] = "600";
  popup[5]["Téléchargez le Tarif"]["height"] = "400";
  popup[5]["Téléchargez le Tarif"]["resizable"] = "yes";
 */ 
 
 
 lien[5] = new Array();
 lien[5]["Tarif EIE"] = "formulaire2.php";


<!--------------------------------------------- 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='95%' border='0'><tbody>");
 for (var i=0; i<categorie.length; i++) {
   document.write("<tr class='cat_titre_nonselect'>");
   if (categorie[i][1] != "") {
    document.write("<td width='2%' " + rectract_ok + " class='bordure_cat_g'>&nbsp;</td>");
	document.write("<td height='20' width='96%' class='bordure_cat' onmouseover='sousmenu_hide(" + i + ")'>");
	document.write("&nbsp;&nbsp;<img src='images/menu.gif' height='9' width='8'>&nbsp;&nbsp;");
	document.write("<a href='" + categorie[i][1] + "' target='" + categorie[i][2] + "' class='cat_titre_nonselect' onmouseover=\"this.className='cat_titre_select';\" onmouseout=\"this.className='cat_titre_nonselect';\">" + categorie[i][0] + "</a>");
   } else {
    document.write("<td width='2%' " + rectract_ok + " class='bordure_cat_g'>&nbsp;</td>");
	document.write("<td height='20' width='96%' class='bordure_cat' 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) + "'>");
	 for (url in lien[i]) {
		if (target == "_blank") {
		  if (lien[i][url] == "popup") {
		  document.write("<tr onclick=\"window.open('" + popup[i][url]["url"] + "','" + popup[i][url]["nom"] + "','toolbar=" + popup[i][url]["toolbar"] + ",menubar=" + popup[i][url]["menubar"] + ",location=" + popup[i][url]["location"] + ",scrollbars=" + popup[i][url]["scrollbars"] + ",width=" + popup[i]["width"] + ",height=" + popup[i][url]["height"] + ",resizable=" + popup[i][url]["resizable"] + "')\">");
		  document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		 } else {
		  document.write("<tr onclick=\"window.open('" + lien[i][url] + "','popup','toolbar=0,menubar=0,location=0,scrollbars=1,width=600,height=400,resizable=1')\">");
		  document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		 }
		} else if (target == "_self" || target == "_parent" || target == "_top") {
		 if (lien[i][url] == "popup") {
		  document.write("<tr onclick=\"window.open('" + popup[i][url]["url"] + "','" + popup[i][url]["nom"] + "','toolbar=" + popup[i][url]["toolbar"] + ",menubar=" + popup[i][url]["menubar"] + ",location=" + popup[i][url]["location"] + ",scrollbars=" + popup[i][url]["scrollbars"] + ",width=" + popup[i][url]["width"] + ",height=" + popup[i][url]["height"] + ",resizable=" + popup[i][url]["resizable"] + "')\">");
		  document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		 } else {
		  document.write("<tr onclick=\"document.location.href='" + lien[i][url] + "'\">");
		  document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		 }
		} else {
		  if (lien[i][url] == "popup") {
		  document.write("<tr onclick=\"window.open('" + popup[i][url]["url"] + "','" + popup[i][url]["nom"] + "','toolbar=" + popup[i][url]["toolbar"] + ",menubar=" + popup[i][url]["menubar"] + ",location=" + popup[i][url]["location"] + ",scrollbars=" + popup[i][url]["scrollbars"] + ",width=" + popup[i]["width"] + ",height=" + popup[i][url]["height"] + ",resizable=" + popup[i][url]["resizable"] + "')\">");
		  document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		 } else {
		  document.write("<tr onclick=\"top." + target + ".location.href='" + lien[i][url] + "'\">");
		  document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		 }
		}
	 }
   document.write("</table></center></td><td " + rectract_ok + "></td><td></td></tr><tr " + rectract_ok + "><td colspan='4'></td></tr>");
 }
document.write("</tbody></table>");
<!------------------------------------------------------------------------------------------------------------------------------>