
<!-----------------------Edition des caractèristiques du menu ----------------------------->

var top = 125;//Nombre de pixels du haut de la page
var number_item = -1;

<!-----------------------Texte et lien des menus et sous menus---------------------------->

var nb_elem = 5;//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] = 7;//Nombre de sous categorie 1
nb_souscat[1] = 9;//Nombre de sous categorie 2
nb_souscat[2] = 3;//Nombre de sous categorie 3
nb_souscat[3] = 6;//Nombre de sous categorie 4
nb_souscat[4] = 0;//Nombre de sous categorie 5
//répeter aussi souvent qu'il y a de categorie... 


var categorie = new Array(nb_elem);
var lien_categorie = new Array(nb_elem);
var height_cat = new Array(nb_elem);//hauteur de chaque image du menu
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]);
//répeter aussi souvent qu'il y a de categorie... 


<!-------Edition PREMIERE categorie et sous categorie------------>
categorie[0] = " Javascript"; //Titre de la categorie
lien_categorie[0] = "#";
height_cat[0] = 36;

tab0[0] = " Accueil|index.php?page=accueil|_blank";//avant-Premier sous-titre|liens|cible
tab0[1] = " Assoce|index.php?page=assoce|_blank";//Premier sous-titre|liens|cible
tab0[2] = " Presse|index.php?page=presse|_blank";//Second sous-titre|liens|cible
tab0[3] = " Matériel|index.php?page=materiel|_blank";//Troisième sous-titre|liens|cible
tab0[4] = " Equipe|index.php?page=equipe|_blank";//Quatrième sous-titre|liens|cible
tab0[5] = " News|index.php?page=news|_blank";//Cinquième sous-titre|liens|cible
tab0[6] = " Liens|index.php?page=liens|_blank";//Sixième sous-titre|liens|cible

<!-------Edition SECONDE categorie et sous categorie------------>
categorie[1] = "tuto";//Titre de la categorie
lien_categorie[1] = "#"
height_cat[1] = 34;

tab1[0] = " Introduction|index.php?page=tutoriels/video/introduction/index|_blank";//Avant-Avant-Premier sous-titre|liens|cible
tab1[1] = " Techniques|index.php?page=tutoriels/video/techniques/index|_blank";//Avant-Premier sous-titre|liens|cible
tab1[2] = " Photoshop|index.php?page=tutoriels/image/photoshop/index|_blank";//Premier sous-titre|liens|cible
tab1[3] = " Premiere Pro|index.php?page=tutoriels/video/premiere/index|_blank";//Second sous-titre|liens|cible
tab1[4] = "  After Effects|index.php?page=tutoriels/video/afterfx/index|_blank"; //Troisième sous-titre|liens|cible
tab1[5] = " Compression|index.php?page=tutoriels/video/compression/index|_blank"; //Quatrième sous-titre|liens|cible
tab1[6] = "VideoLAN|index.php?page=tutoriels/video/videolan/index|_blank"; //Cinquième sous-titre|liens|cible
tab1[7] = "Audio|index.php?page=tutoriels/son/traitement/index|_blank"; //Sixième sous-titre|liens|cible
tab1[8] = "Blender|index.php?page=tutoriels/video/blender/index|_blank"; //Septième sous-titre|liens|cible



<!-------Edition TROISIEME categorie et sous categorie------------>
categorie[2] = " MySql";//Titre de la categorie
lien_categorie[2] = "#";
height_cat[2] = 34;

tab2[0] = " Nos partenaires|index.php?page=partenaires|_blank";//Premier sous-titre|liens|cible
tab2[1] = " Prestations|index.php?page=prestations|_blank";//Second sous-titre|liens|cible
tab2[2] = " Plaquette (pdf)|plaquette.pdf|_blank";//Troisième sous-titre|liens|cible


<!-------Edition QUATRIEME categorie et sous categorie------------>
categorie[3] = " Forum"; //Titre de la categorie
lien_categorie[3] = "#";
height_cat[3] = 35;

tab3[0] = " Goodies|index.php?page=goodies|_blank";
tab3[1] = " Reservation|index.php?page=reservation|_blank";//Premier sous-titre|liens|cible
tab3[2] = " Forum|http://forum.nxtelevision.com|_blank";//Second sous-titre|liens|cible
tab3[3] = " FTP|index.php?page=ftp|_blank";//Troisième sous-titre|liens|cible
tab3[4] = " IRC|index.php?page=irc|_blank";//Quatrième sous-titre|liens|cible
tab3[5] = " Photos|http://photos.nxtelevision.com|_blank";//Cinquième sous-titre|liens|cible


<!-------Edition CINQUIEME categorie et sous categorie------------>
categorie[4] = " Contact"; //Titre de la categorie
lien_categorie[4] = "index.php?page=contact";
height_cat[4] = 35;

soustab[0] = tab0;
soustab[1] = tab1;
soustab[2] = tab2;
soustab[3] = tab3;
soustab[4] = tab4;
//répeter aussi souvent qu'il y a de categorie... 


<!------------------------------------Fonctions-------------------------------------------->
<!------------------------------NE PLUS RIEN MODIFIER-------------------------------------->


function init() {
    var hauteur = top;
    for(m=1;m<=nb_elem;m++) {
        document.getElementById("menu"+m+"").style.top = ""+hauteur+"px";
        hauteur = hauteur + height_cat[m-1];
    }
}

function voir(z) {
	if (z==(-1)){
	}
	else {
		for(i=0;i<nb_elem;i++) {
			document.getElementById("submenu"+(i+1)+"").style.visibility = 'hidden';
		}
	init();
	
	var hauteur_sub = top;
	for(j=0;j<z;j++) {	
		hauteur_sub = hauteur_sub+height_cat[j];
	}
	
	var height = 23*nb_souscat[z-1];
	document.getElementById("submenu"+z+"").style.top = ""+hauteur_sub+"px";
	document.getElementById("submenu"+z+"").style.height = ""+height+"px";
	
	var top_id = top
	for(l=1;l<=z;l++) {	
		top_id = top_id+height_cat[l-1];
	}
	top_id = top_id+height;
	for(k=z+1;k<=nb_elem;k++) {	
		document.getElementById("menu"+k+"").style.top = ""+top_id+"px";
		top_id = top_id+height_cat[k-1];
	}
	document.getElementById("encaps_cadres").style.top = ""+top_id+"px";
	document.getElementById("submenu"+z+"").style.visibility = "visible";
	}
	number_item = z;
}


function affiche(){	
        
    for(i=0;i<nb_elem;i++){
        boucle = nb_souscat[i];

        document.write('<div id="menu'+(i+1)+'">');
		document.write('<a href="'+lien_categorie[i]+'" onClick="javascript:voir('+(i+1)+')">');
		document.write('<img src="images-skin/menu'+(i+1)+'.gif" width="158" height="'+height_cat[i]+'" border="0" alt="" />');
		document.write('</a>');
		document.write('</div>');
		
		document.write('<div id="submenu'+(i+1)+'">');
		 for(m=0;m<boucle;m++){
            elem=soustab[i][m].split("|");
			var lien = elem[1].split("?");
			if (lien[0] == "index.php") {
            document.write('<p class="submenu"><a href="'+elem[1]+'&sub='+(i+1)+'" class="submenu">'+elem[0]+'</a></p>');
				}
			else {
            document.write('<p class="submenu"><a href="'+elem[1]+'" class="submenu">'+elem[0]+'</a></p>');
			}
				
        }
		document.write('</div>');
        
               
    }
    var number_item = -1;
}