var currentConfig = 0;

// Affichage de la configuration dans la galerie
function showConfig(config) {
	$("#ConfigNav .Nav a").removeClass("Actif");
	config.addClass("Actif");
	$("#ConfigGallery .Titre h3").html( (config.attr("title") != "") ? config.attr("title") : config.html() );
	$("#ConfigGallery .Photo").html("<img src=\"" + config.attr("href") + "\" width=\"410\" height=\"241\" alt=\"\" />");
	$("#ConfigGallery .Description").html(config.next("div").html());
	currentConfig = $("#ConfigNav .Nav li").children("a").index(config);
}

$(document).ready(function(){
	
	var configNavLinks = $("#ConfigNav .Nav li").children("a");
	var maxConfig = configNavLinks.length - 1;
	
	// Interaction avec la liste de configuration
	configNavLinks
		.click(function(){
			showConfig($(this));
			return false;
		})
		.each(function(){
			if ( configNavLinks.index(this) == (currentConfig) )
				showConfig($(this));
		});
		
	// Interaction avec les flèches "précédente" et "suivante"
	$("#ConfigNav .BtPrev").click(function(){
		currentConfig <= 0 ? currentConfig = maxConfig : currentConfig--;
		showConfig(configNavLinks.eq(currentConfig));
		return false;
	});
	$("#ConfigNav .BtNext").click(function(){
		currentConfig >= maxConfig ? currentConfig = 0 : currentConfig++;
		showConfig(configNavLinks.eq(currentConfig));
		return false;
	});

});