//========================================================================
//
//		TESTER SOUS LES NAVIGATEURS SUIVANTS
//
//========================================================================
// IE 		6.0.2800.1106 	Win2000
// netscape 	7.02    	Win2000
//========================================================================
var menu = new Array();
//========================================================================
//
//		DEBUT EDITION UTILISATEUR (ne rien modifier au-dessus)
//
//========================================================================

//=====================================
//TEMPS D'ATTENTE AVANT DE TESTER SI ON DOIT FERMER LE MENU (en millisecondes)

var INTERVALLE_TEST = 100;

//=====================================
/* explication des différents champs
   =================================
menu[x][0] = "valeur|valeur|||||||||||" et uniquement [0]
=========================================================
TYPE_MENU              -------	 prend les valeur MENU_DIRECT ou MENU_INDIRECT		
COULEUR_FOND_OUT_MENU  ------|-----------	
COULEUR_FOND_OVER_MENU ------|----------|-------- 	
COULEUR_FONT_OUT_MENU  ------|----------|-------|---------	
COULEUR_FONT_OVER_MENU ------|----------|-------|--------|---------	
FAMILLE_FONT_MENU      ------|----------|-------|--------|--------|------
TAILLE_FONT_MENU       ------|----------|-------|--------|--------|-----|--------	
POIDS_FONT_MENU	       ------|----------|-------|--------|--------|-----|-------|---------	
ALIGN_TEXTE_MENU       ------|----------|-------|--------|--------|-----|-------|---|-----|-------	
COULEUR_BORDURE_MENU   ------|----------|-------|--------|--------|-----|-------|---|-----|------|--------	
TYPE_BORDURE_MENU	     |          |       |        |        |     |       |   |     |      |       |      
TAILLE_BORDURE_MENU	     |          |       |        |        |     |       |   |     |      |       |      
LARGEUR_CASE_MENU	     |          |       |        |        |     |       |   |     |      |       |      
HAUTEUR_CASE_MENU	     |          |       |        |        |     |       |   |     |      |       |      
LARGEUR_CASE_OPTION	     |          |       |        |        |     |       |   |     |      |       |   .....   
TITRE_MENU		     |          |       |        |        |     |       |   |     |      |       |      
LIEN_MENU   si MENU_DIRECT   |          |       |        |        |     |       |   |     |      |       |      
            sinon rien      \|/         |       |        |        |     |       |   |     |      |       |       
exemple:                                                                                               
menu[0][0]           = "MENU_INDIRECT|#333399|#AAAAAA|#FFFFFF|#FFFFFF|verdana|12px|bold|center|#FFFFFF|solid|1px|110px|20px|110px|Titre Menu 1|rien";

menu[x][1] = "valeur|valeur|||||||||||" et uniquement après [1]
=========================================================
TYEP_OPTION		   prend les valeur LIEN (quand on clic ca affiche le lien) ou TITRE (ne fait rien au clic)
COULEUR_FOND_OUT_OPTION	   #?????? couleur que prend le fond de la cellule au debut et quand la souris s'en va	
COULEUR_FOND_OVER_OPTION   #?????? couleur que prend le fond de la cellule quand la souris est dessus
COULEUR_FONT_OUT_OPTION	   #?????? couleur que prend le texte de la cellule au debut et quand la souris s'en va		
COULEUR_FONT_OVER_OPTION   #?????? couleur que prend le texte de la cellule quand la souris est dessus	
FAMILLE_FONT_OPTION	   font du texte (verdana, helvetica, Arial, Courier...)
TAILLE_FONT_OPTION	   taille du texte (10px, 12px ...)	
POIDS_FONT_OPTION	   normal,bold,bolder....	
ALIGN_TEXTE_OPTION	   center,left,right	
COULEUR_BORDURE_OPTION	   #??????	
TYPE_BORDURE_OPTION	   none,dotted,dashed,solid...	
TAILLE_BORDURE_OPTION	   1px,0px...	
HAUTEUR_CASE_OPTION	   20px,30px...	
TITRE_OPTION		   texte a afficher	
LIEN_OPTION	           lien (http://adresse  ,  fichier.html ...) 

exemple:
menu[0][1] = "#333399|#AAAAAA|#FFFFFF|#FFFFFF|verdana|12px|bold|center|#FFFFFF|solid|1px|20px|Titre Option 1|http://www.google.fr";
*/
//=====================================

