/* MultipleMenus par E.D Prod 2000 - v2.0
   javascript-lab@nexen.net
   http://javascript-lab.nexen.net
   respecter ce copyright svp
   compatible Internet explorer 5.5 et + et Mozilla 1.0 et +
 */

var mmtexte;mmtexte=new Array();
var mmliens;mmliens=new Array();
var mmfils;mmfils=new Array();
var mmetat;mmetat=new Array();
var mmetatb;mmetatb=new Array();
var mmpere;mmpere=new Array();
var mmdeca;mmdeca=new Array();
var mmover;mmover=new Array();
var mmtx;mmtx=new Array();var mmty;mmty=new Array();var mmhaut;mmhaut=new Array();
var posix;posix=new Array();var posiy;posiy=new Array();
var deroule;deroule=new Array();var sens_deroule;sens_deroule=new Array();
var saclass1;saclass1=new Array();var mmimg;mmimg=new Array();
var saclass2;saclass2=new Array();
var mmobj;mmobj=new Array();var ptmmobj=0;
var maxix=0;maxiy=0;var animee=0;
var major = parseInt(navigator.appVersion);
var agent = navigator.userAgent.toLowerCase();
var ns = ((agent.indexOf('mozilla')!=-1) && ((agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1)));
var ns4 = (ns && (major == 4));
//
// cible par defaut pour les liens (a changer si vous souhaitez afficher les liens dans un autre cadre)
//
var _mmcible="self";
var mmvitesse=8; // vitesse d'afficheage des menus
var positionx=-10000; // position en x du menu (-10000=centré)
var positiony=85; // position en y
var acote=0; //si = 0 les sous menus s'affichent en dessous des menus de la barre de titre, si =1 s'affichent a coté (a droite)

function Favoris() {
   if ((navigator.appName.indexOf("Microsoft",0)>=0) && (parseInt(navigator.appVersion)>=4)) {
      window.external.AddFavorite("http://www.shashasha.com/","Le site de Shashasha" );
   } else {
      alert("Ne fonctionne pas avec Netscape ")
   }
}

function cliquer(page) {
 eval(_mmcible+".location.href=page;");
}

function redessinemmenu() {
 for (var i = 1; i < mmetat.length; i++) {
  if (mmetat[mmpere[i]]==0) {mmetat[i]=0;}
  if (mmetat[i]==1) {
   VoirObj("mmenu"+i);
  }
  else {
   CacherObj("mmenu"+i);
   deroule[i]=0;sens_deroule[i]=0;
   CreerZone("mmenu"+i,0,0,0,0);
  }
 }
}

function animemmenus() {
 for (var i = 1; i < mmetat.length; i++) {
  if (mmetatb[i]==0 && sens_deroule[i]!=0) {
    deroule[i]+=sens_deroule[i];
    if (deroule[i]>mmhaut[i]) {
      deroule[i]=mmhaut[i];sens_deroule[i]=0;
    }
    CreerZone("mmenu"+i,0,0,mmtx[i]+4+16,deroule[i]+2+16);
  }
 }
setTimeout("animemmenus();",25);
}

function multiplemenus() {
 var largeurt=0;
 for (var i = 1; i < mmetat.length; i++) {
  if (mmetatb[i]) {
   largeurt+=mmtx[i];
  }
 }
 var fpositionx=positionx;
 if (fpositionx==-10000) {
    fpositionx=(TailleX()/2)-(largeurt/2);
 }
 for (var i = 1; i < mmetat.length; i++) {
  if (mmetatb[i]!=0) {
   PlacerObj("mmenu"+i,fpositionx+posix[i],positiony+posiy[i]);
  }
 }
 for (var i = 1; i < mmetat.length; i++) {
  if (mmetatb[i]==0) {
   mmetat[i]=0;
   if (mmetatb[mmpere[i]]==1) {
     //en dessous
    if (acote==1) {PlacerObj("mmenu"+i,ObjX("mmenu"+mmpere[i])+mmtx[mmpere[i]],ObjY("mmenu"+mmpere[i])+(mmdeca[i]*mmty[mmpere[i]]));}
    else {PlacerObj("mmenu"+i,ObjX("mmenu"+mmpere[i]),ObjY("mmenu"+mmpere[i])+mmty[mmpere[i]]);}
   }
   else {
     //a cote
    PlacerObj("mmenu"+i,ObjX("mmenu"+mmpere[i])+mmtx[mmpere[i]],ObjY("mmenu"+mmpere[i])+(mmdeca[i]*mmty[mmpere[i]])+4);
   }
  }
 }
 redessinemmenu();
 CacherObj("mmenufond");
 if (animee==0) {animemmenus();animee=1;}
}

function Effacetout() {
 for (var i = 1; i < mmetat.length; i++) {
  if (mmetatb[i]==0) {mmetat[i]=0;}
 }
 redessinemmenu();
 CacherObj("mmenufond");
}

