// Slideshow	

	var opacitySpeed = 10;	// Speed of opacity - switching between large images - Lower = faster
	var opacitySteps = 10; 	// Also speed of opacity - Higher = faster
	var slideSpeed = 5;	// Speed of thumbnail slide - Lower = faster
	var slideSteps = 8;	// Also speed of thumbnail slide - Higher = faster
	var columnsOfThumbnails = 12;	// Hardcoded number of thumbnail columns
	
	/* Don't change anything below here */
	var sl_largeImage = false;
	var sl_imageToShow = false;
	var sl_currentOpacity = 100;
	var sl_slideWidth = false;
	var sl_thumbTotalWidth = false;
	var sl_viewableWidth = false;
	
	var currentUnqiueOpacityId = false;
	var sl_currentActiveImage = false;
	var sl_thumbDiv = false;
	var sl_thumbSlideInProgress = false;
	
	var browserIsOpera = navigator.userAgent.indexOf('Opera')>=0?true:false;
	var leftArrowObj;
	var rightArrowObj;
	var thumbsColIndex = 1;
	var thumbsLeftPos = false;
	
	function initGalleryScript()
	{
		leftArrowObj = document.getElementById('sl_leftArrow');		
		leftArrowObj.style.visibility='hidden';
		rightArrowObj = document.getElementById('sl_rightArrow');	
		leftArrowObj.style.cursor = 'pointer';	
		rightArrowObj.style.cursor = 'pointer';	
		leftArrowObj.onclick = moveThumbnails;
		rightArrowObj.onclick = moveThumbnails;
		sl_largeImage = document.getElementById('sl_largeImage').getElementsByTagName('IMG')[0];
		var innerDiv = document.getElementById('sl_thumbs_inner');
		sl_slideWidth = innerDiv.getElementsByTagName('DIV')[0].offsetWidth;
		sl_thumbDiv = document.getElementById('sl_thumbs_inner');
		sl_thumbDiv.style.left = '0px';
		
		var subDivs = sl_thumbDiv.getElementsByTagName('DIV');
		sl_thumbTotalWidth = 0;
		var tmpLeft = 0;
		for(var no=0;no<subDivs.length;no++){
			if(subDivs[no].className=='strip_of_thumbnails'){
				sl_thumbTotalWidth = sl_thumbTotalWidth + sl_slideWidth;
				subDivs[no].style.left = tmpLeft + 'px';
				subDivs[no].style.top = '0px';
				tmpLeft = tmpLeft + subDivs[no].offsetWidth;
			}
		}

		sl_viewableWidth = document.getElementById('sl_thumbs').offsetWidth;
		
		
		sl_currentActiveImage = sl_thumbDiv.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
		sl_currentActiveImage.className='activeImage';
	}
	
	function moveThumbnails()
	{
		if(sl_thumbSlideInProgress)return;
		sl_thumbSlideInProgress = true;
		if(this.id=='sl_leftArrow'){
			thumbsColIndex--;
			rightArrowObj.style.visibility='visible';
			if(sl_thumbDiv.style.left.replace('px','')/1>=0){
				leftArrowObj.style.visibility='hidden';
				sl_thumbSlideInProgress = false;
				return;
			}
			
			slideThumbs(slideSteps,0);
			
		}else{
			thumbsColIndex++;
			leftArrowObj.style.visibility='visible';
			var left = sl_thumbDiv.style.left.replace('px','')/1;	
			var showArrow = true;
			if(sl_thumbTotalWidth + left - sl_slideWidth <= sl_viewableWidth)showArrow = false;
			if(columnsOfThumbnails)showArrow = true;
				
			if(!showArrow)	
			{
				rightArrowObj.style.visibility='hidden';
				sl_thumbSlideInProgress = false;
				return;
			}	
			
			slideThumbs((slideSteps*-1),0);
		}	
		
	}
	
	function slideThumbs(speed,currentPos)
	{
		var leftPos;
		if(thumbsLeftPos){
			leftPos= thumbsLeftPos;
		}else{
			var leftPos = sl_thumbDiv.style.left.replace('px','')/1;
			thumbsLeftPos = leftPos;
		}
		currentPos = currentPos + Math.abs(speed);		
		var tmpLeftPos = leftPos;
		leftPos = leftPos + speed;
		thumbsLeftPos = leftPos;
		sl_thumbDiv.style.left = leftPos + 'px';
		if(currentPos<sl_slideWidth)setTimeout('slideThumbs(' + speed + ',' + currentPos + ')',slideSpeed);else{
			if(tmpLeftPos>=0 || (columnsOfThumbnails && thumbsColIndex==1)){
				document.getElementById('sl_leftArrow').style.visibility='hidden';
			}	
			var left = tmpLeftPos;		
			var showArrow = true;
			if(sl_thumbTotalWidth + left - sl_slideWidth <= sl_viewableWidth)showArrow=false;
			if(columnsOfThumbnails){
				if((thumbsColIndex+1)<columnsOfThumbnails)showArrow=true; else showArrow = false;				
			}			
			if(!showArrow){
				document.getElementById('sl_rightArrow').style.visibility='hidden';
			}					
			sl_thumbSlideInProgress = false;
		}
	
	}
	
	function showPreview(imagePath,inputObj)
	{		
		if(sl_currentActiveImage){
			if(sl_currentActiveImage==inputObj.getElementsByTagName('IMG')[0])return;
			sl_currentActiveImage.className='';
		}
		sl_currentActiveImage = inputObj.getElementsByTagName('IMG')[0];
		sl_currentActiveImage.className='activeImage';
		
		sl_imageToShow = imagePath;
		var tmpImage = new Image();
		tmpImage.src = imagePath;
		currentUnqiueOpacityId = Math.random();
		moveOpacity(opacitySteps*-1,currentUnqiueOpacityId);
	}
	
	function setOpacity()
	{
		if(document.all)
		{
			sl_largeImage.style.filter = 'alpha(opacity=' + sl_currentOpacity + ')';
		}else{
			sl_largeImage.style.opacity = sl_currentOpacity/100;
		}		
	}
	function moveOpacity(speed,uniqueId)
	{
		
		if(browserIsOpera){
			sl_largeImage.src = sl_imageToShow;
			return;
		}
		
		sl_currentOpacity = sl_currentOpacity + speed;
		if(sl_currentOpacity<=5 && speed<0){
		
			var tmpParent = sl_largeImage.parentNode; 
			sl_largeImage.parentNode.removeChild(sl_largeImage);
			sl_largeImage = document.createElement('IMG');
			tmpParent.appendChild(sl_largeImage);
			setOpacity();
			sl_largeImage.src = sl_imageToShow;
		
			speed=opacitySteps;
		}
		if(sl_currentOpacity>=99 && speed>0)sl_currentOpacity=99;		
		setOpacity();	
		if(sl_currentOpacity>=99 && speed>0)return;		
		if(uniqueId==currentUnqiueOpacityId)setTimeout('moveOpacity(' + speed + ',' + uniqueId + ')',opacitySpeed);		
	}


   
  var xmlSlides;
  var la = new Array;
  var th = new Array;
  th["regels"] = 1;
  th["tkst"] = "";
  la["tkst"] = "";

  function laad(xml) {
    xmlSlides = leesdata(xml);
  }

  function maakThumbs(inDiv) {
    th["tkst"] = '<div id="sl_panel_one"><div id="sl_thumbs">	<div id="sl_thumbs_inner"><div class="strip_of_thumbnails">';
    var cnt=0;
    var r=1;
    var oc=""

    for (cnt=0; cnt<xmlSlides["slides"]["slide"].length; cnt++) {
      oc = "showPreview('"+xmlSlides["slides"]["pad"]["large"]+xmlSlides["slides"]["slide"][cnt]["afb"]+"'";
      if (cnt == 0 ) {th["tkst"] = th["tkst"] + '<div><a id="fith["regels"]tThumbnailLink"';}
      else {th["tkst"] = th["tkst"] + '<div><a ';}
      th["tkst"] = th["tkst"] + ' href="#" onclick="' + oc + ',this);return false;">';
      th["tkst"] = th["tkst"] + '<img src="'+xmlSlides["slides"]["pad"]["tn"]+xmlSlides["slides"]["slide"][cnt]["afb"]+'">';
      th["tkst"] = th["tkst"] + '</a></div>'; 
      if (r == th["regels"]) {
        th["tkst"] = th["tkst"] + '</div><div class="strip_of_thumbnails">';
        r = 1;
      }
      else {r++}
    }
    var al = xmlSlides["slides"]["pad"]["tn"]+xmlSlides["slides"]["arrow"]["left"];
    var ar = xmlSlides["slides"]["pad"]["tn"]+xmlSlides["slides"]["arrow"]["right"];
    th["tkst"] = th["tkst"] + '</div></div></div><div id="sl_arrows">'
		        + '<img id="sl_leftArrow" class="leftArrow" src="'+al+'">'
      		  + '<img id="sl_rightArrow" class="rightArrow" src="'+ar+'"></div></div>';
    writeText(inDiv,th["tkst"]);
  }

  function maakLarge(inDiv) {
    la["tkst"] = '<div id="sl_largeImage"><table><tr><td>'
       + '<img src="'+xmlSlides["slides"]["pad"]["large"]+xmlSlides["slides"]["slide"][0]["afb"]+'">'
			 + '</td></tr></table></div>';
    writeText(inDiv,la["tkst"]);
  }