//************ Menu Principal ************//
Color0M  = '#EBEBEB' //Couleur du texte
Color1M  = '#867da2' //Couleur Arrière
Color2M  = '#B7B7DB' //Couleur Arrière Surbrillance
Color3M  = '#FFFFFF' //Couleur Bordure ????
PosY     = -20       //Distance entre le haut de l'écran et le menu
LargeurM = 199      //Largeur
HauteurM =  40       //Hauteur
AlignM   = 'center'  //'center','right','left'
FontM    = 'Arial' //Police
SizeM    =  13       //Taille de la Police
WeightM  = 'bold'    //Epaisseur de la Police
CursorM  = 'hand' //Curseur-> default,hand...

menu = new Array
i=0
//--------[Texte/Html]------------------[ Adresse ]--------------------------//
menu[i++]='Accueil' ;menu[i++]='http://www.clermontmetropole.org/index.html'
menu[i++]='Territoire' ;menu[i++]='http://www.clermontmetropole.org/html/territoire.html'
menu[i++]='Pôles de compétences' ;menu[i++]='http://www.clermontmetropole.org/html/intervention.html'
menu[i++]='Publications et documentation' ;menu[i++]='http://www.clermontmetropole.org/html/publication.html'

//************ Sous-Menus ************//
Color0S  = '#FFA500' //Couleur du texte
Color1S  = '#E6E6FA' //Couleur Arrière
Color2S  = '#FFFFFF' //Couleur Arrière Surbrillance
Color3S  = '#42739A' //Couleur Bordure
EnLigne  =   1       //1:pour ranger sur une seule ligne  0:en colonne
LargeurS = 150       //Largeur
HauteurS =  20       //Hauteur
AlignS   = 'left'  //'center','right','left'
FontS    = 'Arial' //Police
SizeS    =  11       //Taille de la Police
WeightS  = 'bold'    //Epaisseur de la Police
FonduS   =   1       //1:Fondu, 0:aucun
CursorS  = 'hand' //Curseur-> default,hand...

k=-1; zlien=new Array

i=0; zlien[++k]=new Array
i=0; zlien[++k]=new Array 
zlien[k][i++]='Présentation générale'     ;zlien[k][i++]='http://www.clermontmetropole.org/html/territoire.html'
zlien[k][i++]='Contexte clermontois'    ;zlien[k][i++]='http://www.clermontmetropole.org/html/territoire1.html'
zlien[k][i++]='SCoT'   ;zlien[k][i++]='http://www.legrandclermont.com/le-scot.html'
zlien[k][i++]='Clermont-Ferrand et l"Europe'   ;zlien[k][i++]='http://www.clermontmetropole.org/html/territoire4.html'
i=0; zlien[++k]=new Array
zlien[k][i++]='Présentation générale'     ;zlien[k][i++]='http://www.clermontmetropole.org/html/intervention.html'
zlien[k][i++]='Pôle observation'    ;zlien[k][i++]='http://www.clermontmetropole.org/html/intervention1.html'
zlien[k][i++]='Pôle habitat'   ;zlien[k][i++]='http://www.clermontmetropole.org/html/intervention2.html'
zlien[k][i++]='Pôle planification et cadre de vie'   ;zlien[k][i++]='http://www.clermontmetropole.org/html/intervention3.html'
zlien[k][i++]='Pôle projets urbains'     ;zlien[k][i++]='http://www.clermontmetropole.org/html/intervention4.html'
zlien[k][i++]='Pôle déplacements'    ;zlien[k][i++]='http://www.clermontmetropole.org/html/intervention5.html'
i=0; zlien[++k]=new Array
zlien[k][i++]='Présentation générale'     ;zlien[k][i++]='http://www.clermontmetropole.org/html/publication.html'
zlien[k][i++]='Documentation'    ;zlien[k][i++]='http://www.clermontmetropole.org/html/publication1.html'
zlien[k][i++]='Cartothèque'   ;zlien[k][i++]='http://www.clermontmetropole.org/html/publication.html'
zlien[k][i++]='Photothèque'   ;zlien[k][i++]='http://www.clermontmetropole.org/html/publication.html'
zlien[k][i++]='Publications'     ;zlien[k][i++]='http://www.clermontmetropole.org/html/publication4.html'

//************ Fin des paramètres, Début du programme ************//
document.write('<style>') 
document.write('.ejmenu {background:'+Color1M+';text-align:'+AlignM+';font:'+WeightM+' '+SizeM+' '+FontM+';color:'+Color0M+';cursor:'+CursorM+'}') 
document.write('.ejsmenu {background:'+Color1S+';text-align:'+AlignS+';font:'+WeightS+' '+SizeS+' '+FontS+';color:'+Color0S+';cursor:'+CursorS+'}') 
document.write('</style>') 
  
function fadeIn(obj) 
{ obj.style.filter="blendTrans(duration=1)" 
  if(obj.filters.blendTrans.status!=1) 
  { obj.filters.blendTrans.Apply() 
    obj.style.visibility="visible" 
    obj.filters.blendTrans.Play() 
  } 
} 
  
document.onclick = function() { skn.visibility='hidden' } 

  
function pop(msg,pos) 
{ skn.visibility="hidden" 
  skn.top=document.body.scrollTop+PosY+HauteurM 
  if(!msg.length) return 
  if(EnLigne) 
  { content="<TABLE style='border-collapse:collapse;'WIDTH="+LargeurM*menu.length/2+" bordercolor="+Color3S+" BORDER=1><TR>" 
    for(pass=0;pass<msg.length;pass+=2) content+="<TD onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu>"+msg[pass]+"</TD>" 
  } else 
  { skn.left=pos-1 
    content="<TABLE style='border-collapse:collapse;'WIDTH="+LargeurS+" bordercolor="+Color3S+" BORDER=1>" 
    for(pass=0;pass<msg.length;pass+=2) content+="<TR><TD WIDTH="+LargeurS+" onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu>"+msg[pass]+"</TD></TR>" 
  } 
  document.getElementById("topdeck").innerHTML=content+"</TR></TABLE>" 
  if(document.all && FonduS) fadeIn(topdeck); else skn.visibility="visible"; 
} 
  
document.write('<DIV style="position:relative"><DIV style="POSITION:absolute;VISIBILITY:hidden;z-index:15" id=topdeck></DIV><TABLE ID=topmenu style="position:absolute;border-collapse:collapse;" bordercolor='+Color3M+' BORDER=1 WIDTH='+LargeurM*menu.length/2 +' HEIGHT='+HauteurM+'><tr>') 
skn=document.getElementById('topdeck').style 
dgt=document.getElementById('topmenu').style 
for(pass=0;pass<menu.length/2;pass++) document.write("<TD WIDTH="+LargeurM+" onMouseDown='location.href=\""+menu[pass*2+1]+"\"' onMouseOver='this.style.background=\""+Color2M+"\";pop(zlien["+pass+"],this.offsetLeft)' onMouseOut='this.style.background=\""+Color1M+"\"' CLASS=ejmenu>"+menu[pass*2]+"</TD>") 
document.write('</TR></TABLE></DIV>') 
dgt.top=document.body.scrollTop+PosY