var img, h, w, f, t, c;


function openDI(file){
	img = new Image();
	img.src = file;
	f = file;
	waitUntilLoaded();
}
function waitUntilLoaded()
{	
	if(img.complete ==true){
	
	    h = img.height;
	    w = img.width;
	    openDynamicImageWindow(f,t,c);
	    
	} else {
		setTimeout("waitUntilLoaded()",250);
	}
}
function openDynamicImageWindow(file,typ,closeText) {
		if(document.all) {
			var windowWidth = window.screen.width;
			var windowHeight = window.screen.height; //self.document.clientHeight;
			var scrolltop = document.body.scrollTop;
			var scrollleft = document.body.scrollLeft;
		} else {
			var windowWidth = self.innerWidth;
			var windowHeight = self.innerHeight;
			var scrolltop = document.documentElement.scrollTop;
			var scrollleft = document.documentElement.scrollLeft;
		}
		var postop =(windowHeight/2)-(h/ 2)+document.body.style.padding;
		var posleft =(windowWidth/2)-(w/ 2)+scrollleft+document.body.style.padding;
		if(document.all) {
			if(postop >= 20) { postop = postop-20; }
		} else {
			if(postop >= 30) { postop = postop-30; }
		}
		var bodyObj = document.getElementsByTagName('BODY')[0];
		if(!document.getElementById("dynamicImageContainer")) {
			divObjContainer = document.createElement("div");
			divObjContainer.setAttribute("id", "dynamicImageContainer");
			bodyObj.appendChild(divObjContainer);
			//bodyObj.insertBefore(divObjContainer, bodyObj.firstChild);
		} else {
			divObjContainer = document.getElementById("dynamicImageContainer");
		}
		divObjContainer.style.display = "block";
		//alert("<div onclick=\"closeDynamicImageWindow();\" style=\"width:100%;height:5000px;background-color:#000000;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;position:absolute;top:0px;left:0px;\"><\/div><div class=\"imageContainer\" class=\"big\"><div class=\"small\" style=\"top:" + postop + "px;left:" + posleft + ";background-color: #fff; padding: 4px; border: solid 1px #ccc\"><img onclick=\"closeDynamicImageWindow();\" style=\"cursor:pointer;border: solid 1px #000\" src=\""+file+"\" alt=\""+closeText+"\" \/><\/div><\/div>" );
		divObjContainer.innerHTML = "<div onclick=\"closeDynamicImageWindow();\" class=\"imgShow\" style=\"\"><\/div><div class=\"imgBig\" class=\"big\"><div class=\"small\" style=\"top:" + postop + "px;left:" + posleft + "px;position:fixed;background-color: #fff; padding: 4px; border: solid 1px #ccc\"><img onclick=\"closeDynamicImageWindow();\" style=\"cursor:pointer;border: solid 1px #000\" src=\""+file+"\" alt=\"Klicken zum Schliessen\" \/><\/div><\/div>";
}
function closeDynamicImageWindow() {
	document.getElementById("dynamicImageContainer").style.display = "none";
}