// Refresh rate (in ms).
var refresh = 10000;
var element = 0;


// Change the images.
function play()
    {
    if (element < imageArray.length)
        {
        document.getElementById('indexmiddle').style.backgroundImage = document.getElementById('welcomeimage').style.backgroundImage;

        setopacity(0, 'welcomeimage')
        document.getElementById('welcomeimage').style.backgroundImage = 'url(images/index/' + imageArray[element] + ')';
        fade();

        element = element + 1;
        setTimeout('play();', refresh);
        }
    else
        {
        //element = 0;
        //play();
        }
    }


// Fade in.
function fade()
    {
    var speed = Math.round(1000 / 100);
    var timer = 0; 


    var opacityvalue = 0;
    while(opacityvalue <= 100)
        {
        setTimeout("setopacity(" + opacityvalue + ", 'welcomeimage')", (timer * speed));
        timer++;
        opacityvalue = opacityvalue + 4;
        }
    }


// Change the opacity.
function setopacity(opacityvalue, id)
    {
    document.getElementById(id).style.opacity      = (opacityvalue / 100);
    document.getElementById(id).style.MozOpacity   = (opacityvalue / 100);
    document.getElementById(id).style.KhtmlOpacity = (opacityvalue / 100);
    document.getElementById(id).style.filter       = "alpha(opacity=" + opacityvalue + ")";
    } 


// Start the slideshow.
play();