// JavaScript Document
var carrousel={
nbSlide:0,
nbCurrent:1,
elemCurrent:null,
elem:null,
timer:null,
elemControl:null,

init : function(elem){
this.nbSlide=elem.find(".slide").length;
//créer la pagination
elem.append('<div class="navigation"></div>');
//création des spans
for(var i=1;i<=this.nbSlide;i++)
	{
	elem.find(".navigation").append("<span>"+i+"</span>");
	}
//postionnement margin left pour centrer la navigation à desactiver si navigation ailleurs
var Largeurspan=$(".navigation span").outerWidth();
var marge=$(".navigation span").css("margin-right");
var margedef=parseInt(marge);
var largeTot=parseInt(Largeurspan+margedef);
var pad = parseInt((this.nbSlide*largeTot)/2);
var paddef="-"+pad+"px";
$(".navigation").css("margin-left",paddef);
//declenchement slide lors du click sur span
elem.find(".navigation span").click(function(){ carrousel.gotoSlide($(this).text());})
//initaialisation
this.elem=elem;
elem.find(".slide").hide();
elem.find(".slide:first").show();
this.elemCurrent=elem.find(".slide:first");
this.elem.find(".navigation span:first").addClass("active");
//le timer
carrousel.playA();
//Stop passe dessus
elem.mouseover(carrousel.stopA);
elem.mouseout(carrousel.playA);
},
gotoSlide:function(num){
if(num==this.nbCurrent){ return false;}
/* animation en fadeIn
this.elemCurrent.fadeOut();
this.elem.find("#slide"+num).fadeIn();
*/
/*animation en slide*/
var sens=1;
if(num<this.nbCurrent){sens=-1;}
var cssDeb={"left":sens*this.elem.width()};
var cssFin={"left":-sens*this.elem.width()};
this.elem.find("#slide"+num).show().css(cssDeb);
this.elem.find("#slide"+num).animate({"top":0,"left":0},500);
this.elemCurrent.animate(cssFin,500);
/*modif css span active*/
this.elem.find(".navigation span").removeClass("active");
this.elem.find(".navigation span:eq("+(num-1)+")").addClass("active");
this.nbCurrent=num;
this.elemCurrent=this.elem.find("#slide"+num);
},

next:function(){
	var num = this.nbCurrent+1;
	if(num>this.nbSlide)
	{
		num=1;
	}
	this.gotoSlide(num);
	},
	
prev:function(){
	var num = this.nbCurrent-1;
	if(num<1)
	{
		num=this.nbSlide;
	}
	this.gotoSlide(num);
	},
	
stopA:function(){
	window.clearInterval(carrousel.timer);
	},
	
playA:function(){
	window.clearInterval(carrousel.timer);
	carrousel.timer=window.setInterval("carrousel.next()",5000);
	}
}
$(function(){
carrousel.init($("#carrousel"));
});