//------------------- Options  ------------------------//
var largeurMenu = 148				// Pour régler la largeur du menu
var policeMenu = "Trebut MS"			// Police pour les menus
var taillePoliceMenu = "13"			// Taille de la police du menu
var couleurPoliceMenu = "#000000"	// Couleur de la police du menu
var couleurBordure = "#FFFFFF"		// Couleur de la bordure du menu
var couleurFond = "#9EBACF"			// Couleur du fond du menu
var couleurFond2 = "#ffffff"		// Couleur du fond des sous menus
var couleurLienRollOver = "#000000"	// Couleur des liens lors du rollover
var couleurFondRollOver = "#F8A001"	// Couleur du fond sur Rollover

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

// nom de chaque menu 
var menu = new Array();
menu[0]="Traitements par laser";
menu[1]="Rajeunissement";
menu[2]="Mésothérapie";


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] = "Couperose, Erythrose<br>Points Rubis";
ssmenuLien[0][0] = "cepr.html";
ssmenuTarget[0][0] = "_top";

ssmenuNom[0][1] = "Varicosités";
ssmenuLien[0][1] = "varicosites.html";
ssmenuTarget[0][1] = "_top";

ssmenuNom[0][2] = "Les verrues<BR>et le laser CO2";
ssmenuLien[0][2] = "verrues.html";
ssmenuTarget[0][2] = "_top";

ssmenuNom[0][3] = "Epilation";
ssmenuLien[0][3] = "epilation.html";
ssmenuTarget[0][3] = "_top";

ssmenuNom[0][4] = "Taches pigmentaires";
ssmenuLien[0][4] = "tachespigmentaires.html";
ssmenuTarget[0][4] = "_top";

ssmenuNom[0][5] = "Détatouage";
ssmenuLien[0][5] = "detatouage.html";
ssmenuTarget[0][5] = "_top";

ssmenuNom[0][6] = "Photorajeunissement";
ssmenuLien[0][6] = "photorajeunissement.html";
ssmenuTarget[0][6] = "_top";


// 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] = "Injections de comblement :<BR>SCULPTRA &#8482;";
ssmenuLien[1][0] = "comblementsculptra.html";
ssmenuTarget[1][0] = "_top";

ssmenuNom[1][1] = "Injections de comblement :<BR>ACIDE HYALURONIQUE";
ssmenuLien[1][1] = "comblementhyaluronique.html";
ssmenuTarget[1][1] = "_top";

ssmenuNom[1][2] = "Injection de toxine botulinique";
ssmenuLien[1][2] = "botulinique.html";
ssmenuTarget[1][2] = "_top";

ssmenuNom[1][3] = "Les peelings";
ssmenuLien[1][3] = "peeling.html";
ssmenuTarget[1][3] = "_top";

ssmenuNom[1][4] = "Photoréjuvénation";
ssmenuLien[1][4] = "photorejuvenation.html";
ssmenuTarget[1][4] = "_top";

ssmenuNom[1][5] = "Laser de relissage";
ssmenuLien[1][5] = "relissage.html";
ssmenuTarget[1][5] = "_top";



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

ssmenuNom[2][0] = "Traitement de la cellulite";
ssmenuLien[2][0] = "cellulite.html";
ssmenuTarget[2][0] = "_top";





//------------------- Ne rien modifier  ------------------------//
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("	padding: 3px 1px 3px 2px;");
	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 #C2CDC8;");
	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' style='height: 4px;'></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;padding: 5px 5px 5px 5px;'>"+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' style='height: 4px;'></td>");
		document.write("</tr>");
		// fin 1 ere boucle
		}
	document.write("</table>");
	}