/* Daniel Fabien - webmaster@script-masters.com
*  Script Masters - http://www.script-masters.com/ 
* 
*  Menu vertical dynamique
*  Vous pouvez utilisé ce script sous reserve de conserver ce message
*/

//------------------- Options  ------------------------//
var largeurMenu = 95			// Pour régler la largeur du menu
var positionPoliceMenu = "center"		// Pour centrer ou pas les polices
var policeMenu = "Arial"                                                   // Police pour les menus
var policeSousMenu = "Verdana"                                           // Police pour les sous menus
var graissePoliceMenu = "bold"                                     // Graisse pour les polices des menus
var graissePoliceSousMenu = "bold"                                     // Graisse pour les polices des sous menus
var taillePoliceMenu = "11"			// Taille de la police du menu
var couleurPoliceMenu = "#ffffff"	// Couleur de la police du menu
var couleurPoliceSousMenu = "#ffffff"	// Couleur de la police du sous menu
var couleurBordure = "#000000"		// Couleur de la bordure du menu
var couleurFond = "680000"			// Couleur du fond du menu
var couleurFond2 = "#000000"		// Couleur du fond des sous menus
var couleurLienRollOver = "#000000"	// Couleur des liens lors du rollover
var couleurFondRollOver = "#ffffff"	// Couleur du fond sur Rollover

//------------------- Valeurs du menu  ------------------------//

// nom de chaque menu - Vous pouvez en rajouter autant que vous le souhaitez
var menu = new Array();
menu[0]='<a href="accueil.htm" onfocus="this.blur();"><img src="images/bouton_accueil.jpg" width="95" height="24" border="0"></a>';
menu[1]='<img src="images/bouton_metallerie.jpg" width="95" height="24" border="0">';
menu[2]='<img src="images/bouton_serrurerie.jpg" width="95" height="24" border="0">';
menu[3]='<a href="devis.htm" onfocus="this.blur();"><img src="images/bouton_devis.jpg" width="95" height="24" border="0"></a>';
menu[4]='<a href="acces.htm" onfocus="this.blur();"><img src="images/bouton_acces.jpg" width="95" height="24" border="0"></a>';
menu[5]='<a href="contact.htm" onfocus="this.blur();"><img src="images/bouton_contact.jpg" width="95" height="24" border="0"></a>';
menu[6]='<a href="partenaires.htm" target="_blank" onfocus="this.blur();"><img src="images/bouton_liens.jpg" width="95" height="24" border="0"></a>';


var ssmenuNom = new Array();
var ssmenuLien = new Array();
var ssmenuTarget = new Array();

// Valeurs sous le menu ACCUEIL

ssmenuNom[0] = new Array();
ssmenuLien[0] = new Array();
ssmenuTarget[0] = new Array();




// Valeurs sous le menu METALLERIE - Répéter opération
ssmenuNom[1] = new Array();
ssmenuLien[1] = new Array();
ssmenuTarget[1] = new Array();


ssmenuNom[1][0] = "Portails";
ssmenuLien[1][0] = "portails.htm";
ssmenuTarget[1][0] = "self";

ssmenuNom[1][1] = "Escaliers";
ssmenuLien[1][1] = "escaliers.htm";
ssmenuTarget[1][1] = "self";

ssmenuNom[1][2] = "Grilles";
ssmenuLien[1][2] = "grilles.htm";
ssmenuTarget[1][2] = "self";

ssmenuNom[1][3] = "Garde-corps";
ssmenuLien[1][3] = "gardecorps.htm";
ssmenuTarget[1][3] = "self";

ssmenuNom[1][4] = "Menuiseries acier, alu";
ssmenuLien[1][4] = "menuiserieacier.htm";
ssmenuTarget[1][4] = "self";

ssmenuNom[1][5] = "Divers";
ssmenuLien[1][5] = "divers.htm";
ssmenuTarget[1][5] = "self";


// Valeurs sous le menu SERRURERIE - idem
ssmenuNom[2] = new Array();
ssmenuLien[2] = new Array();
ssmenuTarget[2] = new Array();

ssmenuNom[2][0] = "Portes de garage";
ssmenuLien[2][0] = "portesgarage.htm";
ssmenuTarget[2][0] = "self";

ssmenuNom[2][1] = "Volets roulants";
ssmenuLien[2][1] = "voletsroulants.htm";
ssmenuTarget[2][1] = "self";

ssmenuNom[2][2] = "Automatismes de portails";
ssmenuLien[2][2] = "automatismes.htm";
ssmenuTarget[2][2] = "self";

