var main="";
var font="ms sans serif";
var colBarre="#70C9BD";
var colFond="#70C9BD";
var colContour="#70C9BD";
var colOver="#004FA3";//"#388CB0";
var colTextOff="white";
var colTextOn="#FEDD01";
var cssTexte=";font-weight:bold;color:white;font-family:ms sans serif;font-size:12px";
var hauteur=15; // hauteur de l'image fl?che ? l'int?rieur du menu
var nivmax=4;
var delai=500;
var isout=0;
var positionLeft=Math.round(((document.body.scrollWidth-775)/2)+278);
var positionTop=85;
var hauteurMenu=18;

if ((document.body.scrollWidth-775)<0) {
	positionLeft=278;
}

function load() {	
	if (document.images) {
		this.length=load.arguments.length;
		for (var i=0;i<this.length;i++) {
			this[i+1]=new Image();
			this[i+1].src=load.arguments[i];
		}
	}
}

function preload(racine_image_langue) {
	var temp=new load(racine_image_langue + "menu/menu_1_o.gif",racine_image_langue + "menu/menu_2_o.gif",racine_image_langue + "menu/menu_3_o.gif",racine_image_langue + "menu/menu_4_o.gif",racine_image_langue + "menu/menu_5_o.gif",racine_image_langue + "menu/menu_6_o.gif",racine_image_langue + "menu/menu_7_o.gif",racine_image + "menu/menu_puce_bleue.gif",racine_image + "menu/menu_puce_sous_rub.gif",racine_image + "menu/menu_bas.gif");
}
preload(racine_image_langue);

function Init(racine_image_langue) {
	main=new CreerMain(positionLeft,positionTop,hauteurMenu); <!-- Changer la position dans la page ici (Left,Top,Hauteur)-->
	//alert(positionLeft);
	m1=new CreerMenu("m1",0,"_blank");
	m2=new CreerMenu("m2",0,"");
	m3=new CreerMenu("m3",0,"");
	m4=new CreerMenu("m4",0,"");
	m5=new CreerMenu("m5",0,"");
	m6=new CreerMenu("m6",0,"");
	m7=new CreerMenu("m7",0,"");
	m8=new CreerMenu("m8",1,"");

	main.Add(racine_image_langue + "menu/menu_1_n.gif",racine_image_langue + "menu/menu_1_o.gif",120,"m1",racine_rep + "bateaux_occasions/recherche_bateaux_occasions.html");
	main.Add(racine_image_langue + "menu/menu_2_n.gif",racine_image_langue + "menu/menu_2_o.gif",39,"m2",racine_rep + "bateaux_neufs/recherche_bateaux_neufs.html");
	main.Add(racine_image_langue + "menu/menu_3_n.gif",racine_image_langue + "menu/menu_3_o.gif",57,"m3",racine_rep + "magasin/magasin.html");
	main.Add(racine_image_langue + "menu/menu_4_n.gif",racine_image_langue + "menu/menu_4_o.gif",106,"m4",racine_rep + "qualite_sirena/processus_fabrication/processus_fabrication.html");
	main.Add(racine_image_langue + "menu/menu_5_n.gif",racine_image_langue + "menu/menu_5_o.gif",38,"m5",racine_rep + "news/news.html");
	main.Add(racine_image_langue + "menu/menu_6_n.gif",racine_image_langue + "menu/menu_6_o.gif",41,"m6",racine_rep + "bonus/documents.html");
	main.Add(racine_image_langue + "menu/menu_7_n.gif",racine_image_langue + "menu/menu_7_o.gif",57,"m7",racine_rep + "contact/contact.html");

	m1.add("Rechercher<br>dans notre<br>catalogue",racine_rep + "bateaux_occasions/recherche_bateaux_occasions.html","","");

	m2.add("Mercator",racine_rep + "bateaux_neufs/mercator/mercator.html","","");
	m2.add("SL",racine_rep + "bateaux_neufs/sl/sl.html","","");
	m2.add("Diablotin",racine_rep + "bateaux_neufs/diablotin/diablotin.html","","");

	m3.add("Magasin & Show room",racine_rep + "magasin/magasin.html","","");

	m4.add("Les services Sirena",racine_rep + "qualite_sirena/processus_fabrication/processus_fabrication.html","","");
	m4.add("La r?novation",racine_rep + "qualite_sirena/renovation/renovation.html","","");
	m4.add("Espace Pros",racine_rep + "qualite_sirena/espace_pros/espace_pros.html","","");

	m5.add("L'actualit? de Sirena",racine_rep + "news/news.html","","");
	m5.add("Les archives Sirena",racine_rep + "news/news_archives.html","","");
	m5.add("Revue de presse",racine_rep + "qualite_sirena/revue_presse/revue_presse.html","","");

	m6.add("Documents",racine_rep + "bonus/documents.html","","");
	m6.add("Liens utiles",racine_rep + "bonus/liens.html","","");

	m7.add("Nous contacter",racine_rep + "contact/contact.html","","");
	m7.add("Venir chez Sirena",racine_rep + "contact/plan_acces.html","","");
	m7.add("Mentions l?gales",racine_rep + "contact/mentions_legales.html","","");
}
Init(racine_image_langue);

