/*

Insérer ce script entre les balises <Head> </Head>

*/







<!-----------------------Edition des caractèristiques du menu ----------------------------->



var largeur = 158;  //Largeur du menu

var gauche = 2;     //nombre de pixels de la gauche de l'écran

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

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

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

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

var couleur_scat="#83129b";        //Couleur de fond des sous-categories





/********************************************************

*Attention : la modification des 2 variables ci-dessous	*

*peut provoquer d'important bug d'affichages		*

*Il est fortement conseillé de les conserver en état.	*

*********************************************************/

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

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







<!-----------------------Texte et lien des menus et sous menus---------------------------->



var nb_elem = 15;               //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] = 1;//Nombre de sous categorie 1

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

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

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

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

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

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

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

nb_souscat[8] = 1;//Nombre de sous categorie 9

nb_souscat[9] = 1;//Nombre de sous categorie 10

nb_souscat[10] = 1;//Nombre de sous categorie 11

nb_souscat[11] = 1;//Nombre de sous categorie 12

nb_souscat[12] = 1;//Nombre de sous categorie 13

nb_souscat[13] = 1;//Nombre de sous categorie 14

//nb_souscat[14] = 1;//Nombre de sous categorie 15

nb_souscat[14] = 1;//Nombre de sous categorie 15

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

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

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

var tab8 = new Array(nb_souscat[8]);

var tab9 = new Array(nb_souscat[9]);

var tab10 = new Array(nb_souscat[10]);

var tab11 = new Array(nb_souscat[11]);

var tab12 = new Array(nb_souscat[12]);

var tab13 = new Array(nb_souscat[13]);

//var tab14 = new Array(nb_souscat[14]);

var tab14 = new Array(nb_souscat[14]);

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





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

categorie[0] = " . <A HREF='accueil.htm' target='droit'>accueil</a>"; //Titre de la categorie

tab0[0] = " &nbsp;&nbsp;&nbsp;Accueil|accueil.htm|droit";   //Premier sous-titre|liens|cible





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

categorie[1] = " . Historique";//Titre de la categorie

tab1[0] = " &nbsp;&nbsp;&nbsp;. Accueil|historique/historique.htm|droit";//Premier sous-titre|liens|cible

tab1[1] = " &nbsp;&nbsp;&nbsp;. Suite|historique/historique2.htm|droit";//Second sous-titre|liens|cible





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

categorie[2] = " . Mairie";

tab2[0] = " &nbsp;&nbsp;&nbsp;. Accueil|mairie/accueil.htm|droit";

tab2[1] = " &nbsp;&nbsp;&nbsp;. Le conseil Municipal|mairie/conseil2.htm|droit";

tab2[2] = " &nbsp;&nbsp;&nbsp;. Salles Municipales|mairie/sallesmunicipales.htm|droit";

tab2[3] = " &nbsp;&nbsp;&nbsp;. C.C.A.S.|mairie/ccas.htm|droit";

tab2[4] = " &nbsp;&nbsp;&nbsp;. Cr&egrave;ches|mairie/creche.htm|droit";

tab2[5] = " &nbsp;&nbsp;&nbsp;. Centre de loisirs|mairie/centreaere.htm|droit";

tab2[6] = " &nbsp;&nbsp;&nbsp;. Services Municipaux|mairie/servicesmunicipaux.htm|droit";

tab2[7] = " &nbsp;&nbsp;&nbsp;. Docs Administratifs|mairie/docuad.htm|droit";

//tab2[8] = " &nbsp;&nbsp;&nbsp;. Police|mairie/police.htm|droit";

tab2[8] = " &nbsp;&nbsp;&nbsp;. Marchés publics|http://marches.salouel.com|droit";




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

categorie[3] = " . <A HREF='plan/plan.htm' target='droit'>Plan de la ville</a>"; //Titre de la categorie

tab3[0] = " &nbsp;&nbsp;&nbsp;Javascript|http://www.script-masters.com|_blank";//Premier sous-titre|liens|cible


categorie[4] = " . Vie Locale";

