function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){

    var size = content.getSize().size.y;
    var scrollSize = content.getSize().scrollSize.y;

    if(size >= scrollSize)
    {
        scrollbar.style.display="none";
        return;
    }
    var steps = (horizontal?(content.getSize().scrollSize.x - content.getSize().size.x):(content.getSize().scrollSize.y - content.getSize().size.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()});
    }