/* 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 = 200;				// Pour régler la largeur du menu
var hauteurMenu = 40;				// Pour régler la hauteur du menu
var hauteurSousMenu = 20;				// Pour régler la hauteur du sous-menu
var policeMenu = "Lucida Calligraphy";			// Police pour les menus
var policeSousMenu = "Verdana";			// Police pour les menus
var taillePoliceMenu = "16";		// Taille de la police du menu
var taillePoliceSousMenu = "14";		// Taille de la police du sous-menu
var couleurPoliceMenu = "#000000";	// Couleur de la police du menu
var couleurBordure = "#000000";		// Couleur de la bordure du menu
var couleurFond = "#FF99FF";		// Couleur du fond du menu
var couleurFond2 = "#FF99FF";		// 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 pouvz en rajouter autant que vous le souhaitez
var menu = new Array();
var menuLien = new Array();
var menuTarget = new Array();


menu[0]="Accueil";
menuLien[0] ="index.html";

menu[1]="British Shorthair";
menuLien[1] ="Britishshorthair.html";

menu[2]="British Longhair";
menuLien[2] ="Britishlonghair.html";

menu[3]="Européen";
menuLien[3] ="Europeen.html";

menu[4]="Galerie";
menuLien[4] ="Galerie.html";

menu[5]="Expos";
menuLien[5] ="Expos.html";

menu[6]="Contact";
menuLien[6] ="Contact.html";

menu[7]="Liens";
menuLien[7] ="Liens.html";


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

// Valeurs sous le premier menu

ssmenuNom[1] = new Array();
ssmenuLien[1] = new Array();

ssmenuNom[1][0] = "Femelle";		// Nom du lien
ssmenuLien[1][0] = "Femelle.html";	// Adresse


ssmenuNom[1][1] = "Mâle";
ssmenuLien[1][1] = "Maleshorthair.html";

ssmenuNom[1][2] = "Chaton";
ssmenuLien[1][2] = "Chatonshorthair.html";


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

ssmenuNom[2][0] = "Mâle";
ssmenuLien[2][0] = "Malelonghair.html";

ssmenuNom[2][1] = "Femelle";
ssmenuLien[2][1] = "Femellelonghair.html";

ssmenuNom[2][2] = "Neutre";
ssmenuLien[2][2] = "Neutrelonghair.html";

// Valeurs sous le troisieme menu - idem
ssmenuNom[3] = new Array();
ssmenuLien[3] = new Array();

ssmenuNom[3][0] = "Femelle";
ssmenuLien[3][0] = "FemelleEuropeen.html";

//------------------- 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){
	if(num > 0 && num < 4){
		for (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 = couleurPoliceMenu;
}

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  ------------------------//


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

	document.write("table.ssmenu {");
	document.write("	font-family: "+policeSousMenu+";");
	document.write("	font-size: "+taillePoliceSousMenu+"px;");
	document.write("	color: "+couleurPoliceMenu+";");
	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 height='"+hauteurMenu+"'>");
		document.write("<td align='center' onMouseOver='rollOver(this)' onMouseOut='rollOut(this)' onClick='ouvreLien(\""+menuLien[i]+"\",\"_top\")' 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
		if(i>0 && i<4){
			for (z=0; z<ssmenuNom[i].length; z++) {
				document.write("<tr height='"+hauteurSousMenu+"'>");
				document.write("<td onMouseOver='rollOver(this)' onMouseOut='rollOut(this)' onClick='ouvreLien(\""+ssmenuLien[i][z]+"\",\"_top\")' style='cursor:hand'><i>"+ssmenuNom[i][z]+"</i></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>");