$(document).ready(function(){
	var pas = 67;
	var hlayer2 = $('.layer2').height();
	var layer2 = $('.layer2');
	var curitem = 0;
	var curtop = 0;
	var nb = $('.layer2 a').length;
	if (nb<=4) {
		$('#diaporama span.top').hide(0);
		$('#diaporama span.bottom').hide(0);
		$('#diaporama .nav .liste-items').css({top:'0px'});
	}
	$('.top').click(function(){
		if (curtop>0) {
			curtop--;
			var newtop = -curtop*67;
			layer2.animate({top:newtop},200);
		}
	});
	$('.bottom').click(function(){
		//console.log(layer2.position().top+'>-'+hlayer2);
		if (layer2.position().top>-hlayer2+5*67) {
			curtop++;
			var newtop = -curtop*67;
			layer2.animate({top:newtop},200);
		}
	});
	$('.layer2 a').each(function(index,value){
		$(this).attr('rel',index);
	});
	$('.layer2 a').click(function(){
		newitem = $(this).attr('rel');
		if (newitem!=curitem) {
			$('.item:eq('+newitem+')').fadeIn(500);
			$('.item:eq('+curitem+')').fadeOut(500);
			$('.layer2 a').removeClass('sel');
			$(this).addClass('sel');
			curitem=newitem;
			$('.fle').css({top:$(this).position().top+'px'});
		}

	});
	$('.item:not(:eq(0))').fadeOut(0);
	var next = function(){
		newitem=parseInt(curitem)+1;
		newitem=newitem%nb;

		$('.layer2 a[rel='+newitem+']').click();
		if (curtop+3<newitem) {
			$('.bottom').click();
		}
		if(newitem==0){
			curtop = 1;
			$('.top').click();
		}
	}
	interval = setInterval(next,6000);
});