// http://slayeroffice.com/code/imageCrossFade/

document.onLoad
{
    var currentPhoto = 0;
    var secondPhoto = 1;

    var currentOpacity = new Array();
    var pause = false;

    /* Images Preloader
    Laad de eerste twee afbeeldingen in*/

    var preLoad = new Array()
    for(i=1;i<3;i++)
    {
       preLoad[i] = new Image()
       preLoad[i].src = imageArray[i]
    }
    init();
}

function init() {
    currentOpacity[0]=99;
    for(i=1;i<imageArray.length;i++)currentOpacity[i]=0;
    mHTML="";
    for(i=0;i<imageArray.length;i++)mHTML+="<div id=\"photo\" name=\"photo\" class=\"mPhoto\" style=\"-moz-opacity:0.0; filter:Alpha(opacity=0);\"><img align=\"center\" src=\"" + imageArray[i]  +"\"></div>";
    document.getElementById("rotatingPhotos").innerHTML = mHTML;

    if (document.getElementsByName("photo")[currentPhoto].style.opacity) {
        /* CSS3 compatible */
        document.getElementsByName("photo")[currentPhoto].style.opacity = .99;
    }
    else if(document.all) {
        document.getElementsByName("photo")[currentPhoto].style.filter="alpha(opacity=100)";
    } else {
        document.getElementsByName("photo")[currentPhoto].style.MozOpacity = .99;
    }

    mInterval = setInterval("crossFade()",FADE_INTERVAL);
}

function crossFade() {
    if(pause)return;

    currentOpacity[currentPhoto]-=FADE_STEP;
    currentOpacity[secondPhoto] += FADE_STEP;


    if (document.getElementsByName("photo")[currentPhoto].style.opacity) {
        /* CSS3 compatible */
        document.getElementsByName("photo")[currentPhoto].style.opacity = currentOpacity[currentPhoto]/100;
        document.getElementsByName("photo")[secondPhoto].style.opacity = currentOpacity[secondPhoto]/100;
    }
    else if(document.all) {
        document.getElementsByName("photo")[currentPhoto].style.filter = "alpha(opacity=" + currentOpacity[currentPhoto] + ")";
        document.getElementsByName("photo")[secondPhoto].style.filter = "alpha(opacity=" + currentOpacity[secondPhoto] + ")";
    } else {
        document.getElementsByName("photo")[currentPhoto].style.MozOpacity = currentOpacity[currentPhoto]/100;
        document.getElementsByName("photo")[secondPhoto].style.MozOpacity =currentOpacity[secondPhoto]/100;
    }

    if(currentOpacity[secondPhoto]/100>=.98) {
        currentPhoto = secondPhoto;
        secondPhoto++;
        if(secondPhoto == imageArray.length)secondPhoto=0;
        pause = true;
        xInterval = setTimeout("pause=false",FADE_WAIT);
    }
}