(function($) {
    $.fn.protator = function(options) {
        var container = this;
        var defaults =
    {
        speed: 5000,
        json: "/Components/Handlers/JsonProducts.ashx"
    }

        var options = $.extend(defaults, options);

        var products_json = options.json;

        $.getJSON(products_json, function(data) {
            var quotesobject = eval(data.products);
            var index = 0;

            setInterval(changeQuote, options.speed);


            function changeQuote() {
                var nextContainer = container.children('li.current').is(':last-child') ? container.children(':first-child') : container.children('li.current').next();
                container.children('li.current').removeClass("current");
                nextContainer.addClass("current");
            }

        });
        return container;
    }
})(jQuery);

// Background image rotator
(function($) {
    $.fn.bgirotator = function(mediaId) {
        var container = this;
        var images_json = '/Components/Handlers/JsonImages.ashx?mediaId=' + mediaId;

        $.getJSON(images_json, function(data) {
            var imagesobject = eval(data.images);
            var index = 0;

            setInterval(changeBgImage, 5000);

            function changeBgImage() {
                container.animate({opacity: 1}, 1000).fadeTo("slow", 0.40, function() {
                    container.css('backgroundImage', 'url(' + imagesobject[index].url + ')').fadeTo("slow", 1);
                });

                if (index == imagesobject.length - 1) {
                    index = 0;
                } else {
                    index++;
                }
            }
        });
        return container;
    }
})(jQuery);