window.onload = function() {
	window.onresize = function(evt) {
		if (document.getElementById("bild_vergroessert")) {
			bildVergroessern(document.getElementById("bild_vergroessert").getElementsByTagName("img").item(0));
		}
	}
	
	var bilder = document.getElementsByTagName("img");
	
	for (var i = 0; i < bilder.length; i++) {
		var bild = bilder.item(i);
		if (bild.className == "resizable") {
			bild.onclick = function(evt) { bildVergroessern(this); };
			bild.style.cursor = "pointer";
		}
	}
	
	var links = document.getElementsByTagName("a");

	for (var i = 0; i < links.length; i++) {
		var link = links.item(i);
		// Folgende Zeile aus dem Kommentar nehmen, falls einmal alle Links durch Rickrolls ersetzt werden sollten :D
		//link.href = "http://www.youtube.com/watch?v=4R-7ZO4I1pI";
	}
};

function bildVergroessern(bild) {
	if (document.getElementById("bild_vergroessert"))
		bildVerkleinern();
	
	var div = document.createElement("div");
	
	div.id = "bild_vergroessert";
	div.style.position = "fixed";
	div.style.top = "0px";
	div.style.left = "0px";
	div.style.zIndex = "999";
	div.style.width = document.documentElement.clientWidth + "px";
	div.style.height = document.documentElement.clientHeight + "px";
	div.style.background = "url(/main/img/resize_bg.png)";

	var img = document.createElement("img");
	
	img.src = bild.src;

	var breite = document.documentElement.clientWidth - 100;
	var hoehe = document.documentElement.clientHeight - 100;
	
	var bildBreite = Math.min(img.width, breite);;
	var bildHoehe = Math.min(img.height, hoehe);
	
	var top = (document.documentElement.clientHeight - bildHoehe) / 2;
	var left = (document.documentElement.clientWidth - bildBreite) / 2;
		
	var faktor = (top > left ? (bildBreite / img.width) : (bildHoehe / img.height));
		
	img.width = img.width * faktor;
	img.height = img.height * faktor;
	top = (document.documentElement.clientHeight - img.height) / 2;
	left = (document.documentElement.clientWidth - img.width) / 2;
	
	img.style.position = "fixed";
	img.style.top = top + "px";
	img.style.left = left + "px";
	img.style.zIndex = "1000";
	img.style.cursor = "pointer";
	
	img.onclick = function(evt) { bildVerkleinern(); };
	
	div.appendChild(img);
	document.getElementsByTagName("body").item(0).insertBefore(div, document.getElementsByTagName("body").item(0).firstChild);
}

function bildVerkleinern() {
	document.getElementsByTagName("body").item(0).removeChild(document.getElementById("bild_vergroessert"));
}