var largeurMenu = 197				// Pour régler la largeur du menu
var policeMenu = "Arial, Helvetica, sans-serif" // Police pour les menus
var taillePoliceMenu = 14;			// Taille de la police du menu
var taillePoliceSousMenu = 12;			// Taille de la police du sous menu
var fontMenu="bold"                 // style Menu
var couleurPoliceSousMenu = "#333333"	
var couleurPoliceMenu = "#FFFFFF"
var couleurBordure = "#509650"		// Couleur de la bordure du menu (vert tendant sur le gris : RGB : 80 150 80)
var couleurFond2 = "#E6E6E6"		// Couleur du fond des sous menus
var couleurFondRollOver = "#468C46"	// Couleur du fond lors du rollover (vert tendant sur le gris : : RGB : 70 140 70)
var hauteurCellMenu=36;        // Hauteur des cellules des sous menus
var hauteurCellSousmenu=15;        // Hauteur des cellules des sous menus
var widthDecalageSousmenu = 10;      // largeur de décalage du sous-menu
var leftMargin = 3;                    // marge de gauche 
var rightMargin = 5;                   // marge de droite
var imageFondBoutton = "menu/images/button.png";
var imageFondBouttonOver = "menu/images/button_over.png";
var imageInterBoutton = "menu/images/ligne_verte_V.png";
var imageSousMenu = "menu/images/flo.gif";
var h_imageInterBoutton = 3;
var w_imageInterBoutton = 3;
var temps_latence = 1000; // temps de latente en millisecondes

var largeurCentre = largeurMenu - leftMargin - rightMargin;

//------------------- programme principal ------------------------//
var nbMenu = menu_vertical.length;

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

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

// correction des largeurs relatives et définition style
if (ie) {
   var dx = 90;
   var cursorStyle = "hand";
}
else {
   var dx = 90;
   var cursorStyle = "pointer";
}

function showSousMenu(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 hideAllSousMenu(){
	 for (var i=0; i<nbMenu; i++) {
		if (ie) {
			objet = document.all["ssmenu"+i] 
		} 
		else if (ns6) {
			objet = document.getElementById("ssmenu"+i);
		}
		objet.style.display = "none"
	}
}

function rollOverMenuIE(id) {
	document.getElementById("button_"+id).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='menu/images/button_over.png', sizingMethod='scale')";
}

function rollOutMenuIE(id) {
	document.getElementById("button_"+id).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='menu/images/button.png', sizingMethod='scale')";
}

function rollOverMenuNS(lien) {
   lien.style.background="url("+imageFondBouttonOver+")";
}

function rollOutMenuNS(lien) {
   lien.style.background="url("+imageFondBoutton+")";
}

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

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

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;
	}
	setTimeout("hideAllSousMenu()",500); 
}

