(function($) {

    var element;
    var timer;

    $.fn.scrollbar = function() {
        element = $(this)[0];
        if (typeof element != 'undefined') scrollbar_init();
    }

    scrollbar_init = function() {
        var wrapper = $('<div class="scrollbar"></div>');
        wrapper.css('height', (element.clientHeight - 76) + 'px');
        wrapper.css('overflow', 'hidden');
        $(element).wrapInner(wrapper);

        var up = $('<a class="up"><img src="/img/down.png" /></a>');
        up.bind('mousedown', function() { scrollbar_start(this); });
        up.mouseup(function() { scrollbar_stop(); });
        $(element).append(up);

        var down = $('<a class="down"><img src="/img/up.png" /></a>');
        down.bind('mousedown', function() { scrollbar_start(this); });
        down.mouseup(function() { scrollbar_stop(); });
        $(element).prepend(down);
    }

    scrollbar_start = function(button) {
        var orientation = $(button).attr('class');
        var element = $('.scrollbar');
        var current = element.scrollTop();
        if (orientation == 'up') {
            element.scrollTop(current + 10);
        } else {
            element.scrollTop(current - 10);
        }
        timer = setTimeout(function() {
            scrollbar_start(button);
        }, 50);
    }

    scrollbar_stop = function() {
        clearTimeout(timer);
    }

})(jQuery);