menu[0] = new Array();
menu[0][0] = "MENU_INDIRECT|#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#FFFFFF|solid|1px|120px|25px|120px|Général|";
menu[0][1] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Accueil|index.php";
menu[0][2] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Carte|carte.php";
menu[0][3] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Liens|liens.php";
menu[0][4] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Forum|forum.php";


menu[1] = new Array();
menu[1][0] = "MENU_DIRECT|#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#FFFFFF|solid|1px|120px|25px|rien|Thermalisme|thermes/index.htm";

menu[2] = new Array();
menu[2][0] = "MENU_INDIRECT|#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#FFFFFF|solid|1px|120px|25px|120px|Communes|";
menu[2][1] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|AVENE|avene.php";

menu[2][2] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|BRENAS|brenas.php";
menu[2][3] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|CEILHES|ceilhes.php";
menu[2][4] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|DIO|dio.php";
menu[2][5] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|JONCELS|joncels.php";
menu[2][6] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|LUNAS|lunas.php";
menu[2][7] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Carte|carte.php";


menu[3] = new Array();
menu[3][0] = "MENU_INDIRECT|#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#FFFFFF|solid|1px|120px|25px|120px|Hébergements|";
menu[3][1] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Meublés|meubles.php";
menu[3][2] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Gîtes|gites.php";
menu[3][3] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Hôtels|hotels.php";
menu[3][4] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Campings|campings.php";
menu[3][5] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Réservations|reservations.php";

menu[4] = new Array();
menu[4][0] = "MENU_INDIRECT|#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#FFFFFF|solid|1px|120px|25px|120px|Loisirs|";
menu[4][1] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Festivités|loisirs.php";
menu[4][2] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Curistes|news.php";
menu[4][3] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Agenda|agenda.php";
menu[4][4] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Planète enfants|enfants.php";
menu[4][5] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Sports|sport.php";
menu[4][6] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Fête de l'eau|fete-eau.php";

menu[5] = new Array();
menu[5][0] = "MENU_INDIRECT|#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#FFFFFF|solid|1px|120px|25px|120px|Services|";
menu[5][1] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Restaurants|resto.php";
menu[5][2] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Santé|sante.php";
menu[5][3] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Transports|transports.php";
menu[5][4] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Commerces|commerce.php";
menu[5][5] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|La boutique|boutique.php";
menu[5][6] = "LIEN         |#608040|#FFFFFF|#FFFFFF|#FF0000|arial|12px|normal|center|#005000|solid|1px|25px|Adresses utiles|services.php";
//========================================================================
//
//		FIN EDITION UTILISATEUR (ne plus rien modifier en dessous)
//
//========================================================================
//
//		DEBUT VARIABLES GLOBALES
//
//========================================================================
var TYPE_MENU			= 0;  //MENU_DIRECT | MENU_INDIRECT
var COULEUR_FOND_OUT_MENU	= 1;
var COULEUR_FOND_OVER_MENU	= 2;
var COULEUR_FONT_OUT_MENU	= 3;
var COULEUR_FONT_OVER_MENU	= 4;
var FAMILLE_FONT_MENU		= 5;
var TAILLE_FONT_MENU		= 6;
var POIDS_FONT_MENU		= 7;
var ALIGN_TEXTE_MENU		= 8;
var COULEUR_BORDURE_MENU	= 9;
var TYPE_BORDURE_MENU		= 10;
var TAILLE_BORDURE_MENU		= 11;
var LARGEUR_CASE_MENU		= 12;
var HAUTEUR_CASE_MENU		= 13;
var LARGEUR_CASE_OPTION		= 14;
var TITRE_MENU			= 15;
var LIEN_MENU			= 16;

