/*
    CARROUSEL JS
*/


var carrouselDisqueMois = {
    
    nbSlide : 0,
    nbCurrent : 1,
    elemCurrent : null,
    elem : null,
    timer : null,
    
    init : function(elem){
        this.nbSlide = elem.find(".slideDisqueMois").length;
        
        // Créer la pagination
        elem.append('<div class="navigationDisqueMois"></div>');
        for(var i=1;i<=this.nbSlide;i++){
            elem.find(".navigationDisqueMois").append("<span>"+i+"</span>");
        }
        
        elem.find(".navigationDisqueMois span").click(function(){carrouselDisqueMois.gotoSlide($(this).innerHTML); })
        
        // Initialisation du carrousel
        this.elem=elem;
        elem.find(".slideDisqueMois").hide();
        elem.find(".slideDisqueMois:first").show();
        this.elemCurrent = elem.find(".slideDisqueMois:first");
        this.elem.find(".navigationDisqueMois").css("opacity",0.6);   // On rend la navigation opaque
        this.elem.find(".navigationDisqueMois span:first").addClass("active");
        
        // On cré le timer
        carrouselDisqueMois.play();
        // Stop quand on passe dessus
        elem.mouseover(carrouselDisqueMois.stop);
        elem.mouseout(carrouselDisqueMois.play);
    },
    
    gotoSlide : function(num){
        if(num==this.nbCurrent){ return false; }
        
        /* Animation en fadeIn/fadeOut 
        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() };
        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);
     
        /*
        Animation Titre + Fadein/Out sur la div visu
        */
        this.elemCurrent.find(".visuDisqueMois").fadeOut();
        this.elem.find("#slideDisqueMois"+num).show();
        this.elem.find("#slideDisqueMois"+num+" .visuDisqueMois").hide().fadeIn();
        var titleHeight = this.elemCurrent.find(".titleDisqueMois").height();
        this.elemCurrent.find(".titleDisqueMois").animate({"bottom": -titleHeight},500);
        this.elem.find("#slideDisqueMois"+num+" .titleDisqueMois").css("bottom",-titleHeight).animate({"bottom": 0},500);
        //*/
		
        
        
        this.elem.find(".navigationDisqueMois span").removeClass("active");
        this.elem.find(".navigationDisqueMois span:eq("+(num-1)+")").addClass("active");
        this.nbCurrent = num;
        this.elemCurrent = this.elem.find("#slideDisqueMois"+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(carrouselDisqueMois.timer);
    },
    play : function(){
        window.clearInterval(carrouselDisqueMois.timer);
        carrouselDisqueMois.timer = window.setInterval("carrouselDisqueMois.next()",5000);
    }

}

 // Use jQuery via jQuery(...)
jQuery(document).ready(function(){
	
	if(jQuery("#carrouselDisqueMois") != null)
		carrouselDisqueMois.init(jQuery("#carrouselDisqueMois"));
});