// Redimensionnement de la fenetre pour placer le menu 
/*window.moveTo(0,0);
largeur=screen.width;
hauteur=screen.height;
window.resizeTo(largeur,hauteur);*/

// declaration variable globale
var etat_over1=0;
var etat_over2=0;

// Création des rollover
fleche15 = new Image;
rollfleche15 = new Image;
fleche15.src = "images/menu/menu1_04.gif";
rollfleche15.src = "images/menu/menu1_04bis.gif";

// 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=110;
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=245-ajust;
    }
    // Ie 5.5
    else
    {
      offset=235-ajust;
    }
  }
  else
  {
    // netscape
    offset=238-ajust;
  }
} 
else 
{
  offset=((largeur-770)/2)+198-ajust;
}

// Initialisation et positionnement du menu
if(NavName=="Microsoft Internet Explorer" || NavName=="Netscape") posYmenu = 101;
else posYmenu = 109;


bgcolor='#E69E3E';
bgcolor2='#9E2915';
needcenter =false;

if(!needcenter)
{  
  posXmenu = offset; 
}
else
{	
  if(document.all)
  {
    posXmenu=(document.body.clientWidth/2)-(770/2)+168;
  }
  else
  {
    posXmenu=(Window.innerWidth/2)-(770/2)+188; 
  }
}
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:11; }')
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;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;

// Insertions des liens intra-menus dans le tableau de stockage des menus
zlien[0][0] = '<a name="link0" href="agenda.php" class="orange-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Agenda</font></a>';
zlien[0][1] = '<a name="link1" href="provence.php" class="orange-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">En Provence</font></a>';
zlien[0][2] = '<a name="link2" href="actualite.php" class="orange-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Actualités</font></a>';
zlien[0][3] = '<a name="link3" href="stages.php" class="orange-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Les stages</font></a>';
zlien[0][4] = '<a name="link4" href="newsletter.php" class="orange-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Newsletter</font></a>';

zlien[1][0] = '<a name="link0" href="danses.php" class="rouge-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Danses</font></a>';
zlien[1][1] = '<a name="link1" href="musiques_et_chants.php" class="rouge-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Musiques & chants</font></a>';
zlien[1][2] = '<a name="link2" href="costumes.php" class="rouge-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Costumes</font></a>';
zlien[1][3] = '<a name="link3" href="presentation_du_rode.php" class="rouge-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Présentation du Rode</font></a>';

zlien[2][0] = '<a name="link0" href="bibliographie.php" class="rouge-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Parutions</font></a>';
zlien[2][1] = '<a name="link1" href="rejoindre.php" class="rouge-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Rejoindre un groupe</font></a>';
zlien[2][2] = '<a name="link2" href="album.php" class="rouge-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Album photo</font></a>';
zlien[2][3] = '<a name="link3" href="dossier_thematique.php" class="rouge-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Dossiers thématiques</font></a>';
zlien[2][4] = '<a name="link4" href="partenaire.php" class="orange-blanc"><font face="verdana" color="#FFFDD9" style="font-size:10px; font-weight:bold">Partenaires</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+22;

// Fonction d'affichage des sous-menus
function pop(msg,pos,bgcolor,bgcolor2)
{

  skn.visibility = "hidden";
  a=true
  skn.left = posXmenu+pos;
  var content ="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor="+bgcolor+" width=\"160\"><tr><td height=\"20\" 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=\"link"+pass+".style.color='#FFFDD9'; this.style.background='"+bgcolor2+"'; this.style.cursor='hand'; etat_over2=1;\" onMouseOut=\"link"+pass+".style.color='#FFFDD9'; this.style.background='"+bgcolor+"';  this.style.cursor='auto'; etat_over2=0; delay();\" height=\"20\"><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"160\" height=\"20\"><tr><td width=\"20\" align=\"center\"><img src=images/menu/menu1_05.gif></td><td width=\"140\" align=\"left\"><font style=\"font-weight:normal; font-size:10px;\" FACE=\"Verdana\">"+msg[pass]+"</font></td></tr></table></td></tr>";
    pass++;
  }
  content += "<tr><td height=\"20\" 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();
  }
}

function PopZik()
{
  var haut=(screen.height-170)/2;
  var gauche=(screen.width-227)/2;
  popzik=window.open('GefiPlayer/index.php','popzik','top='+haut+',left='+gauche+',toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=227, height=170');
  if (popzik.blur) popzik.focus();
}

// Création des menus principaux
document.onclick = kill;
document.write('<DIV ID="topgauche">')
document.write('<table width="398" height="27" border="0" cellpadding="0" cellspacing="0"><tr>')

