//Images pré-chargées
imgMenu = new Image;
imgMenu = "images/menu001.jpg";

posXmenu = 150;
posYmenu = 29;

bgcolor = '#1C2546';//#1E3173
bgcolor2 = '#2D3C6F';

// Voici les liens des choix de menu
sousmenu = new Array;
sousmenu[0] = new Array;
sousmenu[1] = new Array;
sousmenu[2] = new Array;
sousmenu[3] = new Array;

remplacement = new Array;
remplacement[0] = new Array;
remplacement[1] = new Array;
remplacement[2] = new Array;
remplacement[3] = new Array;

emplacement = new Array;
emplacement[0] = new Array;
emplacement[1] = new Array;
emplacement[2] = new Array;
emplacement[3] = new Array;

// Remplir le menu
remplacement[0][0] =  "Page d\'accueil";       emplacement[0][0] = "accueil.html";           sousmenu[0][0] = '<A HREF= "' + emplacement[0][0] + '"CLASS=menu>' + remplacement[0][0] + '</A>';
remplacement[1][0] =  "Catalogue des livres";  emplacement[1][0] = "livres.html";          sousmenu[1][0] = '<A HREF= "' + emplacement[1][0] + '"CLASS=menu>' + remplacement[1][0] + '</A>';
remplacement[1][1] =  "Liste des auteurs";     emplacement[1][1] = "auteurs.html";         sousmenu[1][1] = '<A HREF= "' + emplacement[1][1] + '"CLASS=menu>' + remplacement[1][1] + '</A>';
remplacement[1][2] =  "Livres par collections";     emplacement[1][2] = "collection.html";         sousmenu[1][2] = '<A HREF= "' + emplacement[1][2] + '"CLASS=menu>' + remplacement[1][2] + '</A>';
remplacement[1][3] = "Commander"; emplacement[1][3] = "commander.html"; sousmenu[1][3] = '<A HREF= "' + emplacement[1][3] + '"CLASS=menu>' + remplacement[1][3] + '</A>';
remplacement[2][0] =  "Éditions du Mécène";    emplacement[2][0] = "editions_mecene.html"; sousmenu[2][0] = '<A HREF= "' + emplacement[2][0] + '"CLASS=menu>' + remplacement[2][0] + '</A>';
remplacement[2][1] =  "Origines";              emplacement[2][1] = "origines.html";        sousmenu[2][1] = '<A HREF= "' + emplacement[2][1] + '"CLASS=menu>' + remplacement[2][1] + '</A>';
remplacement[2][2] =  "Nos objectifs";         emplacement[2][2] = "objectifs.html";       sousmenu[2][2] = '<A HREF= "' + emplacement[2][2] + '"CLASS=menu>' + remplacement[2][2] + '</A>';
remplacement[2][3] =  "Particularités";        emplacement[2][3] = "particularites.html";  sousmenu[2][3] = '<A HREF= "' + emplacement[2][3] + '"CLASS=menu>' + remplacement[2][3] + '</A>';
remplacement[2][4] =  "Régions desservies";    emplacement[2][4] = "regions.html";         sousmenu[2][4] = '<A HREF= "' + emplacement[2][4] + '"CLASS=menu>' + remplacement[2][4] + '</A>';
remplacement[2][5] =  "Collections";           emplacement[2][5] = "collections.html";     sousmenu[2][5] = '<A HREF= "' + emplacement[2][5] + '"CLASS=menu>' + remplacement[2][5] + '</A>';
remplacement[2][6] =  "Se procurer nos livres";emplacement[2][6] = "acheter_livres.html";  sousmenu[2][6] = '<A HREF= "' + emplacement[2][6] + '"CLASS=menu>' + remplacement[2][6] + '</A>';
remplacement[2][7] =  "Être Mécène?";          emplacement[2][7] = "etre_mecene.html";     sousmenu[2][7] = '<A HREF= "' + emplacement[2][7] + '"CLASS=menu>' + remplacement[2][7] + '</A>';

