window.onload = function() {

	DefinirOnglets(); 	// Récupere les variables php
	if(AfficherOnglets())
		EcouterOnglets();

	EcouterImprimer();

}

function ObtAffichage(id) {
	if(TesterClass('display-none', $(id)))
		return false;

	return true; 
}

function AfficherOnglets() {

	for(var i = 0; i < t_blocs.length; i++)
		PermuterClass('display-none', $(t_blocs[i]));

	// Afficher le premier onglet s'il existe...
	if(t_blocs2.length) {

		PermuterClass('display-none', $(t_blocs2[0]));

		//...et le rendre actif
		var t_onglets = $('onglets').getElementsByTagName('div'); 
		var div = t_onglets[0];
		var span = div.getElementsByTagName('span')[0];

		PermuterClass('actif', span);
		PermuterClass('bleu_'+ div.className, div);

		if(t_blocs2[0] != 'bloc_ass' && t_blocs2.length != 3)
		{

			var css_left = '';
			for(var i = 0; i < t_onglets.length; i++) {

				css_left = (161*i)+'px';
				t_onglets[i].style.left = css_left;

				if(i == 0)
					PermuterClass(t_onglets[i].className.substring(0, 3)+'_1', t_onglets[i]);
			}
		}
		
		if(t_blocs2[1] == 'bloc_sal') {
		
			t_onglets[1].style.left = '161px';
		
		}
			
		
	}

	// 1 seul onglet est complet, l'afficher en mode accessibilité (à gauche avec la bonne image)
	if(t_blocs2.length == 1)
	{
		PermuterClass('display-none', $('onglet_access_'+ div.className.substring(0, 3)));	
		PermuterClass('display-none', $('onglets'));
		return false;
	}

	return true;
}

function EcouterOnglets() {

	// Ecouter sur 'onglets'
	var t_onglets = $('onglets').getElementsByTagName('div');

	for(var i = 0; i < t_onglets.length; i++) {
		
		t_onglets[i].onclick = function() {

			var bloc = 'bloc_'+ this.className.substring(0, 3);

			// Masquer les autres blocs
			for(var j = 0; j < t_blocs2.length; j++)
				if(t_blocs2[j] != bloc && ObtAffichage(t_blocs2[j])) { // Masquer le bloc affiché

					PermuterClass('display-none', $(t_blocs2[j]));

					for(var k = 0; k < t_onglets.length; k++) {
					
						var classe_bleue = 'bleu_'+ t_onglets[k].className.substring(0, 3);
						var classe_bleue_1 = t_onglets[k].className.substring(0, 3)+ '_1';
						var classe_orange_1 = t_onglets[k].className.substring(0, 3)+ '_1_orange';

						if(TesterClass(classe_bleue, t_onglets[k]))
							PermuterClass(classe_bleue, t_onglets[k]);

						if(TesterClass(classe_bleue_1, t_onglets[k])) {
							PermuterClass(classe_bleue_1, t_onglets[k]);
							PermuterClass(classe_orange_1, t_onglets[k]);
						}
					
						var span2 = t_onglets[k].getElementsByTagName('span')[0];
						if(t_onglets[k] != this && span2.className == 'actif')
						{
							PermuterClass('actif', span2);
						}
					}
				} // /if


			// Changer l'affichage du bloc / onglet cliqué uniquement s'il était masqué
			if(!ObtAffichage(bloc)) {
				PermuterClass('display-none', $(bloc));
				PermuterClass('actif', this.getElementsByTagName('span')[0]);
				
				if(TesterClass(this.className.substring(0, 3)+ '_1_orange', this)) {

					//alert(this.className.substring(0, 3)+ ' ' + this.className.substring(0, 3) + '_1_orange');
					this.className = this.className.substring(0, 3)+ ' ' + this.className.substring(0, 3) + '_1';

				}
				else
					PermuterClass('bleu_'+ this.className, this);
			}

		} // /onclick
		
	}
}

function EcouterImprimer() {
	$('imprimer').onclick = function() {
		window.print();
	}	
}