// fonction permettant de gérer le système d'onglets
// pPrefixe => prefixe des id des liens
// pPrefixBloc => prefixe des id des blocs à afficher
// pNbOnglets => nombre total d'onglets
// pOngletSelection => onglet en cours de sélection
function onglets(pPrefixe,pPrefixeBloc,pNbOnglets,pOngletSelection){

	// parcours des onglets
	for(i=1;i<=pNbOnglets;i++){

		css = "";

		// si l'on est sur le premier onglet
		if(i==1){
		
			// si cet onglet est l'unique onglet de la liste
			if(i==pNbOnglets){
				css = "gaucheActifSeul";				
			// si cet onglet est l'onglet sélectionné
			}else if(i==pOngletSelection){
				css = "gaucheActif";
			// si l'onglet suivant est l'onglet sélectionné
			}else if((i+1) == pOngletSelection){
				css = "gaucheNonActifMilieuActif";
			}else{
				css = "gaucheNonActif";
			}
		
		// si cet onglet est au centre
		}else if(i < pNbOnglets){
		
			//  si cet onglet est l'onglet sélectionné
			if(i==pOngletSelection){
				css = "milieuActif";
			// si l'onglet suivant est l'onglet sélectionné
			}else if((i+1) == pOngletSelection){
				css = "milieuNonActifDroiteActif";
			// si l'onglet précédent est l'onglet sélectionné
			}else if((i-1) == pOngletSelection){
				css = "milieuNonActifGaucheActif";
			}else{
				css = "milieuNonActif";
			}				
		
		// si cet onglet est le dernier
		}else{
		
			// si cet onglet est l'onglet sélectionné
			if(i==pOngletSelection){
				css = "droiteActif";
			// si l'onglet précédent est l'onglet sélectionné
			}else if((i-1) == pOngletSelection){
				css = "droiteNonActif";
			}else{
				css = "droiteNonActif";
			}					
		
		}

		// si l'onglet existe, on applique le style
		if(document.getElementById(pPrefixe + i)) document.getElementById(pPrefixe + i).className = css;
		
		// afichage/masquage du bloc de contenu associé à l'onglet courant
		display = "none";
		if(i == pOngletSelection){
			display = "block";
		}
		if(document.getElementById(pPrefixeBloc + i)) document.getElementById(pPrefixeBloc + i).style.display = display;

	}

}