// JavaScript Document

var carrousel = {
    
    nbSlide : 0,
    nbCurrent : 1,
    elemCurrent : null,
    elem : null,
    timer : null,
    
    init : function(elem){
        this.nbSlide = elem.find(".slide").length;
        
        //elem.find(".navigation span").click(function(){ carrousel.gotoSlide($(this).text()); })
        
        // Initialisation du carrousel
        this.elem=elem;
        elem.find(".slide").hide();
        elem.find(".slide:first").show();
        this.elemCurrent = elem.find(".slide:first");
        
        // On cré le timer
        carrousel.play();
        // Stop quand on passe dessus
        elem.mouseover(carrousel.stop);
        elem.mouseout(carrousel.play);
		$('#diapoSubjects').mouseover(carrousel.stop);
        $('#diapoSubjects').mouseout(carrousel.play);
		
		$('.diapoSubject').click(function(){
			var newnum = $(this).attr('rel');
			carrousel.gotoSlide(newnum);
		});
		
    },
    
    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).delay(500).animate({"top":0,"left":0},750,"easeOutBack");
        this.elemCurrent.animate(cssFin,750,"easeInBack");
		
        this.nbCurrent = num;
        this.elemCurrent = this.elem.find("#slide"+num);
		//alert(num);
		$('.diapoSubject ').removeClass('selectedDiapo');
		$('#DiapSuj-'+num).addClass('selectedDiapo');
		
		
    },
    
    next : function(){
        var num  = parseInt(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()",10000);
    }

}

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