var maxPanelIndex;
var currentPanelIndex;

$(function () {
    maxPanelIndex = $('#homePagePanel').children('.featureItem').length;
    currentPanelIndex = 0;

    if (maxPanelIndex > 0) {
        $('#homePagePanel').show();
        $('#homePanelContent').show();
        animatePanel();
    }
    else {
        $('#feature').hide();
    }
});

function animatePanel() {
    $('#homePagePanel .featureItem:eq(' + currentPanelIndex + ')').animate({ left: '9px' }, 800, 'swing', function () {
        $('#homePagePanel .featureItem:eq(' + currentPanelIndex + ')').delay(8000).animate({ top: '178px' }, 800, 'swing', function () {
            $('#homePagePanel .featureItem:eq(' + currentPanelIndex + ')').css({ left: '-178px', top: '9px' });

            currentPanelIndex++;

            if (currentPanelIndex >= maxPanelIndex)
                currentPanelIndex = 0;

            animatePanel();
        });
    });
}