var slider2 = null;

function makeScrollbar2(content,scrollbar,handle,horizontal,ignoreMouse,upscroll, downscroll){
	var intup;
	var intdown;
	var steps = (horizontal?(content.getSize().scrollSize.x - content.getSize().size.x):(content.getSize().scrollSize.y - content.getSize().size.y))
	slider2 = 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 = slider2.step - e.wheel * 30;	
			slider2.set(step);					
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider2.drag.stop()});	
	upscroll.addEvent("mousedown",function(){intup = setInterval('slider2.set(slider2.step-10)', 20);});
	upscroll.addEvent("mouseup", function(){clearInterval(intup);});	
	upscroll.addEvent("mouseout", function(){clearInterval(intup);});	
	downscroll.addEvent("mousedown",function(){intdown = setInterval('slider2.set(slider2.step+10)', 20);});
	downscroll.addEvent("mouseup", function(){clearInterval(intdown);});	
	downscroll.addEvent("mouseout", function(){clearInterval(intdown);});	
	
}

window.addEvent('domready', function(){		
	var toScroll = $('galleryContainer');	
	if (toScroll.getSize().scrollSize.y > toScroll.getSize().size.y)
	{			
		$('scrollingContainer2').setStyle('visibility','visible');
		makeScrollbar2( $('galleryContainer'), $('scrollbar2'), $('handle2'), false, false, $('upScroll2'), $('downScroll2') );
	} 
});