/*Fonction pour calculer la position de la trigano BOX suivant la taille de l'écran*/
function tposition(){
	var wsize = window.getWidth('size');
	if(wsize<982){
		$('logoTrigano').setStyles('margin-left:0;left:0;');
		calc = 4;
	}
	else{
		$('logoTrigano').setStyles('margin-left:-490px;left:50%;');
		var calc = (wsize-982)/2;
		calc = calc+4;
	}
	return calc;
}

/*LE SCRIPT CI-DESSOUS S'EXECUTERA, UNE FOIS LA PAGE CHARGE*/
window.addEvent('load', function(){
		
	$('container').addEvent("click", function(){
		$$('ul.selectList').each(function(el){
			$(el).setStyle('opacity', 0);
			$(el).setStyle('display', 'none');
			$('piedPage').setStyle("display", "block");
		});
	});
	
	/*** ajout aurore ***/
	/* marge acceptée pour ne pas déplacer la Tbox : true -> marge acceptée   false ->marge non acceptée, deplacement TBOX + col gauche */
	function margeTbox(){
		var left_init=353;//position left de la TBOX a l'etat initial
		var top_init=124;//position top de la TBOX a l'etat initial
		var marge_left=25;//marge gauche-droite acceptée
		var marge_top=25;//marge haut-bas acceptée
		
		if(Cookie.get('top') && Cookie.get('left')){
			if((left_init-parseInt(Cookie.get('left'))<=marge_left && left_init-parseInt(Cookie.get('left'))>=marge_left*-1)&&(top_init-parseInt(Cookie.get('top'))<=marge_top && top_init-parseInt(Cookie.get('top'))>=marge_top*-1)){
				return true;
			}
			else{
				return false;	
			}
		}
		else{
			return false;	
		}
	}
	/*******************/
	
	/*NOM DES BLOCS*/
	var bloc = 'triganoBox';
	var colGauche = 'colGauche';
	var illustrationCentre = 'illustrationCentre';
	var illustrationImg = 'illustrationImg';
	var paddinTopColGauche = 91;		
	
	/*TEST DE LA PRESENCE OU NON DU COOKIE*/
	/*On teste si l'utilisateur a déjà auparavant déplacé la TBox*/
	if(Cookie.get('top') && Cookie.get('left')){
		/*** ajout aurore ***/
		/* si clic, alors on regarde la marge de la TBOX*/
		if(margeTbox()==true){
			calc = tposition();
			$(bloc).setStyles('left:'+calc+'px;top:124px;');
			if ($(colGauche)){
				$(colGauche).setStyles('padding-top:'+paddinTopColGauche+'px;');
				if ($(illustrationCentre) && $(illustrationImg)){
					var height = 211;
					$(illustrationCentre).setStyle('height', height);
					$(illustrationImg).setStyle('height', height);
				}
			}
		}
		/*******************/
		else{
			$(bloc).setStyles('left:'+Cookie.get('left')+';top:'+Cookie.get('top')+';');
			if ($(illustrationCentre) && $(illustrationImg)){
				var height = 298;
				$(illustrationCentre).setStyle('height', height);
				$(illustrationImg).setStyle('height', height);
			}
		}
	}
	/*----Si "NON", on calcule et on la place  son emplacement par dfaut----*/
	else{
		calc = tposition();
		$(bloc).setStyles('left:'+calc+'px;top:124px;');
		if ($(colGauche)){
			$(colGauche).setStyles('padding-top:'+paddinTopColGauche+'px;');
			if ($(illustrationCentre) && $(illustrationImg)){
				var height = 211;
				$(illustrationCentre).setStyle('height', height);
				$(illustrationImg).setStyle('height', height);
			}
		}
	}
	/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----DFINITION DU TYPE DE TRANSITION DU RETOUR DE LA TRIGANO BOX ET DES ELEMENT LIS----*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	var transitionTBox = new Fx.Styles(bloc, {duration: 500, transition: Fx.Transitions.Quad.easeInOut});
	var transitionColGauche = new Fx.Styles(colGauche, {duration: 500, transition: Fx.Transitions.Quad.easeInOut});
	var transitionIllustrationCentre = new Fx.Styles(illustrationCentre, {duration: 500, transition: Fx.Transitions.Quad.easeInOut});
	var transitionIllustrationImg = new Fx.Styles(illustrationImg, {duration: 500, transition: Fx.Transitions.Quad.easeInOut});
	/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----ON REND LE BLOC DPLACABLE ET ON STOCKE LA POSITION EN COOKIE UNE FOIS L'OPRATION FINIE----*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	var drag = new Drag.Move(bloc);
	drag.addEvent('onComplete', function(){

		/*** ajout aurore ***/
		/*if (margeTbox()==false){*/
		/********************/
			var position = new Array($(bloc).getStyle('left'), $(bloc).getStyle('top'));
			Cookie.set('top', position[1], {duration: 1, path:'/'});
			Cookie.set('left', position[0], {duration: 1, path:'/'});
			
			if ($(colGauche) && $(colGauche).getStyle('padding-top') != '0px'){
				transitionColGauche.start({
					'padding-top': [$(colGauche).getStyle('padding-top'), 0]
				});
			}
		
			if ($(illustrationCentre) && $(illustrationImg)){
				var height = 298;
				transitionIllustrationCentre.start({
					'height': [$(illustrationCentre).getStyle('height'), height]
				});
				transitionIllustrationImg.start({
					'height': [$(illustrationImg).getStyle('height'), height]
				});
			}
			if($(colGauche)){
				$$('ul.selectList').each(function(el){
					$(el).setStyle('opacity', 0);
					$(el).setStyle('display', 'none');
					$('piedPage').setStyle("display", "block");
				});
			}
		/*}*/
	});
	/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----FONCTION POUR REPLACER LA TRIGANO BOX----*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	$('reInitialize').addEvent('click', function(){
		calc = tposition()
		
		transitionTBox.start({
			'left': [$(bloc).getStyle('left'), calc],
			'top': [$(bloc).getStyle('top'), 124]
		});
		
		if(Cookie.get('top') && Cookie.get('left')){
			Cookie.set('top', 124, {duration: 1, path:'/'});
			Cookie.set('left', 353, {duration: 1, path:'/'});
			
			transitionColGauche.start({
			    'padding-top': [0, paddinTopColGauche]
			});
			if ($(illustrationCentre) && $(illustrationImg) ){
				var height = 211;
				transitionIllustrationCentre.start({
					'height': [$(illustrationCentre).getStyle('height'), height]
				});
				transitionIllustrationImg.start({
					'height': [$(illustrationImg).getStyle('height'), height]
				});
			}

		}
		
		/*if($(colGauche)){
			$$('ul.selectList').each(function(el){
				$(el).setStyle('opacity', 0);
				$(el).setStyle('display', 'none');
				$('piedPage').setStyle("display", "block");
			});
		}*/
		
		Cookie.remove('left');
		Cookie.remove('top');
	});
	/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----CRATION DE L'ACCORDON DE LA COLONNE DE GAUCHE----*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	var accordion = new Accordion('h2.titreColGaucheInt', 'div.blocRepli', {
		opacity: false,
		onActive: function(toggler, element){
			//toggler.setStyle('background-image', 'url(medias/img/fond_h2_gauche_int_active.png)');
			toggler.setStyles('background-image:url(../../medias/img/fond_h2_gauche_int_active.png);_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../medias/img/fond_h2_gauche_int_active.png", sizingMethod="crop");');
			/*$$('ul.selectList').each(function(el){
				$(el).setStyle('opacity', 0);
				$(el).setStyle('display', 'none');
				$('piedPage').setStyle("display", "block");
			});*/
		},
		onBackground: function(toggler, element){
			toggler.setStyles('background-image:url(../../medias/img/fond_h2_gauche_int.png);_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../medias/img/fond_h2_gauche_int.png", sizingMethod="crop");');
		}
	}, $('accordion'));
	/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----CRATION SUR SYSTEME DE SCROLL PERSONNALIS----*/	/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	//Fonction pour calculer le rapport barre de scroll / hautreur bloc overflow
	function calculRatio(scrollTot, scroll, hautDiv){
		var ratio = Math.round((scroll*hautDiv)/scrollTot);
		return ratio;
	}
	
	//Si les blocs suivants sont existants sur la page en cours
	if($('contenuInt') && $('overflow') && $('scroll') && $('scrollArea')){
		//On rcupre la hauteur totale du div OVERFLOW son parent
		var hauteurDivSup = $('contenuInt').getStyle('height').toInt();
		var hauteurDiv = $('overflow').getStyle('height').toInt();
		
		//La hauteur maximal du DIV overflow est 277px; (hauteur max pour ne pas provoquer de SCROLLING vertical)
		var hauteurScroll = 277-(hauteurDivSup-hauteurDiv+15);
		
		//Si la hauteur du DIV est supprieur  la hauteur maximmum visible, on affiche la barre de SCROLLING
		if(hauteurDiv>hauteurScroll){
			$('scroll').setStyle('display', 'block');
		}
		
		//La hauteur du DIV OVERFLOW scrollable est gale  la hauteur INITIALE - SCROLLABLE
		var hauteurDivScrollable = hauteurDiv-hauteurScroll;
		
		//On positionne et dimmensionne les diffrents DIV concerns
		var hauteurMargin = hauteurDivSup-hauteurDiv+15;
		$('scroll').setStyle('margin-top', (hauteurDivSup-hauteurDiv+15)+'px');
		$('scroll').setStyle('height', hauteurScroll);
		$('overflow').setStyle('height', hauteurScroll);
		$('scrollArea').setStyle('height', hauteurScroll-30);
		
		//Assignement des systmes de SROLL ET SLIDER
		var scrollOverflow = new Fx.Scroll('overflow', { wait: false });
		var scroller = new Slider($('scrollArea'), $('scroller'), {	
			steps: hauteurScroll,	
			mode: 'vertical',	
			onChange: function(step){
				var ratio = calculRatio(hauteurScroll, step, hauteurDivScrollable);
				scrollOverflow.scrollTo(0, ratio);
			}
		}).set(0);
		
		//Fonction dplacant le curseur du nombre d'tapes voulues
		function customScrolling(step){
			scroller.set(scroller.step - (step*10));
		}
		
		//Gestion des boutons de Haut et Bas
		$('scrollBtnHaut').addEvent('click', function(){
			if(scroller.step != 0){
				customScrolling(1);
			}
		});
		$('scrollBtnBas').addEvent('click', function(){
			if(scroller.step != hauteurScroll){
				customScrolling(-1);
			}
		});
		
		//gestion du scrolling sur le DIV OVERFLOW
		$('overflow').addEvent('mousewheel', function(event){
			event = new Event(event);
			event.stopPropagation();
			if(event.wheel != 0){
				if(((event.wheel<0) && (scroller.step!=hauteurScroll)) || ((event.wheel>0) && (scroller.step!=0))){
					customScrolling(event.wheel);
				}
			}
		});
	}
	/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----TOGGLE DU MENU DE DROITE----*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	//Si le menu secondaire est prsent
	if($('menuSecondaire')){
		function assignToggler(event,atoggler){
			var e = new Event(event);
			mySlide[atoggler].toggle();
			e.stop();
		}
		
		var compteuri = 0;
		mySlide = new Array();
		lien = new Array();
		
		$$('#menuSecondaire li.extend ul').each(function(el){
			el.id = "child"+compteuri;
			compteuri++;
		});
		
		var compteuri = 0;
		$$('#menuSecondaire li.extend').each(function(el){
			el.id = "for"+compteuri;
			mySlide[compteuri] = new Fx.Slide("child"+compteuri);
			if(!el.hasClass('active')){mySlide[compteuri].hide();};
			lien[compteuri] = el.firstChild;
			$(lien[compteuri]).addEvent('click', assignToggler.bindAsEventListener(lien[compteuri],compteuri));
			compteuri++;
		});
	}
	/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----GESTION DES SELECTS----*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	function assignTogglerSelects(event,adeployer){
		var e = new Event(event);
		var parent = "select"+adeployer;
		var element = "selectList"+adeployer;
		if($(parent)){
			var yParent = $(parent).getPosition().y;
			$(element).setStyle('top', yParent);
		}
		switch($(element).getStyle('display')){
			case 'none':
				$('piedPage').setStyle("display", "none");
				$$('ul.selectList').each(function(el){
					$(el).setStyle('opacity', 0);
					$(el).setStyle('display', 'none');
				});
				$(element).setStyle('display', 'block');
				var myFx = new Fx.Style(element, 'opacity', {duration: 300}).start(0,1);
				selects[adeployer].start({
					'top': [yParent, yParent+17]
				});
				break;
			case 'block':
				$('piedPage').setStyle("display", "block");
				$(element).setStyle('opacity', 0);
				$(element).setStyle('display', 'none');
				break;
			default :
				$(element).setStyle('display', 'none');
				break;
		}
		e.stop();
	}
	
	valueSelect = function(element,me){
		if($(element).id=="select1"){
			$('type_cp1').value = $(me).getProperty('title');
			$(element).value = $(me).innerHTML;
		}
		else{
			$(element).value = $(me).innerHTML;
			$$('ul.selectList').each(function(el){
				$(el).setStyle('opacity', 0);
				$(el).setStyle('display', 'none');
				$('piedPage').setStyle("display", "block");
			});
		}
	}
	
	var compteuri = 0;
	selects = new Array();
	
	$$('ul.selectList').each(function(el){
		el.id = "selectList"+compteuri;
		$(el).setStyle('opacity', 0);
		compteuri++;
	});
	
	var compteuri = 0;
	$$('input.select').each(function(el){
		el.id = "select"+compteuri;
		var child = "selectList"+compteuri;
		if($(child)){
			selects[compteuri] = new Fx.Styles(child, {duration: 300, transition: Fx.Transitions.Quad.easeInOut});
			el.addEvent('click', assignTogglerSelects.bindAsEventListener(el,compteuri));
		}
		compteuri++;
	});
	/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
});