// 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++)
	{
	var title=elem.find("#slide"+i).children(".visu").attr("id");
	elem.find(".navigation").append("<span id="+i+">"+title+"</span>");
	}
//postionnement margin left pour centrer la navigation à desactiver si navigation ailleurs
//declenchement slide lors du click sur span
elem.find(".navigation span").click(function(){ carrousel.gotoSlide($(this).attr("id"));})
//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={"top":sens*this.elem.height()};
var cssFin={"top":-sens*this.elem.height()};
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"));
});