/*
Ein Script von Julian Hibbeln.
http://www.fun-fox.de/bilder-fokus.php
Version 1.1
*/
window.onload=function()
{
	var links=document.getElementsByTagName("a");
	for(var i=0; i<links.length; i++)
	{ 
		if(links[i].getAttribute("rel") && links[i].getAttribute("rel")=="thumbnail")
		{
			links[i].onclick=function()
			{
				imagePreloaded('"' + this.getAttribute("href") + '"');
				return false;
			}
		}
	}

}

function imagePreloaded(url)
{
	document.getElementById("show").innerHTML = "<img id=\"picture\" src="+url+" onclick=\"remove()\" onload=\"setPosition();\" alt=\"&nbsp;&nbsp;lade...&nbsp;&nbsp;\" /> ";
	setPosition();
}

function setPosition()
{
	var picture = document.getElementById("picture");
		
	var widthPicture = picture.offsetWidth;
	var heightPicture = picture.offsetHeight;
	
	var widthScreen = document.documentElement.clientWidth;
	var heightScreen = document.documentElement.clientHeight;
	
	if (window.innerWidth)
		var heightWindow = window.pageYOffset;
	else
		var heightWindow = document.documentElement.scrollTop;
	
	picture.style.position = "absolute";
	picture.style.top = Math.round(heightWindow + (heightScreen - heightPicture)/2) + "px";
	picture.style.left = Math.round((widthScreen - widthPicture)/2) + "px";

}


function remove()
{
	document.getElementById("show").innerHTML = "";
}