/*
 * Fonction javascript fabriqu�e pour fonctionner notament avec le systeme d'onglet cr�� a l'aide
 * des helpers de myOngletHelper
 *
 *
 * IMPORTANT : Si vous ne d�sirez pas utiliser les helpers li�s, 
 *					veillez a appeler le contenu avec l'id de l'onglet auquel on rajoute 'Contenu'
 *			   Tous les onglets doivent �tre dans un m�me regroupement
 *					exemple : <div>
 *  							<?php echo my_onglet_tag('idOnglet1','Onglet 1',1); ?>
 * 								<?php echo my_onglet_tag('idOnglet2','Onglet 2'); ?>
 * 								<?php echo my_onglet_tag('idOnglet3','Onglet 3'); ?>
 * 							  </div>
 *
*/

/*function switchOnglet(event)
{
	//tester et changer l'�tat de l'�l�ment
		var element = Event.element(event);
	if(Element.hasClassName(element,'OngletDesactive'))
	{
		return false;
	}
	if(!Element.hasClassName(element,'OngletActif'))
	{
		//activation de l'onglet
		Element.removeClassName(element,'OngletInactif');
		Element.removeClassName(element,'OngletCliquable');
		Element.addClassName(element,'OngletActif');
		Event.stopObserving(element,'click',switchOnglet);
		
		//Activition du contenu li�
		var name=element.id;
		name+="Contenu";
		$(name).show();
		
		//recherche de l'ancien �l�ment actif pour le desactiver
		autreElements=element.parentNode.childNodes;
		for(i in autreElements)
		{
			
			if((autreElements[i].className=='OngletActif')&&(autreElements[i]!=element))
			{
				Element.removeClassName(autreElements[i],'OngletActif');
				Element.addClassName(autreElements[i],'OngletInactif');
				Element.addClassName(autreElements[i],'OngletCliquable');
				Event.observe(autreElements[i],'click',switchOnglet);
				
				//D�sactivition du contenu li�
				var name=autreElements[i].id;
				name+="Contenu";
				$(name).hide();
			}
		}
	}
}*/

function switchOnglet(event,cible,type)
{
	//tester et changer l'�tat de l'�l�ment
	if(!type)
	{
		var element = Event.element(event);
	}
	else
	{
		var element = $(cible);
	}
	if(Element.hasClassName(element,'OngletDesactive'))
	{
		return false;
	}
	if(!Element.hasClassName(element,'OngletActif'))
	{
		
		//recherche de l'ancien �l�ment actif pour le desactiver
		autreElements=element.parentNode.childNodes;
		for(var i=0;i<autreElements.length;i++)
		{
			if((autreElements[i].className=='OngletActif'))
			{
				Element.removeClassName(autreElements[i],'OngletActif');
				Element.addClassName(autreElements[i],'OngletInactif');
				Element.addClassName(autreElements[i],'OngletCliquable');
				Event.observe(autreElements[i],'click',switchOnglet);
				
				//D�sactivition du contenu li�
				var name=autreElements[i].id;
				name+="Contenu";
				var contenusAutre=$$('.'+name);
				for(var i=0;i<contenusAutre.length;i++)
				{
					contenusAutre[i].hide();
				}
			}
		}
		
		//activation de l'onglet
		Element.removeClassName(element,'OngletInactif');
		Element.removeClassName(element,'OngletCliquable');
		Element.addClassName(element,'OngletActif');
		Event.stopObserving(element,'click',switchOnglet);
				
		//Activition du contenu li�
		var name=element.id;
		name+="Contenu";
		var contenus=$$('.'+name);
		for(var i=0;i<contenus.length;i++)
		{
			contenus[i].show();
		}
		
	}
}

function ongletInit()
{
	var listeOnglet = document.getElementsByClassName('OngletCliquable');
	for(var i=0;i<listeOnglet.length;i++)
	{
		Event.observe(listeOnglet[i],'click',switchOnglet);
	}
}

Event.observe(window,'load',ongletInit);