//------------------- 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("	font-weight: "+fontMenu+";");	
	document.write("	color: "+couleurPoliceMenu+";");
	if (!ie) {
	  document.write("	background:url("+imageFondBoutton+");");
	}
	document.write("}");

	document.write("table.ssmenu {");
	document.write("	font-family: "+policeMenu+";");
	document.write("	font-size: "+taillePoliceSousMenu+"px;");
	document.write("	color: "+couleurPoliceSousMenu+";");
	document.write("	border: 1px solid "+couleurBordure+";");
	document.write("	background-color: "+couleurFond2+";");
	document.write("}");
	document.write("</style>");
	
	// tableau du menu
	document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");
	for (i=0; i<nbMenu; i++) {
		if (menuNom_vertical[i].length==1) {
		   document.write("<tr>");
		     document.write("<td width='"+leftMargin+"' onMouseOver='hideAllSousMenu()'></td>");
			 if (ie) {
	           document.write("<td width='"+largeurCentre+"' height='"+hauteurCellMenu+"' class='menu' onMouseOver='rollOverMenuIE("+i+")' onMouseOut='rollOutMenuIE("+i+")' onClick='ouvreLien(\""+menuLien_vertical[i][0]+"\",\""+menuTarget_vertical[i][0]+"\")' style='cursor:"+cursorStyle+"'>"+
							 "<div id=\"button_"+i+"\" style=\"position:relative; height:36; width:190;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+imageFondBoutton+"', sizingMethod='scale');\"><div style='margin:9'>"+menuNom_vertical[i][0]+"</div></div></td>");
			 }
			 else { 
			   document.write("<td width='"+largeurCentre+"' height='"+hauteurCellMenu+"' class='menu' onMouseOver='rollOverMenuNS(this)' onMouseOut='rollOutMenuNS(this)' onClick='ouvreLien(\""+menuLien_vertical[i][0]+"\",\""+menuTarget_vertical[i][0]+"\")' style='cursor:"+cursorStyle+"'>&nbsp;&nbsp;"+menuNom_vertical[i][0]+"</td>");
			 }
			 document.write("<td width='"+rightMargin+"' onMouseOver='hideAllSousMenu()'></td>"); 
		   document.write("</tr>");
		   document.write("<tr style='display:none' id='ssmenu"+i+"'></tr>");
		}
		else {
		   document.write("<tr>");
		     document.write("<td width='"+leftMargin+"' onMouseOver='hideAllSousMenu()'></td>");
		     document.write("<td width='"+largeurCentre+"'>");
		       document.write("<table cellspacing='0' cellpadding='0'  width='100%'>");
		         document.write("<tr>");
				   if (ie) {
				     document.write("<td height='"+hauteurCellMenu+"' style='cursor:"+cursorStyle+"' class='menu' onMouseOver='showSousMenu("+i+")'>"+
				        "<div style=\"position:relative; height:36; width:190;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+imageFondBoutton+"', sizingMethod='scale');\"><div style='margin:9'>"+menu_vertical[i]+"</div></td>");
				   }
				   else {
		             document.write("<td height='"+hauteurCellMenu+"' style='cursor:"+cursorStyle+"' class='menu' onMouseOver='showSousMenu("+i+")'>&nbsp;&nbsp;"+menu_vertical[i]+"</td>");
				   }
				 document.write("</tr>");
		         document.write("<tr style='display:none' id='ssmenu"+i+"'>");
		           document.write("<td height='"+hauteurCellMenu+"' onMouseOver='showSousMenu("+i+")' align='center'>");
		             document.write("<table width='"+(largeurCentre-2*widthDecalageSousmenu)+"' border='0' cellspacing='0' cellpadding='1' class='ssmenu'>");
		             for (z=0; z<menuNom_vertical[i].length; z++) {
			            document.write("<tr>");
			              document.write("<td height='"+hauteurCellSousmenu+"' align='left' onMouseOver='rollOver(this)' onMouseOut='rollOut(this)' onClick='ouvreLien(\""+menuLien_vertical[i][z]+"\",\""+menuTarget_vertical[i][z]+"\")' style='cursor:"+cursorStyle+"'><img src='"+imageSousMenu+"'/> "+menuNom_vertical[i][z]+"</td>");
			            document.write("</tr>");
		             }
		             document.write("</table>");
		           document.write("</td>");
		         document.write("</tr>");
		       document.write("</table>");
		     document.write("</td>");
			 document.write("<td width='"+rightMargin+"' onMouseOver='hideAllSousMenu()'></td>"); 
		   document.write("</tr>");
	   }
	   if (i<nbMenu-1) {
	      document.write("<tr>");
		    document.write("<td width='"+leftMargin+"' onMouseOver='hideAllSousMenu()'></td>");
			document.write("<td width='"+largeurCentre+"' align='left' onMouseOver='hideAllSousMenu()'>");
			  document.write("<table width='"+largeurCentre+"' cellspacing='0' cellpadding='0'>")
			    document.write("<tr>");
				  document.write("<td align='right' width='"+(largeurCentre-dx)+"'>");
		          if (ie) {
	                document.write("<div style=\"position:relative; height:"+h_imageInterBoutton+"; width:"+w_imageInterBoutton+";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+imageInterBoutton+"', sizingMethod='scale');\" />");
		          }
		          else {
	                document.write("<img src='"+imageInterBoutton+"'/>");
		          }
		          document.write("</td>");
			      document.write("<td width='"+dx+"'></td>");
		        document.write("</tr>");
		      document.write("</table>");
			document.write("</td>");
			document.write("<td width='"+rightMargin+"' onMouseOver='hideAllSousMenu()'></td>"); 
		  document.write("</tr>");
	   }
	}
	document.write("</table>");
}