var menu=new Array("1","1_1","1_2","1_3","2","2_1","2_2","3","3_1","3_2","3_3","4","4_1","4_2","10","11","12","13","14","15");
var pages=new Array("association.html","historique.html","objectifs.html","structure.html","lesspectacles.html","cielelastiquecitrique.html","animations.html","pointsrouges.html","laroulotte.html","creations.html","rendezvous.html","galeries.html","galeriesphotos.php","galeriesvideos.php","reservations.php?etape=1","clientsreferences.php","liens.php","presse.php","boutique.html","contacts.html");


var id_page;

// préchargement des images
preload = new Image();
image_url = new Array();
for (var i=0;i<menu.length;i+=2){
  image_url[i]="menus/img/m_"+menu[i]+"_on.gif";
  image_url[i+1]="menus/img/m_"+menu[i]+"_off.gif";
}
for(var i=0;i<image_url.length;i++)
  preload.src = image_url[i];
 
// retourne la position de l'élément dans le tableau menu
function index_element(image){
  for (var i=0;i<menu.length;i++)
    if (menu[i]==image) return i;
  return -1;
}

// retourne le nbre le nombre de sous-menu + 1 pour le menu principal passé en paramètre
function getSousMenuCount(elem){
  var i=index_element(elem);
  var count=1;
  i++;
  while (i<menu.length){
    if (menu[i].indexOf("_")!=-1&&menu[i].split("_")[0]==elem){
      count++;
      i++;
    }
    else
      return count;
  }
  return count;
}

// retourne le nom du menu principal pour le sous-menu passé en paramètre
// si on passe un menu principal, la fonction retourne le même nom
function getMenuPrincipal(elem){
  var s=new String(elem);
  if (s.indexOf("_")==-1)
    return s;
  else
    return s.split("_")[0];
}

function menu_position(elem){
  var princip=getMenuPrincipal(elem);
  if (princip<10)
    return 'haut';
  else
    return 'bas';
}

// construit les menus haut et bas en fonction de la page courante (par ex: currentPage = 1_1)
function buildMenu(currentPage){
  id_page=currentPage;
  
  // menu haut
  var i=0;
  var html="<table cellpadding='0' cellspacing='0' bgcolor='4a4f4a'><tr><td rowspan='"+getSousMenuCount(menu[i])+"' valign='top'><img id='"+menu[i]+"_bar_g' src='menus/img/m_barre_gauche_";
  if (menu[i]==getMenuPrincipal(currentPage))
    html+="on";
  else
    html+="off";
  html+=".gif' width='4' height='105'></td><tr>";
  
  while (i<menu.length){  // menu principal
    if (menu_position(menu[i])=='haut'){
      if (menu[i].indexOf("_")==-1){
        if (i==0)
          html+="<td valign='top'>";
        else {
          html+="</table></td><td rowspan='"+getSousMenuCount(menu[i])+"' valign='top'><img id='"+menu[i]+"_bar_m' src='menus/img/m_barre_milieu_";
          if (menu[i]==getMenuPrincipal(currentPage))
            html+="on";
          else
            html+="off";
          html+=".gif' width='7' height='105'></td><td valign='top'>";
        }
        html+="<table cellpadding='0' cellspacing='0'><tr><td valign='top'>";
        html+="<span onclick='change_rubrique("+i+")' onMouseOver='menu_on("+menu[i]+")' onMouseOut='menu_off()'><img id='"+menu[i]+"' src='menus/img/m_"+menu[i]+"_";
        if (menu[i]==getMenuPrincipal(currentPage))
          html+="on";
        else
          html+="off";     
        html+=".gif'width='180' height='53' border='0'></span></td></tr>";
      }
      else { // sous-menu
        html+="<tr><td valign='top'><span onclick='change_rubrique("+i+")' onMouseOver=ssmenu_on('"+menu[i]+"') onMouseOut='ssmenu_off()'>";
        if (menu[i]==currentPage)
            html+="<img id='"+menu[i]+"' src='menus/img/m_"+menu[i]+"_on.gif'";
        else if (getMenuPrincipal(menu[i])==getMenuPrincipal(currentPage))
            html+="<img id='"+menu[i]+"' src='menus/img/m_"+menu[i]+"_off.gif'";
        else
            html+="<img id='"+menu[i]+"' src='menus/img/m_vide.gif'";
        html+=" width='180' height='13' border='0'></span></td></tr>";
      }
    }
    i++;
  }

  html+="</table></td><td rowspan='"+getSousMenuCount(menu[i])+"' valign='top'><img src='menus/img/m_barre_droite_off.gif' width='7' height='105'></td></tr></table>";
  document.getElementById("barre_menu_haut").innerHTML=html;
  
  // menu bas
  i=0;
  html="<table cellpadding='0' cellspacing='0'><tr>";
  while (i<menu.length){  // menu principal
    if (menu_position(menu[i])=='bas'){
      html+="<td><span onclick='change_rubrique("+i+")' onMouseOver='menu_on("+menu[i]+")' onMouseOut='menu_off()'><img id='"+menu[i]+"' src='menus/img/m_"+menu[i]+"_";
      if (menu[i]==getMenuPrincipal(currentPage))
        html+="on";
      else
        html+="off";
      html+=".gif' width='125' height='40' border='0'></a></td>";;
    }
    i++;
  }
  html+="<td><img src='menus/img/m_barre_bas_off.gif' width='2' height='40' border='0'></a></td></tr></table>"
  document.getElementById("barre_menu_bas").innerHTML=html;
}