var TYPE_OPTION			= 0;
var COULEUR_FOND_OUT_OPTION	= 1;
var COULEUR_FOND_OVER_OPTION	= 2;
var COULEUR_FONT_OUT_OPTION	= 3;
var COULEUR_FONT_OVER_OPTION	= 4;
var FAMILLE_FONT_OPTION		= 5;
var TAILLE_FONT_OPTION		= 6;
var POIDS_FONT_OPTION		= 7;
var ALIGN_TEXTE_OPTION		= 8;
var COULEUR_BORDURE_OPTION	= 9;
var TYPE_BORDURE_OPTION		= 10;
var TAILLE_BORDURE_OPTION	= 11;
var HAUTEUR_CASE_OPTION		= 12;
var TITRE_OPTION		= 13;
var LIEN_OPTION			= 14;
//=================================
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
//=================================
var i,j;
var SOURIS_SUR_MENU = false;
var testTimeOut;
var affichage       = "";
var resultat        = "";
//========================================================================
//
//		FIN VARIABLES GLOBALES
//
//========================================================================
//
//		DEBUT FONCTIONS GLOBALES
//
//========================================================================
function getRef(id) 
{
   if (isDOM) return document.getElementById(id);
   if (isIE4) return document.all[id];
   if (isNS4) return document.layers[id];
}
//========================================================================
function ouvrir(unMenu)
{
   setSourisSurMenu(true);
   kill();
   element = getRef(unMenu);
   element.style.visibility='visible';
   
   testTimeOut = setInterval("testerMenu()",INTERVALLE_TEST);
}
//========================================================================
function kill()
{
   var i;
   var element;
   for (i=0;i<menu.length;i++)
   {      
      element = getRef("menu"+i);
      element.style.visibility='hidden';       
   }
   
   clearInterval(testTimeOut);
}
//========================================================================
function testerMenu()
{
   if (SOURIS_SUR_MENU == false)
      kill();
}
//========================================================================
function setSourisSurMenu(valeur)
{
   SOURIS_SUR_MENU = valeur;
}
//========================================================================
function enleverEspaceDebutFin(tableau)
{ 
   var i;
   
   for (i=0;i<tableau.length;i++)
   {
      tableau[i] = tableau[i].replace(/(^\s*)|(\s*$)/g,''); 
   }
   return tableau;
}
//========================================================================
//
//		FIN FONCTIONS GLOBALES
//
//========================================================================
//
//		DEBUT INSTRUCTIONS GLOBALES
//
//========================================================================

affichage ="<table CELLPADDING=0 CELLSPACING=0><tr>";

//===============================
//on crée les menus apparents

for (i=0;i<menu.length;i++)
{
   resultat = menu[i][0].split("|");
   resultat = enleverEspaceDebutFin(resultat);

   if (resultat[TYPE_MENU] == "MENU_INDIRECT")
   {
   	affichage += "<td style=\"";
   	
   	affichage += "background:"  + resultat[COULEUR_FOND_OUT_MENU] +";";
   	affichage += "border-style:"+ resultat[TYPE_BORDURE_MENU] +";";
   	affichage += "border-color:"+ resultat[COULEUR_BORDURE_MENU] +";";
   	affichage += "border-width:"+ resultat[TAILLE_BORDURE_MENU] +";";
   	affichage += "color:"       + resultat[COULEUR_FONT_OUT_MENU] +";";
   	affichage += "font-family:" + resultat[FAMILLE_FONT_MENU] +";";
   	affichage += "font-size:"   + resultat[TAILLE_FONT_MENU] +";";
   	affichage += "font-weight:" + resultat[POIDS_FONT_MENU] +";";
   	affichage += "text-align:"  + resultat[ALIGN_TEXTE_MENU] +";";
   	affichage += "height:"      + resultat[HAUTEUR_CASE_MENU] +";";
   	affichage += "width:"       + resultat[LARGEUR_CASE_MENU] +";";
   	affichage += "cursor:hand;";

   	
   	//affichage += "\" width=\"" + resultat[TAILLE_UN_MENU] + "\" ";
   	
   	affichage += "\" onMouseOver=\"this.style.background = '"+resultat[COULEUR_FOND_OVER_MENU]+"';this.style.color = '"+resultat[COULEUR_FONT_OVER_MENU]+"';ouvrir('menu"+ i +"')\" ";
   	affichage += "   onMouseOut =\"this.style.background = '"+resultat[COULEUR_FOND_OUT_MENU]+"';this.style.color = '"+resultat[COULEUR_FONT_OUT_MENU]+"';setSourisSurMenu(false);\" >"
   	affichage += resultat[TITRE_MENU];
   	affichage += "</td>";
   }
   else
   {
   	affichage += "<td style=\"";
   	
   	affichage += "background:"  + resultat[COULEUR_FOND_OUT_MENU] +";";
   	affichage += "border-style:"+ resultat[TYPE_BORDURE_MENU] +";";
   	affichage += "border-color:"+ resultat[COULEUR_BORDURE_MENU] +";";
   	affichage += "border-width:"+ resultat[TAILLE_BORDURE_MENU] +";";
   	affichage += "color:"       + resultat[COULEUR_FONT_OUT_MENU] +";";
   	affichage += "font-family:" + resultat[FAMILLE_FONT_MENU] +";";
   	affichage += "font-size:"   + resultat[TAILLE_FONT_MENU] +";";
   	affichage += "font-weight:" + resultat[POIDS_FONT_MENU] +";";
   	affichage += "text-align:"  + resultat[ALIGN_TEXTE_MENU] +";";
   	affichage += "height:"      + resultat[HAUTEUR_CASE_MENU] +";";
   	affichage += "width:"       + resultat[LARGEUR_CASE_MENU] +";";
   	affichage += "cursor:hand;";

   	
   	//affichage += "\" width=\"" + resultat[TAILLE_UN_MENU] + "\" ";
   	
   	affichage += "\" onMouseOver=\"this.style.background = '"+resultat[COULEUR_FOND_OVER_MENU]+"';this.style.color = '"+resultat[COULEUR_FONT_OVER_MENU]+"';kill();\" ";
   	affichage += "   onMouseOut =\"this.style.background = '"+resultat[COULEUR_FOND_OUT_MENU]+"';this.style.color = '"+resultat[COULEUR_FONT_OUT_MENU]+"';\" ";
   	affichage += "onClick=\"location.href='" + resultat[LIEN_MENU]+ "'\">" 
   	affichage += resultat[TITRE_MENU] ;
   	affichage += "</td>";
   }
}

