<!--Javascript fourni par-->
<!-- [Script Masters.com]--> 
<!-- http://www.script-masters.com/ --> 


/****************************************
*Menu dynamique vertical		*
*Daniel Fabien21-05-2002		*
*http://www.script-masters.com		*
*Prière de conserver ce message		*
****************************************/


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

var largeur = 120;//Largeur du menu
var gauche = 280;//nombre de pixe de la gauche de l'écran
var top = 150;//Nombre de pixels du haut de la page
var couleur_police_cat="#FFFFFF";//Couleur du texte des categories
var couleur_police_scat="#333333";//Couleur du texte des sous-categories
var couleur_cat="#333366";//Couleur de fond des categories
var couleur_scat="#CCCCCC";//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 = 11;//Police de caractères
var police = "Arial";//Type de police



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

var nb_elem = 3;//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] = 3;//Nombre de sous categorie 2
nb_souscat[2] = 2;//Nombre de sous categorie 3
//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]);
//répeter aussi souvent qu'il y a de categorie... 


<!-------Edition PREMIERE categorie et sous categorie------------>
categorie[0] = "&nbsp;Actu Celtys"; //Titre de la categorie

tab0[0] = "&nbsp;&nbsp;Produit en Bretagne|actualite-celtys-produit-en-bretagne.htm|";//Premier sous-titre|liens|cible
tab0[1] = "&nbsp;&nbsp;SPACE 2007|actualite-celtys-space-2007.htm|";//Second sous-titre|liens|cible


<!-------Edition SECONDE categorie et sous categorie------------>
categorie[1] = "&nbsp;Actu Métiers";//Titre de la categorie

tab1[0] = "&nbsp;&nbsp;Centrale Taulé|actualite-celtys-centrale-bpe-taule.htm|";//Premier sous-titre|liens|cible
tab1[1] = "&nbsp;&nbsp;Centrale Plomeur|actualite-celtys-centrale-bpe-plomeur.htm|";//Second sous-titre|liens|cible
tab1[2] = "&nbsp;&nbsp;Usine Chavagne|actualite-celtys-chavagne.htm|";//Troisième sous-titre|liens|cible


<!-------Edition TROISIEME categorie et sous categorie------------>
categorie[2] = "&nbsp;Actu Produit";//Titre de la categorie

tab2[0] = "&nbsp;&nbsp;Loi anti-tabac|actualite-celtys-cendrier-loi-anti-tabac.htm|";//Premier sous-titre|liens|cible
tab2[1] = "&nbsp;&nbsp;Viscochape|actualite-celtys-viscochape.htm|";//Second sous-titre|liens|cible





soustab[0] = tab0;
soustab[1] = tab1;
soustab[2] = tab2;
//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: 0px; 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; 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();
}


