if(!document.getElementById && document.all) {
  document.getElementById = function(id) {
    return document.all[id];
  }
}
if(!document.getElementById && document.layers) {
  document.getElementById = function(id) {
    return document.layers[id];
  }
}

var activeThumb = -1;
var img2005 = new Array();

img2005[0] = {thumb:"f1.jpg", full:"modder.jpg"};
img2005[1] = {thumb:"f2.jpg", full:"caravaan.jpg"};
img2005[2] = {thumb:"f4.jpg", full:"fiets.jpg"};
img2005[3] = {thumb:"f5.jpg", full:"kampvuur.jpg"};
img2005[4] = {thumb:"auto1.jpg", full:"storm.jpg"};
img2005[5] = {thumb:"auto2.jpg", full:"man.jpg"};
img2005[6] = {thumb:"auto3.jpg", full:"brood.jpg"};
img2005[7] = {thumb:"auto4.jpg", full:"stoom.jpg"};

function clickThumb(num, fullImage) {
  if(num == activeThumb) {
    document.getElementById('fotoContainer').style.display = "none";
    document.getElementById('textContainer').style.display = "block";
  } else {
    activeThumb = num;
    document.getElementById('foto').num = num;
    document.getElementById('foto').onerror = function() {alert(this.src + " kon niet worden geladen");clickThumb(this.num, "");};
    document.getElementById('foto').src = "media/2005/" + fullImage;
    document.getElementById('foto').alt = fullImage;
    document.getElementById('fotoContainer').style.display = "block";
    document.getElementById('textContainer').style.display = "none";
  }
}

function loadThumbs() {
  if(thumbOnLoad) thumbOnLoad();
  
  var docImages = new Array();
  
  for(var i = 0; i < document.images.length; i++) {
    if(document.images[i].src.match(/media\/2005\/s/)) {
      docImages.push(document.images[i]);
    }
  }

  for(var i = 0; i < img2005.length; i++) {
    for(var j = 0; j < docImages.length; j++) {
      if(docImages[j].src.indexOf(img2005[i].thumb) > -1) {
        docImages[j].style.cursor = "pointer";
        docImages[j].num = j;
        docImages[j].fullImage = img2005[i].full;
        docImages[j].onclick = function() {
          clickThumb(this.num, this.fullImage);
          return false;
        }
        break;
      }
    }
  }
}

var thumbOnLoad = window.onload;
window.onload = loadThumbs;