// ------ Gestion des menus -------
// Paramètres du menu
// 1) paramètres décrivant les différentes barres
var idBarre=new Array();			// identifiant de la barre
var niveauBarre=new Array();		// niveau de la barre (1, 2 ou 3)
var margeGauche=new Array();		// valeur de la marge gauche
var i=0;
idBarre[i]="";				niveauBarre[i]=0;	margeGauche[i]=0;	i++;
idBarre[i]="brPage";	 	niveauBarre[i]=1;	margeGauche[i]=18;	i++;
idBarre[i]="brClub"; 		niveauBarre[i]=2;	margeGauche[i]=18;	i++;
idBarre[i]="brPlongeeTek";	niveauBarre[i]=2;	margeGauche[i]=100;	i++;
idBarre[i]="brExpeditions"; niveauBarre[i]=2;	margeGauche[i]=234;	i++;
idBarre[i]="brMoyens"; 		niveauBarre[i]=3;	margeGauche[i]=42;	i++;
idBarre[i]="brNiveaux"; 	niveauBarre[i]=3;	margeGauche[i]=18;	i++;

// 2) paramètres décrivant les boutons (l'identifiant du bouton = indice des tableaux)
var idBtn=new Array();				// identifiant du bouton
var barreBtn=new Array(); 			// identifiant de la barre auquel il appartient
var largeurBtn=new Array(); 		// largeur du bouton
var lienPageBtn=new Array(); 		// page HTML à appeler sur un clic (vide si pas de lien)
var lienBarreBtn=new Array(); 		// identifiant de la barre à afficher sur un survol de souris (vide si pas de barre)
var msgBtn=new Array();				// message à afficher en barre d'état du navigateur
i=0;
idBtn[i]="btnAccueil";			barreBtn[i]="brPage";			largeurBtn[i]=76;
 lienPageBtn[i]="accueil.html";		lienBarreBtn[i]="";				msgBtn[i]="Pour retourner à la page d´accueil";i++;
idBtn[i]="btnClub";				barreBtn[i]="brPage";			largeurBtn[i]=80;
 lienPageBtn[i]="";					lienBarreBtn[i]="brClub";		msgBtn[i]="";i++;
idBtn[i]="btnPlongeeTek";		barreBtn[i]="brPage";			largeurBtn[i]=132;
 lienPageBtn[i]="";					lienBarreBtn[i]="brPlongeeTek";	msgBtn[i]="";i++;
idBtn[i]="btnExpeditions";		barreBtn[i]="brPage";			largeurBtn[i]=134;
 lienPageBtn[i]="";					lienBarreBtn[i]="brExpeditions";msgBtn[i]="";i++;
idBtn[i]="btnLiens";			barreBtn[i]="brPage";			largeurBtn[i]=62;
 lienPageBtn[i]="liens.html";		lienBarreBtn[i]="";				msgBtn[i]="Découvrez d´autres sites...";i++;
idBtn[i]="btnInfos";			barreBtn[i]="brClub";			largeurBtn[i]=82;
 lienPageBtn[i]="infos.html";		lienBarreBtn[i]="";				msgBtn[i]="";i++;
idBtn[i]="btnPhilosophie";		barreBtn[i]="brClub";			largeurBtn[i]=132;
 lienPageBtn[i]="philosophie.html";	lienBarreBtn[i]="";				msgBtn[i]="Quelle philosophie guide le club ?";i++;
idBtn[i]="btnMaterielTek";		barreBtn[i]="brClub";			largeurBtn[i]=120;
 lienPageBtn[i]="materielTek.html";	lienBarreBtn[i]="";				msgBtn[i]="";i++;
idBtn[i]="btnTarifs";			barreBtn[i]="brClub";			largeurBtn[i]=66;
 lienPageBtn[i]="tarifs.html";		lienBarreBtn[i]="";				msgBtn[i]="Quels sont les tarifs du club ?";i++;
