var currentImage;
var currentIndex = -1;
var interval;

function showImage(index) {
    if (index < $('rotator').getElements('img').length) {
        var indexImage = $$('#rotator img')[index]
        if (currentImage) {
            if (currentImage != indexImage) {
                $(currentImage).setStyle('z-index', 0);
                $clear(myTimer);
                var myFx = new Fx.Tween(currentImage, {
                    duration: 250,
                    onComplete: function () {
                        $(this).setStyles({
                            'display': 'none',
                            'z-index': 0
                        });
                       /* myTimer = showNext.delay(8000);*/
                    }.bind(currentImage)
                }).start('opacity', 0);
            }
        }
        indexImage.setStyles({
            'display': 'block',
            'opacity': 1
        });
        currentImage = indexImage;
        currentIndex = index;
    }
}

/*function showNext() {
    var len = $('rotator').getElements('img').length;
    var next = currentIndex < (len - 1) ? currentIndex + 1 : 0;
    showImage(next);
}

var myTimer;
window.addEvent('domready', function () {
    myTimer = showNext.delay(8000);
    showNext(); // Loads first image
});

function timedLayer(a){setTimeout('ShowTimedLayer("'+a+'")',3500)}*/