/************************************************************************************************************
	(C) www.dhtmlgoodies.com, June 2006
	
	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
	
	Terms of use:
	You are free to use this script as long as the copyright message is kept intact. However, you may not
	redistribute, sell or repost it without our permission.
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland
	
	
	>> Some functions have been removed to fit the desired functionality for this site.
	>> Some Function have ben alterd
	>> see http://www.dhtmlgoodies.com/scripts/image-slideshow-5/image-slideshow-5.html for the full script
	
	************************************************************************************************************/	
	
	
	var slideSpeed = 5;		// Speed of thumbnail slide - Lower = faster
	var slideSteps = 8;		// Also speed of thumbnail slide - Higher = faster
	var columnsOfThumbnails = 4 ;    // totaal aantal thumbs to view 
	var totalColums;

	var DHTMLgoodies_currentOpacity = 100;
	var DHTMLgoodies_slideWidth = false;
	var DHTMLgoodies_thumbTotalWidth = false;
	var DHTMLgoodies_viewableWidth = false;
	
	var currentUnqiueOpacityId = false;
	var DHTMLgoodies_currentActiveImage = false;
	var DHTMLgoodies_thumbDiv = false;
	var DHTMLgoodies_thumbSlideInProgress = false;
	
	var leftArrowObj;
	var rightArrowObj;
	var thumbsColIndex = 1;
	var thumbsLeftPos = false;
	
	function initGalleryScript()
	{
		var innerDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
		DHTMLgoodies_slideWidth = 103;
		DHTMLgoodies_thumbDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
		if (DHTMLgoodies_thumbDiv != null) 
		{
			totalColums = 0;
			DHTMLgoodies_thumbDiv.style.left = '0px';
			var subDivs = DHTMLgoodies_thumbDiv.getElementsByTagName('DIV');
			DHTMLgoodies_thumbTotalWidth = 0;
			var tmpLeft = 0;
			for(var no=0;no<subDivs.length;no++)
			{
				if(subDivs[no].className=='thumbnail')
				{
					DHTMLgoodies_thumbTotalWidth = DHTMLgoodies_thumbTotalWidth + DHTMLgoodies_slideWidth;
					subDivs[no].style.left = tmpLeft + 'px';
					subDivs[no].style.top = '0px';
					tmpLeft = tmpLeft + subDivs[no].offsetWidth;
					totalColums ++;
				}
			}
			DHTMLgoodies_viewableWidth = document.getElementById('DHTMLgoodies_thumbs').offsetWidth;
		}
		leftArrowObj = document.getElementById('DHTMLgoodies_leftArrow');
		if (leftArrowObj != null) 
		{	
			if (thumbsColIndex > 1)
			{
				leftArrowObj.style.visibility='visible';
			}else
			{
				leftArrowObj.style.visibility='hidden';
			}
			leftArrowObj.style.cursor = 'pointer';	
			leftArrowObj.onclick = moveThumbnails;
		}
		rightArrowObj = document.getElementById('DHTMLgoodies_rightArrow');	
		if (rightArrowObj != null) 
		{
			if ((totalColums - (thumbsColIndex -1) - columnsOfThumbnails) > 0)
			{
				rightArrowObj.style.visibility='visible';
			}else
			{
				rightArrowObj.style.visibility='hidden';
			}
			rightArrowObj.style.cursor = 'pointer';	
			rightArrowObj.onclick = moveThumbnails;
		}

	}
	
	function moveThumbnails()
	{
		if(DHTMLgoodies_thumbSlideInProgress)
		{
			return;
		}
		DHTMLgoodies_thumbSlideInProgress = true;
		if(this.id=='DHTMLgoodies_leftArrow')
		{
			thumbsColIndex--;
			if(DHTMLgoodies_thumbDiv.style.left.replace('px','')/1>=0)
			{
				DHTMLgoodies_thumbSlideInProgress = false;
				return;
			}
			slideThumbs(slideSteps,0);
		}else
		{
			thumbsColIndex++;
			var left = DHTMLgoodies_thumbDiv.style.left.replace('px','')/1;	
			slideThumbs((slideSteps*-1),0);
		}
	}
	
	function slideThumbs(speed,currentPos)
	{
		var leftPos;
		if(thumbsLeftPos)
		{
			leftPos = thumbsLeftPos;
		}else
		{
			var leftPos = DHTMLgoodies_thumbDiv.style.left.replace('px','')/1;
			thumbsLeftPos = leftPos;
		}
		currentPos = currentPos + Math.abs(speed);		
		var tmpLeftPos = leftPos;
		leftPos = leftPos + speed;
		thumbsLeftPos = leftPos;
		DHTMLgoodies_thumbDiv.style.left = leftPos + 'px';
		if(currentPos<DHTMLgoodies_slideWidth)
		{
			setTimeout('slideThumbs(' + speed + ',' + currentPos + ')',slideSpeed);
		}else
		{
			if (leftArrowObj != null) 
			{	
				if (thumbsColIndex > 1)
				{
					leftArrowObj.style.visibility='visible';
				}else
				{
					leftArrowObj.style.visibility='hidden';
				}
			}
			if (rightArrowObj != null) 
			{
				if ((totalColums - (thumbsColIndex -1) - columnsOfThumbnails) > 0)
				{
					rightArrowObj.style.visibility='visible';
				}else
				{
					rightArrowObj.style.visibility='hidden';
				}
			}
			DHTMLgoodies_thumbSlideInProgress = false;
		}
	}