$(document).ready(function(){
	// nombre total d'images
	var total = $("#items a").size();
	
	// actions au chargement de la page
		// quelle est l'image courante ?
		var current_item = $("#current_item").text();
		
		// recupere le titre à partir de l'attribut "title" de la balise "a" de l'élément
		titre = $("#item" + current_item + " a").attr("title");
		// la description est stockée dans la balise "span" de l'élément
		description = $("#item" + current_item + " span").html();
		// le numéro
		
		
		// cas ou le titre ou la description ne sont pas renseignés
		if(titre == undefined)
			titre = "Untitled";
		if(description == "")
			description = "";


		// insertion du numero de l'item dans le DOM
		$("#current_item").text(current_item);
		// insertion du titre
		$("#item_titre").text(titre);
		// insertion de la description
		$("#item_desc").html(description);
	
	// clic sur lien suivant
	$("#suivant").click( function() {
		// quelle est l'image courante ?
		var current_item = $("#current_item").text();
		
		// si c'est la derniere image, on repart à l'image 1
		// sinon on fait une iteration
		if(current_item == total)
			current_item = 1;	
		else
			current_item ++;
		
		// recupere le titre
		titre = $("#item" + current_item + " a").attr("title");
		// la description
		description = $("#item" + current_item + " span").html();
		
		// cas ou le titre ou la description ne sont pas renseignés
		if(titre == undefined)
			titre = "Untitled";
		if(description == "")
			description = "";
	
		// insertion du numero de l'item dans le DOM
		$("#current_item").text(current_item);
		// insertion du titre
		$("#item_titre").text(titre);
		// insertion de la description
		$("#item_desc").html(description);
	
		return false;
	});
	
	/* clic sur le lien "precedent" */
	$("#precedent").click( function() {
		
		// quelle est l'image courante ?
		var current_item = $("#current_item").text();
		
		// si c'est la derniere image, on repart à l'image 1
		// sinon on fait une iteration
		if(current_item == 1)
			current_item = total;	
		else
			current_item --;
		
		// recupere le titre
		titre = $("#item" + current_item + " a").attr("title");
		// la description
		description = $("#item" + current_item + " span").html();
		
		// cas ou le titre ou la description ne sont pas renseignés
		if(titre == undefined)
			titre = "Untitled";
		if(description == "")
			description = "";
	
		// insertion du numero de l'item dans le DOM
		$("#current_item").text(current_item);
		// insertion du titre
		$("#item_titre").text(titre);
		// insertion de la description
		$("#item_desc").html(description);
	
		return false;
	});
	
	
	// parametres popup
	var profiles =
	{
		windowCenter:
		{
			height:400,
			width:820,
			center:1,
			scrollbars:1
		}
	
	};
	
	// lancement fonction
	// les popups sont lancé automatiquement sur les liens
	// marqués d'une classe .popupwindow, le type de popup est défini par l'attribut rel
	$(".popupwindow").popupwindow(profiles);
});