// JavaScript Document

$(document).ready(function(){
	
	var cpt=0;
	var id;
	var idVignette;
	
	$('.newSlideshow .imgContainer li').css('margin-left','-10px');
	
	function initSlideshow(){
		setInterval(slide,6000);
	}
	
	//Fonction appelée toutes les 6 sec
	function slide(){
		cpt++;
		idVignette = cpt+1;
		//alert(cpt);
		$('.newSlideshow .imgContainer').animate({
			marginLeft: - (598) * cpt
		},1000);
		if (cpt==9) cpt=-1;		
		
		$('.newSlideshow .vignetteSlideshow li').animate({
			marginTop : 0
		},100);
		
		$('.newSlideshow .vignetteSlideshow li.'+idVignette).animate({
			marginTop : -5
		},100);
	}
	
	//En cas de clic sur vignette
	$('.newSlideshow .vignetteSlideshow li').click(function(){
		id = parseInt($(this).attr('class')) - 1;
		cpt = id;
		//alert(cpt);
		$('.newSlideshow .imgContainer').animate({
			marginLeft: - (598) * id
		});
		
		$('.newSlideshow .vignetteSlideshow li').animate({
			marginTop : 0
		},100);
		
		$(this).animate({
			marginTop : -5
		},100);
	});
	
	initSlideshow();
	
});