// JavaScript Document

<!-----------------------menu ----------------------------->

var largeur = 130;
var gauche = 0;
var top = 140;
var couleur_police_cat="#F0F9FF";
var couleur_police_scat="#000000";
var couleur_cat="#7F7F7F";
var couleur_scat="#F0F9FF";

var taille = 11;
var police = "Verdana";

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

var nb_elem = 16;

var nb_souscat = new Array(nb_elem);

nb_souscat[0] = 1;
nb_souscat[1] = 1;
nb_souscat[2] = 3;
nb_souscat[3] = 2;
nb_souscat[4] = 2;
nb_souscat[5] = 1;
nb_souscat[6] = 2;
nb_souscat[7] = 4;
nb_souscat[8] = 4;
nb_souscat[9] = 1;
nb_souscat[10] = 1;
nb_souscat[11] = 1;
nb_souscat[12] = 1;
nb_souscat[13] = 2;
nb_souscat[14] = 2;
nb_souscat[15] = 1;
nb_souscat[16] = 1;

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 tab15 = new Array(nb_souscat[15]);
var tab16 = new Array(nb_souscat[16]);

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

categorie[0] = " Accueil";

tab0[0] = " > Accueil|index.html|_parent";

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

categorie[1] = " Au passé simple";

tab1[0] = " > Carte anciennes|mj_cartes_anciennes.html|_parent";

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

categorie[2] = " En 1900";

tab2[0] = " > Rochefort 1900|mj_commerces_1900.html|_parent";
tab2[1] = " > Commerces 1900|mj_commerces_1900.html#com|_parent";
tab2[2] = " > Habitants 1900|mj_commerces_1900.html#hab|_parent";

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

categorie[3] = " Rochefort en Fête";

tab3[0] = " > Photos|mj_rochefort_1970.html|_parent";
tab3[1] = " > Diaporama|mj_rochefort_1970.html#diapof|_parent";

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

categorie[4] = " Rochefort en Terre";

tab4[0] = " > Au présent|mj_rochefort.html|_parent";
tab4[1] = " > Diaporama|mj_rochefort.html#diapo|_parent";

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

categorie[5] = " Collégiale";

tab5[0] = " > Diaporama|mj_collegiale.html|_parent";

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

categorie[6] = " Cloches de l'église";

tab6[0] = " > Cloches|mj_cloches.html|_parent";
tab6[1] = " > Diaporama|mj_cloches.html#clo|_parent";

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

categorie[7] = " Coups de coeur";

tab7[0] = " > Coup de coeur 1|mj_coeur.html|_parent";
tab7[1] = " > Diaporama 1|mj_coeur.html#cp2|_parent";
tab7[2] = " > Coup de coeur 2|mj_coeur_2.html|_parent";
tab7[3] = " > Diaporama 2|mj_coeur_2.html#boul2|_parent";

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

categorie[8] = " Photo mystère";

tab8[0] = " > Photo mystère|mj_photo_mystere.html|_parent";
tab8[1] = " > Réponse|mj_coeur_photo.html|_parent";
tab8[2] = " > Archives 1|mj_coeur_photo_archives_1.html|_parent";
tab8[3] = " > Archives 2|mj_coeur_photo_archives_2.html|_parent";

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

categorie[9] = " Coin de poésie";

tab9[0] = " > Coin de poésie|mj_poesie.html|_parent";

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

categorie[10] = " Parcelles de vie";

tab10[0] = " > Diaporama|mj_parcelles_vie.html|_parent";

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

categorie[11] = " Le café breton";

tab11[0] = " > Diaporama|mj_cafe_breton.html|_parent";

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

categorie[12] = " Inauguration";

tab12[0] = " > Diaporama|mj_inauguration_mh.html|_parent";

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

categorie[13] = " Mémoires 14-18";

tab13[0] = " > Mémoire 14-18|memoire_14_18.html|_parent";
tab13[1] = " > Cartes postales|memoire_14_18_cartes.html|_parent";

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

categorie[14] = " Liens amis";

tab14[0] = " > Liens amis|mj_liens.html|_parent";
tab14[1] = " > Blogs amis|mj_liens.html#blogs|_parent";

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

categorie[15] = " Demande d'emploi";

tab15[0] = " > Elle recherche|emploi.html|_parent";

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

categorie[16] = " L'entreprise";

tab16[0] = " > Présentation|entreprise.html|_parent";

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[15] = tab15;
soustab[16] = tab16;

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

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;
        
        haut=0;
        var haut = 15*nb_souscat[z-1]+z*18+top;
        

        for(i=1;i<=nb_elem;i++){
            document.getElementById("sousmenu"+i+"").style.visibility = 'hidden';
        }
        
        Init();

        document.getElementById("sousmenu"+z+"").style.top = 16;
        dec = haut;

        for(i=z+1;i<=nb_elem;i++){
            
            document.getElementById("menu"+i+"").style.top = dec;
            dec=dec+18;
        }

        document.getElementById("sousmenu"+z+"").style.height = 15*nb_souscat[z-1];
        document.getElementById("sousmenu"+z+"").style.visibility = 'visible';
        
    }
    
}

function affiche(){
    
    document.write('<style>');
    document.write('div.menu{visibility:visible; border-width: 1px; border-style: solid; border-color: #FFFFFF;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: #FFFFFF;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();
}