//----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
//---------------------------------------------------------------------	ACCESSIBARRE V 1.0		-------------------------------------------------------------------------------------------
//----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

// Auteur : Lucas Pfister
// AccessiBarre version 1.0 est une création originale disponible en téléchargement sur le site : http://www.accessibarre.com/
// AccessiBarre est destiné aux webmasters qui souhaitent que leur site internet soit accessible au maximum de personnes (aveugles, malvoyants, et personnes agées, notamment...).
// AccessiBarre est basé sur "login_form_mootools_1.2" de Jeremie Tisseau (web-kreation.tv) ainsi que sur "slider" de demos.mootools.net.
// AccessiBarre est compatible pour les navigateurs suivants : 
// 	- Firefox 1.X - 2.X - 3.X
// 	- Internet Explorer 7 - 8 (pas pour IE 6 volontairement : voir http://www.ie6nomore.com)
// 	- Google Chrome 0.X - 1.X - 2.X
// 	- Netscape 7 (Avec quelques petits problèmes d'affichage tout de même)
// 	- Opera 9.X
// 	- Safari 3.X - 4.X
// 	- Maxthon 2.X

//	Soit pour environ 85% des internautes (les 15% restant étant IE 6 malheureusement).

//  XHTML, CSS, DESIGN de l'AccessiBarre sont protégés par une Licence Creative Common 2.5 : http://creativecommons.org/licenses/by-sa/2.5/

