var timeout = 6000;
pageImages = new Array(4);

function URL( url, title ) {
  this.url = url;
  this.title = title;
}


pageImages[0] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/onderwijs/Graafschap_College/Foto/05546%20(1).jpg', '05546 (1).jpg');
pageImages[1] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/onderwijs/Graafschap_College/Foto/05546%20(2).jpg', '05546 (2).jpg');
pageImages[2] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/onderwijs/Graafschap_College/Foto/05546%20(6).jpg', '05546 (6).jpg');
pageImages[3] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/onderwijs/Graafschap_College/Foto/05546%20(7).jpg', '05546 (7).jpg');

var curpageImage = 0;
var prevpageImage = 0;
var recur_call = "recurPageImage()";
var mytimer;

function getPageImage()
{
  return pageImages[curpageImage];
}

function getNextPageImage()
{
  prevpageImage = curpageImage;
  curpageImage = curpageImage+1;
  if (curpageImage >= pageImages.length) {
    curpageImage = 0;
    prevpageImage = pageImages.length-1;
  }
  return curpageImage;
}

function replacePageImageNow(_pageImage)
{
  prevpageImage = curpageImage;
  curpageImage = _pageImage;
  replacePageImage();
  clearTimeout(mytimer);
  //setTimeout(recur_call, timeout);
}

function replacePageImage()
{
  var pageimagetag = document.getElementById('highlight');
  if (pageimagetag.id)
  {
    pageimagetag.src = getPageImage().url;
    pageimagetag.alt = getPageImage().title;
  }
  var prevphotolink = document.getElementById('photolink'+prevpageImage);
  prevphotolink.className="";
  
  var curphotolink = document.getElementById('photolink'+curpageImage);
  curphotolink.className="onpath";

}

function recurPageImage()
{
  ni = getNextPageImage();
  replacePageImage();
  mytimer = setTimeout(recur_call, timeout);
}

window.onload=function()
{
  if (document.getElementById("q")) {
    var searchinput = document.getElementById("q");
    searchinput.onfocus = function() { this.value = ""; }
  }

  recurPageImage();
}