$(document).ready(function(){
	// Initial: Altes Bild wird Hintergrund des umschliessenden A-Tags
	$("#pics a").css("background","url("+$("#pics img").attr("src")+") 0 0 no-repeat");
	
	$("#thumbs a").click(function() {
		
		pic = this.href.split("pic\=")[1].substr(0,6);
		url = this.href.split("url\=")[1];

		// Altes Bild entfernen; bleibt als Hintergrund des A-Tags aber sichtbar
		$("#pics img").remove();
		
		// Neues Bild versteckt einfuegen und langsam einblenden
		$('<img src="../pics/'+cur+'/'+pic+'" width="227" height="270" alt="">').prependTo("#pics a").hide(); 
		$("#pics img").fadeIn("slow",function() {
		
			// Wenn URL uebergeben wurde, als HREF einfuegen, andernfalls HREF-Attribut entfernen
			if ( url && url != '' ) {
				$("#pics a").attr("href",url);
			} else {
				$("#pics a").removeAttr("href");
			}
			
			// Altes Bild wird Hintergrund des umschliessenden A-Tags
			$("#pics a").css("background","url("+$("#pics img").attr("src")+") 0 0 no-repeat");
			
		});
		
		// Originale Fallback-URL nicht aufrufen, wenn JS gegriffen hat
		return false;
	});
});