/* auteur: vincent vidal */
/* Date de création: 28/01/2005 */


//*********************************** Déclaration des variables ************************************************//
var j;var k;var LONGTAB;var NBELEMENTS;	var LONGTABMENUH;
identity=new String();
Couleur=new String();Couleur_changement=new String();
var Haut;  //position top du menuv
var Top_current; //pour positionnement du menu
var timerID;  // pour le timer de la fonction effacement du menu

//*********************************** Initialisation des variables ************************************************//
LONGTAB=20;Haut=145;Top_current=Haut;timerID=0;LONGTABMENUH=5;
TAB1 = new Array(LONGTAB);TAB2 = new Array(LONGTAB);TAB3 = new Array(LONGTAB);  //menu vertical
for (i=1;i<=LONGTAB;i++){TAB1[i] = new Array(3);TAB2[i] = new Array(2);	TAB3[i] = new Array(2);}
Tab_MenuHorizontal=new Array(LONGTABMENUH);										//menu horizontal
for (i=1;i<=LONGTABMENUH;i++){Tab_MenuHorizontal[i] = new Array(3);}
Couleur='#3C5FB3';
Couleur_changement='#0088aa';



//*********************************************************************************************************//
// fonction : 		disappear(menu,rang)
// description : 	fait disaparaitre l'element dont l'id est: menu(menu)(rang)
//*********************************************************************************************************//

function disappear(menu,rang) 
{
	if(document.getElementById) document.getElementById("menu"+menu+rang).style.visibility = 'hidden';
}

//*********************************************************************************************************//
// fonction : 		ResetCouleur().
// description : 	fonction qui remet les div à leur couleur initiale
//*********************************************************************************************************//

function ResetCouleur(NBCO)
{
	if (NBCO==1)
		{
			for (i=1;i<=NBELEMENTS;i++)
		    {
				//rend leur couleur initiale à tout les div, mais ne les affiche pas forcement
				document.getElementById("menu1"+i).style.backgroundColor= Couleur;
				document.getElementById("menu2"+i).style.backgroundColor= Couleur;
				document.getElementById("menu3"+i).style.backgroundColor= Couleur;
			}//end for
		}//end If
				
				
		if (NBCO>1)
		{
			for (i=1;i<=NBELEMENTS;i++)
			{
				//rend leur couleur initiale à tout les div, mais ne les affiche pas forcement
				document.getElementById("menu2"+i).style.backgroundColor= Couleur;
				document.getElementById("menu3"+i).style.backgroundColor= Couleur;
			}//end for
		}//end If
}

//*********************************************************************************************************//
// fonction : affichage().
// description : fonction qui affiche correctement les div, et permet de changer la couleur des Div
// en fonction du passage de la souris
//*********************************************************************************************************//


function affichage(toto,NBCO)
{	
// la variable identity prend la valeur de l'id du div selectionné	
	identity=toto.id;
	
// On détruit le timer	
	clearTimeout(timerID); 
	
// On efface tout les sous-menus inutiles	
		for(f=1;f<=LONGTAB;f++)  //cache tout les champs de la deuxieme et/ou de la troisieme colonne
		{
			if(NBCO==1)	{disappear(2,f);disappear(3,f);} 		// sousmenus 2 et 3 effacés
			if(NBCO==2){disappear(3,f);}					// sousmenus 3 effacés
		}// fin for
		
     	 
//On remet la couleur bleue partout
	ResetCouleur(NBCO);
	
//On change la couleur du div selectionné par le curseur		
	toto.style.backgroundColor= Couleur_changement;		

    	
// On va changer la couleur des div 'parents' du div selectionné, pour visualiser le chemin 
	// cas où NBCO = 2
	if ((NBCO)==2)
	{
		i=identity.charAt(5)+identity.charAt(6);		// on recherche l'indice du sousmenu
		j=1;while(j!=TAB2[i][0]){j=j+1;}				// on recherche l'indice du div 'parent'		
		document.getElementById("menu1"+j).style.backgroundColor= Couleur_changement;	//on change la couleur du div parent
				
	}//end If
	// cas où NBCO = 3	
	if ((NBCO)==3)  
	{
		i=identity.charAt(5)+identity.charAt(6);		// on recherche l'indice du sousmenu
		j=1;while(j!=TAB3[i][0]){j=j+1;}				// on recherche l'indice du div 'parent'
		document.getElementById("menu2"+j).style.backgroundColor= Couleur_changement; 	//on change la couleur du div parent
				
	}//end If

	
	
		
		
// On affiche les sous-menus	
		k=parseInt(toto.style.top)+4;  // différence de hauteur entre le menu et son sous-menu

		var variable;
     	if(NBCO==1) 		// cas où NBCO = 1	
     	{
			
			for (i=1;i<=LONGTAB;i++)   
			{
				variable=identity.charAt(5)+identity.charAt(6)-TAB2[i][0]; 	//recherche de l'indice du sousmenu  
				if (variable==0)		
				{				 
		  			document.getElementById("menu2"+i).style.visibility='visible';
					document.getElementById("menu2"+i).style.top=k;
					k=k+24;
				}//End if
				
			}//End for
		}//End if	
		
		if(NBCO==2)				// cas où NBCO = 2 
		{	
			for (i=1;i<=LONGTAB;i++)
			{
				variable=identity.charAt(5)+identity.charAt(6)-TAB3[i][0];	//recherche de l'indice du sousmenu  
				if (variable==0)
           	 	{				 
		  			document.getElementById("menu3"+i).style.visibility='visible';
					document.getElementById("menu3"+i).style.top=+k+"px";	
					k=k+24;
				}//End if
			}//End for
      	}//end if	
	
}//End sub


