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

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


pageImages[0] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/SITUATIEschemanieuw.jpg', 'situatie');
pageImages[1] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/p33kopie.jpg', 'wintertuin');
pageImages[2] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/p34kopie.jpg', 'straatbeeld');
pageImages[3] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/p43kopie.jpg', 'gymlokaal');
pageImages[4] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/p36kopie.jpg', 'toegang plein');
pageImages[5] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/2massa2.jpg', 'massa 1');
pageImages[6] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/p39kopie.jpg', 'vogelvlucht');
pageImages[7] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/3d_schemakopie.jpg', 'massa 2');
pageImages[8] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/afdeling.jpg', 'afdeling');
pageImages[9] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/schets_bgkopie.jpg', 'begane grond');
pageImages[10] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/schets_vd1kopie.jpg', 'eerste verdieping');
pageImages[11] = new URL ('http://www.jorissensimonettiarchitecten.nl/projecten/prijsvragen/piloot/foto/schets_vd2kopie.jpg', 'tweede verdieping');

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();
}