// menu

var largeur = 150;//Largeur du menu

var gauche = 0;//nombre de pixe de la gauche de l'écran

var top = 0;//Nombre de pixels du haut de la page

var couleur_police_cat="#000000";//Couleur du texte des categories

var couleur_police_scat="#FFFFFF";//Couleur du texte des sous-categories

var couleur_cat="#F7F7F7";//Couleur de fond des categories

var couleur_scat="#869F8F";//Couleur de fond des sous-categories

var taille = 11;//Police de caractères

var police = "Arial";//Type de police

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

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



nb_souscat[0] = 2;//Nombre de sous categorie 1

nb_souscat[1] = 5;//Nombre de sous categorie 2

nb_souscat[2] = 3;//Nombre de sous categorie 3

nb_souscat[3] = 6;//Nombre de sous categorie 4

nb_souscat[4] = 2;//Nombre de sous categorie 5

nb_souscat[5] = 3;//Nombre de sous categorie 6

nb_souscat[6] = 6;//Nombre de sous categorie 7

nb_souscat[7] = 3;//Nombre de sous categorie 8



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]);

var tab6 = new Array(nb_souscat[6]);

var tab7 = new Array(nb_souscat[7]);



<!-------Edition PREMIERE categorie et sous categorie------------>

categorie[0] = " Accueil"; //Titre de la categorie



tab0[0] = " - Retour à l'animation|index.htm|_top";

tab0[1] = " - Retour accueil|accueil.htm|_top";



<!-------Edition SECONDE categorie et sous categorie------------>

categorie[1] = " Guy Duponchel";



tab1[0] = " - Coordonnées|coordonnees.htm|_top";

tab1[1] = " - Un homme de cheval|hcheval.htm|_top";

tab1[2] = " - Un passionné|passion.htm|_top";

tab1[3] = " - Résultats|resultats.htm|_top";

tab1[4] = " - Fonctions|fonctions.htm|_top";





<!-------Edition TROISIEME categorie et sous categorie------------>

categorie[2] = " Les Installations";



tab2[0] = " - Coordonnées|coordonnees.htm|_top";

tab2[1] = " - Les infrastructures|infrastructures.htm|_top";

tab2[2] = " - Le plan|plan.htm|_top";



<!-------Edition QUATRIEME categorie et sous categorie------------>

categorie[3] = " L'élevage";



tab3[0] = " - Coordonnées|coordonnees.htm|_top";

tab3[1] = " - La sélection|selection.htm|_top";

tab3[2] = " - Les étalons|etalons.htm|_top";

tab3[3] = " - Le débourrage|debourrage.htm|_top";

tab3[4] = " - L'éducation|education.htm|_top";

tab3[5] = " - Les chevaux à vendre|forsale.htm|_top";





<!-------Edition CINQUIEME categorie et sous categorie------------>

categorie[4] = " Le club house";



tab4[0] = " - Coordonnées|coordonnees.htm|_top";

tab4[1] = " - Club house|clubhouse.htm|_top";





<!-------Edition SIXIEME categorie et sous categorie------------>

categorie[5] = " Localisation";



tab5[0] = " - Coordonnées|coordonnees.htm|_top";

tab5[1] = " - Où est le ranch?|local.htm|_top";

tab5[2] = " - Comment y arriver?|acces.htm|_top";





<!-------Edition SEPTIEME categorie et sous categorie------------>

categorie[6] = " Les news";



tab6[0] = " - Coordonnées|coordonnees.htm|_top";

tab6[1] = " - Quoi de neuf|nouv.php|_top";

tab6[2] = " - Les partenaires|partenaires.htm|_top";

tab6[3] = " - L'album photo|album.htm|_top";

tab6[4] = " - Les liens|liens.htm|_top";

tab6[5] = " - Carnet de voyage|carnet.htm|_top";





<!-------Edition HUITIEME categorie et sous categorie------------>

categorie[7] = " Les tarifs";



tab7[0] = " - Coordonnées|coordonnees.htm|_top";

tab7[1] = " - Les stages & leçons|stages.htm|_top";

tab7[2] = " - Pension, dressage & débourrage|pension.htm|_top";



soustab[0] = tab0;

soustab[1] = tab1;

soustab[2] = tab2;

soustab[3] = tab3;

soustab[4] = tab4;

soustab[5] = tab5;

soustab[6] = tab6;

soustab[7] = tab7;

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





<!------------------------------------Fonctions-------------------------------------------->

<!------------------------------NE PLUS RIEN MODIFIER-------------------------------------->



var conf = -1;

function Init(){

    var hauteur = top;

    for(i=1;i<=nb_elem;i++){

        document.getElementById("menu"+i+"").style.top = hauteur;

        hauteur = hauteur + 3;

    }

}



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 = 18*nb_souscat[z-1]+z*1+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+1;

        }

        

        //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: 1px; border-style: solid; border-color: #000000;background-color: '+couleur_cat+'}');

    document.write('div.sousmenu{position:absolute; left:-1; 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; text-decoration: none;}');

    document.write('a.smenu{font-family: '+ police +'; color: '+couleur_police_scat+'; font-size: '+taille+'px; 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:relative; 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();

}