//*********************************************************************************************************//
// fonction : SetMenuV.
// description :  Mise en place du menu vertical
//*********************************************************************************************************//


function SetMenuV()
{
// Une colonne est un ensemble de <div></div> vertical
// TabX se compose en trois parties :
// 		-Lien précédent
//  	-Texte affiché
//      -Lien réel(page)


////////////////////////////////////////////////////////////////////////////////
/////COLONNE1                       /////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
/// origine ///
TAB1[1][0]='depart';
TAB1[2][0]='depart';
TAB1[3][0]='depart';
TAB1[4][0]='depart';
TAB1[5][0]='depart';
TAB1[6][0]='depart';
TAB1[7][0]='depart';
TAB1[8][0]='depart';
TAB1[9][0]='depart';
TAB1[10][0]='depart';
TAB1[11][0]='depart';        
TAB1[12][0]='depart';
TAB1[13][0]='depart';
TAB1[14][0]='vide';
TAB1[15][0]='vide';
TAB1[16][0]='vide';
TAB1[17][0]='vide';
TAB1[18][0]='vide';
TAB1[19][0]='vide';
TAB1[20][0]='vide';
// nom ///
TAB1[1][1]='Accueil';
TAB1[2][1]="Présentation Générale";
TAB1[3][1]='4ème/3ème';
TAB1[4][1]='BEP';
TAB1[5][1]='Bac PRO';
TAB1[6][1]="Les Projets";
TAB1[7][1]='Agenda';
TAB1[8][1]="Le Journal";    
TAB1[9][1]='Formation Complémentaire';    
TAB1[10][1]='Aumônerie';
TAB1[11][1]='Renseignements et inscriptions';
TAB1[12][1]='Liens utiles';
TAB1[13][1]='Formation Professionnelle';
TAB1[14][1]='vide';
TAB1[15][1]='vide';
TAB1[16][1]='vide';
TAB1[17][1]='vide';
TAB1[18][1]='vide';
TAB1[19][1]='vide';
TAB1[20][1]='vide';
/// lien ///
TAB1[1][2]='accueil.html';
TAB1[2][2]='presentation.html';
TAB1[3][2]='3-4eme.html';
TAB1[4][2]='bep.html';
TAB1[5][2]='bac_pro.html';
TAB1[6][2]='projets.html';
TAB1[7][2]='agenda.html';
TAB1[8][2]='journal.html';
TAB1[9][2]='formations_complementaires.html';       
TAB1[10][2]='aumonerie.html';
TAB1[11][2]='renseignements.php';
TAB1[12][2]='vide';
TAB1[13][2]='formation_professionnelle.html';
TAB1[14][2]='vide';
TAB1[15][2]='vide';
TAB1[16][2]='vide';
TAB1[17][2]='vide';
TAB1[18][2]='vide';
TAB1[19][2]='vide';
TAB1[20][2]='vide';

//taille///
TAB1[1][3]=24;
TAB1[2][3]=38;
TAB1[3][3]=24;
TAB1[4][3]=24;
TAB1[5][3]=24;
TAB1[6][3]=24;
TAB1[7][3]=24;
TAB1[8][3]=24;
TAB1[9][3]=38;
TAB1[10][3]=24;
TAB1[11][3]=38; 
TAB1[12][3]=24;
TAB1[13][3]=38;
TAB1[14][3]='vide';
TAB1[15][3]='vide';
TAB1[16][3]='vide';
TAB1[17][3]='vide';
TAB1[18][3]='vide';
TAB1[19][3]='vide';
TAB1[20][3]='vide';


////////////////////////////////////////////////////////////////////////////////
/////COLONNE2              //////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
/// origine (indice du div parent dans tab1.) 
TAB2[1][0]=3;
TAB2[2][0]=3;
TAB2[3][0]=3;
TAB2[4][0]=4;
TAB2[5][0]=4;
TAB2[6][0]=4;
TAB2[7][0]=5;        
TAB2[8][0]=5;
TAB2[9][0]=5;
TAB2[10][0]=12;
TAB2[11][0]=12;
TAB2[12][0]=12;
TAB2[13][0]=12;
TAB2[14][0]='vide';
TAB2[15][0]='vide';
TAB2[16][0]='vide';
TAB2[17][0]='vide';
TAB2[18][0]='vide';
TAB2[19][0]='vide';
TAB2[20][0]='vide';
/// texte affiché///
TAB2[1][1]='la formation';
TAB2[2][1]='les stages';
TAB2[3][1]='les projets';
TAB2[4][1]='la formation';
TAB2[5][1]='les stages';
TAB2[6][1]='les projets';
TAB2[7][1]='la formation';
TAB2[8][1]='les stages';
TAB2[9][1]='les projets';
TAB2[10][1]='CNEAP';
TAB2[11][1]='Capestang';
TAB2[12][1]='ONISEP';
TAB2[13][1]='ASP';
TAB2[14][1]='vide';
TAB2[15][1]='vide';
TAB2[16][1]='vide';
TAB2[17][1]='vide';
TAB2[18][1]='vide';
TAB2[19][1]='vide';
TAB2[20][1]='vide';
/// lien///
TAB2[1][2]='vide'; 
TAB2[2][2]='3-4eme.html#3-4eme_stages'; 
TAB2[3][2]='3-4eme.html#3-4eme_projets'; 
TAB2[4][2]='vide';  
TAB2[5][2]='bep.html#bep_stages'; 
TAB2[6][2]='bep.html#bep_projets';
TAB2[7][2]='vide';        
TAB2[8][2]='bac_pro.html#bacpro_stages';
TAB2[9][2]='bac_pro.html#bacpro_projets';
TAB2[10][2]='http://cneap.scolanet.org/';
TAB2[11][2]='http://www.ville-capestang.fr/';
TAB2[12][2]='http://www.onisep.fr/onisep-portail/portal/group/gp';
TAB2[13][2]='http://www.asponline.org/EASYTAXE/Default.aspx?PAGE=NEWENTREPRISE&Code=343101';
TAB2[14][2]='vide';
TAB2[15][2]='vide';
TAB2[16][2]='vide';
TAB2[17][2]='vide';
TAB2[18][2]='vide';
TAB2[19][2]='vide';
TAB2[20][2]='vide';

////////////////////////////////////////////////////////////////////////////////
/////COLONNE3              //////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
/// origine indice du div parent dans tab2 
TAB3[1][0]=1;
TAB3[2][0]=1;
TAB3[3][0]=1;
TAB3[4][0]=4;
TAB3[5][0]=4;
TAB3[6][0]=4;
TAB3[7][0]=7;
TAB3[8][0]=7;
TAB3[9][0]=7;
TAB3[10][0]='vide';
TAB3[11][0]='vide';
TAB3[12][0]='vide';
TAB3[13][0]='vide';
TAB3[14][0]='vide';       
TAB3[15][0]='vide';
TAB3[16][0]='vide';
TAB3[17][0]='vide';
TAB3[18][0]='vide';
TAB3[19][0]='vide';
TAB3[20][0]='vide';
/// texte affiché///
TAB3[1][1]="l'enseignement";
TAB3[2][1]='les débouchés';
TAB3[3][1]='les plus';
TAB3[4][1]="l'enseignement";
TAB3[5][1]='les débouchés';
TAB3[6][1]='les plus';
TAB3[7][1]="l'enseignement";
TAB3[8][1]='les débouchés';
TAB3[9][1]='les plus';
TAB3[10][1]='vide';
TAB3[11][1]='vide';
TAB3[12][1]='vide';
TAB3[13][1]='vide';
TAB3[14][1]='vide';
TAB3[15][1]='vide';        
TAB3[16][1]='vide';
TAB3[17][1]='vide';
TAB3[18][1]='vide';
TAB3[19][1]='vide';
TAB3[20][1]='vide';
/// lien///
TAB3[1][2]='3-4eme.html#3-4eme_enseignements';
TAB3[2][2]='3-4eme.html#3-4eme_debouches';
TAB3[3][2]='3-4eme.html#3-4eme_plus';
TAB3[4][2]='bep.html#bep_enseignements';
TAB3[5][2]='bep.html#bep_debouches';
TAB3[6][2]='bep.html#bep_plus';
TAB3[7][2]='bac_pro.html#bacpro_enseignements';
TAB3[8][2]='bac_pro.html#bacpro_debouches';
TAB3[9][2]='bac_pro.html#bacpro_plus';
TAB3[10][2]='vide'; 
TAB3[11][2]='vide';
TAB3[12][2]='vide';
TAB3[13][2]='vide';
TAB3[14][2]='vide';
TAB3[15][2]='vide';
TAB3[16][2]='vide';
TAB3[17][2]='vide';
TAB3[18][2]='vide';
TAB3[19][2]='vide';
TAB3[20][2]='vide';



NBELEMENTS=0		//initialisation



//création des div du menu			 
for (i=1;i<=LONGTAB;i++)
  	{	
		//ecrit tout les champs "pleins" sur la feuille
		if(TAB1[i][1]=="vide"){}
		else
		{
			// div avec trait de fin du menu
			if(i==12){document.write("<div id='menu1"+i+"' class='type4' style='height:"+TAB1[i][3]+"px ;top:"+Top_current+"px' onmouseout='Effacement_Timer()' onmouseover='affichage(this,1)'  onclick='menu(this,1)'>"+ TAB1[i][1]+"</div>");} 
			
			else{document.write("<div id='menu1"+i+"' class='type1' style='height:"+TAB1[i][3]+"px ;top:"+Top_current+"px' onmouseout='Effacement_Timer()' onmouseover='affichage(this,1)'  onclick='menu(this,1)'>"+ TAB1[i][1]+"</div>");}
			// s'il il y a un sousmenu, on affiche une fleche (à adapter selon le menu)
			if ((i==3)||(i==4)||(i==5)||(i==12)){Top_current=Top_current+4;document.write("<div id='pt'  class='menuv' style=' top:"+Top_current+"px ; left:90px' onmouseover='clearTimeout(timerID)'><img src='images/menuv_f.gif'></img></div>");Top_current=Top_current-4;}

			NBELEMENTS=NBELEMENTS+1;
			Top_current=Top_current+TAB1[i][3];
				
		}
		document.write("<div id='menu2"+i+"' class='type2' style=' top:"+Top_current+"px' onmouseout='Effacement_Timer()' onmouseover='affichage(this,2)' onclick='menu(this,2)'>"+ TAB2[i][1] +"</div>");    
		document.write("<div id='menu3"+i+"' class='type3' style=' top:"+Top_current+"px' onmouseout='Effacement_Timer()' onmouseover='affichage(this,3)' onclick='menu(this,3)'>"+ TAB3[i][1] +"</div>");  
	}
}
	


