var largeur = 105;//Largeur du menu
var gauche = 30;//nombre de pixel de la gauche de l'écran
var top = 290;//Nombre de pixels du haut de la page
var couleur_police_cat="#FFFFCC";//Couleur du texte des categories
var couleur_police_scat="#0033CC";//Couleur du texte des sous-categories
var couleur_cat="#6666FF";//Couleur de fond des categories
var couleur_scat="#99FFFF";//Couleur de fond des sous-categories



var taille = 12;//Police de caractères
var police = "Arial";//Type de police





var nb_elem = 6;//Nombre de categorie dans le menu

var nb_souscat = new Array(nb_elem);//Nb_souscat contient le nombre de sous categories pour chaque categorie

nb_souscat[0] = 1;//Nombre de sous categorie 1
nb_souscat[1] = 1;//Nombre de sous categorie 2
nb_souscat[2] = 1;//Nombre de sous categorie 3
nb_souscat[3] = 7;//Nombre de sous categorie 4
nb_souscat[4] = 1;//Nombre de sous categorie 5, modifié le 16/01/2010 lors rénovation albums photos
nb_souscat[5] = 5;//Nombre de sous categorie 6

//répeter aussi souvent qu'il y a de categorie... 


var categorie = new Array(nb_elem);
var soustab = new Array;

var tab0 = new Array(nb_souscat[0]);
var tab1 = new Array(nb_souscat[1]);
var tab2 = new Array(nb_souscat[2]);
var tab3 = new Array(nb_souscat[3]);
var tab4 = new Array(nb_souscat[4]);
var tab5 = new Array(nb_souscat[5]);

//répeter aussi souvent qu'il y a de categories... 



categorie[0] = "* Bienvenue"; //Titre de la categorie

tab0[0] = " Accueil|index.php|_self";//Premier sous-titre|liens|cible




categorie[1] = "* Découvrir";//Titre de la categorie

tab1[0] = "Présentation |page2.html|_self";//Premier sous-titre|liens|cible



categorie[2] = "* Prendre la route";//Titre de la categorie

tab2[0] = " Pour y aller|page3.html|_self";//Premier sous-titre|liens|cible



categorie[3] = "* S'envoler"; //Titre de la categorie

tab3[0] = " Prendre l'air|page4.php|_self";//Premier sous-titre|liens|cible
tab3[1] = " Décollages|page41.php|_self";//Second sous-titre|liens|cible
tab3[2] = " Bergout classique|page41Suite1.html|_self";//Troisième sous-titre|liens|cible
tab3[3] = " Crêtes de Bergout|page41Suite2.html|_self";//Premier sous-titre|liens|cible
tab3[4] = " Haut d'Aoulet|page41Suite3.html|_self";//Second sous-titre|liens|cible
tab3[5] = " Atterrissage|page42.php|_self";//Troisième sous-titre|liens|cible
tab3[6] = " Aller plus loin|page43.html|_self";//Troisième sous-titre|liens|cible

categorie[4] = "* Saisir l'instant"; //Titre de la categorie, modif le 16/01/2010 pour passer à une seule sous-catégorie

tab4[0] = " Photographier|page5.html|_self";//Premier sous-titre|liens|cible
//on annule les autres sous-catégories
//tab4[1] = " Décollages|album1.html|_self";//Second sous-titre|liens|cible
//tab4[2] = " Atterrissages|album2.html|_self";//Troisième sous-titre|liens|cible
//tab4[3] = " En vol|album3.html|_self";//Premier sous-titre|liens|cible
//tab4[4] = " Divers|album4.html|_self";//Second sous-titre|liens|cible
//tab4[5] = " Flore|album5.html|_self";//Troisième sous-titre|liens|cible


categorie[5] = "* Prendre contact"; //Titre de la categorie

tab5[0] = " Liens|page6.php|_self";//Premier sous-titre|liens|cible
tab5[1] = " Apprendre|page61.php|_self";//Second sous-titre|liens|cible
tab5[2] = " Infos tourisme|page62.html|_self";//Troisième sous-titre|liens|cible
tab5[3] = " Se loger|page63.html|_self";//Second sous-titre|liens|cible
tab5[4] = " La Toile|page64.html|_self";//Troisième sous-titre|liens|cible

soustab[0] = tab0;
soustab[1] = tab1;
soustab[2] = tab2;
soustab[3] = tab3;
soustab[4] = tab4;
soustab[5] = tab5;

//répeter aussi souvent qu'il y a de categories... 




var conf = -1;
function Init(){
    var hauteur = top;
    for(i=1;i<=nb_elem;i++){
        document.getElementById("menu"+i+"").style.top = hauteur;
        hauteur = hauteur + 17;
    }
}

function voir(z){
    if(conf==z){
        document.getElementById("sousmenu"+z+"").style.visibility = 'hidden';
        Init();
        conf=conf+nb_elem;
    }else{
        conf=z;
        
        //Calcul de la hauteur dont doit se baisser le menu
        haut=0;
        var haut = 15*nb_souscat[z-1]+z*18+top;
        
        
        //On retracte tous les éléments
        for(i=1;i<=nb_elem;i++){
            document.getElementById("sousmenu"+i+"").style.visibility = 'hidden';
        }
        
        //on les remets tous à leur place
        Init();
        
        //on cale le sous menu sous la categorie
        document.getElementById("sousmenu"+z+"").style.top = 16;
        dec = haut;
        
        //On peut alors baisser tous les autre menus
        for(i=z+1;i<=nb_elem;i++){
            
            document.getElementById("menu"+i+"").style.top = dec;
            dec=dec+18;
        }
        
        //Enfin, on rend le menu visible
        document.getElementById("sousmenu"+z+"").style.height = 15*nb_souscat[z-1];
        document.getElementById("sousmenu"+z+"").style.visibility = 'visible';
        
    }
    
}

function affiche(){
    
    //feuille de style
    document.write('<style>');
    document.write('div.menu{visibility:visible;border-width: 0px; border-style: solid; border-color: #000000;background-color: '+couleur_cat+'}');
    document.write('div.sousmenu{position:absolute; left:0; height:20; visibility:hidden; width:'+ largeur +'; border-width: 0px; border-style: solid; border-color: #000000;background-color: '+couleur_scat+'}');
    document.write('a.menu{font-family: '+ police +'; color: '+couleur_police_cat+'; font-size: '+taille+'px; font-weight:normal; text-decoration: none;}');
    document.write('a.smenu{font-family: '+ police +'; color: '+couleur_police_scat+'; font-size: '+taille+'px; font-weight:; text-decoration: none;}');
    document.write('</style>');
    document.write('<div>');
    
    for(i=0;i<nb_elem;i++){
        boucle = nb_souscat[i];
        
        
        document.write('<div id="menu'+(i+1)+'" style="position:absolute; left:'+ gauche +'px; width:'+ largeur +'px;" class="menu">');
        document.write('<a href="#" class="menu" onClick="javascript:voir('+(i+1)+')">'+categorie[i]+'</a>');
        
        document.write('<div width="'+ largeur +'" id="sousmenu'+(i+1)+'" class="sousmenu">');
        
        
        for(z=0;z<boucle;z++){
            elem=soustab[i][z].split("|");
            document.write('<div height="15"><a href="'+elem[1]+'" target="'+elem[2]+'" class="smenu">'+elem[0]+'</a></div>');
        }
        
        
        document.write('</div>');
        document.write('</div>');
        
    }
    
    document.write('</div>');
    
    document.onLoad=Init();
}