var displayWaitMessage=true;	// Message weergeven bij het loaden 		
var activeImage = false;
var imageGalleryLeftPos = false;
var imageGalleryWidth = false;
var imageGalleryObj = false;
var maxGalleryXPos = false;
var slideSpeed = 0;
var imageGalleryCaptions = new Array();
var richting = "";

function getQueryVariable(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++) {
		var pair = vars[i].split("=");
		if (pair[0] == variable) {
			return pair[1];
		}
	}
} 

//Om te starten met images te bewegen
function startSlide(e)
{
	if(document.all)e = event;
	var id = this.id;
		if (slideSpeed==0)	
		{
			if (getQueryVariable("page") == "home")
			{
				if (richting == "rechts")	{
					slideSpeed = -5;		
				}	else	{
					slideSpeed = 5;
				}
			
			}	else	{
				if (richting == "rechts")	{
					slideSpeed = -3;		
				}	else	{
					slideSpeed = 3;
				}
			}
		}
}

//Om te stoppen met images te bewegen
function releaseSlide()
{
	var id = this.id;
	slideSpeed=0;
}
	
function gallerySlide()
{
	if(slideSpeed!=0){
		var leftPos = imageGalleryObj.offsetLeft;
		leftPos = leftPos/1 + slideSpeed;
		var f = 70;
		if(leftPos > maxGalleryXPos){		
			leftPos = maxGalleryXPos;
			if (getQueryVariable("page") == "home")
			{
				slideSpeed = -5;
				richting = "rechts";
			}	else	{
				slideSpeed = -3;
				richting = "rechts";
			}		
		}
		if(leftPos < minGalleryXPos + f){		
			leftPos = minGalleryXPos + f;
			if (getQueryVariable("page") == "home")
			{
				slideSpeed = 5;
				richting = "links";
			}	else	{
				slideSpeed = 3;
				richting = "links";
			}
		}
		
		imageGalleryObj.style.left = leftPos + 'px';
	}
	setTimeout('gallerySlide()',20);	
}

function showImage()
{
	if(activeImage){
		activeImage.style.filter = 'alpha(opacity=50)';	
		activeImage.style.opacity = 0.5;
	}	
	this.style.filter = 'alpha(opacity=100)';
	this.style.opacity = 1;	
	activeImage = this;	
}

function initSlideShow()
{
	
	if (richting == "")	
	{
		document.getElementById('right').onmousemove = startSlide;
		document.getElementById('header').onmousemove = startSlide;
		document.getElementById('content').onmousemove = startSlide;
		document.getElementById('previewPane').onmousemove = startSlide;
	}
	document.getElementById('theImages').onmousemove = releaseSlide;
	document.getElementById('theImages').onmouseout = startSlide;
	
	

	
	imageGalleryObj = document.getElementById('theImages');
	imageGalleryLeftPos = imageGalleryObj.offsetLeft;
	imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - 80;
	maxGalleryXPos = imageGalleryObj.offsetLeft; 
	minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
	
	var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
	for(var no=0;no<slideshowImages.length;no++){
		slideshowImages[no].onmouseover = showImage;
	}
	
	var divs = imageGalleryObj.getElementsByTagName('DIV');
	for(var no=0;no<divs.length;no++){
		if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
	}
	gallerySlide();
}

function showPreview(imagePath,imageIndex){
	var subImages = document.getElementById('previewPane').getElementsByTagName('IMG');
	if(subImages.length==0){
		var img = document.createElement('IMG');
		document.getElementById('previewPane').appendChild(img);
	}else img = subImages[0];
	
	if(displayWaitMessage){
		document.getElementById('waitMessage').style.display='inline';
	}
	document.getElementById('largeImageCaption').style.display='none';
	img.onload = function() { hideWaitMessageAndShowCaption(imageIndex-1); };
	img.src = imagePath;
}
function hideWaitMessageAndShowCaption(imageIndex)
{
	document.getElementById('waitMessage').style.display='none';	
	document.getElementById('largeImageCaption').style.display='block';
	
}
window.onload = initSlideShow;