document.write("<style type='text/css'>");
document.write(".llista-imatges-grans li { display: none; }");
document.write("</style>");

$(document).ready(function(){
		
	//Per defecte ocultem els elements del llistat i mostrem el primer o el que es detecta a la url
	$(".llista-imatges-grans li").hide();	
	
	//Trobem la imatge a mostrar inicialment
	var ruta = document.URL;
	var ruta = ruta.split("#");
	if(ruta[1]){
		$("#" + ruta[1]).show();
		var current = "#" + ruta[1];
	}
	else {
		$(".llista-imatges-grans li:first-child").show();
		var current = $(".llista-imatges-grans li:first-child");
	}
	
	$(".galeria-llista > li.img > a").click(function () {		
	
		//Mostrem la imatge seleccionada
		var imatge = ($(this).attr("href"));
		
		//Ocultem la imatge actual i mostrem la seguent
		$(current).fadeOut("slow",function(){
			$(imatge).fadeIn("slow");
		});
		
		//Actualitzem el valor de l'imatge actual
		current = $(".llista-imatges-grans li"+imatge);
		
		return(false);
		
	});
	
	
	/*
	$(".img-gallery-interior").click(function () {
		
		var newImageObject = $(this);
		var footer = newImageObject.attr("altj");
		
		var footerElements = footer.split("::");

		var newImageName = newImageObject.attr("src");
		
		var regex = /^(.+)?.(.{3})$/;
		newImageName = newImageName.replace(regex, "$1_g.$2");

		var currentImage = $("#currentImage");
		
		currentImage.fadeOut(1250);
		
		// Preload
		var newImage = new Image();
		newImage.src = "/cms/include/getThumb.asp?img=" + newImageName + "&width=500&method=w&doNotEnlarge";
		setTimeout(checkImage,1250);
		
		
		function checkImage() {
			if (!newImage.complete) {
				currentImage.attr("src", "/site/images/wait.gif");
				setTimeout(checkImage,200)
			}
			else {
				currentImage.attr("src", newImage.src);
				currentImage.fadeIn(1250);
				$("#desc-content").html("<p><strong>" + footerElements[0] + "</strong></p><p>" + footerElements[1] + "</p>");
			}	
		}

	});
	*/
	
});