//Note: Only one instance per page supported for now.
var index = 0;
var stopAuto = false;


function changePromo(index, userClick) {

    $('#' + promotionListId + ' > div').each(function () { $(this).css('display', 'none') });
    $('#' + promotionListId + ' > div:eq(' + index + ')').css('display', 'block');


    $('div.promotionMenu ul li').each(function () {
        $(this).removeClass('selected');
    });

    var li = $('.promotion .promotionMenu ul li:eq(' + index + ')');
    li.addClass('selected');

    if(userClick != null && userClick == true)
        stopAuto = true;
}

function autoRotate() {
    if (stopAuto == true)
        return;

    if (index++ >= $('#' + promotionListId + ' > div').length-1)
        index = 0;
    changePromo(index);
    setTimeout(autoRotate, intervalTime);
}

$().ready(function () { 
    setTimeout(autoRotate, intervalTime);
});