var timeoutCnt = 0;
	var gwps = new wps.base();
	var lgPath = 'upload/foto/groot/';
		
	   function removeDefaultFill( el, s )
	   {
	      if ( el.value == s ) 
	      {
	         el.value = '';
	      }	      
	   }
	   
	   function insertDefaultFill( el, s )
	   {     
	      if ( el.value == '' ) 
	      {
	         el.value = s;
	      }
	   }
	   
	   function checkDefault( value, defaultValue )
	   {
	      if ( value != defaultValue )
	      {
	         return true;
	      }
	      else
	      {
	         return false;
	      }
	   }
	   
	   function setImgEvents(){
	   		$A($('galleryContainer').getElementsByTagName('img')).each(
	   			function (img){
	   				gwps.addEvent(img, 'click', zoom);
	   			}
	   		)
	   	
	   }
	   
	   function zoom(e){
	   		openImgBlocker();
	   		timeoutCnt = 0;
	   		var elem = Event.element(e);
	   		var imgSrc = elem.getAttribute('src');
	   		imgSrc = imgSrc.split('/');
	   		imgSrc = gRelRootPath + lgPath +  imgSrc[imgSrc.length-1];
			var container = $('imgBlocker');
			var newParentImg = Builder.node('img', {src:imgSrc, id:'largeImage'});
			newParentImg.style.position = 'relative';
			newParentImg.style.top = '10px';
			newParentImg.style.zIndex = '99'
			newParentImg.style.cursor = 'pointer';
			//newParentImg.original = elem;
			//elem.style.display = 'none';
			elem.style.zIndex = '99';
			container.appendChild(newParentImg);
			newParentImg.setAttribute('alt', "Klik voor sluiten.")
			gwps.addEvent(newParentImg, 'click', showImgSmall);
			resizeOverlayImage(newParentImg);
	   }

	function showImgSmall(event){
		var elem = Event.element(event);
		var elemParent = elem.parentNode;
		//elem.original.style.display = 'block';
		elemParent.removeChild(elem);
		closeImgBlocker();
	}

	function closeImgBlocker(){
		$('imgBlocker').innerHTML = '';
		$('imgBlocker').style.display = 'none';		
	}
	   
	function openImgBlocker(){
		if (gwps.is_ie()){
	    	var screenSize = Element.getDimensions(document.body);
	    	var bottom = (screenSize.height);
	    	var right = screenSize.width;
	    	$('imgBlocker').style.position = 'absolute';
	    	$('imgBlocker').style.left = '0px';
	    	$('imgBlocker').style.top = '0px';
			$('imgBlocker').style.height = bottom + 'px';
			$('imgBlocker').style.width = right + 'px';
			$('imgBlocker').style.display = 'block';
		}else{
			$('imgBlocker').style.display = 'block';
		}
	}	   

	function resizeOverlayImage(elem){
		if (gwps.is_ie()){
			var width = elem.offsetWidth;
			var height = elem.offsetHeight;
		}else{
			var dim = elem.getDimensions();
			var width = dim.width;
			var height = dim.height;
		}
		if ((width < 50) ||(height < 50)){
			// timeouts actually only occur on FF
			timeoutCnt++;
			if (timeoutCnt < 5){
				var func = function(){resizeOverlayImage(elem);};	
				setTimeout(func, 750);
				return;				
			}else{
				return;
			}
		} 
    	var screenSize = Element.getDimensions(document.body);
    	var absBottom = screenSize.height;
    	var absRight = screenSize.width;
		var resizeWidth =  (width > absRight);
		var resizeHeight = (height > absBottom);
		if (gwps.is_ie){
			var diff = 50;
		}else{
			var diff = 20;
		}
		if (resizeWidth && resizeHeight){
			// prefer height-resize over width;
			elem.style.height = (absBottom - diff);
			return;
		}
		if (resizeHeight){
			// again prefer height-resize over width;
			elem.style.height = (absBottom - diff);
			return;
		}
		if (resizeWidth){
			// resize width, height is already OK
			elem.style.width = (absRight - 20);	
			return;
		}
	}