
function setBackgroundImages() {

	var imageBay1	= document.getElementById('image-bay-1');
	imageBay1.style.backgroundImage	= 'url("'+imageArray[0]+'")';
	imageBay1.style.backgroundPosition	= '310px -10px'
	imageBay1.style.backgroundRepeat	= 'no-repeat';
	var imageBay0	= document.getElementById('image-bay-0');
	imageBay0.style.backgroundImage	= 'url("'+imageArray[1]+'")';
	imageBay0.style.backgroundPosition	= '310px -10px'
	imageBay0.style.backgroundRepeat	= 'no-repeat';
	
	rotateImages(imageArray);

}

function rotateImages() {
	if ((currentImageIndex == null) || (currentImageIndex >= imageArray.length)) {
		currentImageIndex	= 0;
	}

	var nextImageIndex;
    do {
        nextImageIndex = Math.floor(Math.random()*(imageArray.length));
    } while (imageArray.length > 1 && (nextImageIndex == (currentImageIndex - 1) ||
             (nextImageIndex == 0 && currentImageIndex == imageArray.length - 1)));

	if (nextImageIndex >= imageArray.length) {
		nextImageIndex	= 0;
	}
	fade("image-bay-1", 500);
	
	setTimeout("changeBackgroundImage("+nextImageIndex+")", 500);
	
}


function changeBackgroundImage(nextImageIndex) {

	imageBay0	= document.getElementById('image-bay-0');
	imageBay1	= document.getElementById('image-bay-1');
	imageBay1.style.backgroundImage	= imageBay0.style.backgroundImage;
	changeOpac(100, 'image-bay-1');
	imageBay0.style.backgroundImage	= 'url("'+imageArray[nextImageIndex]+'")';
	currentImageIndex++;
	setTimeout("rotateImages()", 3000);
}
