// edit these
var containerID = 'TestimonialRotatorMiddle';
var itemID = 'Testimonial';

var itemContainer;
var totalItems;
var currentItem;

window.addEvent('domready', function() {
    itemContainer = document.getElementById(containerID);
    totalItems = itemContainer.childNodes.length;
    currentItem = 1;
    setCurrentStyle(currentItem);
    autoplayNextItem.periodical(6000);
});

var autoplayNextItem = function()
{
    var nextItem = ((currentItem + 1) > totalItems ? 1 : (currentItem + 1) );
    fadeItem(nextItem);    
}

function fadeItem(newItem)
{
    setCurrentStyle(newItem);

    // fade out current Item
    var el = $(itemID+currentItem);
    el.setStyle('z-index', '1');

    // fade in new Item   
    var el2 = $(itemID+newItem);
    el2.setStyle('opacity', '0');
    el2.setStyle('z-index', '8');

    el.fade(0);
    el2.fade(1); 
        
    // set current Item to new Item
    currentItem = newItem;
}

function setCurrentStyle(newItem)
{
    document.getElementById(itemID+currentItem).className = document.getElementById(itemID+currentItem).className.replace(' current','');
    document.getElementById(itemID+newItem).className = document.getElementById(itemID+newItem).className + ' current';
}