idBtn[i]="btnContact";			barreBtn[i]="brClub";			largeurBtn[i]=84;
 lienPageBtn[i]="contact.html";		lienBarreBtn[i]="";				msgBtn[i]="Pour nous contacter...";i++;
idBtn[i]="btnNiveaux";			barreBtn[i]="brPlongeeTek";		largeurBtn[i]=90;
 lienPageBtn[i]="";					lienBarreBtn[i]="brNiveaux";	msgBtn[i]="";i++;
idBtn[i]="btnLegislation";		barreBtn[i]="brPlongeeTek";		largeurBtn[i]=100;
 lienPageBtn[i]="legislation.html";	lienBarreBtn[i]="";				msgBtn[i]="";i++;
idBtn[i]="btnFormations";		barreBtn[i]="brPlongeeTek";		largeurBtn[i]=132;
 lienPageBtn[i]="formations.html";	lienBarreBtn[i]="";				msgBtn[i]="";i++;
idBtn[i]="btnHistorique";		barreBtn[i]="brExpeditions";	largeurBtn[i]=98;
 lienPageBtn[i]="historique.html";	lienBarreBtn[i]="";				msgBtn[i]="";i++;
idBtn[i]="btnWeekEnds";			barreBtn[i]="brExpeditions";	largeurBtn[i]=100;
 lienPageBtn[i]="weekends.html";	lienBarreBtn[i]="";				msgBtn[i]="";i++;
idBtn[i]="btnStages";			barreBtn[i]="brExpeditions";	largeurBtn[i]=72;
 lienPageBtn[i]="stages.html";		lienBarreBtn[i]="";				msgBtn[i]="";i++;
idBtn[i]="btnNitrox";			barreBtn[i]="brNiveaux";		largeurBtn[i]=80;
 lienPageBtn[i]="niveauNitrox.html";lienBarreBtn[i]="";				msgBtn[i]="";i++;
idBtn[i]="btnNitroxConfirme";	barreBtn[i]="brNiveaux";		largeurBtn[i]=150;
 lienPageBtn[i]="niveauNitroxConfirme.html";lienBarreBtn[i]="";		msgBtn[i]="";i++;
idBtn[i]="btnTrimixElementaire";barreBtn[i]="brNiveaux";		largeurBtn[i]=165;
 lienPageBtn[i]="niveauTrimixElementaire.html";lienBarreBtn[i]="";	msgBtn[i]="";i++;
idBtn[i]="btnTrimix";			barreBtn[i]="brNiveaux";		largeurBtn[i]=80;
 lienPageBtn[i]="niveauTrimix.html";lienBarreBtn[i]="";				msgBtn[i]="";i++;
//idBtn[i]="btnEpavesPhotos";		barreBtn[i]="brExpeditions";	largeurBtn[i]=140;
// lienPageBtn[i]="epavesPhotos.html";lienBarreBtn[i]="";				msgBtn[i]="";i++;
//idBtn[i]="btnBateaux";			barreBtn[i]="brMoyens";			largeurBtn[i]=90;
// lienPageBtn[i]="bateaux.html";		lienBarreBtn[i]="";				msgBtn[i]="";i++;
//idBtn[i]="btnEspaceMembres";	barreBtn[i]="brClub";			largeurBtn[i]=150;
// lienPageBtn[i]="espaceMembres.html";lienBarreBtn[i]="";			msgBtn[i]="Espace réservé aux membres du club...";i++;
//idBtn[i]="btnMoyens";			barreBtn[i]="brClub";			largeurBtn[i]=82;
// lienPageBtn[i]="";					lienBarreBtn[i]="brMoyens";		msgBtn[i]="";i++;