//*********************************************************************************************************//
// fonction : 		Effacement()
// description : 	cette fonction permet de masquer toutes les cases des colonnes 2 et 3
// 					et de remettre la colonne 1 à la couleur originelle
//*********************************************************************************************************//


function Effacement()
{
	clearTimeout(timerID); // détruit le timer
	
	for (i=1;i<=LONGTAB;i++){disappear(2,i);disappear(3,i);} 		//rend les sousmenus 2 et 3 invisibles
	for (i=1;i<=NBELEMENTS;i++)										//rend la couleur originelle au menu principal			
	{
		if(document.getElementById)	{document.getElementById("menu1"+i).style.backgroundColor= Couleur;}
	}//end for
}

//*********************************************************************************************************//
// fonction : Effacement_Timer()
// description : 
//*********************************************************************************************************//


function Effacement_Timer()
{
	timerID = setTimeout("Effacement()",250);	//mise en place du timer
}


//*********************************************************************************************************//
// fonction : menu()
// description : selon la case selectionnée, renvoie le lien recherché   
//*********************************************************************************************************//

function menu(toto,NBCO)
{
// la variable identity prend la valeur de l'id du div selectionné	
	identity=toto.id;
	var i=identity.charAt(5)+identity.charAt(6);
	if (NBCO==1){if (TAB1[i][2]!='vide'){window.location=TAB1[i][2];}}
 	if (NBCO==2){if (TAB2[i][2]!='vide'){window.location=TAB2[i][2];}}
 	if (NBCO==3){if (TAB3[i][2]!='vide'){window.location=TAB3[i][2];}}
}



