imgArray = new Array()
imgArray[0] = 'images/frontpage/building1.jpg';
imgArray[1] = 'images/frontpage/picture1.jpg';
imgArray[2] = 'images/frontpage/picture2.jpg';
imgArray[3] = 'images/frontpage/picture3.jpg';
imgArray[4] = 'images/frontpage/picture4.jpg';
imgArray[5] = 'images/frontpage/picture5.jpg';
imgArray[6] = 'images/frontpage/picture6.jpg';
imgArray[7] = 'images/frontpage/picture7.jpg';
imgArray[8] = 'images/frontpage/picture8.jpg';
imgArray[9] = 'images/frontpage/picture9.jpg';

//randomly select the order of the 
var imgOrderArray = new Array();

while (imgOrderArray.length != imgArray.length) {
    intSeed = (Math.round(Math.random()*(imgArray.length-1)));
    blnFound = false;
    for (i=0; i<imgOrderArray.length; i++) {
        if (imgOrderArray[i] == intSeed) {
            i = imgOrderArray.length;
            blnFound = true;
        }
    }
    
    if (!blnFound) imgOrderArray[imgOrderArray.length] = intSeed;
}

//preload the images into the holding array
imagesPreloaded = new Array();
for (var i=0; i<imgOrderArray.length; i++) {
    imagesPreloaded[i] = new Image(180,120);
    imagesPreloaded[i].src = imgArray[imgOrderArray[i]];
}

imgNotUsed = new Array();

function init() {
    document.getElementById("image0").src = imagesPreloaded[0].src;
    document.getElementById("image1").src = imagesPreloaded[1].src;
    document.getElementById("image4").src = imagesPreloaded[2].src;
    document.getElementById("image5").src = imagesPreloaded[3].src;
    document.getElementById("image6").src = imagesPreloaded[4].src;
    document.getElementById("image7").src = imagesPreloaded[5].src;
    document.getElementById("image7").src = imagesPreloaded[5].src;
    
    document.getElementById("image2").style.display = 'none';
    document.getElementById("image3").style.display = 'none';
    document.getElementById("image8").style.display = 'none';
    
    imgNotUsed[0] = imagesPreloaded[6].src;
    imgNotUsed[1] = imagesPreloaded[7].src;
    imgNotUsed[2] = imagesPreloaded[8].src;
    imgNotUsed[3] = imagesPreloaded[9].src;
    
    window.setTimeout('loadImage("show")', 1500);
}

var hide;
var replace;
var intImage

function loadImage(imgSwitch) {
    var blnImgFound = false;
    
    if (imgSwitch == 'hide') {
        //pick which image to hide
        while (!blnImgFound) {
            hide = 'image' + (Math.round(Math.random()*8));
            if (document.getElementById(hide).style.display == '') blnImgFound = true;
        }
        
        opacity(hide, 100, 0, 800);
        imgSwitch = 'show';
        imgNotUsed[intImage] = document.getElementById(hide).src;
    } else {
        //pick which image to replace
        blnImgFound = false;
        while (!blnImgFound) {
            replace = 'image' + (Math.round(Math.random()*8));
            if (replace != hide) { 
                if (document.getElementById(replace).style.display == 'none') blnImgFound = true;
            }
        }

        //pick the new image       
        intImage = (Math.round(Math.random()*(imgNotUsed.length-1)));

        //set the new image and display
        document.getElementById(replace).src = imgNotUsed[intImage];
        opacity(replace, 0, 100, 800);
        
        imgSwitch = 'hide';
    }
    
    window.setTimeout('loadImage("' + imgSwitch + '")', 1500);
}

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++; 
        }
        setTimeout("document.getElementById('" + id + "').style.display = 'none'", (timer * speed));
    } else if(opacStart < opacEnd) { 
        changeOpac(0, id);
        document.getElementById(id).style.display = '';
        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 + ")"; 
}