// Redimensionnement de la fenetre pour placer le menu 
/*window.moveTo(0,0);
largeur=screen.width;
hauteur=screen.height;
window.resizeTo(largeur,hauteur);*/

// Création des rollover
zone1 = new Image;
zone2 = new Image;
zone3 = new Image;
rollzone1 = new Image;
rollzone2 = new Image;
rollzone3 = new Image;
zone1.src = "images/menu/menu_01.gif";
zone2.src = "images/menu/menu_02.gif";
zone3.src = "images/menu/menu_03.gif";
rollzone1.src = "images/menu/menu_01_on.gif";
rollzone2.src = "images/menu/menu_02_on.gif";
rollzone3.src = "images/menu/menu_03_on.gif";

// declaration variable globale
var etat_over1=0;
var etat_over2=0;

// Récuperation de la taille de la fenetre
largeur=document.body.scrollWidth;
hauteur=document.body.scrollHeight;

// Récupération du type de navigateur, de l'os et 
// Calcul du décalage pour le positionnement du menu
NavName = navigator.appName;
if(NavName=="Microsoft Internet Explorer")
{
  ver = navigator.appVersion.substring(22,25);
  if(ver == "6.0")
  {
    ajust=15;
  }
  else
  {
    ajust=5;
  }
}
else if(NavName=="Netscape") ajust=6;
else ajust=11;

// Décalage du menu si la largeur de la fenetre 
// est superieur a la taille du site
if(largeur<800)
{
    if(NavName=="Microsoft Internet Explorer")
  {
    ver = navigator.appVersion.substring(22,25);
    // Ie 6.0
    if(ver == "6.0")
    {
      offset=297-ajust;  //245
    }
    // Ie 5.5
    else
    {
      offset=287-ajust; //235
    }
  }
  else
  {
    // netscape
    offset=290-ajust;  //238	
  }
} 
else 
{
  offset=((largeur-768)/2)+287-ajust;  //(largeur-775)/2)+235-ajust
}

// Initialisation et positionnement du menu
if(NavName=="Microsoft Internet Explorer" || NavName=="Netscape") posYmenu = 72;
else posYmenu = 80;


bgcolor='#F6EDD5';
bgcolor2='#DED6C1';
needcenter =false;
if(!needcenter)
{  
  posXmenu = offset; 
}
else
{	
  if(document.all)
  {
    posXmenu=(document.body.clientWidth/2)-(600/2);
  }
  else
  {
    posXmenu=(Window.innerWidth/2)-(600/2); 
  }
}
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
document.write('A:hover.ejsmenu {font-size:10px; font-weight:normal; color:#B55E20; text-decoration:none;}')
document.write('A.ejsmenu {font-size:10px; font-weight:normal; color:#705D34; text-decoration:none;}')
document.write('A:hover.ejsmenu2 {font-size:10px; font-weight:normal; color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu2 {font-size:10px; font-weight:normal; color:#705D34; text-decoration:none;}')
document.write('A:hover.ejsmenu3 {font-size:10px; font-weight:bold; color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu3 {font-size:10px; font-weight:bold; color:#705D34; text-decoration:none;}')
document.write('</style>')
document.write('<DIV class=popper id=topdeck></DIV>');

// Création du tableau de stockage des menus
zlien = new Array;
zlien[0] = new Array;

