// JavaScript Document

var tijd_interval = 3000; // in miliseconden
var currentDesc= 'desc0';
var activenavigatie=-1;
var running = null;

function ToggleShow()
{
  if (running == null)
  {
    runShow();
  }
  else
  {
    window.clearTimeout(running);
    running = null;
  }
}

function runShow()
{
  if(activenavigatie==slides.length-1)
  {
    playTransition(0);
  }
  else
  {
    playTransition(parseInt(activenavigatie)+1);
  }

  running = window.setTimeout("runShow()",tijd_interval);
}
	
 function Prev()
 {
  if(activenavigatie==0)
  {
    playTransition(slides.length-1);
  }
  else
  {
    playTransition(activenavigatie-1);
  }
}

function Next()
{
  if(activenavigatie==slides.length-1)
  {
    playTransition(0);
  }
  else
  {
    playTransition(parseInt(activenavigatie)+1);
  }
}


function GenerateLinks()
{
  for(var slide=0;slide<slides.length;slide++)
  {
    document.write("<div  align='center' class='navigatieOff' id='navigatie"+slide+"'  onClick=\"playTransition('"+slide+"')\" onMouseOver=\"navigatieOver('"+slide+"')\" onMouseOut=\"navigatieOff('"+slide+"')\">"+(parseInt(slide)+1)+"</div>&nbsp;| \n");
  }
}
// function to perform transition
function playTransition(i)
{
if (slides[0] != null)
{
  if (activenavigatie!=i)
  {
    if (document.all)
    {
      document.all.projectphoto.filters.blendTrans.Apply();
      document.all.projectphoto.src = slides[i][0];
      document.all.projectphoto.filters.blendTrans.Play();
    }
    else
    {
     document.getElementById('projectphoto').src = slides[i][0];
    }
    if (document.getElementById('projectphoto2')) 
    {
		if (document.all)
    {
    	document.getElementById('projectphoto2').filters.blendTrans.Apply();
    	document.getElementById('projectphoto2').src = slides[i][1];
    	document.getElementById('projectphoto2').filters.blendTrans.Play();
	}
	    else
    {
     document.getElementById('projectphoto2').src = slides[i][1];
    }
    }
  }
  document.getElementById('slideshowdescription').innerHTML = slides[i][2];
  setActivenavigatie(i);
  }
}

function navigatieOver(number) {
  if (activenavigatie!=number){
    document.getElementById('navigatie' + number).className='navigatieOver';
  }
}

function navigatieOff(number) {
  if (activenavigatie!=number){
    document.getElementById('navigatie' + number).className= 'navigatieOff';
  }
}

function setActivenavigatie(number) {
  document.getElementById('navigatie' + number).className='navigatieActive';
  if (activenavigatie !=-1) document.getElementById('navigatie' + activenavigatie).className= 'navigatieOff';
    activenavigatie= number;
}