var carousel_index = 0;
var carousel_large = $(window).width();
var carousel_slider_index = 0;
var carousel_max = 0;
var nb_elem_fin = 1;    
var time_slide = 10000;



$(document).ready(function(){
	$("#btn-prev").click(function(){
		clearTimeout(timer);
		carousel_slide_previous();		
	});		
	$("#btn-next").click(function(){
		clearTimeout(timer);
		carousel_slide_next();	
		  	   
	});   
		
		carousel_max = jQuery("ul#carousel-content li").length;     
		$("ul#carousel-content li:first-child").clone().appendTo('ul#carousel-content'); 
		setInterval('carouselResize()', 100);
		$(window).resize(function(){
			resize_window(); 
			carouselResize();
		});  
		timer = setTimeout("carousel_slide_next()", time_slide);
});

function carousel_slide_previous()
{
    if (carousel_slider_index > 0){
        carousel_slider_index--;
    	carousel_update();      
		$('#btn-next').removeClass('select'); 		
	}

}

function carousel_slide_next()
{      
    if (carousel_slider_index < (carousel_max-nb_elem_fin)){
        carousel_slider_index++;
		$('#btn-prev').removeClass('select');  
    	carousel_update();               
	}        
	else{         
		carousel_slider_index++; 
		var carousel_large = $(window).width();    
	    var large_move = -carousel_max*carousel_large;
	    $('ul#carousel-content').animate({left: large_move+'px'}, 550, function() {
		    		carousel_slider_index = 0; 
					$('ul#carousel-content').css({left: 0}); 
					timer = setTimeout("carousel_slide_next()", time_slide);
		  });    
	}

}

function carousel_update()
{          
	var carousel_large = $(window).width();    
    var large_move = -carousel_slider_index*carousel_large;
    $('ul#carousel-content').animate({left: large_move+'px'}, 550, function(){timer = setTimeout("carousel_slide_next()", time_slide);});  
}         
function resize_window()
{                 
	var carousel_large = $(window).width();      
	var large_move = -carousel_slider_index*carousel_large;
	$('ul#carousel-content').css({left: large_move});
}
 
/*--------------------------function de resize de l image------------------*/
function carouselResize() 
{
	var bg = $('.bg-resize');
		var imgW = $(bg).width();
		var imgH = $(bg).height();
		var ratio = imgW / imgH;
		var w = $(window).width();
		var h = $(window).height();
	
		if ((w/h) > ratio) {
			$(bg).width("100%");
			$(bg).height("");
		} else {
			$(bg).width("");
			$(bg).height("100%");
		}
		var carousel_large = $(window).width();   
		var carousel_height = $(window).height();   
		$('#carousel, #carousel-content li').width(carousel_large).height(carousel_height);
		$('#carousel-content').width(carousel_large*(carousel_max+2)).height(carousel_height);
}