function CreerMain(X,Y,haut,colFOn,colFOff,colTOn,colTOff) {
	this.nb=0;
	this.X=X;
	this.Y=Y;
	this.haut=haut;
	this.Add=AddMain;
	this.Print=PrintMain;
}

function AddMain(txt,txt2,larg,mnu,url,target) {
	var m=new Object;
	m.txt=txt;
	m.txt2=txt2;
	m.larg=larg;
	m.mnu=mnu;
	m.url=url;
	m.target=target;
	this.nb++;
	this[this.nb]=m;
	if(mnu!=''){eval(mnu+'.parent="'+txt+'"')};
}

function PrintMain() {	
	X=this.X;
	Y=this.Y;
	A="";
	for (var i=1;i<=this.nb;i++) {
 		if (this[i].mnu==""){this[i].mnu='0';}
		if ((document.all)||(window.sidebar)) {
    	var clic="";
    	var style="";
    	if(this[i].url!="") {style="cursor:pointer;"; clic=" onclick='window.location=\""+this[i].url+"\"'";}
			if(i==7) {
				A+="<DIV id='main"+i+"' style='position:absolute;left:"+X+";top:"+Y+";"+style+"width:"+this[i].larg+";height:"+this.haut+";background-color:"+colBarre+";"+cssTexte+";text-align:center;' onmouseover='start("+i+","+this[i].mnu+","+(X-50)+","+(Y+this.haut+0)+",\""+this[i].txt2+"\")'"+clic+"><img id='menu_"+i+"' src=\""+this[i].txt+"\"></DIV>";
			}
			else {
				A+="<DIV id='main"+i+"' style='position:absolute;left:"+X+";top:"+Y+";"+style+"width:"+this[i].larg+";height:"+this.haut+";background-color:"+colBarre+";"+cssTexte+";text-align:center;' onmouseover='start("+i+","+this[i].mnu+","+(X)+","+(Y+this.haut+0)+",\""+this[i].txt2+"\")'"+clic+"><img id='menu_"+i+"' src=\""+this[i].txt+"\"></DIV>";
			}
			if (i!=this.nb) {
				A+="<DIV align='left' id='picto"+i+"' style='position:absolute;left:"+((X+this[i].larg)-0)+";top:"+Y+";"+style+"width:5;height:"+this.haut+";background-color:"+colBarre+";'><img src='"+ racine_image + "menu/menu_puce_bleue.gif' border='0' style='position:absolute;top:0;'></DIV>";
			}
		}
		if (document.layers) {
			alert("mettez a niveau votre netscape pour compatibilit?");
		}
		X+=this[i].larg+5;
	}
	document.write(A);
}

function CreerMenu(nom,niv,target) {
	this.nb=0;
	this.X=0;
	this.Y=0;
	this.width=1;
	this.niv=niv;
	this.parent="";
	this.ON=-1;
	this.nom=nom;
	this.target=""; // Modif ici !
	if ((target!="")&&(target!=null)) {
		this.target=target;
	}
	this.add=Add;
	this.aff=Aff;
}

function Add(lib,lnk,mnu,target) {
	var rub = new Object;
	rub.lib=lib;
	rub.target=target;
	rub.lnk=""; 
	if ((lnk!="")&&(lnk!=null)) rub.lnk=lnk; 
	rub.mnu="";
	if ((mnu!="")&&(mnu!=null)) {
		rub.mnu=mnu; 
		mnu.parent=this
	}
	this[this.nb]=rub;	
	this.nb++;
}

function start(i,mnu,x,y,src) {	
	isout=1;hideall(i);isout=0
	if (mnu!=0){mnu.aff(x,y)};
	BGCalque("main"+i,colOver); FontCalque("main"+i,colTextOn); SizeCalque("fond",mmgetlarg()-x+20);
	rollover("menu_"+i,src);	
	MoveCalque("fond",x-50,y+1);
	ShowCalque("fond");
	return false;
}

function onfond() {
	isout=1;
	setTimeout("hideall()",delai);
}

function hideall(i,src) {
	if (isout==1) {
		for (var i=0;i<nivmax;i++) {HideCalque("niv"+i); HideCalque("fond");}
		for (var i=1;i<=main.nb;i++) {
			BGCalque("main"+i,colBarre);
			FontCalque("main"+i,colTextOff);
			rollout(i);
		}		
	}
}

