addEvent (window, "load", showImage);

/**
 Konfiguration 
*/

var popImageHeader = '<span id="menuTop"><img src="/wp-content/themes/fliesenhandel/images/minitouch.gif" /></span>';

/** John Resig, erklärt bei quirksmode */
function addEvent( obj, type, fn )
{
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
	} else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
	}
}

function removeEvent( obj, type, fn )
{
	if (obj.removeEventListener) {
		obj.removeEventListener( type, fn, false );
	} else if (obj.detachEvent && obj[type+fn]) { 
		obj.detachEvent( "on"+type, obj[type+fn] );
		obj[type+fn] = null;
		obj["e"+type+fn] = null;
	}
}

/** 
* showImage 
*/

function getKey(event) {
	event = event || window.event;
	return event.which;
}




function showImage()
{
	var frames = document.getElementsByTagName('a');
	for (var i=0; i<frames.length; i++) {
		if (/popup/.test(frames[i].className)) {
			var thisImage = frames[i].getElementsByTagName('img');
			thisImage[0].onclick = openRequestedPopup;
			thisImage[0].onfocus = openRequestedPopup;
		}
	}
}


function LopenRequestedPopup() 
{
	if (document.getElementById('thePopUp')) {
		var thisPopup = document.getElementById('thePopUp');
		thisPopup.parentNode.removeChild (thisPopup);
	}
	var newImageContainer = document.createElement('span');
	newImageContainer.setAttribute ('id','thePopUp');
	newImageContainer.innerHTML = popImageHeader + '<img src="' + this.href + '" style="display:block;border:none;padding:0;" />';
	this.parentNode.insertBefore (newImageContainer,this);
	addEvent (document,'keydown', function(event) { removePopupByX(event,newImageContainer) }, false);
	addEvent (newImageContainer,'click', function(event) {newImageContainer.parentNode.removeChild(newImageContainer)}, false);
	return false;
}

function openRequestedPopup() 
{
	if (document.getElementById('thePopUp')) {
		var thisPopup = document.getElementById('thePopUp');
		thisPopup.parentNode.removeChild (thisPopup);
	}
	var newImageContainer = document.createElement('span');
	newImageContainer.setAttribute ('id','thePopUp');

	var parentFolder = this.parentNode.href;

	newImageContainer.innerHTML = popImageHeader + '<img src="' + parentFolder + '" style="display: block;" />';
	this.parentNode.insertBefore (newImageContainer,this);
	addEvent (document,'keydown', function(event) { removePopupByX(event,newImageContainer) }, false);

	addEvent (newImageContainer,'click', function(event) { event = event || window.event; if (event.preventDefault) { event.preventDefault(); } newImageContainer.parentNode.removeChild(newImageContainer); }, false);
	return false;
}

function removePopupByX (event, obj)
{ 
	var key = String.fromCharCode(getKey(event));
	if (document.getElementById('thePopUp') && key == "X" || key == "x") {
		obj.parentNode.removeChild(obj);
		return false;
	}
}