// couleurs de fond pour les boutons du menu
var clrN1F="#000000";   // couleur Niveau 1 Fond normal
var clrN1H="#3333CC";   // couleur Niveau 1 quand survol de la souris
var clrN1S="#000088";   // couleur Niveau 1 quand navigation en cours dans une barre en dessous
var clrN2F="#3366FF";   // couleur Niveau 2 Fond normal
var clrN2H="#3333CC";   // couleur Niveau 2 quand survol de la souris
var clrN2S="#000088";   // couleur Niveau 2 quand navigation en cours dans une barre en dessous
var clrN3F="#6699FF";   // couleur Niveau 3 Fond normal
var clrN3H="#6666CC";   // couleur Niveau 3 quand survol de la souris
var clrN3S="#000088";   // couleur Niveau 3 quand navigation en cours dans une barre en dessous
var clrClic="#009999";  // couleur des cellules verrouillées par clic
// autres paramètres
var repImages="imgMenu";	// répertoire contenant les images du menu
// preload des images des boutons
var imag=new Array();
for (i=0;i<idBtn.length;i++){
  imag[i]=new Image(); 
  if (repImages==""){
    imag[i].src=idBtn[i]+".gif";
   }else{
    imag[i].src=repImages+"/"+idBtn[i]+".gif";
   }
}
// Génération du contenu HTML des barres
var contenuBarre=new Array();	
for (i=1;i<idBarre.length;i++){
  var classDiv="menug";clearAtt=" clear:left;";
  contenuBarre[i]="";
  switch (niveauBarre[i]) {
    case 1 :
	  hauteur=32;
      for (j=0;j<idBtn.length;j++){
	     if (barreBtn[j]==idBarre[i]){
           if (repImages==""){imgSrc=idBtn[j]+".gif";}else{imgSrc=repImages+"/"+idBtn[j]+".gif";}
           contenuBarre[i]+="<div id=\""+idBtn[j]+"\" class=\""+classDiv+"\" style=\"background-image:url('"+imgSrc+"'); height:"+hauteur+"px; width:"+largeurBtn[j]+"px;"+clearAtt+"\"";
           if (lienBarreBtn[j]!=""){
		     l=1;while(l<idBarre.length&&lienBarreBtn[j]!=idBarre[l]){l++;}
			 }else{
			 l=0;
			 }
           contenuBarre[i]+=" onMouseOver=\"mouseOverL1("+j+","+l+");\""; 
           contenuBarre[i]+=" onMouseOut=\"mouseOutL1("+j+");\"";
           if (lienPageBtn[j]!=""){
		      contenuBarre[i]+=" onClick=\"location='"+lienPageBtn[j]+"';\"";
			  }else{
		      contenuBarre[i]+=" onClick=\"clicL1("+j+","+l+");\"";
		      }
           contenuBarre[i]+="></div>";
  		   classDiv="menu";clearAtt="";
  		   }
	  }
    break;
    case 2 :
	  hauteur=24;
      for (j=0;j<idBtn.length;j++){
	     if (barreBtn[j]==idBarre[i]){
           if (repImages==""){imgSrc=idBtn[j]+".gif";}else{imgSrc=repImages+"/"+idBtn[j]+".gif";}
           contenuBarre[i]+="<div id=\""+idBtn[j]+"\" class=\""+classDiv+"\" style=\"background-image:url('"+imgSrc+"'); height:"+hauteur+"px; width:"+largeurBtn[j]+"px;background-color:"+clrN2F+"; "+clearAtt+"\"";
           k=0;while(k<idBtn.length&&lienBarreBtn[k]!=barreBtn[j]){k++;} 
           if (lienBarreBtn[j]!=""){
		     l=1;while(l<idBarre.length&&lienBarreBtn[j]!=idBarre[l]){l++;}
			 }else{
			 l=0;
			 }
           contenuBarre[i]+=" onMouseOver=\"mouseOverL2("+k+","+j+","+l+");\"";
           contenuBarre[i]+=" onMouseOut=\"mouseOutL2("+k+","+j+","+l+");\"";
           if (lienPageBtn[j]!=""){
		      contenuBarre[i]+=" onClick=\"location='"+lienPageBtn[j]+"'\";";
			  }else{
		      contenuBarre[i]+=" onClick=\"clicL2("+k+","+j+","+l+");\"";
		      }
           contenuBarre[i]+="></div>";
  		   classDiv="menu";clearAtt="";
  		   }
	  }
    break;
    case 3 :
	  hauteur=24;
      for (j=0;j<idBtn.length;j++){
	     if (barreBtn[j]==idBarre[i]){
           if (repImages==""){imgSrc=idBtn[j]+".gif";}else{imgSrc=repImages+"/"+idBtn[j]+".gif";}
           contenuBarre[i]+="<div id=\""+idBtn[j]+"\" class=\""+classDiv+"\" style=\"background-image:url('"+imgSrc+"'); height:"+hauteur+"px; width:"+largeurBtn[j]+"px;background-color:"+clrN3F+"; "+clearAtt+"\"";
           k=0;while(k<idBtn.length&&lienBarreBtn[k]!=barreBtn[j]){k++;} 
           l=0;while(l<idBtn.length&&lienBarreBtn[l]!=barreBtn[k]){l++;} 
           contenuBarre[i]+=" onMouseOver=\"mouseOverL3("+l+","+k+","+j+");\"";
           contenuBarre[i]+=" onMouseOut=\"mouseOutL3("+l+","+k+","+j+");\"";
           if (lienPageBtn[j]!=""){
		      contenuBarre[i]+=" onClick=\"location='"+lienPageBtn[j]+"'\";";
		      }
           contenuBarre[i]+="></div>";
  		   classDiv="menu";clearAtt="";
  		   }
	  }
    break;
  }
}
var clic1=false; var clic2=false;
var barreCourL1=0; var barreCourL2=0;
function clicL1(i1,i2){
  if (clic1==true&&barreCourL1==i1){
    clic1=false; barreCourL1=0;
    clic2=false; barreCourL2=0;
    effL1(i1);
    }else{
    if (clic1==true&&barreCourL1!=i1){
	  effL1(barreCourL1);
	  }
    clic1=true; barreCourL1=i1;
    affL1(i1,i2);
	}
}
function mouseOverL1(i1,i2){
  if (clic1==false){
    affL1(i1,i2);
	}
}
function mouseOutL1(i1){
  if (clic1==false){
    effL1(i1);
	}
}
function affL1(i1,i2){
  if (clic1==false){
    document.getElementById(idBtn[i1]).style.backgroundColor=clrN1H;
    }else{
    document.getElementById(idBtn[i1]).style.backgroundColor=clrClic;
    }
  if (i2!=0){
    document.getElementById('menuL2').style.marginLeft=margeGauche[i2]+"px";
    document.getElementById('menuL2').innerHTML=contenuBarre[i2];
    document.getElementById('menuL2').style.visibility='visible';
    }else{
    document.getElementById('menuL2').style.visibility='hidden';
    }
  document.getElementById('menuL3').style.visibility='hidden';
  window.status=msgBtn[i1];
}
function effL1(i1){
  document.getElementById(idBtn[i1]).style.backgroundColor=clrN1F;
  document.getElementById('menuL2').style.visibility='hidden';
  document.getElementById('menuL3').style.visibility='hidden';
  window.status='';
}
function clicL2(i1,i2,i3){
  if (clic2==true&&barreCourL2==i2){
    clic2=false; barreCourL2=0;
    effL2(i1,i2);
    }else{
    clic2=true; barreCourL2=i2;
    clic1=true; barreCourL1=i1;
    affL2(i1,i2,i3);
    }
}
function mouseOverL2(i1,i2,i3){
  if (clic2==false){
    affL2(i1,i2,i3);
	}
}
function mouseOutL2(i1,i2,i3){
  if (clic2==false){
    effL2(i1,i2);
	}
}
function affL2(i1,i2,i3){
  if (clic1==false){
    document.getElementById(idBtn[i1]).style.backgroundColor=clrN1S;
    }else{
    document.getElementById(idBtn[i1]).style.backgroundColor=clrClic;
    }
  if (clic2==false){
    document.getElementById(idBtn[i2]).style.backgroundColor=clrN2H;
    }else{
    document.getElementById(idBtn[i2]).style.backgroundColor=clrClic;
    }
  document.getElementById('menuL2').style.visibility='visible';
  if (i3!=0){
    document.getElementById('menuL3').style.marginLeft=margeGauche[i3]+"px";
    document.getElementById('menuL3').innerHTML=contenuBarre[i3];
    document.getElementById('menuL3').style.visibility='visible';
	}else{
    document.getElementById('menuL3').style.visibility='hidden';
    }
  window.status=msgBtn[i2];
}
function effL2(i1,i2){
  if (clic1==false){
    document.getElementById('menuL2').style.visibility='hidden';
    document.getElementById(idBtn[i1]).style.backgroundColor=clrN1F;
	}
  document.getElementById('menuL3').style.visibility='hidden';
  document.getElementById(idBtn[i2]).style.backgroundColor=clrN2F;
  window.status='';
}
function mouseOverL3(i1,i2,i3){
  affL3(i1,i2,i3);
}
function mouseOutL3(i1,i2,i3){
  effL3(i1,i2,i3);
}
function affL3(i1,i2,i3){
  document.getElementById('menuL2').style.visibility='visible';
  document.getElementById('menuL3').style.visibility='visible';
  if (clic1==false){
    document.getElementById(idBtn[i1]).style.backgroundColor=clrN1S;
    }else{
    document.getElementById(idBtn[i1]).style.backgroundColor=clrClic;
    }
  if (clic2==false){
    document.getElementById(idBtn[i2]).style.backgroundColor=clrN2S;
    }else{
    document.getElementById(idBtn[i2]).style.backgroundColor=clrClic;
    }
  document.getElementById(idBtn[i3]).style.backgroundColor=clrN3H;
  window.status=msgBtn[i3];
}
function effL3(i1,i2,i3){
  if (clic1==false){
    document.getElementById('menuL2').style.visibility='hidden';
    document.getElementById(idBtn[i1]).style.backgroundColor=clrN1F;
    }
  if (clic2==false){
    document.getElementById('menuL3').style.visibility='hidden';
    document.getElementById(idBtn[i2]).style.backgroundColor=clrN2F;
    }
  document.getElementById(idBtn[i3]).style.backgroundColor=clrN3F;
  window.status='';
}
// Affichage du niveau 1 du menu au chargement de la page
function initMenu(){
  document.getElementById('menuL1').style.marginLeft=margeGauche[1]+"px";
  document.getElementById('menuL1').innerHTML=contenuBarre[1];
  document.getElementById('menuL1').style.visibility='visible';
}
// Fonctions diverses
function mail(qui,domaine,sujet) {
var arob="@";
chaine="mailto:"+qui+arob+domaine
if (sujet!=null && sujet.length>0)  chaine+="?subject="+sujet;
location.href=chaine;
}
function agrImg(src) {
genePageImg("image/grande/"+src);
}
function genePageImg(src){
top.fenImg=window.open('','fenGrdImg','width=800,height=600,toolbar=no,status=no,directory=no,resizable=yes,scrollbars=yes');
top.fenImg.document.writeln(
  '<html><head><title>Objectif-120atm.com : Image agrandie</title></head>'
  +'<style type="text/css">@import url(ress/global.css);</style>'
  +'<body onLoad="self.focus()"><div id="tout"><div id="conteneur">'
  +'<div style="text-align:center;margin:15px 5px 10px 5px;"><img src='+src+' style="border:1px solid #CC8833;"></div>'
  +'<div style="text-align:center;margin:5px;"><a href="javascript:window.close();">Fermer</a></div>'
  +'<div id=piedPage>Copyright Objectif-120atm - Merci de nous contacter avant toute utilisation de photo.</div>'
  +'</div></div></body></html>'
  );
top.fenImg.document.close();
}