var counter = -1;
var imageBuffer = new Array();

function initHeadershow()
  {
  document.write('<IMG id=foto><br>');
  counter = Math.floor((imageBuffer.length)*Math.random());
  headerimage();
  }
  
function headerimage()
  {
	counter++;
	
	if (imageBuffer[counter] == undefined)
	  {
		counter = 0;
	  }

  image = document.getElementById('foto');
	
	if ((image.src == "") || (image.src.indexOf('undefined') > -1))
	  {
	  // eerste weergave, direct weergeven
  	image.src = imageBuffer[counter];;
  	window.setTimeout("startFadeOut('foto',100)", 5000);  	
    }
  else
    {
    setOpacity(image, 0);
  	image.src = imageBuffer[counter];;
  	
  	if ((image.src == "") || (image.src.indexOf('undefined') > -1))
  	  {
  		image.style.visibility = "hidden";
  	  }
  	else
  	  {	  
  		image.style.visibility = 'visible';
  		fadeIn('foto',0);
      }
    }
  }

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 fadeOut(objId,opacity)
{
	if (document.getElementById)
  {
		obj = document.getElementById(objId);
		if (opacity >= 0)
		{
			setOpacity(obj, opacity);
			opacity -= 2;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 20);
		}
		else
		{
		headerimage();
			//window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
		}
  }
}

function startFadeOut(objId,opacity)
{
	window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
}

function fadeIn(objId,opacity) 
{
  if (document.getElementById)
  {
    obj = document.getElementById(objId);
    if (opacity <= 100)
    {
      setOpacity(obj, opacity);
      opacity += 2;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
    }
    else
    {
			//window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
			window.setTimeout("startFadeOut('"+objId+"',"+opacity+")", 5000);
    }
  }
}

