var setup = false;

	function lsetup()
	{
		if(setup)
			return false;

		setup = true;
		var body = document.getElementsByTagName('BODY')[0];

		div = document.createElement("div");
		div.id = 'loader';
		body.appendChild(div);

		div = document.createElement("div");
		div.id = 'loaderContainer';
		body.appendChild(div);

		div = document.createElement("div");
		div.id = 'loaderShadow';
		body.appendChild(div);

		var loaderContainer = document.getElementById('loaderContainer');
		loaderContainer.style.height = body.scrollHeight;
		loaderContainer.style.width = body.scrollWidth;
		loaderContainer.style.display = 'none';
		
	}

	var imgwidth;
	var imgheight;

	function getWidthandHeight()
	{
		imgwidth = this.width;
		imgheight = this.height;
	}

	function getPageScrollTop()
	{
		var yScrolltop;
		var xScrollleft;
		if (self.pageYOffset || self.pageXOffset) 
		{
			yScrolltop = self.pageYOffset;
			xScrollleft = self.pageXOffset;
		} else if (document.documentElement && document.documentElement.scrollTop || document.documentElement.scrollLeft ){	 // Explorer 6 Strict
			yScrolltop = document.documentElement.scrollTop;
			xScrollleft = document.documentElement.scrollLeft;
		} else if (document.body) {// all other Explorers
			yScrolltop = document.body.scrollTop;
			xScrollleft = document.body.scrollLeft;
		}
		arrayPageScroll = new Array(xScrollleft,yScrolltop) 
		return arrayPageScroll;
	}

	var link = '';

	function switchImage()
	{
		this.src = link;
		this.onload = null;
	}

	function pause(numberMillis)
	{
		var now = new Date();
		var exitTime = now.getTime() + numberMillis;
		while (true)
		{
			now = new Date();
			if (now.getTime() > exitTime)
				return;
		}
	}	 


	function showImage(url)
	{

		// Setup transparent area
		lsetup();
		
		link = url;

		// Initialiseer variabelen
		var image = new Image();
		var link = document.createElement("a");
		var body = document.getElementsByTagName('BODY')[0];
		
		
		

		// Maak Loader div leeg
		document.getElementById("loader").innerHTML = '';
		
		
		// Stel afbeelding in
		
		image.border = 0;
		image.style.display = 'inline';
		image.style.cursor = 'pointer';
		image.onclick = loff;
		image.id='afbeelding';
		// Voeg afbeelding toe aan link
		link.appendChild(image);
		// Voeg link toe aan loader div
	
		
		

		document.getElementById("loader").appendChild(image);

		image.onload = function () {
			image.onload = null;
			var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
			var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
			var de = document.documentElement;
			var pageScroll = getPageScrollTop();

			// Bepaal posities voor loader div
			l = (pageScroll[0] + (w-this.width)/2);
			t = (pageScroll[1] + (h-this.height)/2);

			closebutton = document.createElement("div");
			closebutton.style.width = (this.width)+'px';
			closebutton.style.height = '20px';
			closebutton.innerHTML = '<a href="#" onClick="loff();return false;" class="closebutton"><nobr><span style="position: relative; bottom: 3px;">Sluiten&nbsp;</span><img src="/pics/verwijder.gif" border="0"></nobr></a>';
			closebutton.id = "closebutton";
			closebutton.style.float = 'right';

			// Maak loader div even breed als afbeelding
			document.getElementById("loader").style.width = this.width+'px';
			document.getElementById("loader").style.height = this.height+20+'px';
			document.getElementById("loaderShadow").style.width = (this.width+8)+'px';
			document.getElementById("loaderShadow").style.height = (this.height+28)+'px';
			document.getElementById("loader").insertBefore(closebutton,this);

			// Stel loader in het midden van de 
			document.getElementById("loader").style.left = l+'px';
			document.getElementById("loader").style.top = t+'px';

			// Stel loader in het midden van de 
			document.getElementById("loaderShadow").style.left = (l-4)+'px';
			document.getElementById("loaderShadow").style.top = (t-4)+'px';

			// Stel display in voor beide containers
			document.getElementById('loader').style.display='block';
			document.getElementById('loaderShadow').style.display='block';
			document.getElementById('loaderContainer').style.display='block';
		}
		image.src = url+'?'+Math.random();
		
	}

	function loff()
	{
			document.getElementById('loaderContainer').style.display='none';
			document.getElementById('loaderShadow').style.display='none';
			document.getElementById('loader').style.display='none';
	}

	if(window.attachEvent)
		window.attachEvent("onload",lsetup);