// active le sous-menu passé en paramètre et affiche le menu et les sous-menus associés
function ssmenu_on(nom_image){
  if (nom_image!=0){
    var nom_menu_principal=getMenuPrincipal(nom_image);
    if (nom_menu_principal!==-1){
      menu_on(nom_menu_principal);
      document.getElementById(nom_image).src="menus/img/m_"+nom_image+"_on.gif";
    }
  }
}

// désactive le sous-menu passé en paramètre et cache le menu et les sous-menus associés
function ssmenu_off(){
  page_actuelle();
}

// désactive le menu principal et cache les sous-menus du menu passé en paramètre
function menu_off(){
  page_actuelle();
}

// active le menu et le sous-menu de la page actuelle
function page_actuelle(){
  desactiver_tout();
  ssmenu_on(id_page);
}

// active le menu principal et les sous-menus du menu passé en paramètre
function menu_on(nom_image){
  desactiver_tout();
  if (nom_image!=0){
    if (nom_image==menu[0])
      document.getElementById(nom_image+'_bar_g').src="menus/img/m_barre_gauche_on.gif";
    else if (nom_image<10){
      document.getElementById(nom_image+'_bar_m').src="menus/img/m_barre_milieu_on.gif";
    }
    document.getElementById(nom_image).src="menus/img/m_"+nom_image+"_on.gif";
    var index=index_element(nom_image);
    for (var i=1;i<getSousMenuCount(nom_image);i++)
      document.getElementById(menu[index+i]).src="menus/img/m_"+menu[index+i]+"_off.gif";
  }
}

// désactactive tous les menus et sous-menus
function desactiver_tout(){
  for (var i=0;i<menu.length;i++){
    if (validateInt(menu[i])){
      document.getElementById(menu[i]).src="menus/img/m_"+menu[i]+"_off.gif";
      if (getMenuPrincipal(menu[i])<10){
        if (i==0)
          document.getElementById(menu[i]+'_bar_g').src="menus/img/m_barre_gauche_off.gif";
        else
          document.getElementById(menu[i]+'_bar_m').src="menus/img/m_barre_milieu_off.gif";
      }      
    }
    else
      document.getElementById(menu[i]).src="menus/img/m_vide.gif";
  }
}

// test s'il s'agit d'un nombre entier
function validateInt(iString) {
  return ((""+parseInt(iString))==iString);
}

function pause_lecteur_mp3 (){
document.getElementById("lecteur_mp3").SetVariable("player:jsPause", "");
}

function play_lecteur_mp3 (){
document.getElementById("lecteur_mp3").SetVariable("player:jsPlay", "");
}

// redirection en cas de clic sur un menu ou un sous-menu
function change_rubrique(index){
	if (index==13)  //éteindre la musique si on est sur la galerie vidéo
			pause_lecteur_mp3 ();
	else if (id_page=="4_2")
			play_lecteur_mp3 ();
	
  chargeFichier('mainContent',pages[index]);
  buildMenu(menu[index]);
}
// retourne le nom sans l'extension =-> repertoire( pages[index])+"/"+
function repertoire(page){
	return page.slice(0,page.indexOf("."))
}

