var imgPopup, imgObj, closeLink, waiterDiv, waiterObj;
Event.observe(window,'load',initImgPopup);

function initImgPopup() {
	imgPopup = new Popup('imgFg','imgBg');
	
	var imgs = $$('#inhalt img');
	if (!typeof imgs == 'array') return;

	closeLink = document.createElement('a');
	closeLink.href = "";
	closeLink.onclick = function() { 
		imgPopup.hide();
		//klette.enable();
		return false
	};

	imgObj = document.createElement('img');
	imgObj.alt = "";
	imgObj.onload = imgLoad;

	waiterDiv = document.createElement('div');
	waiterDiv.id = "imgWaiter";
	waiterDiv.innerHTML = '<img src="media/icon.warten2.gif" alt="Bitte warten Sie ..." />';
	
	waiterObj = new Waiter(waiterDiv);
	
	imgPopup.content.appendChild(closeLink);
	closeLink.appendChild(imgObj);

	document.body.appendChild(waiterDiv);
	//imgPopup.background.appendChild(waiterDiv);

	$A(imgs).each(function(img) {
		var lnk = img.parentNode;

		if (lnk.nodeName.toLowerCase() != 'a') return;
		if (!/\.jpg$/.exec(lnk.href.toString())) return;
		
		lnk.onclick = function() {
			waiterObj.addRequest();		
			waiterDiv.style.marginTop = parseInt(-20+scrollTop())+'px';
			
			imgPopup.showBg();
			//klette.disable();
			
			imgObj.src = lnk.href.toString();
			return false;
		};		
	});
}

function imgLoad() {
	waiterObj.delRequest();			

	if (!/Firefox/.exec(navigator.userAgent.toString())) 
		imgPopup.show(); /* IE grr... */

	var iH = (imgObj.offsetHeight)?imgObj.offsetHeight:imgObj.height;
	var iW = (imgObj.offsetWidth)?imgObj.offsetWidth:imgObj.width;

//	imgPopup.content.style.position = 'relative';
	//imgObj.style.position = 'absolute';
	var thePage = imgPopup._pageSize();

	imgPopup.content.style.marginTop = Math.round(-(parseInt(iH)/2)+scrollTop())+'px';
	imgPopup.content.style.marginLeft = '-'+Math.round(parseInt(iW)/2)+'px';
	imgPopup.content.style.width = parseInt(iW)+'px';
	imgPopup.content.style.height = parseInt(iH)+'px';
	
	imgPopup.show();
}

function scrollTop() {
	if (typeof document.documentElement.scrollTop == 'number') yScroll = document.documentElement.scrollTop;
	else if (typeof window.scrollY == 'number') yScroll = window.scrollY;
	else yScroll = document.body.scrollTop;
		
	return parseInt(yScroll);
}