$(document).ready( function ()
{
	// Click event op 1 van de kleine fotos
	$("#slides img").live('click', function ()
	{
		// Het huidige plaatje
		var fotoframeId = $("#plaatje img").attr("alt");
		var fotoframeLink = baseurl + "style/fotos/" + fotoserie + "/thumb/" + fotoframeId + ".jpg";
		
		// Haal de momentele foto weg
		$("#plaatje img").fadeOut(500);
		
		// Plaats de nieuwe foto in het kader
		var fotoId = $(this).attr("alt");
		var fotoLink = baseurl + "style/fotos/" + fotoserie + "/groot/" + $(this).attr("alt") + ".jpg";
		
		// Plaats deze pas als het script klaar is
		setTimeout(function ()
		{
			$("#plaatje").html('<img src="' + fotoLink + '" alt="' + fotoId + '" />');
		}, 550);
		
		// Haal het plaatje weg uit de rij
		$(this).fadeOut(500);
		
		// En plaats het oude plaatje weer terug
		setTimeout(function ()
		{	
			// Haal het plaatje definitief weg uit de rij
			$("#slides img[alt=" + fotoId + "]").remove();
			
			$("#slides").append('<img src="' + fotoframeLink + '" alt="' + fotoframeId + '" />');
		}, 550);
	});
});