// JavaScript Document
$(document).ready(function() {
	//initialisation du slider
	s = new slider("#screens");						   
});

var slider = function(id) {
	//variable intermédiaire
	var self = this;			
	this.div = $(id);
	
	this.slider = this.div.find(".slider");
	this.hauteurCache = this.div.height();
	//calcul la hauteur totale des éléments du slider	
	this.hauteur = 0;
	this.div.find(".block").each(function() {
		self.hauteur+=$(this).height();
		
	});
	//flèches de défilement
	this.prec = this.div.prev(".prec");
	this.suiv = this.div.next(".suiv");
	//longueur de saut de une image :hauteur du #screens / nb d'images par default(4) 
	this.saut = this.hauteurCache/4;			 
	//calcul du nombre de sauts maximum 
	this.nbSaut = Math.ceil(this.hauteur/this.saut - (this.hauteurCache/this.saut));
	//compteur de saut
	this.courant=0;
	
	//alert(this.nbSaut);
	
	//comportement du défilement 
	
	this.suiv.click(function() {
		
		if (self.courant<self.nbSaut){
			self.courant++;					 
			self.slider.animate({top : -self.courant*self.saut }, 1000);
			//alert(self.saut);
		}
		
	});
	this.prec.click(function() {
		if (self.courant>0){
			self.courant--;					 
			self.slider.animate({top : -self.courant*self.saut }, 1000);
			//alert(self.saut);
		}
	});
	
}