﻿(function ($) {
    $.fn.vScroll = function (options) {

        var defaults = {
            speed: 100,
            upID: "#up-arrow",
            downID: "#bottom-arrow"
        };
        var options = $.extend(defaults, options);

        return this.each(function () {

            obj = $(this);
            obj.css("overflow","hidden");
            obj.children().each(
                function (intIndex) {
                    $(this).addClass("vscroll-" + intIndex);

                });


            var itemCount = 0;

            $(options.downID).click(function () {
                var nextCount = itemCount + 1;
                if ($('.vscroll-' + nextCount).length) {
                    var divH = $('.vscroll-' + itemCount).outerHeight();
                    itemCount++;
                    $("#vscroller").animate({
                        top: "-=" + divH + "px"
                    }, options.speed);
                }
            });

            $(options.upID).click(function () {
                var prevCount = itemCount - 1;
                if ($('.vscroll-' + prevCount).length) {
                    itemCount--;
                    var divH = $('.vscroll-' + itemCount).outerHeight();
                    $("#vscroller").animate({
                        top: "+=" + divH + "px"
                    }, options.speed);
                }
            });

            obj.children().wrapAll("<div style='position: relative; top: 0' id='vscroller'></div>");
        });

    };

})(jQuery);