function affichesousmenu(posXmenu, index, message, position)// Affichage des sous-menus
{
  if (document.getElementById)
  {
    document.getElementById("cadremenu").style.left = posXmenu + position;
    var content = "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=1>";
    menuclick = "variable texte";
    for(pass=0;pass < message.length;pass++)
    {
      if (message[pass].substring(0,2)  == '<A')
        content += "<TR><TD STYLE=\"cursor:pointer\" background=\"images/menu00.jpg\" BGCOLOR=" + bgcolor + " onMouseOver=\"this.background = 'images/menu001.jpg';\" onMouseOut=\"this.background='images/menu00.jpg'\" onClick=\"self.location.href='" + emplacement[index][pass] + "';\" HEIGHT=15><FONT SIZE = 1 FACE=\"Verdana\">&nbsp;&nbsp;<b>"+message[pass]+"</B></FONT></TD></TR>";  
      else
        content += "<TR><TD background=\"images/menu00.jpg\" BGCOLOR=" + bgcolor + "HEIGHT=15><FONT SIZE = 1 FACE=\"Verdana\">&nbsp;&nbsp;<b>"+message[pass]+"</B></FONT></TD></TR>";
    }
    content += "</TABLE></TD></TR></TABLE>";
    document.getElementById("cadremenu").innerHTML = content;
    document.getElementById("cadremenu").style.visibility = "visible";
  }
}  
        
function effacermenu() // Effacer le sous-menu
{
  if(document.getElementById)
  document.getElementById("cadremenu").style.visibility = "hidden";
}

function affichemenu(index1, index2) // Afficher le menu 
//Les variables index1 et 2 indiquent quelle sélection parmi les sous-menu est rendue innaccessible (la page en cours au fond)
{ 
  if ((index1 != "0" || index2 != "0") && (index1 != "menuComplet"))
    sousmenu[index1][index2] = "<img src=\"images/ligne_separationm.gif\" alt=\"\"><A CLASS=menu STYLE=\"cursor:default\"><font color =\"#999999\">" + remplacement[index1][index2] + "</font></A>";
  
  // Style des liens
  document.write('<style type="text/css">');
  document.write('A:hover.menu{color:#FFFFFF; text-decoration:none;}');
  document.write('A.menu {color:#FFFFFF; text-decoration:none;}');
  document.write('</style>');
  
  // Le sous-menu
  if(document.getElementById)
    document.getElementById("cadremenu").style.top = posYmenu + 5;
    
  document.onclick = effacermenu;
  
  // Afficher l'entête du menu
  if(document.getElementById)
  {
    document.write('<DIV STYLE="position:absolute; top:'+posYmenu+'px;left:'+posXmenu+'px; z-index:9"><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=300><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=0 WIDTH=100% HEIGHT=23><TR>');
    
    //les 4 menus de l'entête
    if (index1 != "0" || index2 != "0")
      document.write('<TD WIDTH=167 ALIGN=center BGCOLOR='+ bgcolor +' ><A CLASS=menu STYLE="cursor:pointer"><img src="images/menu01.jpg"; onClick="self.location.href=\'accueil.html\';"></a></TD>');  
    else
      document.write('<TD WIDTH=167 ALIGN=center BGCOLOR='+ bgcolor +' ><img src="images/menu011.jpg"></TD>');
    document.write('<TD WIDTH=97 ALIGN=center BGCOLOR='+ bgcolor +' onMouseOver="this.style.background=\'' + bgcolor2 + '\';affichesousmenu(posXmenu, 1, sousmenu[1],167)" onMouseOut="this.style.background=\'' + bgcolor +'\'"><A CLASS=menu STYLE="cursor:default"><img src="images/menu02.jpg"></a></TD>'); 
    document.write('<TD WIDTH=97 ALIGN=center BGCOLOR='+ bgcolor +' onMouseOver="this.style.background=\'' + bgcolor2 + '\';affichesousmenu(posXmenu, 2, sousmenu[2],264)" onMouseOut="this.style.background=\'' + bgcolor +'\'"><A CLASS=menu STYLE="cursor:default"><img src="images/menu03.jpg"></a></TD>'); 
    
    document.write('</TR></TABLE></TD></TR></TABLE></DIV>');
  }

}