// Rotates images;
// Must have element with id="rotator"

var TIME_INTERVAL = 8000;
var currentImage = 0;
var imageDiv;
var images = new Array('6-syllables_2007.jpg','Fortunate-View_08.jpg','Kuli_ou_ou_08.jpg','Lakeside_08.jpg','Old-Pond_06.jpg','Wild-Horse-Lake.jpg');

function showImage() {
    var i = images[currentImage];
    var imageDiv = document.getElementById('rotator');
    imageDiv.style.visible = false;
    imageDiv.innerHTML = '<img src="images/home/' + i + '" />';
    var t = new OpacityTween(imageDiv,Tween.strongEaseOut,0,100,1.5);
    t.onMotionFinished = function(){setTimeout(hideImage,TIME_INTERVAL)};
    t.start();
}

function hideImage() {
    currentImage = (currentImage + 1) % images.length;
    var imageDiv = document.getElementById('rotator');
	var t = new OpacityTween(imageDiv,Tween.strongEaseOut,100,0,1.5);
    t.onMotionFinished = showImage;
    t.start();    
}

function rotateImageInit() {
    setTimeout(showImage,1000)
}