/*
Carrousel Jquery basé sur le script de grafikart.fr :)

*/

var carrousel={
	nbSlide:0,
	nbCurrent:1,
	elemCurrent:null,
	elem:null,
	timer:null,
	
	init:function(elem){
		this.nbSlide=elem.find(".slide").length;
		elem.append('<div class="navigation"></div>');
		for(var i=1;i<=this.nbSlide;i++){
			elem.find(".navigation").append("<span>"+i+"</span>");
		}

		elem.find(".navigation span").click(function(){carrousel.gotoSlide($(this).text());})
		
		//Si on veut ajouter des boutons next et prev il faut suivre l'exemple du dessus et appeler les fontions
		//next & prev

		//initialisation du carrousel
		this.elem=elem;
		elem.find(".slide").hide();
		elem.find(".slide:first").show();
		this.elemCurrent=elem.find(".slide:first");
		this.elem.find(".navigation").css("opacity",1);		
		this.elem.find(".navigation span:first").addClass("active");
				
		//CrŽation du timer
		carrousel.play();
		//Arrete le carrousel quand on passe la sourie dessus.
		elem.mouseover(carrousel.stop);
		// On relance le carrousel quand on passe la sourie dessus.
		elem.mouseout(carrousel.play);
		
	},

	gotoSlide:function(num){
			if(num==this.nbCurrent){return false;}
			
			/* Animation en FadeIn/FadeOut ˆ activer le cas ŽchŽant)
			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()}; //Point de départ
			var cssFin = {"left":-sens*this.elem.width()}; //Point d'arrivée

			this.elem.find("#slide"+num).show().css(cssDeb); // Element que l'on veut afficher
			this.elem.find("#slide"+num).animate({"top":0,"left":0},500);
	
			this.elemCurrent.animate(cssFin,500); //Element que l'on veut cacher
						
			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);},

	stop:function(){window.clearInterval(carrousel.timer);},
		
	play:function(){window.clearInterval(carrousel.timer);carrousel.timer=window.setInterval("carrousel.next()",6000);}

}


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