//************ Menu Principal ************//
Text     = '#0000FF' // Couleur du texte
bgcolor  = '#FFFF00' // Couleur Arrière
bgcolor2 = '#CCCCCC' // Couleur Arrière Surbrillance
bgcolor3 = '#FFFFFF' // Couleur Bordure
PosY     = 0      // Distance entre le haut de l'écran et le menu 
LargeurM = screen.width       // Largeur
HauteurM =  28       // Hauteur 
TailleM  =   2       // Taille Font
menu = new Array
i=0
menu[i++] = 'Activité + CV'  // <-- Titre
menu[i++] = '#.'         // <-- Adresse (ici aucune)
menu[i++] = 'Me Trouver + Liens'
menu[i++] = '#'
menu[i++] = 'Présentation & Herbier'
menu[i++] = '#'
menu[i++] = 'Boutique'
menu[i++] = '#'

//************ Sous-Menus ************//
bgcolor5 ='#FF6600' // Couleur Arrière
bgcolor6 ='#FF9900' // Couleur Arrière Surbrillance
bgcolor4 ='#FFFFFF' // Couleur Bordure 
EnLigne  =   0      // 1 pour ranger sur une seule ligne
LargeurS = 250      // Largeur (Inutil si EnLigne=1)
HauteurS =  18      // Hauteur
TailleS  =   1      // Taille Font
zlien    = new Array
zlien[0] = new Array
zlien[1] = new Array
zlien[2] = new Array
zlien[3] = new Array
i=0
zlien[0][i++] = 'Mon CV '                      // <-- Titre
zlien[0][i++] = 'CV.htm'   // <-- Adresse
zlien[0][i++] = 'Mon travail'                      // <-- Titre
zlien[0][i++] = 'travail.htm'   // <-- Adresse
zlien[0][i++] = 'Exposition & Horaires'                      // <-- Titre
zlien[0][i++] = 'exraires.htm'   // <-- Adresse
zlien[0][i++] = 'Les matières'                      // <-- Titre
zlien[0][i++] = 'matiere.htm'   // <-- Adresse
zlien[0][i++] = 'Les Cours'                      // <-- Titre
zlien[0][i++] = 'cours.htm'   // <-- Adresse
zlien[0][i++] = 'Coordonnées & Contact'
zlien[0][i++] = 'Contact.htm'
i=0
zlien[1][i++] = 'Trouver Chapelle-Voland'
zlien[1][i++] = 'carte.htm'
zlien[1][i++] = 'Itinéraire'
zlien[1][i++] = 'itiner.htm'
zlien[1][i++] = 'Les artisans de Chapelle-Voland'
zlien[1][i++] = 'artisans.htm'
zlien[1][i++] = 'Liens'
zlien[1][i++] = 'liens.htm'
i=0
zlien[2][i++] = 'Porcelaine blanche & or'
zlien[2][i++] = 'albumP1.htm'
zlien[2][i++] = 'Porcelaine décorée'
zlien[2][i++] = 'albumP2.htm'
zlien[2][i++] = 'Porcelaine décorée'
zlien[2][i++] = 'albumP3.htm'
zlien[2][i++] = 'Herbier'
zlien[2][i++] = 'herbase.htm'
i=0
zlien[3][i++] = 'P de lampes 1.htm'
zlien[3][i++] = 'album-a.htm'
zlien[3][i++] = 'P de lampes 2.htm'
zlien[3][i++] = 'album-b.htm'
zlien[3][i++] = 'P de lampe 3.htm'
zlien[3][i++] = 'album-c.htm'
zlien[3][i++] = 'Boutique 1.htm'
zlien[3][i++] = 'boutic-a.htm'
zlien[3][i++] = 'Boutique 2.htm'
zlien[3][i++] = 'boutic-b.htm'
zlien[3][i++] = 'Chalet'
zlien[3][i++] = 'chalet.htm'



//************ Fin des paramètres, Début du programme ************//
if(document.getElementById) { 

document.write('<style type="text/css">')
document.write('.popper {POSITION:absolute; VISIBILITY:hidden; z-index:15;}')
document.write('.ejsmenu {color:'+Text+'; text-decoration:none; cursor:default;') //cursor:default ou hand
document.write('</style>')
document.write('<DIV style="position:relative;"><DIV class=popper id=topdeck></DIV>')

skn = document.getElementById("topdeck").style
document.onclick = function() { skn.visibility = "hidden" }
document.onmousemove = function()
{  document.getElementById('topmenu').style.top = document.body.scrollTop+PosY   
   document.getElementById('topmenu').style.visibility='visible'  
}

window.onscroll = function()
{  document.getElementById('topmenu').style.visibility='hidden'
   skn.visibility = "hidden"
}

function pop(msg,pos)
{  skn.visibility = "hidden";
   skn.top  = document.body.scrollTop+PosY+HauteurM   
   if(msg.length == 0) return
   pass = 0
   if(EnLigne)
   {  content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor4+" WIDTH="+LargeurM+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1><TR>"
      while(pass < msg.length)
      {  content += "<TD  ALIGN=center BGCOLOR="+bgcolor5+" onMouseDown='location.href=\""+msg[pass+1]+"\"'CLASS=ejsmenu onMouseOver=\"this.style.background='"+bgcolor6+"'\" onMouseOut=\"this.style.background='"+bgcolor5+"'\" HEIGHT="+HauteurS+"><FONT SIZE="+TailleS+" FACE=Verdana><B>  "+msg[pass]+"</B></FONT></TD>"
         pass+=2
      }
      content += "</TR></TABLE></TD></TR></TABLE>"
   } else
   {  skn.left = pos
      content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+bgcolor4+" WIDTH="+LargeurS+"><TR><TD><TABLE WIDTH="+LargeurS+" BORDER=0 CELLPADDING=0 CELLSPACING=1>"
      while(pass < msg.length)
      {  content += "<TR><TD WIDTH="+LargeurS+" BGCOLOR="+bgcolor5+" onMouseDown='location.href=\""+msg[pass+1]+"\"'CLASS=ejsmenu onMouseOver=\"this.style.background='"+bgcolor6+"'\" onMouseOut=\"this.style.background='"+bgcolor5+"'\" HEIGHT="+HauteurS+"><FONT SIZE="+TailleS+" FACE=Verdana><B>  "+msg[pass]+"</B></FONT></TD></TR>"
         pass+=2
      }
    content += "</TABLE></TD></TR></TABLE>"   
   }
   document.getElementById("topdeck").innerHTML = content
   skn.visibility = "visible"
}

document.write('<TABLE style="position:absolute;" ID=topmenu BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR='+bgcolor3+' WIDTH='+LargeurM+' HEIGHT='+HauteurM+'><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100%><tr>')
pass = 0
while(pass < menu.length/2)                                        
{  document.write("<TD WIDTH="+(LargeurM*2)/menu.length+" ALIGN=center BGCOLOR="+bgcolor+" onMouseDown='location.href=\""+menu[pass*2+1]+"\"' onMouseOver='this.style.background=\""+bgcolor2+"\";pop(zlien["+pass+"],"+pass*((LargeurM*2)/menu.length+1)+")' onMouseOut='this.style.background=\""+bgcolor+"\"' CLASS=ejsmenu><FONT SIZE=2 FACE=Verdana><B>"+menu[pass*2]+"</B></FONT></TD>")  
   pass++
}
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
document.getElementById('topmenu').style.top = document.body.scrollTop+PosY
}