// Réalisé par Franck le 22-09-2007 pour innovadom.org
var largmin = 1000; 

// Lecture cookies
// Le cookie permet de conserver la largeur de l'écran sélectionnée si on recharge la page.
// Sans cookie, le rafraichissement de la page engendre l'affichage de la page dans la largeur par défaut.
// Le cookie est créé dès que l'on clique sur un des 2 boutons permettant de modifier la largeur d'affichage.

// On définit le nom du cookie
var largeur_page_cfdt_3c_isalpin=$.cookie('largeur_page_cfdt_3c_isalpin');
var taille_police_cfdt_3c_isalpin=$.cookie('taille_police_cfdt_3c_isalpin');

if (largeur_page_cfdt_3c_isalpin==null) {
	largeur_page_cfdt_3c_isalpin=1000;
}
if (taille_police_cfdt_3c_isalpin==null) {
	taille_police_cfdt_3c_isalpin=100;
}
// Ci-dessous, c'est pour la gestion du gradient du glossaire.
// Par défaut, le redimentionnement de l'affichage ne redimentionne pas le div qui
// contient le gradient de couleur du glossaire.
	function onEndResize() {		// A la fin du redimentionnement...
		//$('.gradient').remove();	// ...on supprime la classe .gradient...
		//$('#gradientGlossaire').gradient({	// ...puis on recalcule le gradient.
			//from: 'bbbbbb',
			//to: 'ffffff',
			//direction: 'vertical'
		//});
	}

// On s'occupe maintenant de la gestion de la largeur de l'affichage et de la taille de la police
// La syntaxe $(function() {...}); signifie:
// appliquer la fonction une fois la page chargée
$(function() {
	// On définit ici l'affichage par défaut de la page.
	// IMPORTANT !!!!!!!!	page_cfdt_3c_isalpin EST LE ID DU div GENERAL AUQUEL S'APPLIQUE LA FONCTION MODIFIANT LA LARGEUR DE L'AFFICHAGE
	//						IL EST DONC OBLIGATOIRE QUE CE div EXISTE DANS LE CODE SOURCE
	$("#page_cfdt_3c_isalpin").width(parseInt(largeur_page_cfdt_3c_isalpin));
	$("#maincontent-design").css("font-size",taille_police_cfdt_3c_isalpin+"%");

	//	$("#btn_largeur-moins") signifie:
	//	rechercher l'élément de ID btn_largeur-moins
	//	Ensuite on appliquera la fontion définie par function(){...} dès que l'on cliquera (click) sur l'élément.
	$("#btn_largeur-moins").click(function(){
		// La variable "a" a pour valeur la largeur courante de l'affichage moins 50 pixels
		var a=$("#page_cfdt_3c_isalpin").width()-50;
		if (a>largmin) {
			// Chaque fois qu'on clique sur le bouton de ID btn_largeur-moins on réduit l'affichage de 50 pixels
			// Les paramètres de la fonction "animate" sont indqués sur cette page: http://docs.jquery.com/Effects
			$("#page_cfdt_3c_isalpin").animate({width: a}, 'slow','',onEndResize);
			// 3650 représente le nombre de jours au bout duquel le cookie arrive à expiration
			$.cookie('largeur_page_cfdt_3c_isalpin', a, {expires: 3650, path:"/"});
		}
		return false;
	});
	$("#btn_largeur-plus").click(function(){
		var largmax=screen.width-20;
		var a=$("#page_cfdt_3c_isalpin").width()+50;
		if (a<largmax) {
			$("#page_cfdt_3c_isalpin").animate({width: a}, 'slow','',onEndResize);
			// 3650 représente le nombre de jours au bout duquel le cookie arrive à expiration
			$.cookie('largeur_page_cfdt_3c_isalpin', a, {expires: 3650, path:"/"});
		}
		return false;
	});
    $("#btn_texte-moins").click(function(){
		taille_police_cfdt_3c_isalpin*=0.9;
		$("#maincontent-design").css("font-size",taille_police_cfdt_3c_isalpin+"%");
		$.cookie('taille_police_cfdt_3c_isalpin', taille_police_cfdt_3c_isalpin, {expires: 30, path:"/"});
		return false;
	});
	$("#btn_texte-plus").click(function(){
		taille_police_cfdt_3c_isalpin*=1.1;
		$("#maincontent-design").css("font-size",taille_police_cfdt_3c_isalpin+"%");
		$.cookie('taille_police_cfdt_3c_isalpin', taille_police_cfdt_3c_isalpin, {expires: 30, path:"/"});
		return false;
	});
});