// Java Document
  var index = 0;
  var slideShowSpeed = 3000;
  // Duration of crossfade (seconds)
  var crossFadeDuration = 2;
  var preLoad;
  var nLineTop;
  var nLineBottom;
  var nLineLeft;
  var nLineRight;
  var nEndTop;
  var nEndBottom;
  var nEndLeft;
  var nEndRight;
  var nStepSize = 3;
  var nNumber;

  function loadSlideShow ()
  {
	var i = 0;
    // Specify the image files
    var Pic = new Array();
    // to add more images, just continue
    // the pattern, adding to the array below

    Pic[ 0] = 'http://www.alexanderengberts.nl/Images/FB-01.jpg'
    Pic[ 1] = 'http://www.alexanderengberts.nl/Images/FB-02.jpg'
    Pic[ 2] = 'http://www.alexanderengberts.nl/Images/FlashbalkCompany-1.jpg'
    Pic[ 3] = 'http://www.alexanderengberts.nl/Images/FB-03.jpg'
    Pic[ 4] = 'http://www.alexanderengberts.nl/Images/FB-04.jpg'
    Pic[ 5] = 'http://www.alexanderengberts.nl/Images/FB-05.jpg'
    Pic[ 6] = 'http://www.alexanderengberts.nl/Images/FlashbalkCompany-3.jpg'
    Pic[ 7] = 'http://www.alexanderengberts.nl/Images/FB-06.jpg'
    Pic[ 8] = 'http://www.alexanderengberts.nl/Images/FB-07.jpg'
    Pic[ 9] = 'http://www.alexanderengberts.nl/Images/FB-10.jpg'
    Pic[10] = 'http://www.alexanderengberts.nl/Images/FB-11.jpg'
    Pic[11] = 'http://www.alexanderengberts.nl/Images/FlashbalkCompany-2.jpg'
    Pic[12] = 'http://www.alexanderengberts.nl/Images/FB-12.jpg'
    Pic[13] = 'http://www.alexanderengberts.nl/Images/FB-13.jpg'
    Pic[14] = 'http://www.alexanderengberts.nl/Images/FB-14.jpg'
    Pic[15] = 'http://www.alexanderengberts.nl/Images/FB-16.jpg'
 
    nNumber = Pic.length;
	preLoad = new Array();

    initBox();
	scaleLogo();
    for (i = 0; i < nNumber; i++)
    {
      preLoad[i] = new Image();
      preLoad[i].src = Pic[i];
    }
  }
  function opacity(id, opacStart, opacEnd, millisec)
  {
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if (opacStart > opacEnd)
	{ 
      for(i = opacStart; i >= opacEnd; i--)
	  { 
        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
        timer++; 
      } 
    }
	else if(opacStart < opacEnd)
	{
      for(i = opacStart; i <= opacEnd; i++) 
      { 
        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
        timer++; 
      } 
    } 
  } 

  //change the opacity for different browsers 
  function changeOpac(opacity, id)
  { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
  }
  function blendimage(divid, imageid, prevFile, imagefile, millisec, PrevPosX, CurrentPosX, PrevPosY, CurrentPosY)
  { 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
     
    //set the current image as background 
	if (prevFile != "Init")
	{
      document.getElementById(divid).style.background = "url('" + prevFile + "')"; 
      document.getElementById(divid).style.backgroundPosition = PrevPosX + "px " + PrevPosY + "px"; 
	}
     
    //make image transparent 
    changeOpac(0, imageid); 
     
    //make new image 
    document.getElementById(imageid).style.background = "url('" + imagefile + "')";
    document.getElementById(imageid).style.backgroundPosition = CurrentPosX + "px " + CurrentPosY + "px"; 

    //fade in image 
    for (i = 0; i <= 100; i++)
    {
      setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
      timer++; 
    } 
  }	
  function initPage()
  {
    scaleAll ();
	loadSlideShow ();
//    runSlideShow ();
  }
  function runSlideShow()
  {
	var previous;
	var iPrevWidth;
	var iPrevHeight;
	var iWidth;
	var iHeight;
	
    previous = preLoad[index].src;
    iPrevWidth  = document.getElementById('blenddiv').clientWidth  - preLoad[index].width;
	iPrevHeight = document.getElementById('blenddiv').clientHeight - preLoad[index].height;
	
	index++;
	if (index >= nNumber)
	  index = 0;
	  
    iWidth  = document.getElementById('blenddiv').clientWidth  - preLoad[index].width;
    iHeight = document.getElementById('blenddiv').clientHeight - preLoad[index].height;
	iWidth /= 2;
	iHeight /= 2;
	iPrevWidth /= 2;
	iPrevHeight /= 2;
    blendimage ('blenddiv', 'blendimage', previous, preLoad[index].src, 1000, iPrevWidth, iWidth, iPrevHeight, iHeight);
	setTimeout('runSlideShow()', slideShowSpeed);
  }
  function scaleAll()
  {
	var nHeight;
	var nTop;
		
//    scaleLogo ();
	nHeight   = document.getElementById ('divmain').clientHeight;
	nTop  = nHeight;
	nTop *= 4;
	nTop /= 10;
//	document.getElementById ('blenddiv').style.top = nTop;
//	nHeight -= nTop;
//	nHeight -= 90;
//	document.getElementById ('blenddiv').style.height = nHeight;
	nTop -= 105;
	document.getElementById ('divtext').style.height = nTop;
  }
  function scaleLogo()
  {
	var nTop;
	var Top;

	Top = document.getElementById('top');
	if (Top)
	{
		var nWidth = document.getElementById ('divmain').clientWidth;
		Top.style.width = nWidth + 'px';
	}
	
	nTop = getOffsetTop (document.getElementById ('divmain'));
		
	if (nTop < 91)
	  document.imglogo.src = "http://www.alexanderengberts.nl/Images/logo-klein.gif";
	else
	  document.imglogo.src = "http://www.alexanderengberts.nl/Images/logo-crop.gif";
  }
  
  function getOffsetTop (obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
      while(1)
      {
        curtop += obj.offsetTop;
        if(!obj.offsetParent)
          break;
        obj = obj.offsetParent;
      }
    else if(obj.y)
      curtop += obj.y;
    return curtop;
  }
  
  function initBox()
  {

	nEndTop     = document.getElementById ('divmain').clientHeight;
	nEndBottom  = nEndTop;
	nEndTop    *= 4;
	nEndTop    /= 10.5;
	nEndBottom -= 90;
	nEndRight   = document.getElementById ('divmain').clientWidth;
	nEndLeft    =  0;
	if (nEndRight > 900)
	  nStepSize = 5;

    nLineTop      = nEndTop;
	nLineTop     += nEndBottom;
	nLineTop     /= 2;
	nLineBottom   = nLineTop;
	nLineLeft     = nEndLeft;
	nLineLeft    += nEndRight;
	nLineLeft    /= 2;
	nLineRight    = nLineLeft;
	
	setTimeout('growBox()', 10);
  }
  
  function setBox ()
  {
	nEndTop     = document.getElementById ('divmain').clientHeight;
	nEndBottom  = nEndTop;
	nEndTop    *= 4;
	nEndTop    /= 10.5;
	nEndBottom -= 90;
	nEndRight   = document.getElementById ('divmain').clientWidth;
	nEndLeft    =  0;
	if (nEndRight > 900)
	  nStepSize = 5;

    nLineTop      = nEndTop;
	nLineTop     += nEndBottom;
	nLineTop     /= 2;
	nLineBottom   = nLineTop;
	nLineLeft     = nEndLeft;
	nLineLeft    += nEndRight;
	nLineLeft    /= 2;
	nLineRight    = nLineLeft;
	document.getElementById ('blenddiv').style.right = nEndLeft + "px";
	document.getElementById ('blenddiv').style.left  = nEndLeft + "px";
	document.getElementById ('blenddiv').style.top   = nEndTop + "px";
	document.getElementById ('blenddiv').style.height = (nEndBottom-nEndTop) + "px";
	var Img = document.getElementById('plaatjesbalk');
	if (Img)
	{
		var nImgWidth     = 3500;
		var nScreenHeight = (nEndBottom - nEndTop);
		nImgWidth /= 600;
		nImgWidth *= nScreenHeight;
		var nImgLeft      = (nEndRight - nImgWidth);
		nImgLeft /= 2;
		Img.style.height = nScreenHeight + "px";
		Img.style.marginLeft = parseInt (nImgLeft) + "px";
	}
  }
  
  function growBox()
  {
	var iWidth;
	var iHeight;
	
    if (nLineLeft > nEndLeft)
	{
		nLineLeft -= nStepSize;
		if (nLineLeft < nEndLeft)
		  nLineLeft = nEndLeft;
		document.getElementById ('blenddiv').style.right = nLineLeft + "px";
		document.getElementById ('blenddiv').style.left  = nLineLeft + "px";
		document.getElementById ('blenddiv').style.top  = nLineTop + "px";
		document.getElementById ('blenddiv').style.height = "2px";
	    setTimeout('growBox()', 2);
	}
	else if (nLineTop > nEndTop || nLineBottom < nEndBottom)
	{
		if (nLineTop > nEndTop)
		  nLineTop -= 1;
		if (nLineBottom < nEndBottom)
		  nLineBottom += 1;
		document.getElementById ('blenddiv').style.top  = nLineTop + "px";
		document.getElementById ('blenddiv').style.height = (nLineBottom-nLineTop) + "px";
	    setTimeout('growBox()', 10);
	}
    else
	{
	  index = 0;
      iWidth  = document.getElementById('blenddiv').clientWidth  - preLoad[index].width;
      iHeight = document.getElementById('blenddiv').clientHeight - preLoad[index].height;
	  iWidth /= 2;
	  iHeight /= 2;
      blendimage ('blenddiv', 'blendimage', 'Init', preLoad[index].src, 1000, 0, iWidth, 0, iHeight);
	  setTimeout('runSlideShow()', slideShowSpeed);
	}
  }

function test()
{
	var nWidth;
	var nLeft;
	var nMenu;
	var Knoppen;
	
	Knoppen = document.getElementById ('knoppen');
	nWidth = Knoppen.clientWidth;
	nLeft  = Knoppen.style.left;
	nMenu = document.getElementById('menu').clientWidth;
	
	alert ('"Knoppen" is ' + nWidth + ' pixels breed; menu is ' + nMenu + ' pixels breed');
}