tab4[0] = " &nbsp;&nbsp;&nbsp;. Atelier Multim&eacute;dia|vielocale/atelier.htm|droit";

//tab4[1] = " &nbsp;&nbsp;&nbsp;. Conciliateur|vielocale/conciliateur.htm|droit";

tab4[1] = " &nbsp;&nbsp;&nbsp;. Culte|vielocale/culte.htm|droit";

tab4[2] = " &nbsp;&nbsp;&nbsp;. &Eacute;cole|vielocale/ecole.htm|droit";

tab4[3] = " &nbsp;&nbsp;&nbsp;. H&ocirc;pital|vielocale/hopital.htm|droit";

tab4[4] = " &nbsp;&nbsp;&nbsp;. Le Tri|vielocale/letri.htm|droit";

tab4[5] = " &nbsp;&nbsp;&nbsp;. Règles de vie|vielocale/reglesdevie.htm|droit";

tab4[6] = " &nbsp;&nbsp;&nbsp;. Mission Locale|vielocale/conseiller.htm|droit";

//tab4[8] = " &nbsp;&nbsp;&nbsp;. D&eacute;corations 2004|vielocale/decorations2004.htm|droit";

//tab4[9] = " &nbsp;&nbsp;&nbsp;. BAC2006|bac.htm|droit";


categorie[5] = " . Ass. Sportive";

tab5[0] = "  &nbsp;&nbsp;&nbsp;. Cycliste de Salouël|associations/sports/velo.htm|droit";

tab5[1] = "  &nbsp;&nbsp;&nbsp;. Golf Club de Salouël|associations/sports/golf.htm|droit";

tab5[2] = "  &nbsp;&nbsp;&nbsp;. Gym et Harmonie|associations/sports/gym.htm|droit";

tab5[3] = "  &nbsp;&nbsp;&nbsp;. Gym Volontaire|associations/sports/gymvolontaire.htm|droit";

tab5[4] = "  &nbsp;&nbsp;&nbsp;. Hand-Ball Club|associations/sports/handball.htm|droit";

tab5[5] = "  &nbsp;&nbsp;&nbsp;. Par Tout chemin|associations/sports/chemin.htm|droit";

tab5[6] = "  &nbsp;&nbsp;&nbsp;. R.C.S. Basketball|associations/sports/basketball.htm|droit";

tab5[7] = "  &nbsp;&nbsp;&nbsp;. R.C.S. Football|associations/sports/football.htm|droit";

tab5[8] = "  &nbsp;&nbsp;&nbsp;. R.C.S. Tennis|associations/sports/tennis.htm|droit";

tab5[9] = "  &nbsp;&nbsp;&nbsp;. R.C.S. Petanque|associations/sports/petanque.htm|droit";

tab5[10] = "  &nbsp;&nbsp;&nbsp;. C.A.R|associations/sports/quatre.htm|droit";


categorie[6] = " . Ass. Culturelle";

tab6[0] = "  &nbsp;&nbsp;&nbsp;. Métropole Art|associations/cultures/metropoleart.htm|droit";

tab6[1] = "  &nbsp;&nbsp;&nbsp;. Amis de la biblio.|associations/cultures/bibliotheque.htm|droit";

tab6[2] = "  &nbsp;&nbsp;&nbsp;. Esp&eacute;ranto 80|associations/cultures/esperanto.htm|droit";

tab6[3] = "  &nbsp;&nbsp;&nbsp;. Fanfare de Salouël|associations/cultures/fanfare.htm|droit";

tab6[4] = "  &nbsp;&nbsp;&nbsp;. Mus. du Val de Selle|associations/cultures/valdeselle.htm|droit";

tab6[5] = "  &nbsp;&nbsp;&nbsp;. Romances d'Antan|associations/cultures/chorale.htm|droit";



categorie[7] = " . Autres Associations";

tab7[0] = "  &nbsp;&nbsp;&nbsp;. A.C.P.G. - C.A.T.M.|associations/autres/acpgcatm.htm|droit";

