var imageCount = 36;
var slideSpeed = 3000;
var slideImages = new Array();
var currentImageIndex=0;
var imageElement;
var filterSupport;
var blendDelay;

function initializeAnimation(fadingStartImage)
{
   loadImages(fadingStartImage);
   //Start the fading.
   imageElement=document.getElementById("slideshow") ;
   filterSupport=imageElement.filters;
   blendDelay=(filterSupport)? imageElement.filters[0].duration*1000 : 0;
   setTimeout("slideIt()", slideSpeed);
}

function loadImages(startImage)
{
    for (var i = 0; i < imageCount; i++)
    {
        slideImages[i] = new Image();
        if (startImage < 10)
        {
	        slideImages[i].src = "gfx/lebellevue_header_0" + (startImage) + ".gif";
        }
        else
        {
	        slideImages[i].src = "gfx/lebellevue_header_" + (startImage) + ".gif";
        }
        startImage++;
        if (startImage == imageCount) startImage = 0;
    }
}

function slideIt()
{
    if (filterSupport)
    {
      imageElement.filters[0].apply();
    }

    imageElement.src=slideImages[currentImageIndex].src;
    if (filterSupport)
    {
	     imageElement.filters[0].play();
    }
    currentImageIndex=(currentImageIndex<slideImages.length-1)? currentImageIndex+1 : 0;         
    setTimeout("slideIt()", slideSpeed+blendDelay);
}