/*************************************************************************/
/****** slightly customized - hides bar on non-scrolling pages ***********/
/*********  http://www.solutoire.com/experiments/scrollbar/  *************/

function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	if ( content.getScrollSize().y-content.getSize().y > 0){
	var slider = new Slider(scrollbar, handle, {
		steps: 100,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?(((content.getScrollSize().x-content.getSize().x)/100)*step):0);
			var y = (horizontal?0:(((content.getScrollSize().y-content.getSize().y)/100)*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 * 10;
			slider.set(step);
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
	}else
	// hides scrollbar on pages with content height less than its containing DIV height
	scrollbar.setStyle('opacity', 0);
}

// add vertical scroller
window.addEvent('domready', function(){				
	makeScrollbar( $('right'), $('scrollbar1'), $('handle1') );
});