if(pagemenu==1)
{
  document.write('<td align=center bgcolor="#FFFFFF" onmouseover="etat_over1=1;pop(zlien[0],-17,\'#B40606\',\'#C49B3E\')" onmouseout="etat_over1=0;delay();"><A onmouseover="etat_over1=1;pop(zlien[0],-17,\'#B40606\',\'#C49B3E\');" onmouseout="etat_over1=0;delay();" href="#"><img src="images/menu/menu1_01bis.gif" width="119" height="27" border="0"></a></td>')
  document.write('<td align=center bgcolor="#FFFFFF" onmouseover="etat_over1=1;pop(zlien[1],100,\'#C49B3E\',\'#B40606\')" onmouseout="etat_over1=0;delay();"><A onmouseover="etat_over1=1;pop(zlien[1],100,\'#C49B3E\',\'#B40606\');" onmouseout="etat_over1=0;delay();" href="#"><img src="images/menu/menu1_02.gif" width="94" height="27" border="0"></a></td>')
  document.write('<td align=center bgcolor="#FFFFFF" onmouseover="etat_over1=1;pop(zlien[2],205,\'#C49B3E\',\'#B40606\')" onmouseout="etat_over1=0;delay();"><A onmouseover="etat_over1=1;pop(zlien[2],205,\'#C49B3E\',\'#B40606\');" onmouseout="etat_over1=0;delay();" href="#"><img src="images/menu/menu1_03.gif" width="104" height="27" border="0"></a></td>')
  document.write('<td align=center bgcolor="#FFFFFF"><a href="#" onclick="PopZik();" onmouseover="imgzik.src=rollfleche15.src" onmouseout="imgzik.src=fleche15.src;"><img name="imgzik"src="images/menu/menu1_04.gif" width="57" height="27" border="0"></a></td>')
}
else if(pagemenu==2)
{
  document.write('<td align=center bgcolor="#FFFFFF" onmouseover="etat_over1=1;pop(zlien[0],-17,\'#C49B3E\',\'#B40606\')" onmouseout="etat_over1=0;delay();"><A onmouseover="etat_over1=1;pop(zlien[0],-17,\'#C49B3E\',\'#B40606\');" onmouseout="etat_over1=0;delay();" href="#"><img src="images/menu/menu1_01.gif" width="119" height="27" border="0"></a></td>')
  document.write('<td align=center bgcolor="#FFFFFF" onmouseover="etat_over1=1;pop(zlien[1],100,\'#B40606\',\'#C49B3E\')" onmouseout="etat_over1=0;delay();"><A onmouseover="etat_over1=1;pop(zlien[1],100,\'#B40606\',\'#C49B3E\');" onmouseout="etat_over1=0;delay();" href="#"><img src="images/menu/menu1_02bis.gif" width="94" height="27" border="0"></a></td>')
  document.write('<td align=center bgcolor="#FFFFFF" onmouseover="etat_over1=1;pop(zlien[2],205,\'#C49B3E\',\'#B40606\')" onmouseout="etat_over1=0;delay();"><A onmouseover="etat_over1=1;pop(zlien[2],205,\'#C49B3E\',\'#B40606\');" onmouseout="etat_over1=0;delay();" href="#"><img src="images/menu/menu1_03.gif" width="104" height="27" border="0"></a></td>')
  document.write('<td align=center bgcolor="#FFFFFF"><a href="#" onclick="PopZik();" onmouseover="imgzik.src=rollfleche15.src" onmouseout="imgzik.src=fleche15.src;"><img name="imgzik" src="images/menu/menu1_04.gif" width="57" height="27" border="0"></a></td>')
}
else if(pagemenu==3)
{
  document.write('<td align=center bgcolor="#FFFFFF" onmouseover="etat_over1=1;pop(zlien[0],-17,\'#C49B3E\',\'#B40606\')" onmouseout="etat_over1=0;delay();"><A onmouseover="etat_over1=1;pop(zlien[0],-17,\'#C49B3E\',\'#B40606\');" onmouseout="etat_over1=0;delay();" href="#"><img src="images/menu/menu1_01.gif" width="119" height="27" border="0"></a></td>')
  document.write('<td align=center bgcolor="#FFFFFF" onmouseover="etat_over1=1;pop(zlien[1],100,\'#C49B3E\',\'#B40606\')" onmouseout="etat_over1=0;delay();"><A onmouseover="etat_over1=1;pop(zlien[1],100,\'#C49B3E\',\'#B40606\');" onmouseout="etat_over1=0;delay();" href="#"><img src="images/menu/menu1_02.gif" width="94" height="27" border="0"></a></td>')
  document.write('<td align=center bgcolor="#FFFFFF" onmouseover="etat_over1=1;pop(zlien[2],205,\'#B40606\',\'#C49B3E\')" onmouseout="etat_over1=0;delay();"><A onmouseover="etat_over1=1;pop(zlien[2],205,\'#B40606\',\'#C49B3E\');" onmouseout="etat_over1=0;delay();" href="#"><img src="images/menu/menu1_03bis.gif" width="104" height="27" border="0"></a></td>')
  document.write('<td align=center bgcolor="#FFFFFF"><a href="#" onclick="PopZik();" onmouseover="imgzik.src=rollfleche15.src" onmouseout="imgzik.src=fleche15.src;"><img name="imgzik" src="images/menu/menu1_04.gif" width="57" height="27" border="0"></a></td>')
}

document.write('</tr></table>')
document.write('</DIV>')