// Définitions des variables
var nav = 1;

// Variables nécéssaires à la première animation de 'Zoom' (zoom_01)
var slider = {
/** 
Début de la fonction de slide de la pièce 02 à la pièce 01 (Retour)
*/
slide_droite : function (monDiv, pInt ){
		var that = this;
		// On désactive le click le temps que l'animation se fasse
		$('#fleche_droite_slider').unbind('click');
		
		// On lance l'animation
		$(monDiv).animate({'left': -nav*772 }, 'slow', function(){
				// On réactive le click à la fin de l'animation
				$('#fleche_droite_slider').bind('click', function(){			
						that.slide_droite(('#bg_slider'), pInt );
				});
		}
		);
		// On incrémente la variable de navigation
		nav++;

		// Si on arrive à la fin du slider...
		if( nav == pInt )
		{
			// on fait disparaitre la fleche de nav droite
			$('#fleche_droite_slider').animate({ opacity:'toggle' });
		}
		// Si on passe au deuxieme visuel du slider...
		if( nav == 2 )
		{
			// on fait apparaitre la fleche de nav gauche
			$('#fleche_gauche_slider').animate({ opacity:'toggle' });
		}
}, 
slide_gauche : function(monDiv, pInt ){
		
		var that = this;
		
		// On désincrémente la variable de navigation
		nav--;
		// On désactive le click le temps que l'animation se fasse
		$('#fleche_gauche_slider').unbind('click');
		// On lance l'animation
		$(monDiv).animate({'left': -( nav - 1 )*772 }, 'slow', function(){
				// on réactive le click à la fin de l'animation
				$('#fleche_gauche_slider').bind('click', function(){			
						that.slide_gauche(('#bg_slider'), pInt );
				});
		}
		);
		// Si on arrive au début du slider...
		if( nav == 1 )
		{
			// on fait disparaitre la fleche de nav gauche
			$('#fleche_gauche_slider').animate({ opacity:'toggle' });
		};
		// Si on arrive au dernier slide...
		if( nav == pInt - 1 )
		{
			// on fait disparaitre la fleche de nav droite
			$('#fleche_droite_slider').animate({ opacity:'toggle' });
		}
},

init : function( pInt ){
	  
	  // On récupère le nombre d'images à animer dans le slider
	  var length = pInt;
	  if( length < 2 )
	  {
		  $('#fleche_droite_slider').css({ 'display':'none' });
		  $('#fleche_gauche_slider').css({ 'display':'none' });
	  }
	  
	  var me = this;
	  
	  // Si le slider s'initialise sur la première slide...
	  if( nav == 1 && length > 1 )
		{
			// on fait disparaitre la fleche de nav gauche
			$('#fleche_gauche_slider').animate({ opacity:'toggle' });
		}
	
		// Interactivité de l'image portant l'ID 'fleche_gauche_slider'
		$('#fleche_gauche_slider').click(function(){
			me.slide_gauche(('#bg_slider'), length);
		});
	
		// Interactivité de l'image portant l'ID 'fleche_droite_slider'
		$('#fleche_droite_slider').click(function( event ){	
			me.slide_droite(('#bg_slider'), length );
		});
}
};