//*********************************************************************************************************//
// fonction : Montre()
// description : Montre l'image demandée    
//*********************************************************************************************************//
function Montre(image,etat)
{
	if(document.getElementById){document.getElementById(Tab_MenuHorizontal[image][3]).src=Tab_MenuHorizontal[image][etat];}	
}

//*********************************************************************************************************//
// fonction : SetMenuH
// description : Mise en place du menu horizontal   
//*********************************************************************************************************//

function SetMenuH()
{
// Initialisation du Tableau //
// colonne 1 : image normale								// colonne 2 : image survolée									// colonne 1 : nom de l'image
Tab_MenuHorizontal[1][1]='images/menuh_lycee.gif' ;			Tab_MenuHorizontal[1][2]='images/menuh_lycee2.gif'  ;			Tab_MenuHorizontal[1][3]='lycee' ;
Tab_MenuHorizontal[2][1]='images/menuh_formations.gif' ;	Tab_MenuHorizontal[2][2]='images/menuh_formations2.gif' ;		Tab_MenuHorizontal[2][3]='formations';
Tab_MenuHorizontal[3][1]='images/menuh_metiers.gif' ;		Tab_MenuHorizontal[3][2]='images/menuh_metiers2.gif';			Tab_MenuHorizontal[3][3]='metiers' ;
Tab_MenuHorizontal[4][1]='images/menuh_viescolaire.gif' ;	Tab_MenuHorizontal[4][2]='images/menuh_viescolaire2.gif'  ;		Tab_MenuHorizontal[4][3]='viescolaire' ;
Tab_MenuHorizontal[5][1]='images/menuh_contacts.gif' ;		Tab_MenuHorizontal[5][2]='images/menuh_contacts2.gif' ;			Tab_MenuHorizontal[5][3]='contacts' ;


// Creation des div
document.write("<div class=menuh style='left:171px'><A onmouseover='Montre(1,2)' onmouseout='Montre(1,1)' href='lycee.html'><IMG src='images/menuh_lycee.gif' width='68px' height='15px' border=0 id='lycee' ></A> </div>");
document.write("<div class=menuh style='left:246px'><A onmouseover='Montre(2,2)' onmouseout='Montre(2,1)' href='formations.html'><IMG src='images/menuh_formations.gif' width='106px' height='15px' border=0 id='formations'></A> </div>");
document.write("<div class=menuh style='left:359px'><A onmouseover='Montre(3,2)' onmouseout='Montre(3,1)' href='metiers.html'><IMG src='images/menuh_metiers.gif' width='83px' height='15px' border=0 id='metiers' ></A> </div>");
document.write("<div class=menuh style='left:448px'><A onmouseover='Montre(4,2)' onmouseout='Montre(4,1)' href='vie_scolaire.html'><IMG src='images/menuh_viescolaire.gif' width='108px' height='15px' border=0 id='viescolaire' ></A> </div>");
document.write("<div class=menuh style='left:563px'><A onmouseover='Montre(5,2)' onmouseout='Montre(5,1)' href='contacts.html'><IMG src='images/menuh_contacts.gif' width='65px' height='15px' border=0 id='contacts' ></A> </div>");

}