/////////////////////////////////////////////
//
// 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[0] = new Array();						-> Type de la variable (ne pas modifier)
	 categorie[0][0] = "Catégorie 1";					-> Nom de la catégorie
	 categorie[0][0] = "Catégorie 1";					-> Nom de la catégorie
	 categorie[0][1] = "http://liencatégorie1/";		-> Lien
	 categorie[0][2] = "blank";							-> Cible du lien - _blank, _self (ne pas oublier l'underscore _) ou nom de votre frame
 */
 categorie = new Array();
 // Categories du Menu
 categorie[0] = new Array();
  categorie[0][0] = "";
  categorie[0][1] = "<font color=#000066>La Société</font>";
  categorie[0][2] = "http://liencatégorie1/";
  categorie[0][3] = "_self";
   // --
 categorie[1] = new Array();
  categorie[1][0] = "";
  categorie[1][1] = "<font color=#000066>Nos Services</font>";
  categorie[1][2] = "http://liencatégorie2/";
  categorie[1][3] = "_self";
 // --
 categorie[2] = new Array();
  categorie[2][0] = "";
  categorie[2][1] = "<font color=#000066>Développement</font>";
  categorie[2][2] = "http://liencatégorie3/";
  categorie[2][3] = "_self";
  //--
 categorie[3] = new Array();
  categorie[3][0] = "";
  categorie[3][1] = "<font color=#000066>Nos Produits</font>";
  categorie[3][2] = "http://liencatégorie3/";
  categorie[3][3] = "_self";
 // --
/* categorie[5] = new Array();
  categorie[5][0] = "";
  categorie[5][1] = "<font color=#000066>Commande en Ligne</font>";
  categorie[5][2] = "http://liencatégorie4/";
  categorie[5][3] = "_self";
*/
// --
 categorie[4] = new Array();
  categorie[4][0] = "";
  categorie[4][1] = "<font color=#000066>Nos Partenaires</font>";
  categorie[4][2] = "http://liencatégorie5/";
  categorie[4][3] = "_blank";
 
// 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();
 // Menu 1 "sociéte"
 lien[0] = new Array();
 lien[0]["<img Src = 'images/fleche.gif'>Qui sommes nous ?"] = "client.php?Services=11";
 lien[0]["<img Src = 'images/fleche.gif'>Nos Références"] = "client.php?Services=15";
 lien[0]["<img Src = 'images/fleche.gif'>News"] = "client.php?Services=4";
 lien[0]["<img Src = 'images/fleche.gif'>Foire Aux Questions"] = "client.php?Soc=4";

 // Menu 2 "Nos Services"
 lien[1] = new Array();
 lien[1]["<img Src = 'images/fleche.gif'>Formation"] = "client.php?Services=1";
 lien[1]["<img Src = 'images/fleche.gif'>Maintenance"] = "client.php?Services=16";
 
 // Menu 3 "developpement"
 lien[2] = new Array();
 lien[2]["<img Src = 'images/fleche.gif'>Logiciels"] = "client.php?Services=26";

 
 // Menu 4 "Nos Produits" 
 lien[3] = new Array();
 lien[3]["<img Src = 'images/fleche.gif'>Produits Fujitsu <br>&nbsp;&nbsp; Siemens Computers"] = "client.php?Type=1";
 lien[3]["<img Src = 'images/fleche.gif'>Equipements Réseaux"] = "client.php?Type=7";
 lien[3]["<img Src = 'images/fleche.gif'>Imprimantes"] = "client.php?Type=8";
 lien[3]["<img Src = 'images/fleche.gif'>TSP</b>"] = "client.php?Type=11";
 lien[3]["<img Src = 'images/fleche.gif'>Onduleurs</b>"] = "client.php?Type=10";
 lien[3]["<img Src = 'images/fleche.gif'>Périphériques</b>"] = "client.php?Type=12";
   
 // Menu 5 "Commande en linge" 
 lien[5] = new Array();
// lien[5]["Mon Panier"] = "http://127.0.0.1/bits.com.tn/client.php?Type=-1";
 lien[5]["<img Src = 'images/fleche.gif'>Comment<br>&nbsp; Commander?"] = "client.php?Services=10";

 // Menu 6 "Nos Partenaires"
 lien[4] = new Array();
 lien[4]["<img Src = 'images/fleche.gif'>Fujitsu Siemens <br>&nbsp;&nbsp;Computers"] = "http://www.fujitsu-siemens.com";
 lien[4]["<img Src = 'images/fleche.gif'>OKI"] = "http://www.oki.fr/";
 lien[4]["<img Src = 'images/fleche.gif'>Tally Genicom"] = "http://www.tallygenicom.fr";
 lien[4]["<img Src = 'images/fleche.gif'>SEDCO"] = "http://www.sedco-online.com";
 lien[4]["<img Src = 'images/fleche.gif'>SMC Networks"] = "http://www.smc.com";
 lien[4]["<img Src = 'images/fleche.gif'>Samsung"] = "http://www.samsung.com";
 lien[4]["<img Src = 'images/fleche.gif'>Psion Teklogix"] = "http://www.psionteklogix.com";
 lien[4]["<img Src = 'images/fleche.gif'>Microtek"] = "http://www.microtek.com";
 lien[4]["<img Src = 'images/fleche.gif'>Ideal Power"] = "http://www.idealups.com.tw";

 
<!--------------------------------------------- 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='100%' border='0'>");
for (i=0; i<categorie.length; i++) 
{
   document.write("<tbody>");
   document.write("<tr class='menu'>");
   if (categorie[i][0] == "actif") 
   {
    	document.write("<td height='20'>");
		document.write("&nbsp;&nbsp;<img height='9' width='8' src=\"images/menu.gif\">&nbsp;&nbsp;<a href='" + categorie[i][2] + "' target='" + categorie[i][3] + "' class='menu' onMouseover=\"JavaScript:this.className='menuhover';\" onMouseout=\"JavaScript:this.className='menu';\">" + categorie[i][1] + "</a>");
   } 
   else 
   {
    document.write("<td height='20'>");
	document.write("&nbsp;&nbsp;<img height='9' width='8' src=\"images/menu.gif\">&nbsp;&nbsp;" + categorie[i][1]);
	document.write("</td>");
		for(url in lien[i])
    	{
			if (categorie[i][3] == "_self")
			{
			  document.write("<tr class='sousmenu'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 + "</td></tr>");
			}
			if (categorie[i][3] == "_blank")
			{
			  document.write("<tr class='sousmenu'onClick=\"JavaScript:window.open('" + lien[i][url] + "')\"><td class='sousmenu_nonselect' onMouseover=\"JavaScript:this.className='sousmenu_select';\" onMouseout=\"JavaScript:this.className='sousmenu_nonselect';\">" + url + "</td></tr>");
			}
		}
   }
  
   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>");
<!------------------------------------------------------------------------------------------------------------------------------>