﻿$.fn.BannerRotator = function(options) {
    var defaults = {
        numberOfImages: '1'
    };
    options = $.extend(defaults, options);

    return this.each(function() {
        $(this).everyTime(5000, function(e) {
            var currentBannerNumber = GetCurrentBannerImage();
            var newBannerNumber = currentBannerNumber + 1;
            if (currentBannerNumber == 0) {
                $('.bannerimg_' + options.numberOfImages).animate({ 'opacity': '0' }, 1000);
                $('.bannerimg_' + newBannerNumber).animate({ 'opacity': '1' }, 1000);
                $('.bannerimg_' + options.numberOfImages).removeClass('activebanner');
                $('.bannerimg_' + newBannerNumber).addClass('activebanner');
            } else {
                $('.bannerimg_' + currentBannerNumber).animate({ 'opacity': '0' }, 1000);
                $('.bannerimg_' + newBannerNumber).animate({ 'opacity': '1' }, 1000);
                $('.bannerimg_' + currentBannerNumber).removeClass('activebanner');
                $('.bannerimg_' + newBannerNumber).addClass('activebanner');
            }
        });

        function GetCurrentBannerImage() {
            var banner = $('.activebanner')[0].className.split(' ')[0];
            var activeBanner = banner.split('_');
            var bannerNumber = parseInt(activeBanner[1]);
            if (bannerNumber == options.numberOfImages) {
                return 0;
            }
            else {
                return bannerNumber;
            }
        }
    });
}