// Insertions des liens intra-menus dans le tableau de stockage des menus
zlien[0][0] = '<a name="link0" href="specialite_provencale.php"><font face="verdana" color="#4E4B4A" style="font-size:10px; font-weight:bold">Provençales</font></a>';
zlien[0][1] = '<a name="link1" href="specialite_flan.php"><font face="verdana" color="#4E4B4A" style="font-size:10px; font-weight:bold">Flans</font></a>';
zlien[0][2] = '<a name="link2" href="specialite_sauce.php"><font face="verdana" color="#4E4B4A" style="font-size:10px; font-weight:bold">Sauces</font></a>';
zlien[0][3] = '<a name="link3" href="specialite_poisson.php"><font face="verdana" color="#4E4B4A" style="font-size:10px; font-weight:bold">Poissons</font></a>';
zlien[0][4] = '<a name="link4" href="specialite_terrine.php"><font face="verdana" color="#4E4B4A" style="font-size:10px; font-weight:bold">Terrines</font></a>';
zlien[0][5] = '<a name="link5" href="specialite_moutarde.php"><font face="verdana" color="#4E4B4A" style="font-size:10px; font-weight:bold">Moutardes</font></a>';
zlien[0][6] = '<a name="link6" href="specialite_originalite.php"><font face="verdana" color="#4E4B4A" style="font-size:10px; font-weight:bold">Originalités</font></a>';
zlien[0][7] = '<a name="link7" href="specialite_fromage.php"><font face="verdana" color="#4E4B4A" style="font-size:10px; font-weight:bold">Fromages</font></a>';
zlien[0][8] = '<a name="link8" href="recherche.php"><font face="verdana" color="#4E4B4A" style="font-size:10px; font-weight:bold">Recherche</font></a>';

// Gestion de l'affichage et de la disparition des sous-menus
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = posYmenu+26;

// Fonction d'affichage des sous-menus
function pop(msg,pos)
{

  skn.visibility = "hidden";
  a=true
  skn.left = posXmenu+pos;
  var content ="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor="+bgcolor+" width=\"142\"><tr><td height=\"18\" bgcolor="+bgcolor+">&nbsp;</td></tr>";
  pass = 0
  while(pass < msg.length)
  {
	content += "<tr><td align=\"left\" bgcolor="+bgcolor+" onClick=\"document.location.href=link"+pass+".href\" onMouseOver=\"image2.src=rollzone2.src; link"+pass+".style.color='#ffffff'; this.style.background='"+bgcolor2+"'; this.style.cursor='hand'; etat_over2=1;\" onMouseOut=\"link"+pass+".style.color='#9E2915'; this.style.background='"+bgcolor+"';  this.style.cursor='auto'; etat_over2=0; delay();\" height=\"20\"><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"142\" height=\"20\"><tr><td width=\"20\" align=\"center\"><img src=images/menu/menu_07.gif></td><td width=\"122\" align=\"left\">"+msg[pass]+"</td></tr></table></td></tr>";
    pass++;
  }
  content += "<tr><td height=\"18\" bgcolor="+bgcolor+">&nbsp;</td></tr></TABLE>";
  if (nava)
  {
    skn.document.write(content);
    skn.document.close();
    skn.visibility = "visible";
  }
  else if(dom)
  {
    document.getElementById("topdeck").innerHTML = content;
    skn.visibility = "visible";
  }
  else if(iex)
  {
    document.all("topdeck").innerHTML = content;
    skn.visibility = "visible";
  }
}

// Fonction faisant disparaitre le sous-menu
function kill()
{
  skn.visibility = "hidden";
}

function delay()
{
  setTimeout("delay2()",1500);	
}

function delay2()
{
  if(etat_over1==0 & etat_over2==0)
  {
    kill();
  }
}
// Création des menus principaux
document.onclick = kill;
document.write('<DIV ID="topgauche">')
document.write('<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" width="410" height="26"><tr>')
document.write('<td width=131 height=26 bgcolor="#FFFFFF"><a href="inspiration.php" onmouseover="image1.src=rollzone1.src" onmouseout="image1.src=zone1.src"><img name="image1" id="image1" src="images/menu/menu_01.gif" width="131" height="26" border="0"></a></td>')
document.write('<td width=142 height=26 bgcolor="#FFFFFF" onmouseover="etat_over1=1;pop(zlien[0],131)" onmouseout="etat_over1=0;delay();"><a onmouseover="etat_over1=1;pop(zlien[0],131);image2.src=rollzone2.src" onmouseout="etat_over1=0;delay();image2.src=zone2.src" href="#"><img name="image2" id="image2" src="images/menu/menu_02.gif" width="142" height="26" border="0"></a></td>')
document.write('<td width=137 height=26 bgcolor="#FFFFFF"><a href="savoir_faire.php" onmouseover="image3.src=rollzone3.src" onmouseout="image3.src=zone3.src"><img name="image3" id="image3" src="images/menu/menu_03.gif" width="137 height="26" border="0"></a></td>')
document.write('</tr></table>')
document.write('</DIV>')
