var TAK = {};

TAK.Banners = {
    $bannersContainer: null,
    bannerTimerId: null,
    currentBanner: 1,
    numberOfBanners: 1,
    animating: true,
    init: function () {
        $bannersContainer = $("#banners-list");
        this.currentBanner = $(".active-banner", $bannersContainer).index() + 1;
        this.numberOfBanners = $("#banners-list li").length;
        this.startBannerAnimation();

      
    },
    startBannerAnimation: function () {
        this.animating = true;
        this.bannerTimerId = setInterval(function () {
            TAK.Banners.currentBanner++;
            if (TAK.Banners.currentBanner > TAK.Banners.numberOfBanners) {
                TAK.Banners.currentBanner = 1;
            }
            TAK.Banners.loadRandomBanner(false);
        }, 8000);
    },
    loadRandomBanner: function (continueRotation) {
        // fade current banner out, fade supplied banner in
        $(".active-banner", $bannersContainer).removeClass("active-banner").fadeTo(700, 0.0, function () {
            $(this).addClass("hide");

            $("li:eq(" + (TAK.Banners.currentBanner - 1) + ")", $bannersContainer).addClass("active-banner").css("opacity", "0.0").removeClass("hide").fadeTo(700, 1.0);

            // change button
            $("#banner-buttons a:eq(" + (TAK.Banners.currentBanner - 1) + ")").addClass("active-banner-button").siblings().removeClass("active-banner-button");
        });

        if (continueRotation) {
            this.startBannerAnimation();
        }
    }
};