function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse)
{
	var steps = ((content.getScrollSize().y - content.getSize().y));
	var slider = new Slider(scrollbar, handle,
	{
		steps: steps,
		mode: ('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()});
}


			window.addEvent('domready', function()
			{

				// -- first example, vertical scrollbar --
				if(document.getElementById("Content_Div")!=undefined )
				{
					if (document.getElementById("Div_Inside_Content").offsetHeight>document.getElementById("Content_Div").offsetHeight)
					{

						document.getElementById("scrollbar1").style.display=document.getElementById("handle1").style.display='block';
						makeScrollbar( $("Content_Div"), $("scrollbar1"), $("handle1") );
					}
					else
						document.getElementById("scrollbar1").style.display=document.getElementById("handle1").style.display='none';
				}

			});