// JavaScript Document
var horScrollW = 920;
		function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
				var handleSize = handle.setStyle('width', (content.getSize().x/content.getScrollSize().x)*horScrollW);
				var midSize = handle.getElements('div.scroll-middle').each(function(el, index){
																el.setStyle('width', (handleSize.getSize().x - 11)+'px');
																});
				
				var coef = content.getScrollSize().x/content.getSize().x
				var steps = (horizontal?((coef-1)*horScrollW + coef*(content.getSize().x-horScrollW)):(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);
					}
				});
				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()});
			}