$(document).ready(function() {
	$("img#piano").fadeIn(4800);
	
	// animation image fond
	// gestion de la navigation par article
	var len = $("div.content").length;
	if(len>1) {
		$("div.content").each(function(i) {
			// (...)
			$(this).not("#content-"+len).children("p:last-child").append("&nbsp;<span class='to-continue-next'>(...)</span>");
			$(this).not("#content-1").prepend("<p class='to-continue-prev'>(...)</p>");
			// <>
			$(this)
				.append("<div class='content-nav' />")
				.not("#content-1")
				.children("div.content-nav")
				.append("<span class='content-nav-prev nav' title='page précédente'><a href='#' class='content-nav-prev'><img src='/images/arrow_left.png' /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>");
			$(this)
				.not("#content-"+len)
				.children("div.content-nav")
				.append("<span class='content-nav-next nav' title='page suivante'><a href='#' class='content-nav-next'><img src='/images/arrow_right.png' /></a></span>");
		});
		$("div.content a.content-nav-prev")
			.click(function(e) { 
				e.preventDefault();
				$(this).parents("div.content").removeClass("active").prev().addClass("active");
				$(this).parents("div.content").fadeOut(900).prev().fadeIn(2400);
			});
		$("div.content a.content-nav-next")
			.click(function(e) { 
				e.preventDefault();
				$(this).parents("div.content").removeClass("active").next().addClass("active");
				$(this).parents("div.content").fadeOut(900).next().fadeIn(2400);
			});

	}
});