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()});
		    }
				    
		   

