var currentImage = 0;
	var arrImages = new Array();
	
	var currentLightboxImage = 0;
	var LightboxArray = new Array();
	var LightboxTitle = new Array();
	var currentLink = 0;

	Event.observe(
		window, 'load', function() {
			initSlideshow();
			imageBox();
			popupClose();
		}
	);

	function imageBox(){
		var imgLinks,i;
		var blnBrowser = false;
		var imgCounter = 0;
		imgLinks = document.getElementsByTagName('a');
		for(i=0;i<imgLinks.length;i++){
			if(imgLinks[i].href.indexOf(".jpg")!=-1){
				imgLinks[i].arrIndex = imgCounter;
				imgCounter++;
				LightboxArray.push(imgLinks[i].href);
				if(imgLinks[i].title!=""){
					LightboxTitle.push(imgLinks[i].title);
				}
				else{
					LightboxTitle.push("&#160;");
				}
				imgLinks[i].onclick = showBrowser; 
				blnBrowser = true;
			}
		}
		
		if(blnBrowser) browseInit();
	}
	
	function browseInit(){
		var link,i;
		var browsercontainer,browser,browserclose,browserimage,browsertitle,objBody,photolayer,divleft,divright,thumbleft,thumbright;
		link = $$("a.view-images");

		browsercontainer = new Element('div',{'id':'browser-container'});
		browsercontainer.style.display='none';
		browser = new Element('div',{'id':'browser'});
		browser.style.display='none';
		browserclose = new Element('div',{'id':'browser-close','title':'sluiten'}).update('&#160;');
		browserclose.onclick = hideOverlay;
		browsertitle = new Element('div',{'id':'browser-title'});
		browserimage = new Element('div',{'id':'imagebox'});
		
		photolayer = new Element('div',{'id':'photolayer'});
		divleft = new Element('div',{'id':'prev'});
		thumbleft = new Element('img',{'id':'thumbleft','src':'/_img/btn-prev.png'});
		divright = new Element('div',{'id':'next'});
		thumbright = new Element('img',{'id':'thumbright','src':'/_img/btn-next.png'});
		photolayer.appendChild(divleft);
		photolayer.appendChild(divright);
		divleft.appendChild(thumbleft);
		divright.appendChild(thumbright);
		
		objBody = document.getElementsByTagName("body").item(0);
		objBody.appendChild(browsercontainer);
		browsercontainer.appendChild(browser);
		browser.appendChild(browsertitle);
		browser.appendChild(browserimage);
		browser.appendChild(browserclose);
		browser.appendChild(photolayer);
		$('thumbleft').hide();
		$('thumbright').hide();
	}

	function showBrowser(){
		var i,a,pipe;
		if(!$('overlay')) Overlay();
		if($('browser-container')){
			$('browser-container').show();
			$('prev').show();
			$('next').show();

			currentLightboxImage = this.arrIndex;
			$('browser-title').innerHTML = LightboxTitle[this.arrIndex];
			$('prev').onmouseover = hoverThumblayer;
			$('prev').onmouseout = hoverOutThumblayer;
			$('prev').onclick = clickThumblayer;
			$('next').onmouseover = hoverThumblayer;
			$('next').onmouseout = hoverOutThumblayer;
			$('next').onclick = clickThumblayer;
			loadImage(this.arrIndex);
		}
		return false;
	}
	
	function hoverThumblayer(){
		if(this.id=='prev'){	
			if(currentLightboxImage!=0){
				$('prev').show();
				$('thumbleft').show();
			}
		}
		if(this.id=='next'){
			if(currentLightboxImage<(LightboxArray.length-1)){
				$('next').show();
				$('thumbright').show();
			}
		}
	}
	
	function hoverOutThumblayer(){
		$('prev').firstChild.hide();
		$('next').firstChild.hide();
	}

	function clickThumblayer(){
		if(currentLightboxImage==0 && this.id=='prev') return;
		if(currentLightboxImage==(LightboxArray.length-1) && this.id=='next') return;
		$('image').remove();
		if(this.id=='prev'){	
			if(currentLightboxImage>0){
				currentLightboxImage--;
			}
			else{
				$('prev').className = 'prev';
			}
		}
		if(this.id=='next'){
			if(currentLightboxImage<(LightboxArray.length-1)){
				currentLightboxImage++;
			}
			else{
				$('next').className = 'next';
			}
		}
		loadImage(currentLightboxImage);
	}

	function loadImage(ind){
		$('prev').hide();
		$('next').hide();
		var imgPreloader = new Image();
		imgPreloader.onload = function(){
			var objBody = document.getElementsByTagName("body").item(0);
			var img = new Element('img',{'id':'image','src':this.src});
			img.style.display='none';
			img.src = this.src;
			$('imagebox').appendChild(img);
			var arrImageBoxdimensions = $('browser').getDimensions();
			$('browser').style.display='block';
			var xScale = ((this.width+8)  / arrImageBoxdimensions.width)  * 100;
			var yScale = ((this.height+31) / arrImageBoxdimensions.height) * 100;
			new Effect.Scale($('browser'), xScale, {scaleY: false, duration: 0.3}); 
			new Effect.Scale($('browser'), yScale, {scaleX: false, duration: 0.3}); 
			new Effect.Appear($('image'), {duration: 0.3, queue:'end'});
			$('browser-title').innerHTML = LightboxTitle[ind];
			new Effect.Appear($('prev'), {duration: 0.1, queue:'end'});
			new Effect.Appear($('next'), {duration: 0.1, queue:'end'});
			currentLightboxImage = ind;
		}
		imgPreloader.src = LightboxArray[ind];
	}
	
	function buildBrowser(){
		if($('browser-container')) return;
		var objBody,objBrowserContainer,objBrowser,objImgbox;
		objBody = document.getElementsByTagName("body").item(0);
		objBrowserContainer = new Element('div', { 'id': 'browser-container' })
		objBrowserContainer.style.display = 'none';
		objBody.appendChild(objBrowserContainer);
		objBrowser = new Element('div',{'id':'browser'});
		objBrowserContainer.appendChild(objBrowser);
		objImgbox = new Element('div',{'id':'imagebox'});
		objBrowser.appendChild(objImgbox);
		objBrowserContainer.style.display = 'block';
	}

	function Overlay(){
		if($('overlay')) return;
		var objBody,objOverlay;
		objBody = document.getElementsByTagName("body").item(0);
		objOverlay = new Element('div', { 'id': 'overlay' })
		objOverlay.style.display = 'none';
		objBody.appendChild(objOverlay);
		$('overlay').style.display='block';
		$('overlay').onclick = hideOverlay;
	}

	function hideOverlay(){
		if($('overlay')) $('overlay').remove();
		if($('browser-container')) $('browser-container').style.display='none';
		//if($('browser')) $('browser').style.display='none';
		if($('image')) $('image').remove();
		if($('thumbleft')) $('thumbleft').hide();
		if($('thumbright')) $('thumbright').hide();
	}

	function initSlideshow(){
		if(!$('images')) return;
		var arrTags,i;
		arrTags = $('images').getElementsByTagName('img');
		var startImg;
		for(i=0;i<arrTags.length;i++){
			arrImages.push(arrTags[i].id);
			if(i!=0) arrTags[i].style.display='none';
			arrTags[i].className='';
		}
		if(arrTags.length>1) window.setInterval(slideshow,(slideshowTimeout*1000));
	}
	
	function popupClose(){
		if($('popup-img')){
			$('popup-img').title = "klik om venster te sluiten";
			$('popup-img').alt = "klik om venster te sluiten";
			$('popup-img').style.cursor = "pointer";
			$('popup-img').onclick = function(){
				window.close();
			}
		}
	}
		
	function slideshow(){
		if(currentImage<(arrImages.length-1)){
			Effect.Fade(arrImages[currentImage], { duration:1.6, from:1.0, to:0.0 });
			currentImage++;
			Effect.Appear(arrImages[currentImage], { duration:1.6, from:0.0, to:1.0 });
		}
		else{
			Effect.Fade(arrImages[currentImage], { duration:1.6, from:1.0, to:0.0 });
			currentImage=0;
			Effect.Appear(arrImages[currentImage], { duration:1.6, from:0.0, to:1.0 });
		}
	}
	
		
	function popwindow(strURL,windowname,popwidth,popheight,features){
		var strfeatures;
		strfeatures = 'width='+popwidth+',height='+popheight+','+features;
		if(window.screen){
			var WindowLeft = (screen.width-popwidth)/2;
			var WindowTop = (screen.height-popheight)/2;
			strfeatures = 'top='+WindowTop+',left='+WindowLeft+','+strfeatures;
		}
		var openen=window.open(strURL,windowname,strfeatures);
		openen.focus();
		return false;
	}