//
// Urheberrecht (c) 2007, 2008 Asklepios - www.asklepios.at
// Alle Rechte vorbehalten
// Erstellt am: 12.12.2007
// Autor: M
//
// Mittels der Funktion popupPic kann ein Thumbnail vergrößert dargestellt
// werden. Das vergrößerte Bild wird dabei nicht in einem Fenster-Popup
// geöffnet, sondern innerhalb des bestehenden BODIES als DIV-Container
// eingefügt, und kann somit mittels CSS formatiert werden.
//
// ***
//
// LETZTES UPDATE: 24.11.2008, Div. Formatänderungen des Programms.
//

/* Einfügen des DIV-Containers mit vergrößertem Bild in den BODY.
 * Davor wird der Benutzer auf evtl. Ladezeiten hingewiesen ("lade_bild"). */
function
popupPic (url, title)
{
	if (!document.getElementById ("lade_bild")) {
		var picdiv2		= document.createElement	("div");
		var picid		= document.createAttribute	("id");
		picid.nodeValue		= "lade_bild";
		picdiv2.setAttributeNode (picid);
		var padding		= Math.round (screenh / 2) - 100;
		picdiv2.innerHTML	= "<img src='images/laden.png' alt='' "+
						"style='margin-top:"+padding+
						"px;' />";
		picdiv2.style.top	= screeny+"px";
		picdiv2.style.left	= 0+"px";

		var docbody = document.body;
		docbody.appendChild (picdiv2);
	}

	var picture = new Image();

	picture.onload = function() {
		var width	= picture.width;
		var height	= picture.height;

		x = (screen.availWidth - width) / 2;
		x = (screenw - width) / 2;
		y = screeny + Math.round ((screenh - height) / 2);

		var picdiv	= document.createElement	("div");
		var picid	= document.createAttribute	("id");
		picid.nodeValue = "picture";
		picdiv.setAttributeNode (picid);
		picdiv.innerHTML = "<a href=\"javascript:rem_picture();\">"+
			"<img src=\"" + url + "\" alt=\"\" border=\"0\" />"+
			"</a>";
		picdiv.style.top	= y+"px";
		picdiv.style.left	= x+"px";

		var docbody = document.body;
		docbody.appendChild (picdiv);

		docbody.removeChild (picdiv2);
	}

	picture.src = url;
}



/* Entfernen des DIV-Containers mit dem vergrößerten Bild: */
function
rem_picture ()
{
	if (document.getElementById ("picture")) {
		var picdiv = document.getElementById ("picture");
		document.body.removeChild (picdiv);
	}
}



/* Aktualisieren der Mauskoordinaten, dies wird zur Anzeige des vergrößerten
 * Bildes an der korrekten Position benötigt: */
function 
update_mcoords (mevent) {
	if (!mevent) {
		mevent = window.event;
	}

	if (!mevent.offsetY) {
		mousey  = mevent.pageY;
		screeny = window.pageYOffset;
	}
	else {
		mousey = mevent.clientY;
		screeny = document.documentElement.scrollTop
		mousey += screeny;
	}

	screenw = (window.innerWidth)  
		? window.innerWidth  : document.documentElement.clientWidth;
	screenh = (window.innerHeight) 
		? window.innerHeight : document.documentElement.clientHeight;
}



var mousey, screeny	= 0;
var screenw, screenh	= 0;
document.onmousedown	= update_mcoords;