function hide(mnu) {
	if (mnu.ON>-1) {
		if (mnu[mnu.ON].mnu!="") {
			var nom="niv"+mnu[mnu.ON].mnu.niv;
			HideCalque(nom);
			hide(mnu[mnu.ON].mnu);
		}
	}
	mnu.ON=-1;
}

function over(mnu,i) {
	var nom="niv"+mnu.niv+"n"+i;
	var nomtd=nom+"td";
	isout=0;
	BGCalque(nom,colOver);
	FontCalque(nomtd,colTextOn);
}

function out(mnu,i) {
	var nom="niv"+mnu.niv+"n"+i; 	var nomtd=nom+"td";
	if (mnu[i].lib!="-") {
		BGCalque(nom,colFond);
		FontCalque(nomtd,colTextOff)
	}
}

function clear(mnu) {
	  for (var j=0;j<mnu.nb;j++) {
	   out(mnu,j);
	   hide(mnu);
	}
}

function mmover(mnu,i) {
	lnk=mnu[i].lnk;
	window.status=lnk;
	clear(mnu);
	over(mnu,i);
	mnu.ON=i;
	if (mnu[i].mnu!="") {
		mnu[i].mnu.aff();
	}
}

function mmclick(mnu) {
	lnk=mnu[mnu.ON].lnk;
	if (lnk!="") {
			if (mnu[mnu.ON].target=="_blank") {
				window.open(lnk);
			}
			else {
				if   (mnu[mnu.ON].target=="")	{
					window.location=lnk;
				}
				else {parent.frames[mnu[mnu.ON].target].location.href=lnk;}
			}
	}
}

function mmgetlarg() {
	if (document.layers){return parseInt(document.width)} else {return parseInt(document.body.offsetWidth)}
}

function AFF() {
	var n=new Image;
	n.src=racine_image + "Menu/menu_puce_sous_rub.gif";
	var m=new Image;
	m.src=racine_image + "shim.gif";
	if ((document.all)||(window.sidebar)) {
		var A="<DIV id='fond' style='top:10;left:100;width:500;height:400;position:absolute;visibility:hidden;font-family:"+font+"' onmouseover='onfond()'></DIV>";
		A+="<DIV id='niv0' style='position:absolute;visibility:visible;font-family:"+font+"'></DIV>";
		A+="<DIV id='niv1' style='position:absolute;visibility:visible;font-family:"+font+"'></DIV>";
		A+="<DIV id='niv2' style='position:absolute;visibility:visible;font-family:"+font+"'></DIV>";
		A+="<DIV id='niv3' style='position:absolute;visibility:visible;font-family:"+font+"'></DIV>";
	}
	document.write(A);
	main.Print();
}

