// JavaScript Document

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

var largeur = 130;
var gauche = 0;
var top = 140;
var couleur_police_cat="#000000";
var couleur_police_scat="#FFFFFF";
var couleur_cat="#FFFFCF";
var couleur_scat="#999999";

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

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

var nb_elem = 9;

var nb_souscat = new Array(nb_elem);

nb_souscat[0] = 1;
nb_souscat[1] = 1;
nb_souscat[2] = 6;
nb_souscat[3] = 4;
nb_souscat[4] = 1;
nb_souscat[5] = 1;
nb_souscat[6] = 1;
nb_souscat[7] = 1;
nb_souscat[8] = 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]);

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

categorie[0] = " Accueil";

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

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

categorie[1] = " L'entreprise";

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

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

categorie[2] = " Activités";

tab2[0] = " > Peinture|activites.html|_parent";
tab2[1] = " > Peinture naturelle|activites.html#pne|_parent";
tab2[2] = " > Cuisines|activites.html#cp|_parent";
tab2[3] = " > Papiers peints|activites.html#pp|_parent";
tab2[4] = " > Revêtements|activites.html#rs|_parent";
tab2[5] = " > Façades|activites.html#fa|_parent";

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

categorie[3] = " Autres activités";

tab3[0] = " > Vitrerie|activites_2.html|_parent";
tab3[1] = " > Films vitrages|activites_2.html#fv|_parent";
tab3[2] = " > Isolations|activites_2.html#iso|_parent";
tab3[3] = " > Poële à pellets|activites_2.html#pp|_parent";

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

categorie[4] = " Votre projet"; 

tab4[0] = " > Je vous écoute|projet.html|_parent";

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

categorie[5] = " Contact";

tab5[0] = " > Contactez-moi|contact.html|_parent";

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

categorie[6] = " Artisans amis";

tab6[0] = " > A découvrir|artisans.html|_parent";


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

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

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

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

categorie[8] = " Mon jardin"; 

tab8[0] = " > Mon jardin|mj_cartes_anciennes.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;

<!------------------------------------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: #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();
}