//-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
//-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	
window.addEvent('domready', function(){
	
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	// --------------------- Déclaration des différents élements de la pages affectés par l'accessibarre $('nom_dun_id') ou $$('nom dun element css') et des variables associés
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		var leSlider = $('SliderPolice');
		var paragraphe = $$('div#ContenuWeb p, div#ContenuWeb ul li', 'div#ContenuWeb pre'); // Elements affectés par le changement de taille de police
		var liens = $$('div#ContenuWeb a'); // Elements affectés par le changement de taille de police
		var titre1 = $$('div#ContenuWeb h1'); // Elements affectés par le changement de taille de police
		var titre2 = $$('div#ContenuWeb h2'); // Elements affectés par le changement de taille de police
		var titre3 = $$('div#ContenuWeb h3'); // Elements affectés par le changement de taille de police
		var titre4 = $$('div#ContenuWeb h4'); // Elements affectés par le changement de taille de police
		var titre5 = $$('div#ContenuWeb h5'); // Elements affectés par le changement de taille de police
		var titre6 = $$('div#ContenuWeb h6'); // Elements affectés par le changement de taille de police
		var styles = $('styles'); // Feuille de style générale du site
		var images = $$('div#ContenuWeb img'); // Images affectées par 
		var fond = $$('div#ContenuWeb','div#ContenuWeb a', 'div#ContenuWeb ul li', 'div#ContenuWeb p', 'div#ContenuWeb span', 'div#ContenuWeb h1', 'div#ContenuWeb h2', 'div#ContenuWeb h3', 'div#ContenuWeb h4', 'div#ContenuWeb h5', 'div#ContenuWeb h6', 'div#ContenuWeb pre');
		var texte = $$('div#ContenuWeb a', 'div#ContenuWeb ul li', 'div#ContenuWeb p', 'div#ContenuWeb span', 'div#ContenuWeb h1', 'div#ContenuWeb h2', 'div#ContenuWeb h3', 'div#ContenuWeb h4', 'div#ContenuWeb h5', 'div#ContenuWeb h6', 'div#ContenuWeb pre');
		var	taille_police_paragraphe = 14;
		var	taille_police_liens = 14;
		var	taille_police_titre1 = 25;	
		var	taille_police_titre2 = 20;	
		var	taille_police_titre3 = 16;	
		var monSlide = new Fx.Slide('Barre', { duration:1000, transition: Fx.Transitions.Bounce.easeOut}).hide();
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	// --------- fin
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

	
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	// --------------------- Si il ny a pas de cookie, en créer un avec les valeurs par defaut,  sinon tester les valeurs présentes dans le cookie
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

	var endstr = document.cookie.indexOf (";", 0);
	if(endstr == -1){
		fondColor = '';
		Color = '';
		Cookie.write('font-size',0);
		Cookie.write('desactive_styles', 0); // styles présents
		Cookie.write('etat', 0); // barre remontée
		$('VersionGraphique').setStyle('display','none'); // Version graphique indisponible
		$('VersionTexte').setStyle('display','block'); // Version graphique disponible
	}
	else {
		fondColor = Cookie.read('background-color');
		Color = Cookie.read('color');
		resultat_etat = Cookie.read('etat');
		desactive_styles = Cookie.read('desactive_styles');
		if (resultat_etat == 1) {
			$('OngletOuvrir').setStyle("visibility","hidden");
			monSlide.show();
		}
		else {
			$('OngletOuvrir').setStyle("visibility","visible");
			monSlide.hide();
		}
		if (desactive_styles == 1) {
			styles.set('disabled', true);
			images.setStyle('display', 'none');
			$('VersionTexte').setStyle('display','none');
			$('VersionGraphique').setStyle('display','block');
		}
		else {
			styles.set('disabled', false);
			images.setStyle('display', 'inline');
			$('VersionGraphique').setStyle('display','none');
			$('VersionTexte').setStyle('display','block');
		}
	}
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	//----------- fin
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

	
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	// ---------------------   script de gestion de déroulement de l'accessibarre
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	 $('OngletOuvrir').addEvent('click', function(e){
		e = new Event(e);
		monSlide.toggle();
		$('OngletOuvrir').setStyle("visibility","hidden");
		Cookie.write('etat', 1);
		e.stop();
	});

    $('OngletFermer').addEvent('click', function(e){
		e = new Event(e);
		monSlide.slideOut();
		$('OngletOuvrir').setStyle("visibility","visible");
		Cookie.write('etat', 0);
		e.stop();
	});
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	//-------------- fin
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	

	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	// ---------------------   script de gestion des tailles de caractères
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------	
		new Slider(leSlider, leSlider.getElement('.Bouton'), {
			steps: 100,	// 35 etapes
			onChange: function(value){
				liens.setStyle('font-size', taille_police_liens+value);
				paragraphe.setStyle('font-size', taille_police_paragraphe+value);
				titre1.setStyle('font-size', taille_police_titre1+value);
				titre2.setStyle('font-size', taille_police_titre2+value);
				titre3.setStyle('font-size', taille_police_titre3+value);
				Cookie.write('font-size',value);
			}
		}).set(Cookie.read('font-size'));
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	// ----------  fin
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	
	
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	// -------------------------- Script de gestion des changements de contrastes
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		var updateColor = function(fondColor,Color){
			// Mets le texte à la bonne couleur
			fond.setStyle('background-image', 'none');
			fond.setStyle('background-color', fondColor);
			texte.setStyle('color', Color);
			Cookie.write('background-color',fondColor);
			Cookie.write('color',Color);
		};
		
		// Appel de la fonction pour initialisation
		updateColor(fondColor,Color);
		
		$$('a.LienCarre').addEvent('click', function(e){
			e = new Event(e);
			fondColor = this.getStyle('background-color');
			Color = this.getStyle('color');
			updateColor(fondColor,Color);
			e.stop();
		});
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	// ----------  fin
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	
	
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	//--------------------------- Script de gestion des version textes et graphiques	
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		$('VersionTexte').addEvent('click', function(e){
			e = new Event(e);
			styles.set('disabled', true);
			images.setStyle('display', 'none');
			$('VersionTexte').setStyle('display','none');
			$('VersionGraphique').setStyle('display','block');
			Cookie.write('desactive_styles', 1);
			e.stop();
		});
	
		$('VersionGraphique').addEvent('click', function(e){
			e = new Event(e);
			styles.set('disabled', false);
			images.setStyle('display', 'inline');
			$('VersionGraphique').setStyle('display','none');
			$('VersionTexte').setStyle('display','block');
			Cookie.write('desactive_styles', 0);
			e.stop();
		});	
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	//------------ fin
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	
	
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	//--------------------------- Script de gestion de réinitialisation
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	$('initial').addEvent('click', function(e){
		e = new Event(e);
		Cookie.dispose('desactive_styles');
		Cookie.dispose('etat');
		Cookie.dispose('font-size');
		Cookie.dispose('background-color');
		Cookie.dispose('color');
		location.reload();
		e.stop();
	});	
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	//------------ fin
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
});