$(document).ready(function() {	
	$('div.block_slider').each(function(index) {	
		var num_element = 0;
		var elements = $(this).find('div.slider div.items div.carousel ul li');
		var nb_elements = elements.length;
		var nb_elements_visible = 4;
		var height = parseFloat($(elements[0]).css('height')) + parseFloat($(elements[0]).css('margin-bottom'));
		var ul = $(this).find('div.slider div.items div.carousel ul');
		var hightlight_img = $(this).find('div.slider div.highlight img');
		
		// bouton precendant
		$(this).find('div.slider div.items div.top a').click(function() {

			if(num_element  > 0){
				num_element--;
				
				ul.animate({
					marginTop : -(height)*(num_element)
				});
			}
			return false;
		});
		
		// bouton suivant
		$(this).find('div.slider div.items div.bottom a').click(function() {
			
			if(num_element < nb_elements - nb_elements_visible){
				num_element++;
				ul.animate({
					marginTop : -(height)*(num_element)
				});
			}
			return false;
		});
		
		// affichage vignette
		$(this).find('div.slider div.items div.carousel ul li a').click(function() {
			var new_src = $(this).children('img').attr('src');
			
			hightlight_img.fadeOut('normal', function(){
				hightlight_img.attr('src', new_src).fadeIn('normal');
			});
			
			return false;
		});
	});
	
	$('div.block_slider div.slider div.items div.carousel ul li').each(function(){
		$(this).hover(function(){
			// $(this).animate({ backgroundColor: "#D4254A" }, 'fast');
			$(this).css('background-color','#D4254A');
		}, function(){
			$(this).css('background-color','#F6F6F6');
		});
	});

	//D4254A
});