//Scrollbar

        function makeScrollbar(content, scrollbar, handle, horizontal, ignoreMouse) {
            var steps = (horizontal ? (content.getScrollSize().x - content.getSize().x) : (content.getScrollSize().y - content.getSize().y))
            var slider = new Slider(scrollbar, handle, {
                steps: steps,
                mode: (horizontal ? 'horizontal' : 'vertical'),
                onChange: function(step) {
                    // Scrolls the content element in x or y direction.
                    var x = (horizontal ? step : 0);
                    var y = (horizontal ? 0 : step);
                    content.scrollTo(x, y);
                }
            }).set(0);
            if (!(ignoreMouse)) {
                // Scroll the content element when the mousewheel is used within the 
                // content or the scrollbar element.
                $$(content, scrollbar).addEvent('mousewheel', function(e) {
                    e = new Event(e).stop();
                    var step = slider.step - e.wheel * 30;
                    slider.set(step);
                });
            }
            // Stops the handle dragging process when the mouse leaves the document body.
            $(document.body).addEvent('mouseleave', function() { slider.drag.stop() });
        }
        /* ]]> */
        //END Scrollbar