function revelemmenu(num) {
 var lepere=mmpere[num];
 if (mmetatb[lepere]==1) {
  for (var i = 1; i < mmetat.length; i++) {
   if (mmetatb[i]==0) {mmetat[i]=0;}
  }
 }
 for (var i = 1; i < mmpere.length; i++) {
   if (mmpere[i]==lepere) {mmetat[i]=0;}
 }
 mmetat[num]=1;mmetat[mmpere[num]]=1;sens_deroule[num]=mmvitesse;
 redessinemmenu();
 VoirObj("mmenufond");
}

function Effacefils(num) {
  for (var i = 1; i < mmpere.length; i++) {
    if (mmpere[i]==num) {mmetat[i]=0;}
  }
  redessinemmenu();
}

function dessus(num,num2) {
  num.className=num2;
  num.style.cursor="hand";
}
function dehors(num,num2) {
  num.className=num2;
  num.style.cursor="default";
}
function CreerPave(numero,xpos,ypos,tx,ty,nblignes,visible,bclass,marge) {

 var mmchaine="";var imge="";var special="";var classe1="";var classe2="";
 var tmmlien="";var reaction="";var special="";var mmfleche="";var mmkeep="";
 mmtx[numero]=tx;mmty[numero]=ty;var layery=0;
 for (var i = 0; i < nblignes; i++) {

   classe1=saclass1[i];classe2=saclass2[i];

   if (mmfils[i]=="" && mmliens[i]=="---") {
         special="onmouseover='Effacefils("+numero+");'";
      mmchaine+="<div class='"+classe1+"' style='width:"+tx+"px;height:"+ty+"px;' "+special+">"
      mmchaine+="<img src='vide' width=1 height="+ty+" align=absmiddle>"+mmtexte[i]
      mmchaine+="</div>\n"
   }
   else
   {
     if (mmfils[i]) {
      imge="image/interface/mmrep.gif";mmpere[mmfils[i]]=numero;
      special="onmouseout='dehors(this,\""+classe1+"\");' onmouseover='revelemmenu("+mmfils[i]+");dessus(this,\""+classe2+"\");'";mmdeca[mmfils[i]]=i;
     }
     else {
      if (mmimg[i]) {
       imge=mmimg[i];
      }
      else {
       imge="image/interface/vide.gif";
      }
      special="onclick='cliquer(\""+mmliens[i]+"\")' onmouseout='dehors(this,\""+classe1+"\");' onmouseover='Effacefils("+numero+");dessus(this,\""+classe2+"\");'";
     }
     mmchaine+="<div class='"+classe1+"' style='width:"+tx+"px;height:"+ty+"px;' "+special+">&nbsp"
     mmchaine+="<img src='image/interface/vide.gif' width=1 height="+ty+" align=absmiddle>"+mmtexte[i]+"&nbsp;&nbsp;<img src='"+imge+"' align=absmiddle>"
     mmchaine+="</div>\n"
  }
  mmtexte[i]="";mmliens[i]="";mmfils[i]="";mmimg[i]="";layery+=ty;
 }

 chaine='<div style="position:absolute;top:'+ypos+'px;left:'+xpos+'px;visibility:hidden;z-index:0;padding:'+marge+'px;" ID="mmenu'+numero+'" class="'+bclass+'">'+mmchaine+'</div>';
 document.write(chaine);

 deroule[numero]=0;sens_deroule[numero]=-2;
 mmetat[numero]=visible;mmetatb[numero]=visible;mmhaut[numero]=(nblignes*ty)+10;
 posix[numero]=xpos;posiy[numero]=ypos;
}

//
// ceci est le calque de fond pour detecter si la souris survol les menus ou pas
// a ajuster en fonction de la taille de votre menu (ici le calque mesure 900 pixel de long sur 600 de haut)
//
CreerObj("mmenufond",0,0,900,300,0,0,"","onmouseover='Effacetout();'",0);

//
//
//
// Création des menus
//
// Les liens pour chaque lignes du pave sont pris dans les tableaux
// mmtexte, mmliens, mmfils, saclass1, saclass2
//
// ou mmtexte est le texte qui apparait dans le menu (vous pouvez y mettre des images également - voir pavé numero 6)
//    mmliens, le nom de la page html a afficher si ce lien est cliquer
//    mmfils, le numero du pavé a afficher au survol de ce lien
//    saclass1, le style a utilisé sur cette ligne de menu
//    saclass2, le style a utilsé lorsque la ligne est active
//
//
// argument de la fonction CreerPave()
//
// arg 1: numero du pavé
//        1 numero par pavé et tjrs croissant (ne sauter pas un chiffre)
// arg 2: position x (prenez comme référence le point 0,0, le menu est decalé par la suite grace aux variables positionx et positiony definies au debut du script)
// arg 3: position y
//        notez que les arguments 2 et 3 sont mis à zero pour les sous menus (qui seront placés automatiquement)
//
// arg 4: largeur en pixel du bloc de menu
// arg 5: hauteur pour chaque ligne en pixel
// arg 6: nombre de lignes
// arg 7: mis a 1 = entrées de barre de titre (tjrs visible).
// arg 8: la class a utiliser pour le cadre englobant le sous menu
// arg 9: la marge pour le cadre englobant le sous menu
//
// un petit conseil pratique
// construisez d'abord tout les pavés
// et attribuez ensuite aux pavés péres leurs fils
//

