/*
 * 
 *  Carroussel "Credit a 0%" 
 *   
 */
				
var carrousel = {
	
	nbSlide : 0,
	nbCurrent : 1,
	elemCurrent : null,
	timer : null,
			
	init:function(){

		this.nbSlide = $("#carrousel_credit").find(".slide_credit").length;
		
		//creation pagination
		$("#carrousel_credit").append('<div class="navigation"></div>');
		
		for(var i=1;i<=this.nbSlide;i++){
			
			$("#carrousel_credit").find(".navigation").append('<span id="'+i+'"><img src="/sites/all/themes/maisons_concept/css/navpics/puces/nav_carrousel2.png" width="7" height="7" alt="" /></span>');
			
		}
		
		$("#carrousel_credit").find(".navigation span").click(function(){
			
			carrousel.gotoSlide($(this).attr('id'), 'click');
			
		})
		
		//initialisation du systeme
		
		var imgSrc = '<img src="/sites/all/themes/maisons_concept/css/navpics/puces/nav_carrousel.png" width="7" height="7" alt="" />';
		
		this.elem=$("#carrousel_credit");
		$("#carrousel_credit").find('.slide_credit').hide();
		$("#carrousel_credit").find('.slide_credit:first').show();
		this.elemCurrent = $("#carrousel_credit").find('.slide_credit:first');
		$("#carrousel_credit .navigation").find('span:first').html(imgSrc);
		
		/*carrousel.playSlide();		
		
		$("#carrousel_credit .slide_credit").mouseover(function(){
		
			carrousel.stopSlide();	
			
		});
		
		$("#carrousel_credit .slide_credit").mouseout(function(){
			
			carrousel.playSlide();	
			
		});
		
		$("#carrousel_credit .navigation").mouseover(function(){
			
			carrousel.stopSlide();	
			
		});
		
		$("#carrousel_credit .navigation").mouseout(function(){
			
			carrousel.playSlide();	
			
		});*/
		
	},
	
	gotoSlide:function(num, type){
		
		if(num==this.nbCurrent){
		
			return false;
			
		}	

		var sens = 1;
		
		if((num<this.nbCurrent)&&(type=="click")){
			
			sens = -1;
			
		}
		
		var cssDeb = {"left" : sens*$("#carrousel_credit").width()};	
		var cssFin = {"left" : -sens*$("#carrousel_credit").width()};	
		$("#carrousel_credit").find('#slide'+num+'_credit').show().css(cssDeb);
		
		$("#carrousel_credit").find('#slide'+num+'_credit').animate({"top":0,"left":0},500);
		
		this.elemCurrent.animate(cssFin,500);
		
		var imgSrc2 = '<img src="/sites/all/themes/maisons_concept/css/navpics/puces/nav_carrousel2.png" width="7" height="7" alt="" />';
		var imgSrc = '<img src="/sites/all/themes/maisons_concept/css/navpics/puces/nav_carrousel.png" width="7" height="7" alt="" />';
		
		$("#carrousel_credit .navigation").find('span').html(imgSrc2);
		$("#carrousel_credit .navigation").find('span#'+num).html(imgSrc);
		this.nbCurrent = num;
		this.elemCurrent = $("#carrousel_credit").find('#slide'+num+'_credit');
		
	},	
	
	nextSlide:function(){
		
		var num = this.nbCurrent+1;
		if(num>this.nbSlide){
		
			num = 1;
			
		}
		
		this.gotoSlide(num, 'auto');
		
	},	
	
	stopSlide:function(){
		
		window.clearInterval(this.timer);
		
	},
	
	playSlide:function(){
		
		this.timer = window.setInterval('carrousel.nextSlide()', 5000);
		
	}
	
}



/*
 * 
 *  Carroussel "Nos realisations" 
 *   
 */
				
var carrousel_rea = {
	
	nbSlideRea : 0,
	nbCurrentRea : 1,
	elemCurrentRea : null,
	timerRea : null,
			
	initRea:function(){

		this.nbSlideRea = $("#carrousel").find(".slide_rea").length;
				
		//initialisation du systeme
				
		this.elemRea=$("#carrousel");
		$("#carrousel").find('.slide_rea').hide();
		$("#carrousel").find('.slide_rea:first').show();
		$("#carrousel").find('.slide_rea:eq(0)').show().css('left','0');
		$("#carrousel").find('.slide_rea:eq(1)').show().css('left','215px');
		$("#carrousel").find('.slide_rea:eq(2)').show().css('left','430px');
		this.elemCurrentRea = $("#carrousel").find('.slide_rea:first');
		$("#carrousel").find('.slide_rea:first').addClass('active');
		
		carrousel_rea.playSlideRea();		
						
	},
	
	gotoSlideRea:function(num, num1, num2){
		
		if(num==this.nbCurrentRea){
		
			return false;
			
		}	
				
		var cssDeb = {"left" : $("#carrousel").width()};	
		var cssInt = {"left" : "215px"};
		var cssFin = {"left" : -$("#carrousel").width()};	
		
		$("#carrousel").find('#slide'+num+'_rea').show().css(cssDeb);
				
		$("#carrousel").find('#slide'+num+'_rea').animate({"top":0,"left":"430px"},500);
		
		$("#carrousel").find('#slide'+num2+'_rea').animate({"left":0},500, function(){
			
			$("#carrousel").find('.active').animate(cssFin,500);
			$("#carrousel").find('.slide_rea').removeClass('active');
			$("#carrousel").find('#slide'+num2+'_rea').addClass('active');
			
		});
		
		$("#carrousel").find('#slide'+num1+'_rea').animate(cssInt,500);
		
		this.nbCurrentRea = num2;
		
		this.elemCurrentRea = $("#carrousel").find('#slide'+num2+'_rea');
		
	},	
	
	nextSlideRea:function(){
		
		var num = this.nbCurrentRea+3;
		
		var num1 = num-1;
		var num2 = num-2;
		
		var calcul1 = this.nbSlideRea+1;
		var calcul2 = this.nbSlideRea+2;
		var calcul3 = this.nbSlideRea+3;
		
		if(num==calcul3){
		
			num1 = 2;
			num2 = 1;
			num = 3;
			
		}
		
		if(num==calcul2){

			num1 = 1;
			num2 = num-2;
			num = 2;
			
		}
		
		if(num==calcul1){
			
			num1 = num-1;
			num2 = num-2;
			num = 1;
			
		}
			
		this.gotoSlideRea(num, num1, num2);
		
	},	
	
	stopSlideRea:function(){
	
		window.clearInterval(this.timerRea);
		
	},
	
	playSlideRea:function(){
		
		this.timer = window.setInterval('carrousel_rea.nextSlideRea()', 5000);
		
	}
	
}

$(function(){
	
	carrousel.init();
	
	carrousel_rea.initRea();
	
});