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

var TIME_INTERVAL = 300;
var currentImage = 0;
var imageDiv;
var images = new Array('heart1.gif',
                           'heart2.gif',
                           'heart3.gif',
                           'heart4.gif',
                           'heart5.gif');

function showImage() {
    var i = images[currentImage];
    var imageDiv = document.getElementById('rotator');
    imageDiv.style.visible = false;
    imageDiv.innerHTML = '<img src="images/' + i + '" />';
    var t = new OpacityTween(imageDiv,Tween.strongEaseOut,0,100,0.5);
   // console.log(i);
    
    if (images.indexOf(i) < 4) {
        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.0);
    t.onMotionFinished = showImage;
    t.start();    
}

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