// JavaScript Document

var timer = 8000
var t
var j = 1

var verzameling = new Array()
verzameling[0] = ['images/kennedy.png','fotoh']
verzameling[1] = ['images/boulevard.png','fotoh']


var aantal = verzameling.length
var preload = new Array()
for (i = 0; i < aantal; i ++) {
	preload[i] = new Image()
	preload[i].src = verzameling[i][0]
}

var dom =(document.getElementById)

function changePhoto() {
	
	imageId = verzameling[j][1]
	imageId0 = imageId + '0'
	imageId1 = imageId + '1'
	if (dom) {	
		document.getElementById(imageId0).src = document.getElementById(imageId1).src
		image = document.getElementById(imageId1)	
		setOpacity(image, 0)
		document.getElementById(imageId1).src = preload[j].src
		fadeIn (imageId1,0)
	} else {
		document.images(imageId1).src = preload[j].src
	}
	j = j + 1
	if (j > (aantal - 1)) j = 0
	window.setTimeout('changePhoto()', timer)
	
}
function start() {	
	window.setTimeout('changePhoto()', timer)
}
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}
function fadeIn(objId,opacity) {  
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 1;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 10);
    }  
}