affichage += "</tr><tr>";

//===============================
//on crée les sous menus

for (i=0;i<menu.length;i++)
{
   resultat = menu[i][0].split("|");
   resultat = enleverEspaceDebutFin(resultat);
   
   if (resultat[TYPE_MENU] == "MENU_INDIRECT")
   {
      affichage += "<td>";
      affichage += "<div id=menu" + i + " style=\"position:absolute;visibility:hidden;\">";
      affichage += "<table CELLPADDING=\"0\" CELLSPACING=\"0\" border=\"0\"";
      affichage += "width=\"" + resultat[LARGEUR_CASE_OPTION] + "\" >";
   
      for (j=1;j<menu[i].length;j++)
      {
      
         resultat = menu[i][j].split("|");
         resultat = enleverEspaceDebutFin(resultat);
   
         affichage += "<tr>";
         affichage += "<td  style=\"";
   	
   	 affichage += "background:"  + resultat[COULEUR_FOND_OUT_OPTION] +";";
   	 affichage += "border-style:"+ resultat[TYPE_BORDURE_OPTION] +";";
   	 affichage += "border-color:"+ resultat[COULEUR_BORDURE_OPTION] +";";
   	 affichage += "border-width:"+ resultat[TAILLE_BORDURE_OPTION] +";";
   	 affichage += "color:"       + resultat[COULEUR_FONT_OUT_OPTION] +";";
   	 affichage += "font-family:" + resultat[FAMILLE_FONT_OPTION] +";";
   	 affichage += "font-size:"   + resultat[TAILLE_FONT_OPTION] +";";
    	 affichage += "font-weight:" + resultat[POIDS_FONT_OPTION] +";";
    	 affichage += "text-align:"  + resultat[ALIGN_TEXTE_OPTION] +";";
   	 affichage += "height:"      + resultat[HAUTEUR_CASE_OPTION] +";";
   	 affichage += "cursor:hand;";
   	 affichage += "padding-left:0px;";
   	    	
   	 affichage += "\" onMouseOver=\"this.style.background = '"+resultat[COULEUR_FOND_OVER_OPTION]+"';this.style.color = '"+resultat[COULEUR_FONT_OVER_OPTION]+"';setSourisSurMenu(true);\" ";
         affichage += "   onMouseOut= \"this.style.background = '"+resultat[COULEUR_FOND_OUT_OPTION]+"';this.style.color = '"+resultat[COULEUR_FONT_OUT_OPTION]+"';setSourisSurMenu(false);\"  ";
         
         if (resultat[TYPE_OPTION] == "LIEN")
            affichage += "onClick=\"location.href='" + resultat[LIEN_OPTION]+ "'\">";
         else
            affichage += ">";
            
         affichage += resultat[TITRE_OPTION];
         affichage += "</td></tr>";
      }
   
      affichage += "</table></div></td>";   
   }
   else
   {
      affichage += "<td><div id=menu" + i + " style=\"position:absolute;visibility:hidden;\"></div></td>";
   }
}

affichage += "</tr></table>";

//===============================
//on affiche le menu

document.write(affichage);

//===============================
//on lance le timer pour vérifier si on ferme le menu ou non

//testTimeOut = setInterval("testerMenu()",INTERVALLE_TEST);

//========================================================================
//
//		FIN INSTRUCTIONS GLOBALES
//
//========================================================================