carousel.js

var bannerCarousel = function () {
        var banners = ["influence-your-world", "influence-your-networks", "earn-recognition"],
            bannerTimer = setTimeout(function () {
                var $header = $homeEl.find("#head"),
                    current = $header.attr("class"),
                    next = banners[(_.indexOf(banners, current) + 1) % banners.length],
                    $current = $homeEl.find(".banner-image." + current),
                    $next = $homeEl.find(".banner-image." + next),
                    $bannerEl = $homeEl.find(".banner-text");
                $bannerEl.stop(true).animate({
                    opacity: 0
                }, 1e3, function () {
                    $bannerEl.html(amphetamine.view.render("homepage/" + next));
                    $header.toggleClass(current + " " + next);
                    $bannerEl.animate({
                        opacity: 1
                    }, 1e3)
                });
                $current.stop(true).animate({
                    opacity: 0
                }, 2e3);
                $next.stop(true).animate({
                    opacity: 1
                }, 2e3);
                bannerCarousel()
            }, 5e3)
    };