mmtexte[0]="Accueil";mmliens[0]="";mmfils[0]="7";saclass1[pt]="stTITRE";saclass2[pt]="stACTIF";
CreerPave(1,0,0,70,20,1,1,"stBLOCTITRE",0);

mmtexte[0]="Toilettage";mmliens[0]="";mmfils[0]="8";saclass1[pt]="stTITRE";saclass2[pt]="stACTIF";
CreerPave(2,71,0,90,20,1,1,"stBLOCTITRE",0);

mmtexte[0]="Exposition";mmliens[0]="";mmfils[0]="9";saclass1[pt]="stTITRE";saclass2[pt]="stACTIF";
CreerPave(3,162,0,90,20,1,1,"stBLOCTITRE",0);

mmtexte[0]="Photos";mmliens[0]="";mmfils[0]="10";saclass1[pt]="stTITRE";saclass2[pt]="stACTIF";
CreerPave(4,253,0,70,20,1,1,"stBLOCTITRE",0);

mmtexte[0]="Le persan";mmliens[0]="";mmfils[0]="11";saclass1[pt]="stTITRE";saclass2[pt]="stACTIF";
CreerPave(5,324,0,90,20,1,1,"stBLOCTITRE",0);

mmtexte[0]="Contact";mmliens[0]="";mmfils[0]="12";saclass1[pt]="stTITRE";saclass2[pt]="stACTIF";
CreerPave(6,415,0,80,20,1,1,"stBLOCTITRE",0);

var pt=0;
mmtexte[pt]="<img src='image/interface/home.gif' align='absmiddle'>&nbsp;Page d'accueil";mmliens[pt]="index.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
CreerPave(7,0,0,150,20,pt,0,"stBLOCLIGNE",4);

var pt=0;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Le bain";mmliens[pt]="bain.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Le brossage";mmliens[pt]="brossage.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Le poudrage";mmliens[pt]="poudrage.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;L'épilation";mmliens[pt]="epilation.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Les yeux";mmliens[pt]="yeux.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Les oreilles";mmliens[pt]="oreilles.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Les griffes";mmliens[pt]="griffes.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
CreerPave(8,0,0,150,20,pt,0,"stBLOCLIGNE",4);

var pt=0;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Préparation";mmliens[pt]="preparation.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Déroulement";mmliens[pt]="deroulement.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
CreerPave(9,0,0,150,20,pt,0,"stBLOCLIGNE",4);

var pt=0;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Mon album";mmliens[pt]="monalbum/index.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
CreerPave(10,0,0,150,20,pt,0,"stBLOCLIGNE",4);

var pt=0;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Ses couleurs";mmliens[pt]="";mmfils[pt]="13";saclass1[pt]="stTITRE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Les noms";mmliens[pt]="noms.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/repviolet.gif' align='absmiddle'>&nbsp;Son âge";mmliens[pt]="age.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
CreerPave(11,0,0,130,20,pt,0,"stBLOCLIGNE",4);

var pt=0;
mmtexte[pt]="<img src='image/interface/com.gif' align='absmiddle'>&nbsp;Livre d'or";mmliens[pt]="livredor/index.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/patte.gif' align='absmiddle'>&nbsp;Ajouter a mes favoris";mmliens[pt]="javascript:Favoris();";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/mail.gif' align='absmiddle'>&nbsp;M'envoyer un message";mmliens[pt]="mailto:niorsha@yahoo.fr";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/coeur.gif' align='absmiddle'>&nbsp;Mes sites préférés";mmliens[pt]="sites.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
CreerPave(12,0,0,200,20,pt,0,"stBLOCLIGNE",4);

var pt=0;
mmtexte[pt]="<img src='image/interface/repgris.gif' align='absmiddle'>&nbsp;Photos";mmliens[pt]="monalbumcouleur/index.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
mmtexte[pt]="<img src='image/interface/repgris.gif' align='absmiddle'>&nbsp;Caractéristiques";mmliens[pt]="caracteristique.php";mmfils[pt]="";saclass1[pt]="stLIGNE";saclass2[pt]="stACTIF";pt+=1;
CreerPave(13,0,0,150,20,pt,0,"stBLOCLIGNE",4);

// Fin Création des menus

// replace le menu si fentre change de taille
window.onresize=multiplemenus;