//initialise object Carrousel
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>");
	}
	
	// si on click sur le bouton de navigation
	elem.find(".navigation span").click(function(){
	carrousel.gotoSlide($(this).text());
	})

	this.elem=elem;
	elem.find(".slide").hide();
	elem.find(".slide:first").show();
	this.elemCurrent=elem.find(".slide:first");
	this.elem.find(".navigation").css("opacity",0.6);
	this.elem.find(".navigation span:first").addClass("active");
	carrousel.play();
	elem.mouseover(carrousel.stop);
	elem.mouseout(carrousel.play);
},

gotoSlide:function(num){if(num==this.nbCurrent){return false;}

this.elemCurrent.find(".visu").fadeOut().hide();
this.elem.find("#slide"+num).show();
this.elem.find("#slide"+num+" .visu").hide().fadeIn();
var titleHeight=this.elemCurrent.find(".titlec").height();
this.elemCurrent.find(".titlec").animate({"bottom":-titleHeight},500).hide();
this.elem.find("#slide"+num+" .titlec").show().css("bottom",-titleHeight).animate({"bottom":0},500);
this.elem.find(".navigation span").removeClass("active");
this.elem.find(".navigation span:eq("+(num-1)+")").addClass("active");
this.elemCurrent.hide();
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()",5000);
}
}

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