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

window.addEvent('domready', function() {

	ZDiapo = new Class({
		initialize:function(ID_Conteneur){
			// Récupération de l'adresse des différents éléménts
			this.DiapoList=ID_Conteneur.getElement('.BlocProjetDiapoList');
			this.BackBouton = ID_Conteneur.getElement('.BackBouton');
			this.BackFx = new Fx.Tween(this.DiapoList,{link:'cancel'});
			this.NextBouton = ID_Conteneur.getElement('.NextBouton');
			this.NextFx = new Fx.Tween(this.DiapoList,{link:'cancel'});
			this.Current = 1;
			this.Max=this.DiapoList.getElements('img').length;
			// Attribution des évènements
			this.BackBouton.addEvent('click', function(){
					this.GoBack();
			}.bind(this));			
			this.NextBouton.addEvent('click', function(){
					this.GoNext();
			}.bind(this));
		},
		
		GoBack:function(){
			// Arrêt de l'effet inverse en cours
			this.NextFx.cancel();
			// Gestion du sens de déplacement
			if (this.Current > 1)  {
				this.BackFx.start('left',-(this.Current-2)*533+'px');
				this.Current= this.Current-1;
			}
			else {
				this.BackFx.start('left',-(this.Max-1)*533+'px');
				this.Current= this.Max;
			}
		},
		
		GoNext:function() {
			// Arrêt de l'effet inverse en cours
			this.BackFx.cancel();
			if (this.Current < this.Max)  {
				this.NextFx.start('left',-(this.Current)*533+'px');
				this.Current= this.Current+1;
			}
			else {
				this.NextFx.start('left','0px');
				this.Current= 1;
			}
		}
	});
	
	// Récupération des ID de tous les caroussels
	ID_Diapos=$$('.BlocProjetDiapo');
	// Création du caroussel avec l'ID d'enveloppe en paramètres
	for (I=0; I<ID_Diapos.length; I++) {
		new ZDiapo(ID_Diapos[I]);
	}
});