// JavaScript Document
var carrousel = {
	
	nbSlide : 0,
	nbCurrent : 1,
	elemCurrent : null,
	elem : null,
	timer : null,
	
	init : function(elem){
		this.nbSlide = elem.find(".slide").length;
		
		//pagignation
		elem.append('<div class="carrousel_nav"></div>');
        for(var i=1;i<=this.nbSlide;i++){
		elem.find(".carrousel_nav").append('<div class="carrousel_num">'+i+'</div>');
		}
		elem.find(".carrousel_nav div").click(function(){ carrousel.gotoSlide($(this).text());})
		
		//Initialisation du carrousel
		this.elem = elem;
		elem.find(".slide").hide();
		elem.find(".slide:first").show();
		this.elemCurrent = elem.find(".slide:first");
		this.elem.find(".carrousel_nav div:first").addClass("active");
		
		//timer
		carrousel.play();
		// Souris
		elem.mouseover(carrousel.arret);
                elem.mouseout(carrousel.play);
	},
	
	gotoSlide : function(num){
		if(num==this.nbCurrent){ return false;}
		/* Anim Fade
		this.elemCurrent.fadeOut();
		this.elem.find("#slide"+num).fadeIn();
		*/
		/*Anim 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);
		
		this.elem.find(".carrousel_nav div").removeClass("active");
		this.elem.find(".carrousel_nav div: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);
	},
	
	arret:function(){
	    window.clearInterval(carrousel.timer);
	},
	
	play:function(){
	    window.clearInterval(carrousel.timer);
	    carrousel.timer=window.setInterval("carrousel.next()",5000);
	}
	
}

$(function(){
carrousel.init($("#carrousel"));
		   });