/************************************************
* Role:ce fichier contient les scripts pour la gestion des onglets
* Principe:
- le contenu des onglets sont dans des <DIV> distincts, initialement, le DIV est caché
- les onglets sont dans des <DIV>, un clic dessus affiche le contenu correspondant
- un cookie ccmm_panel est utilisé pour sauvegarder le idx de l'onglet courant (1,2,3 etc..)
- à la fin de la page, l'onglet courant ds le cookie est affiché
* Convention:
* ID des onglets panelTab_1, panelTab2 etc....
* ID des contenus des onglets panel_1, panel_2 etc...
*************************************************/

var cookieActivePanel=null;//var globale cookie qui garde l'index de l'onglet courant
cookieActivePanel = new Cookie(document, "ccmm_panel", null, "/");//créer le cookie, valide pour tout le site et expire à la fermeture du browser

/*
*Role:Affiche l'onglet No id, appelé les le onClick des onglets
*Traitement:parcourt les onglets disponibles et affiche le No id et sauvegarde ds le cookie
id: No de l'onglet à afficher
nbPanel: Nombre total des onglets ds la page
*/
function showPanel(id, nbPanel){
	for (var i=1;i<=nbPanel;i++)
		if (i == id){
			document.getElementById("panelTab_" + i).className = "panelSelected";
			document.getElementById("panel_" + i).className = "visible";
			if (id == 1)
				document.getElementById("onglet_1l").src="/images/CCMM/ong_gauche_off.gif";
			else	
				document.getElementById("onglet_" + i + "l").src = "/images/CCMM/ong_gauche_off.gif";			
			document.getElementById("onglet_" + i + "r").src="/images/CCMM/ong_droite_off.gif";
		}else{
			document.getElementById("panelTab_" + i).className = "panelNormal";
			document.getElementById("panel_" + i).className = "hidden";
			if (i == 1)
				document.getElementById("onglet_1l").src="/images/CCMM/ong_gauche_on.gif";
			else	
				document.getElementById("onglet_" + i + "l").src = "/images/CCMM/ong_gauche_on.gif";			
			document.getElementById("onglet_" + i + "r").src="/images/CCMM/ong_droite_on.gif";
		}
	cookieActivePanel.number = id;
	cookieActivePanel.store();//mettre à jour le cookie et sauvegarder
	
    var pageCurrent = window.location.href;
	}	
		
/*
*Role:Affiche initialement l'onglet courant; appelée au chargement de la page
*Traitement:affiche l'onglet preservé ds le cookie
nbPanel: Nombre total des onglets ds la page
*/	
function setCookiePanel(nbPanel){
cookieActivePanel.load();

if (!cookieActivePanel.number){
	cookieActivePanel.number = 1;
	cookieActivePanel.store();
}
if (cookieActivePanel.number == 1){
	cookieActivePanel.number = 2;
	cookieActivePanel.store();
	cookieActivePanel.load();
}
else{
	cookieActivePanel.number = 1;
	cookieActivePanel.store();	
}
showPanel(cookieActivePanel.number, nbPanel);
var pageCurrent = window.location.href;
}