$(document).ready(function() {
	$('#nav_evenements').show();
	$('#fleche_gauche').click(function() {
		clearInterval(defiled);
		leftDefil();
	});
	$('#nav_evenements td a.btn_nav').click(function() {
		clearInterval(defiled);
		defil($(this));
	});
	$('#fleche_droite').click(function() {
		clearInterval(defiled);
		rightDefil();
	});
	
	// défilement du diaporama à partir d'un lien de pagination
	function defil(elt) {
		if(!isNaN(elt.text())) {
			$('#pg_cur').val(parseInt(elt.text()));
			$('#images_evenements').animate({scrollLeft: (elt.text() - 1) * $('#images_evenements').width()}, 'slow');
			$('#nav_evenements td a.btn_nav').removeClass('bouton_nav_hover');
			elt.addClass('bouton_nav_hover');
		}
	}
	
	function rightDefil() {
		$('#images_evenements').animate({scrollLeft: '+='+$('#images_evenements').width()}, 'slow');
		var pg_cur = parseInt($('#pg_cur').val());
		var new_pg = (pg_cur <= parseInt($("#nb_evt").val()) ? pg_cur : 0);
		$('a.bouton_nav_hover').removeClass('bouton_nav_hover');
		if(new_pg < 12) {
			$("#nav_evenements a.btn_nav:eq("+parseInt(new_pg)+")").addClass('bouton_nav_hover');
			$('#pg_cur').val(new_pg+1);
		}
		else {
			if((new_pg + 1) < parseInt($("#nb_evt").val())) {
				$("#nav_evenements a.btn_nav:contains('...')").addClass('bouton_nav_hover');
			}
			else {
				$("#nav_evenements a.btn_nav:eq("+parseInt(12 + 1)+")").addClass('bouton_nav_hover');
			}
			$('#pg_cur').val(new_pg+1);
			if(new_pg == parseInt($("#nb_evt").val())) {
				// réinitialisation du diapo
				$('#pg_cur').val(1);
				var o = $("#nav_evenements a.btn_nav:eq(0)");
				defil(o);
			}
		}
	}
	
	function leftDefil() {
		$('#images_evenements').animate({scrollLeft: '-='+$('#images_evenements').width()}, 'slow');
		var pg_cur = parseInt($('#pg_cur').val());
		var new_pg = (pg_cur - 1 > 0 ? pg_cur - 2 : 0);
		$('a.bouton_nav_hover').removeClass('bouton_nav_hover');
		if($("#nav_evenements a.btn_nav:eq("+parseInt(new_pg)+")").length > 0 && new_pg != 13) {
			$("#nav_evenements a.btn_nav:eq("+parseInt(new_pg)+")").addClass('bouton_nav_hover');
		}
		else {
			$("#nav_evenements a.btn_nav:contains('...')").addClass('bouton_nav_hover');
		}
		$('#pg_cur').val(new_pg+1);
	}
	
	// on lance le diapo s'il y a plus d'une image
	if($('#images_evenements img').length > 1) {
		var defiled = setInterval(function() { rightDefil(); }, 6000);
	}
});