(function ($) {
    var intervalVariable;
    var defaults = {
        imgContainer: "",
        //        slideSpeed: 600,
        scrollInterval: 4000,
        autoScroll: true
    };

    $.fn.articleShowcase = function (init) {
        var simpleLoad = function (config) {
            var isFirst = true;

            $("#" + config.imgContainer).find("#bigPic").children("div").each(function () {
                var item = $(this);
                if (!isFirst) {
                    item.hide();
                }
                else {
                    item.addClass("current");
                }
                isFirst = false;
            });

        };
        var setupAutoScroll = function (config) {
            intervalVariable = setInterval("$.fn.articleShowcase.showImage(0, " + JSON.stringify(config) + ", true)", config.scrollInterval);
        };
        var setupDiv = function (config) {
            var container = $("#" + config.imgContainer);

            var thumbsContainer = $(".thumbScroll", container);
            var isFirst = true;
            thumbsContainer.find("li").each(function () {
                if (isFirst) {
                    $(this).addClass("current");
                }
                isFirst = false;
            });



            $(window).load(function () {
                var thumbsContainer = $(".thumbScroll", container);

                if ($("li", thumbsContainer).length < 2) {

                    clearInterval(intervalVariable);
                }
                //Add Button events 
                thumbsContainer.find("li").click(function () {
                    var item = $(this);
                    clearInterval(intervalVariable);
                    $.fn.articleShowcase.showImage(item.attr("rel"), JSON.stringify(config), false);
                    var thumbRel = item.attr("rel");
                });

                if ($("li", thumbsContainer).length > 1) {
                    //Setup auto scroll
                    if (config.autoScroll) {
                        setupAutoScroll(config);
                    }; 
                }
            });
        };
        var selectThumb = function () {

        };
        return this.each(function () {
            var config = $.extend({}, defaults, init);
            config.imgContainer = $(this).attr("id");

            setupDiv(config);
            simpleLoad(config);

            return this;
        });
    };
    $.fn.articleShowcase.showImage = function (num, config, fromTimeout) {
        if (fromTimeout) {
            config = eval(config);
        }
        else {
            config = eval("(" + config + ")");
        }
        var container = $("#" + config.imgContainer);
        var currentPic = container.find(".bigPic").find('.current');
        if (num == 0) {
            //Auto scroll
            currentNum = parseInt(currentPic.attr("rel"));
            if (currentNum == container.find(".bigPic").find('.pics').length) {
                num = 1;
            }
            else {
                num = currentNum + 1;
            };
        };
        var newPic = container.find(".bigPic").find('div[rel="' + num + '"]');
        currentPic.stop().fadeOut('slow').removeClass("current");
        newPic.stop().fadeIn('slow').addClass("current");
        var newThumb = container.find(".thumbScroll").find('li[rel="' + num + '"]');
        var currentThumb = container.find(".thumbScroll").find('.current', 'li');
        currentThumb.removeClass('current');
        newThumb.addClass('current');
        var thumbRel = newThumb.attr("rel");
        var thumbsContainer = newThumb.parent().parent();

    };
})(jQuery);