ssmenuNom[2][3] = "Services";
ssmenuLien[2][3] = "services.htm";
ssmenuTarget[2][3] = "self";


// Valeurs sous le menu DEVIS - Répéter opération
ssmenuNom[3] = new Array();
ssmenuLien[3] = new Array();
ssmenuTarget[3] = new Array();


// Valeurs sous le menu ACCES - Répéter opération
ssmenuNom[4] = new Array();
ssmenuLien[4] = new Array();
ssmenuTarget[4] = new Array();


// Valeurs sous le menu CONTACT - Répéter opération
ssmenuNom[5] = new Array();
ssmenuLien[5] = new Array();
ssmenuTarget[5] = new Array();

// Valeurs sous le menu PARTENAIRES - Répéter opération
ssmenuNom[6] = new Array();
ssmenuLien[6] = new Array();
ssmenuTarget[6] = new Array();


//------------------- Ne rien modifié  ------------------------//
var nbMenu = menu.length;

//------------------- Rendu dynamique  ------------------------//

//On détecte le browser
var ie=document.all
var ns6=document.getElementById&&!document.all

function montreMenu(num){
	for (var i=0; i<nbMenu; i++) {
		if (ie) {
			objet = document.all["ssmenu"+i]
		} else if (ns6) {
			objet = document.getElementById("ssmenu"+i);
		}
		if (objet.style.display == ""){
			objet.style.display = "none"
		}
	}
	if (ie) {
		objet = document.all["ssmenu"+num]
	} else if (ns6) {
		objet = document.getElementById("ssmenu"+num);
	}
	if (objet.style.display == "none"){
		objet.style.display = ""	
	} 
}

function rollOver(lien) {
	lien.style.background = couleurFondRollOver;
	lien.style.color = couleurLienRollOver;
}

function rollOut(lien) {
	lien.style.background = couleurFond2;
	lien.style.color = couleurPoliceSousMenu;
}

function ouvreLien(url,mode) {
	if (mode == "_blank") {
		window.open(url)
	} else if (mode == "_top")  {
		window.top.location.href = url
	} else { 
		window.top.parent.frames[mode].location.href  = url
	}
}

//------------------- Génération du menu  ------------------------//

function generation () {
	document.write("<style type='text/css'>");
	document.write("td.menu {");
	document.write("	font-family: "+policeMenu+";");
                   document.write("       font-weight: "+graissePoliceMenu+";");
	document.write("	font-size: "+taillePoliceMenu+"px;");
	document.write("	text-align: "+positionPoliceMenu+";");
	document.write("	color: "+couleurPoliceMenu+";");
	document.write("	border: 0px solid "+couleurBordure+";");
	document.write("	background-color: "+couleurFond+";");
	document.write("}");

	document.write("table.ssmenu {");
	document.write("	font-family: "+policeSousMenu+";");
	document.write("       font-weight: "+graissePoliceSousMenu+";");
	document.write("	font-size: "+taillePoliceMenu+"px;");
	document.write("	color: "+couleurPoliceSousMenu+";");
	document.write("	border: 1px solid "+couleurBordure+";");
	document.write("	background-color: "+couleurFond2+";");
	document.write("}");
	document.write("</style>");
	
	document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");
	//1ere boucle
	for (i=0; i<nbMenu; i++) {
		document.write("<tr>");
		document.write("<td onMouseOver='montreMenu("+i+")' style='cursor:hand' class='menu'>"+menu[i]+"</td>");
		document.write("</tr>");
		document.write("<tr style='display:none' id='ssmenu"+i+"'>");
		document.write("<td>");
 		//<!--Un espace-->
		document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");
		document.write("<tr>");
		document.write("<td width='2'></td>");
		document.write("</tr>");
		document.write("</table>");
		//<!--Le sous menu-->
		document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0' class='ssmenu'>");
   		// seconde boucle
		for (z=0; z<ssmenuNom[i].length; z++) {
			document.write("<tr>");
			document.write("<td onMouseOver='rollOver(this)' onMouseOut='rollOut(this)' onClick='ouvreLien(\""+ssmenuLien[i][z]+"\",\""+ssmenuTarget[i][z]+"\")' style='cursor:hand'>"+ssmenuNom[i][z]+"</td>");
			document.write("</tr>");
   			//fin seconde boucle
		}
		document.write("</table>");
		document.write("</td>");
		document.write("</tr>");
		document.write("<tr>");
		document.write("<td width='2'></td>");
		document.write("</tr>");
		// fin 1 ere boucle
		}
	document.write("</table>");
	}