// JavaScript Document

$(document).ready(function() {
	s = new slider("#previewPicture");
});

var slider = function (id)
{
	var self = this;
	this.div = $(id)
	this.slider = this.div.find(".slider");
	this.largeurCache = this.div.width();
	this.largeur = 0;
	this.div.find('img').each(function()
	{
		self.largeur += $(this).width();
		self.largeur += parseInt($(this).css("padding-left"));
		self.largeur += parseInt($(this).css("padding-right"));
		self.largeur += parseInt($(this).css("margin-left"));
		self.largeur += parseInt($(this).css("margin-right"));
	});
	this.prec = this.div.find(".slide_prec");
	this.suiv = this.div.find(".slide_suiv");
	this.saut = this.largeurCache/2;
	this.nbEtapes = Math.ceil(this.largeur/this.saut - this.largeurCache / this.saut);
	//alert(this.nbEtapes);
	this.courant = 0;

	hiddenSlider();
	
	this.suiv.click(function ()
	{
		if(self.courant <= self.nbEtapes)
		{
			self.courant++;
			self.slider.animate(
			{
				left : -self.courant*self.saut
			}, 1000);
		}
		hiddenSlider();
	});
	
	this.prec.click(function ()
	{
		if(self.courant > 0)
		{
			self.courant--;
			self.slider.animate(
			{
				left : -self.courant*self.saut
			}, 1000);
		}
		hiddenSlider();
	});	
	
	function hiddenSlider() {
		if(self.courant == 0) {
			$('.slide_prec').css('visibility', 'hidden');
		} else {
			$('.slide_prec').css('visibility', 'visible');
		}
		if(self.courant > self.nbEtapes) {
			$('.slide_suiv').css('visibility', 'hidden');
		} else {
			$('.slide_suiv').css('visibility', 'visible');
		}
	}
	
}