var hdispo = document.documentElement.clientHeight;
var wdispo = document.documentElement.clientWidth;
var largeur = 124;//Largeur du menu
var top = 185;//Nombre de pixels du haut de la page
//le contenu de la page faisant 938 px (la barre ombrée) on soustrait la largeur disponible de l'écran par 938 puis on divise le résultat par 2 (la page étant centrée)
//ce qui nous donne :
var gauche = (wdispo-938)/2
//var largeur = 124;//Largeur du menu
//var top = 120;//Nombre de pixels du haut de la page
var nb_elem = 6;//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] = 3;//Nombre de sous categorie 3
nb_souscat[3] = 2;//Nombre de sous categorie 4
nb_souscat[4] = 0;//Nombre de sous categorie 5
nb_souscat[5] = 0;//Nombre de sous categorie 6
//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]);
//répeter aussi souvent qu'il y a de categorie...
/*********************************************************************************************
************************** EDITIONS DU MENU ***********************************
*********************************************************************************************/
categorie[0] = "
"; //Titre de la categorie
tab0[0] = "
|index.php?page=historique&voir=1"; //Premier sous-titre|liens
tab0[1] = "
|index.php?page=famille&voir=1"; //Second sous-titre|liens
categorie[1] = "
";
tab1[0] = " 
|index.php?page=fabrication&voir=2";
tab1[1] = " 
|index.php?page=fabrication2&voir=2";
tab1[2] = " 
|index.php?page=fabrication3&voir=2";
categorie[2] = "
";
tab2[0] = " 
|index.php?page=agneaux&voir=3";
tab2[1] = " 
|index.php?page=chevreaux&voir=3";
tab2[2] = " 
|index.php?page=moutons&voir=3";
categorie[3] = "
";
tab3[0] = " 
|index.php?page=images&voir=4";
tab3[1] = " 
|index.php?page=videos&voir=4";
categorie[4] = "
";
categorie[5] = "
";
soustab[0] = tab0;
soustab[1] = tab1;
soustab[2] = tab2;
soustab[3] = tab3;
//répeter aussi souvent qu'il y a de categorie...
var conf = -1;
function Init(){
var hauteur = top;
for(i=1;i<=nb_elem;i++){
document.getElementById("menu"+i+"").style.top = hauteur + 'px';
hauteur = hauteur + 45;
}
}
function voir(z){
//Test des menus ouverts : si le menu choisi n'est pas affiché, OU si aucun menu n'est affiché
if((document.getElementById("sousmenu"+z+"").style.display=='none')||(document.getElementById("sousmenu"+z+"").style.display==''))
{
//afficher le menu choisi
//pour eclaircir : document.getElementById("id").style.display
//adresse une valeur à l'attribut "display" de la catégorie "style" de l'element HTML qui a pour id "id" de la page ( que l'on appelle document en java )
document.getElementById("sousmenu"+z+"").style.display = 'inline';
//verification, la variable temp_menu stock le n° d'un menu ouvert au préalable
//ici on recupere la value (valeur) de l'element HTML temp_menu, dans lequel nous avons stocké l'ID du menu précédement ouvert
if(document.getElementById("temp_menu").value!='')
{
//si la variable est différente de ''(rien), donc qu'elle existe, on referme le menu avec l'ID enregistré dans temp_menu
document.getElementById(document.getElementById("temp_menu").value).style.display = 'none';
}
//pour terminer on enregistre l'ID du menu selectionné dans temp_menu, pour pouvoir le refermer au click suivant
document.getElementById("temp_menu").value="sousmenu"+z+"";
}
else
{
//si le menu selectionné n'est pas en "display : none"( pas affiché ) => donc qu'il est affiché
//on le ferme et on remet à 0 la valeur de temp_menu, puisque plus aucun menu n'est ouvert
document.getElementById("sousmenu"+z+"").style.display = 'none';
document.getElementById("temp_menu").value="";
}
return false;
}
function affiche(){
//feuille de style
document.write('');
document.write('');
for(i=0;i
');
document.write('');
}
document.write('');
document.write('');
document.onLoad=Init();
}
affiche();