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());})

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();
this.elem.find("#slide"+num).show();
this.elem.find("#slide"+num+" .visu").hide().fadeIn();
var titleHeight=this.elemCurrent.find(".title").height();
this.elemCurrent.find(".title").animate({"bottom":-titleHeight},500);
this.elem.find("#slide"+num+" .title").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.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()",8000);}}
$(function(){carrousel.init($("#carrousel"));});