var slideNb=0;
var slideOuvert=0;
$(document).ready(function(){
	slideNb=$('.slide').size();
	$('.slide').each(function(i) {
		$('#slideSlowPuce').append('<span></span>');
		
		$(this).css('width',920-(36*(slideNb-1)));
		if (i<=slideOuvert) {
			$(this).css('left',36*i);
		} else {
			$(this).css('left',920-(36*(slideNb-i)));
		}
	});
	$('#slideSlowPuce span').eq(slideOuvert).addClass('hover');
	$('#slideSlowPuce span').click(function() {
		slideOuvert=$('#slideSlowPuce span').index(this);
		slideChangeChange();
	});
	$('.onglet').click(function() {
		slideOuvert=$('.onglet').index(this);
		slideChangeChange();
	});
});
function slideChangeChange() {
	$('#slideSlowPuce .hover').removeClass('hover');
	$('#slideSlowPuce span').eq(slideOuvert).addClass('hover');
	$('.slide').each(function(i) {
		
		if (i<=slideOuvert) {
			$(this).animate({'left':36*i},500,"swing");
		} else {
			$(this).animate({'left':920-(36*(slideNb-i))},500,"swing");
		}
	});
}
function popupWindow(img) {
	
}
