/* grauen Hintergrund einblenden und Bild zeigen */
function showImage(path, bildhoehe, bildbreite)
{
	var hoehe;
	hoehe = document.body.scrollHeight;
	
	// Hoehe (gesamt) ermitteln
	document.getElementById("greybackground").style.height = hoehe + "px";
	document.getElementById("greybackground").style.width = "100%";
	
	// Bild laden und anzeigen
	document.getElementById("picturefullsize").innerHTML = "<img src='" + path + "' alt='Click to close...' title='Click to close...' style='cursor: pointer;' onClick='hideImage()' />";

	// Abstand nach oben einstellen
	var abstandTop = 105;
	if(bildhoehe < (window.innerHeight / 2))
		// Bild mittig, da es kleiner als der anzeigbare Platz ist
		abstandTop = window.innerHeight/2 - bildhoehe/2 + window.pageYOffset;
	else
		abstandTop = 50 + window.pageYOffset;
		// Bild knapp unterhalb des oberen Rands
		
	document.getElementById("picturefullsize").style.marginTop = abstandTop + "px";
	
	var breite = 20 + bildbreite;
	var abstandLeft = window.innerWidth / 2 - breite / 2;
	abstandLeft -= 5;
	document.getElementById("picturefullsize").style.marginLeft = abstandLeft + "px";
	document.getElementById("picturefullsize").style.display = "block";
	
	return false;
}


/* grauen Hintergrund ausblenden und Bild entfernen */
function hideImage()
{
	// Layer ausblenden
	document.getElementById("greybackground").style.height = "0%";
	document.getElementById("greybackground").style.width = "0%";
	
	// Inhalt (Bild) entfernen
	document.getElementById("picturefullsize").innerHTML = "";
	document.getElementById("picturefullsize").style.display = "none";
	
}