function Aff(x,y) {
	var nom=this.nom;
	var niv="niv"+this.niv;
	if (this.niv==0) {X=x;Y=y;}
	else {X=this.parent.X+this.parent.width-2;Y=this.parent.Y+(hauteur+4)*this.parent.ON}
	if ((document.all)||(window.sidebar)) {
		var A="";
		A+="<TABLE border=0 cellpadding=0 cellspacing=0 style='border-color:"+colContour+";border-style:solid;border-width:0px'>";
		for (var i=0;i<this.nb;i++) {
    	if (this[i].lib=="-") {
      	A+="<TR><TD style='background-color:"+colFond+";font-size:10px;border-style:none;margin:0px;height:"+(hauteur-2)+"px' colspan=2><DIV  style='background-color:"+colFond+";height:"+(hauteur+2)+"px'><HR noshade style='color:"+colContour+";height:1px'></DIV></TD></TR>";
      }
      else {
       	var img=racine_image + "shim.gif";
        if (this[i].mnu!="") { 
        	img=racine_image + "menu/menu_puce_sous_rub.gif";
        	A+="<TR><TD style='cssTexte;border-style:none;margin:0px'><DIV id='"+niv+"n"+i+"' style='cursor:pointer;background-color:"+colFond+cssTexte+"'  onmouseover='mmover("+this.nom+","+i+")' onClick='mmclick("+this.nom+")'><TABLE border=0 width=100% cellspacing=0><TR><TD width=10 align=right><IMG src='"+img+"' height='"+hauteur+"' width='"+hauteur+"'></TD><TD style='font-size:12px;padding-top:3px;padding-bottom:3px;padding-left:3px;'><DIV id='"+niv+"n"+i+"td' style='"+cssTexte+"'>"+this[i].lib+"</DIV></TD><TD>&nbsp;</TD></TR></TABLE></DIV></TD></TR>";
        }
        else {
        	A+="<TR><TD style='cssTexte;border-style:none;margin:0px'><DIV id='"+niv+"n"+i+"' style='cursor:pointer;background-color:"+colFond+cssTexte+"'  onmouseover='mmover("+this.nom+","+i+")' onClick='mmclick("+this.nom+")'><TABLE border=0 width=100% cellspacing=0><TR><TD></TD><TD style='font-size:12px;padding-top:3px;padding-bottom:3px;padding-left:3px;'><DIV id='"+niv+"n"+i+"td' style='"+cssTexte+"'>"+this[i].lib+"</DIV></TD><TD width='3'>&nbsp;</TD></TR></TABLE></DIV></TD></TR>";
        }
      }
    }
    A+="<TR><TD style='height:5px;border-style:none;margin:0px;background-color:"+colFond+";'></TD></TR>";
		A+="<TR><TD style='height:5px;border-style:none;margin:0px;background-image:url("+ racine_image + "menu/menu_bas.gif);'></TD></TR>";
		A+="</TABLE>";
	}
	else {
		var A="<table border=0 cellspacing=0 cellpadding=1><tr><td bgcolor="+colContour+">";
		A+="<TABLE border=0 cellpadding=0 cellspacing=0 bgcolor="+colFond+" width=100%>";
		for (var i=0;i<this.nb;i++) {
			if (this[i].lib=="-") {
				A+="<TR><TD><HR width=99% height=1%></TD></TR>";
			}
			else {
				var img=racine_image + "shim.gif";
				if (this[i].mnu!="") { img=racine_image + "/menu/menu_puce_sous_rub.gif"}
				A+="<TR><TD><TABLE border=0 width=100% cellspacing=0><TR><TD width=10 align=right><IMG src='"+img+"' height="+hauteur+" width="+hauteur+"></TD><TD><A href='javascript:mmclick("+this.nom+")' onmouseover='mmover("+this.nom+","+i+")'><SPAN style='background-color:"+colFond+cssTexte+"'>"+this[i].lib+"</SPAN></A></TD></TR></TABLE></TD></TR>";
			}
		}
		A+="</TABLE></TD></TR></TABLE>";
	}

	if (document.all) {
		document.all[niv].innerHTML=A+"&nbsp;";
		document.all[niv].style.top=Y;
		document.all[niv].style.left=X;
		document.all[niv].style.visibility="visible";
		this.X=X;this.Y=Y;
		this.width=document.all[niv].clientWidth;
	}
	if (window.sidebar) {
		document.getElementById(niv).innerHTML=A;
		document.getElementById(niv).style.top=Y;
		document.getElementById(niv).style.left=X;
		document.getElementById(niv).style.visibility="visible";
		this.X=X;this.Y=Y;this.width=document.getElementById(niv).offsetWidth;
	}
	if (document.layers) {
		document.layers[niv].left=X;
		document.layers[niv].top=Y;
		document.layers[niv].document.write(A);
		document.layers[niv].document.close();
		document.layers[niv].visibility="show";
		this.X=X;this.Y=Y;
		this.width=document.layers[niv].clip.width;
	}
}

function HideCalque(nom) {
	if (document.all) {document.all[nom].style.visibility="hidden";}
	if (window.sidebar) {document.getElementById(nom).style.visibility="hidden";}
	if (document.layers) {document.layers[nom].visibility="hide";}
}

function ShowCalque(nom) {
	if (document.all) {document.all[nom].style.visibility="visible";}
	if (window.sidebar) {document.getElementById(nom).style.visibility="visible";}
	if (document.layers) {document.layers[nom].visibility="show";}
}

function BGCalque(nom,BG) {
	if (document.all) {document.all[nom].style.backgroundColor=BG;}
	if (window.sidebar) {document.getElementById(nom).style.backgroundColor=BG;}
}

function rollover(nom,src) {	
	document.getElementById(nom).src=src;
}

function rollout(i) {	
	var nom="menu_"+i;
	var src=racine_image_langue + "menu/menu_" + i + "_n.gif"
	document.getElementById(nom).src=src;
}

function FontCalque(nom,Font) {
	if (document.all) {document.all[nom].style.color=Font;}
	if (window.sidebar) {document.getElementById(nom).style.color=Font;}
}

function MoveCalque(nom,X,Y) {
	if (document.all) {document.all[nom].style.top=Y;document.all[nom].style.left=X;}
	if (window.sidebar) {document.getElementById(nom).style.top=Y;document.getElementById(nom).style.left=X;}
	if (document.layers) {document.layers[nom].top=Y;document.layers[nom].left=X;}
}

function GetLeft(nom) {
	if (document.all) {return document.all[nom].style.left;}
	if (window.sidebar) {return document.getElementById(nom).style.left}
	if (document.layers) {return document.layers[nom].left;}
}

function SizeCalque(nom,larg) {
	if (document.all) {document.all[nom].style.width=larg;}
	if (window.sidebar) {document.getElementById(nom).style.width=larg;}
	if (document.layers) {document.layers[nom].width=larg;}
}

AFF();