(function($) {
    $.fn.H2RSlideshow = function(vars) {
        var element     = $(this);
        var fadeTime    = 8000;
        var images      = null;
        var quotes      = null;
        
        var new_image = function() {
            if (!images) {
                $.getJSON('/slides/', function(data) {
                    images = data.images;
                    quotes = data.quotes;
                    new_image();
                });
            } else {
                var image = images[Math.floor(Math.random() * images.length)];
                var quote = quotes[Math.floor(Math.random() * quotes.length)];
                
                $("#slideshow-quote", element).slideUp((fadeTime / 6), function() {
                    $("#slideshow-image", element).fadeOut((fadeTime / 6), function() {
                        $(this).css('background-image', 'url(/media/themes/soufi/images/slideshow/' + image + ')');
                        $(this).fadeIn((fadeTime / 6), function() {
                            $("#slideshow-quote .quote", element).text(quote[0]);
                            $("#slideshow-quote .quoter", element).text("-- " + quote[1]);
                            $("#slideshow-quote", element).slideDown((fadeTime / 6));
                            setTimeout(new_image, fadeTime);
                        });
                    });
                });
            }
        }
        
        new_image();
    };
})(jQuery);