tab7[1] = "  &nbsp;&nbsp;&nbsp;. Comit&eacute; des Anciens|associations/autres/anciens.htm|droit";

tab7[2] = "  &nbsp;&nbsp;&nbsp;. Comit&eacute; des F&ecirc;tes|associations/autres/fetes.htm|droit";

tab7[3] = "  &nbsp;&nbsp;&nbsp;. Jardins Ouvriers|associations/autres/jardins.htm|droit";

tab7[4] = "  &nbsp;&nbsp;&nbsp;. Amic. Sap. Pompiers|associations/autres/pompiers.htm|droit";

tab7[5] = "  &nbsp;&nbsp;&nbsp;. Téléthon|associations/autres/telethon.htm|droit";

tab7[6] = "  &nbsp;&nbsp;&nbsp;. Ass.Rés d'Amargues|associations/autres/locataire1.htm|droit";

tab7[7] = "  &nbsp;&nbsp;&nbsp;. Vaincre la muco|manifestations/mucoviscidose.htm|droit";

tab7[8] = "  &nbsp;&nbsp;&nbsp;. Salouel Animations|manifestations/salouelanimations.htm|droit";



categorie[8] = " . <A HREF='mairie/mairie.htm' target='droit'>Informations</a>";

tab8[0] = " &nbsp;&nbsp;&nbsp;Informations|mairie/mairie.htm|_blank";


categorie[9] = " . <A HREF='manifestations/fetesalouel2003.htm' target='droit'>Calendrier des fêtes</a>";

tab9[0] = " &nbsp;&nbsp;&nbsp;Calendrier des fêtes|manifestations/fetesalouel2003.htm|_blank";



categorie[10] = " . <A HREF='http://webmail.mairie-salouel.fr' target='droit'>Messagerie</a>";

tab10[0] = " &nbsp;&nbsp;&nbsp;Javascript|http://webmail.mairie-salouel.fr/|_blank";



categorie[11] = " . <A HREF='evenements.htm' target='droit'>Evenements</a>"; //Titre de la categorie

tab11[0] = " &nbsp;&nbsp;&nbsp;Evenements|evenements.htm|droit";   //Premier sous-titre|liens|cible

categorie[12] = " . <A HREF='http://www.jepaieenligne.fr/form/formulaire.php?marchand_id=277' target='droit'>Paiement en ligne</a>";

tab12[0] = " &nbsp;&nbsp;&nbsp;Javascript|http://www.jepaieenligne.fr/form/formulaire.php?marchand_id=277/|_blank";

categorie[13] = " . <A HREF='PRET_DU_MINIBUS.doc' target='droit'>Minibus</a>"; //Titre de la categorie

tab13[0] = " &nbsp;&nbsp;&nbsp;Minibus|PRET_DU_MINIBUS.doc|droit";   //Premier sous-titre|liens|cible

//categorie[14] = " . <A HREF='MAISONS_FLEURIES.htm' target='droit'>Maisons fleuries</a>"; //Titre de la categorie

//tab14[0] = " &nbsp;&nbsp;&nbsp;Maisons fleuries|MAISONS_FLEURIES.htm|droit";   //Premier sous-titre|liens|cible

categorie[14] = " . <A HREF='liens.htm' target='droit'>Liens utiles</a>"; //Titre de la categorie

tab14[0] = " &nbsp;&nbsp;&nbsp;Liens utiles|liens.htm|droit";   //Premier sous-titre|liens|cible


soustab[0] = tab0;

soustab[1] = tab1;

soustab[2] = tab2;

soustab[3] = tab3;

soustab[4] = tab4;

soustab[5] = tab5;

soustab[6] = tab6;

soustab[7] = tab7;

soustab[8] = tab8;

soustab[9] = tab9;

soustab[10] = tab10;

soustab[11] = tab11;

soustab[12] = tab12;

soustab[13] = tab13;

//soustab[14] = tab14;

soustab[14] = tab14;

//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 + 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: 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: 1px; 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:bold; text-decoration: none;}');

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

}

