/*
    carrouseld JS
*/



var carrouseld = {
    
    nbSlide: 0,
    nbCurrent: 1,
    elemCurrent : null,
    elem : null,
	
    
    init : function(elem){
        this.nbSlide = elem.find(".dslide").length;
        
		// Créer la pagination
      
      	elem.find(".nextd").click(function(){carrouseld.gotoNextImage(carrouseld.nbCurrent+1);});
		elem.find(".prevd").click(function(){carrouseld.gotoPreviousImage(carrouseld.nbCurrent-1);});
        
        // Initialisation du carrousel
        this.elem=elem;
        elem.find(".dslide").hide();
        elem.find(".dslide:first").show();
        this.elemCurrent = elem.find(".dslide:first");
		
        

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

		this.elemCurrent.find(".visud").fadeOut();
        this.elem.find("#slided"+num).show();
        this.elem.find("#slided"+num+" .visud").hide().fadeIn();
        var prixHeight = this.elemCurrent.find(".prixd").height();
        this.elemCurrent.find(".prixd").animate({"bottom": -prixHeight},500);
        this.elem.find("#slided"+num+" .prixd").css("bottom",-prixHeight).animate({"bottom": 0},500);
    
        
        
        
        this.nbCurrent = num;
        this.elemCurrent = this.elem.find("#slided"+num);
    },
    
gotoNextImage : function (num){
if(num<=this.nbSlide) // on vérifie que l'on ne soit pas à la fin des images
{
this.elemCurrent.fadeOut(); // quand on click, cache l'image en cours
this.elem.find("#slided"+ num).fadeIn(); // on va ensuite chopper l'image en fonction de son indice
this.nbCurrent = num; // on met à jour l'indice de l'élement en cours
this.elemCurrent = this.elem.find("#slided"+num); // on met à jour l'elem en cours
}
else // sinon on retourne à l'image 1
{
num=1;
this.elemCurrent.fadeOut();
this.elem.find("#slided"+ num).fadeIn(); // on va ensuite chopper l'elem en fonction de son indice
this.nbCurrent = num; // on met à jour l'indice de l'élement en cours
this.elemCurrent = this.elem.find("#slided"+num); // on met à jour l'elem en cours
}
},

//Precedent
gotoPreviousImage : function (num){
if(num<1) // si on veut aller, en dessous de 0, on retourne à la derniere image
{
num=this.nbSlide;
this.elemCurrent.fadeOut(); // quand on click, cache l'image en cours
this.elem.find("#slided"+ num).fadeIn(); // on va ensuite chopper l'elem en fonction de son indice
this.nbCurrent = num; // on met à jour l'indice de l'élement en cours
this.elemCurrent = this.elem.find("#slided"+num); // on met à jour l'elem en cours
}
else
{
this.elemCurrent.fadeOut();
this.elem.find("#slided"+ num).fadeIn(); // on va ensuite chopper l'elem en fonction de son indice
this.nbCurrent = num; // on met à jour l'indice de l'élement en cours
this.elemCurrent = this.elem.find("#slided"+num); // on met à jour l'elem en cours

}


}

}


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