/*
*Gestion du survol de la souris par apparition/disparition de l'image supérieure
*/



window.addEvent('domready', function() {
	// Gestion de l'affichage des références
	var ID_Objets = $$('.DDReferenceMenu');
	// Création de l'effet
	EffetGlissement = new Fx.Tween($('ReferencePresentationCaroussel'),{duration:450,transition:'sine:in:out'});
	RefPresentationCaroussel=$('ReferencePresentationCaroussel');
	for (I=0; I<ID_Objets.length; I++) {
		ID_Objets[I].addEvent('click', function(){
			// Recherche de la présentation associée //			
			var No= this.get('id').substr(9,1);
			//RefPresentationCaroussel.setStyle('opacity','0.5');
			//Effet.start('top','-'+(No-1)*185+'px');
			RefPresentationCaroussel.tween('top','-'+(No-1)*185+'px');
			// TODO : METTRE EN PLACE LA TRANSITION EN CHAÎNE
			//(function() RefPresentationCaroussel.fade('1')).delay(470);
			//$('IMGCarousselMask').tween('left',50+(No-1)*135+'px')
		}.bind(ID_Objets[I],RefPresentationCaroussel));		
	}

	// Gestion du menu
	Menu = new Class ({
		initialize: function() {
			// Initialisation
			this.BoutonBack =$('ReferenceBackButton');
			this.BoutonNext =$('ReferenceNextButton');
			this.Max = $$('.DDReferenceMenu').length;
			this.Current = 1;
			this.NbPlaces = 4;
			this.Effet = new Fx.Tween($('ReferenceMenuCaroussel'),{duration:450,transition:'back:out'});
			// Activation des evènements
			this.BoutonBack.addEvent('click', function(){
				this.Effet.cancel();
				this.Current=this.Current-1;
				this.CheckButton();
				this.Effet.start('left',-(this.Current-1)*135+'px');
			}.bind(this));
			this.BoutonNext.addEvent('click', function(){
				this.Effet.cancel();
				this.Current=this.Current+1;
				this.CheckButton();
				this.Effet.start('left',-(this.Current-1)*135+'px');
			}.bind(this));
		},
		CheckButton: function() {
			// Check to highlight or not navigation buttons
			if (this.Current + this.NbPlaces > this.Max) this.BoutonNext.setStyle('opacity','0');
			else this.BoutonNext.setStyle('opacity','1');

			if (this.Current == 1) this.BoutonBack.setStyle('opacity','0');
			else this.BoutonBack.setStyle('opacity','1');
		}		
	});
	
	new Menu();
});