var accroche_cur = 0;
var couleur_normal = "#dd2734";
var couleur_selection = "#f7a3a3";
var vitesse_fade = 1000;
var vitesse_chgt_accr = 5000;
var nb_accroches;
var timer_accroche;

function cacher_montrer_accroche(i, bool) {
	if (bool) {
		$("#accroche" + i).fadeIn(vitesse_fade);
		$("#selecteur" + i).css("background", couleur_selection);
	} else {
		$("#accroche" + i).fadeOut(vitesse_fade);
		$("#selecteur" + i).css("background", couleur_normal);
	}
}

function changement_accroche() {
	accroche_pre = accroche_cur;
	if (accroche_cur < nb_accroches - 1) {
		accroche_cur++;
	} else {
		accroche_cur = 0;
	}
	cacher_montrer_accroche(accroche_cur, true);
	cacher_montrer_accroche(accroche_pre, false);
	clearTimeout(timer_accroche);
	timer_accroche = setTimeout(changement_accroche, vitesse_chgt_accr);

}

function selectionner_accroche(index_accroche) {
	clearTimeout(timer_accroche);
	cacher_montrer_accroche(index_accroche, true);
	if(accroche_cur!=index_accroche) cacher_montrer_accroche(accroche_cur, false);
	accroche_cur = index_accroche;
}

$(document).ready(function() {

	/*Lancement de l'animation des accroches*/
	clearTimeout(timer_accroche);
	timer_accroche = setTimeout(changement_accroche, vitesse_chgt_accr);

	/*Item de sélection des accroches*/
	nb_accroches = $("#Accroches>.Accroche-Element").size();
	$("#Selection-Accroche>li>a").css("background", couleur_normal);
	$("#Accroches>.Accroche-Element").eq(0).css("display", "block");
	$("#Selection-Accroche>li>a").eq(0).css("background", couleur_selection);

	$("#Selection-Accroche>li>a").click(function() {
		index_accroche = $("#Selection-Accroche>li>a").index($(this));
		selectionner_accroche(index_accroche);
	});

});