/* Daniel Fabien - webmaster@script-masters.com
*  Script Masters - http://www.aura-reiki.com/ 
* 
*  Menu vertical dynamique

*  Vous pouvez utilisé ce script sous reserve de conserver ce message
*/

//------------------- Options  ------------------------//
var largeurMenu = 180				// Pour régler la largeur du menu
var policeMenu = "Verdana"			// Police pour les menus
var taillePoliceMenu = "11"			// Taille de la police du menu
var taillePoliceMenu2 = "10"			// 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 = "#C3C9D4"			// Couleur du fond du menu
var couleurFond2 = "#D43968"		// Couleur du fond des sous menus
var couleurLienRollOver = "#FFFFFF"	// Couleur des liens lors du rollover
var couleurFondRollOver = "#CB0828"	// 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]="<table align=center><tr><td><img src='images/sahasrara.png'></td><td style='vertical-align: middle; text-align:center;'>Accueil</td><td><img src='images/sahasrara.png'></td></tr></table>";
menu[1]="<table align=center><tr><td><img src='images/ajna.png'\"></td><td style='vertical-align: middle'>F.Avril</td><td><img src='images/ajna.png'></td></tr></table>";
menu[2]="<table align=center><tr><td><img src='images/vishuddha.png'></td><td style='vertical-align: middle'>Formations</td><td><img src='images/vishuddha.png'></td></tr></table>";
menu[3]="<table align=center><tr><td><img src='images/anahata.png'></td><td style='vertical-align: middle'>Techniques de soins</td><td><img src='images/anahata.png'></td></tr></table>";
menu[4]="<table align=center><tr><td><img src='images/manipura.png'></td><td style='vertical-align: middle'>Voyages</td><td><img src='images/manipura.png'></td></tr></table>";
menu[5]="<table align=center><tr><td><img src='images/swadhistana.png'></td><td style='vertical-align: middle'>Mon Blog</td><td><img src='images/swadhistana.png'></td></tr></table>";
menu[6]="<table align=center><tr><td><img src='images/sahasrara.png'></td><td style='vertical-align: middle'>Contact</td><td><img src='images/swadhistana.png'></td></tr></table>";

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] = "Retour à l'accueil";// Nom du lien
ssmenuLien[0][0] = "index.html";// Adresse
ssmenuTarget[0][0] = "_top";// ouvrir une fenetre : _top
			    // 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] = "Qui suis-je ?";
ssmenuLien[1][0] = "avril.html";
ssmenuTarget[1][0] = "_top";

ssmenuNom[1][1] = "Mes livres";
ssmenuLien[1][1] = "livres.html";
ssmenuTarget[1][1] = "_top";

ssmenuNom[1][2] = "Mes sites aimés";
ssmenuLien[1][2] = "sites.html";
ssmenuTarget[1][2] = "_top";

ssmenuNom[1][3] = "L'association Soleil/Soleil";
ssmenuLien[1][3] = "asso.html";
ssmenuTarget[1][3] = "_top";

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

ssmenuNom[2][0] = "Mes formations";
ssmenuLien[2][0] = "formations.html";
ssmenuTarget[2][0] = "_top";

ssmenuNom[2][1] = "Mes invit&eacute;s";
ssmenuLien[2][1] = "invites.html";
ssmenuTarget[2][1] = "_top";

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

ssmenuNom[3][0] = "Auras et Chakras";
ssmenuLien[3][0] = "auras.html";
ssmenuTarget[3][0] = "_top";

ssmenuNom[3][1] = "Shamballa";
ssmenuLien[3][1] = "shamballa.html";
ssmenuTarget[3][1] = "_top";

ssmenuNom[3][2] = "EMF et soins reconnectifs";
ssmenuLien[3][2] = "emf.html";
ssmenuTarget[3][2] = "_top";

ssmenuNom[3][3] = "Archétypes";
ssmenuLien[3][3] = "archetypes.html";
ssmenuTarget[3][3] = "_top";

ssmenuNom[3][3] = "Essence de vie";
ssmenuLien[3][3] = "essence.html";
ssmenuTarget[3][3] = "_top";

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

ssmenuNom[4][0] = "Voyages en Egypte";
ssmenuLien[4][0] = "voyages.html";
ssmenuTarget[4][0] = "_top";

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

ssmenuNom[5][0] = "Visitez mon blog";
ssmenuLien[5][0] = "blog/index.php";
ssmenuTarget[5][0] = "_top";

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

ssmenuNom[6][0] = "Contactez-moi";
ssmenuLien[6][0] = "contact.html";
ssmenuTarget[6][0] = "_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 cachMenu(){
	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"
		}
	}
}

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.menu0, td.menu1, td.menu2, td.menu3, td.menu4, td.menu5{");
	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("	text-align:center;");
	document.write("	vertical-align:middle;");	
	document.write("}");
	
	document.write("td.menu0 {background-color:#AC2D89;}");
	document.write("td.menu1 {background-color:#064AAB;}");
	document.write("td.menu2 {background-color:#5299CE;}");
	document.write("td.menu3 {background-color:#5DB657;}");
	document.write("td.menu4 {background-color:#FFDF00;}");
	document.write("td.menu5 {background-color:#FE9747;}");
        document.write("td.menu6 {background-color:#AC2D89;}");
	
	document.write("table.ssmenu {");
	document.write("	font-family: "+policeMenu+";");
	document.write("	font-size: "+taillePoliceMenu2+"px;");
	document.write("	color: "+couleurPoliceMenu+";");
	document.write("	border: 1px solid "+couleurBordure+";");
	document.write("	background-color: "+couleurFond2+";");
	document.write("    margin: 3px;");
	document.write("    padding: 3px;");
	document.write("}");
	document.write("</style>");
	
	
	
	document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0' >");
	document.write("<tr>");
	document.write("<td onmouseout='cachMenu();'>");
	document.write("</td>");
	document.write("</tr>");
	//1ere boucle
	for (i=0; i<nbMenu; i++) {
		document.write("<tr>");
		document.write("<td onMouseOver='montreMenu("+i+")'vertical-align='middle'; class='menu"+i+"'>"+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]+"\")'>"+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("<tr>");
		document.write("<td onmouseout='cachMenu();'>");
		document.write("</td>");
		document.write("</tr>");

	document.write("</table>");
	}