var galeriebereich = "#panoramagalerie";

$(document).ready(function(){
	// thumbnails mit Links erzeugen								
	$(galeriebereich + " > img").each(function () { //bei jedem Bild im Galeriebereich
		$(this).hide(); //erstmal alle verstecken
		var width = Math.round(this.width * 0.2);   //Breite für Linkbild = Breite vom Zielbild / 5
		var height = Math.round(this.height * 0.2); //Hohe für Linkbild = Höhe vom Zielbild / 5
		var url = this.src; //URL des Linkbildes = URL des Zielbildes
		var id = this.id; //ID des Zielbildes
		//wenn keine ID vorhanden
		if (!id) this.id = id =  url.replace(/.*\//g, '').replace(/\.[^.]*/g, ''); //Dateinamen ohne Endung aus url
		
		if (width == 0) width = 140; //Um Probleme im IE abzufangen
		if (height == 0) height = 54;
		
		$(galeriebereich).append("<a href='#"+id+"' id='link2"+id+"' onClick='pg_show(\""+id+"\");return false' ><img src='"+url+"' width='"+width+"' height='"+height+"'/>");
	});
	
	//Anker überprüfen und ggf. Bild zeigen lassen
	var anker = window.location.hash;
	if ("#"+$(anker).parent().attr("id") == galeriebereich) pg_show(anker) //wenn teil des Galleriebereichs, dann zeigenlassen;
	else { //ein zufälliges wählen
		var x = Math.floor(Math.random()*2) //Ganzzahlige Zufallsazahl aus dem Berech [0;2[
		var idx = $(galeriebereich + " > img").eq(x).attr("id"); //ID des x-ten Bildes ermitteln
		pg_show(idx); //das Zufallszahl-te wieder zeigen und den entsprechenden link als Ausgangslink angeben
	}
});
								
function pg_show(id) {
	id = id.replace('#', ''); //ggf. „#“ entfernen
	$(".PG_selected").removeClass("PG_selected"); //bei ehemal ausgewähltem die Auswahlklasse entfernen
	$("#link2"+id).addClass("PG_selected"); //Auswahlklasse zum Link hinzufügen
	
	$(".PG_show").hide().removeClass("PG_show"); //ehemals gezeigtes verstecken und Klasse entfernen
	$("#"+id).show().addClass("PG_show"); //Bild mir der passenden ID zeigen und Klasse "PG_show" hinzufügen
}