/* 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 = 178                           // Pour régler la largeur du menu
var policeMenu = "Verdana"			// Police pour les menus
var taillePoliceMenu = "10"			// Taille de la police du menu
var couleurPoliceMenu = "#666666"	// Couleur de la police du menu
var couleurBordure = "#f0f5fb"		// Couleur de la bordure du menu
var couleurFond = "#efefef"		// Couleur du fond du menu
var couleurFond2 = "#f0f5fb"		// Couleur du fond des sous menus
var couleurLienRollOver = "#7c8fda"	// Couleur des liens lors du rollover
var couleurFondRollOver = "#f0f5fb"	// 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();
menu[0]="Babelsberg";
menu[1]="Potsdam";

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

// Valeurs sous le premier menu

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

ssmenuNom[0][0] = "Babelsberg";								// Nom du lien
ssmenuLien[0][0] = "/babelsberg.php";	// Adresse
ssmenuTarget[0][0] = "_top";							// ouvrir une fenetre : _blank
										// ds la même fenetre : _top
										// ds une frame : nom de la frame


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

ssmenuNom[1][0] = "Histoire de Potsdam";
ssmenuLien[1][0] = "/potsdam_histoire.php";
ssmenuTarget[1][0] = "_top";

ssmenuNom[1][1] = "La ville de Potsdam";
ssmenuLien[1][1] = "/potsdam_ville.php";
ssmenuTarget[1][1] = "_top";

ssmenuNom[1][2] = "Le Neuer Garten";
ssmenuLien[1][2] = "/potsdam_neuerpark.php";
ssmenuTarget[1][2] = "_top";

ssmenuNom[1][3] = "Le Parc de Sans Souci";
ssmenuLien[1][3] = "/potsdam_sanssouci.php";
ssmenuTarget[1][3] = "_top";

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

function generation () {
	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: "+policeMenu+";");
	document.write("	font-size: "+taillePoliceMenu+"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>");
		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>");
	}