//Create scrolling blocks out of all .scrolling-block elements
Event.observe(window, 'load', function(windowEvent){

	//if there are a.view-all buttons on the screen
	if( $$('.scrolling-block').length ){
		
		//apply to each
		$$('.scrolling-block').each(function(element){

			element.setStyle('position:relative;');

			//create scrollbar track and handle
			element.scrollbarTrack = document.createElement('div');
			Element.extend(element.scrollbarTrack);
			element.scrollbarTrack.addClassName('scrollbar-track');
			element.scrollbarTrack.update('<div class="scrollbar-handle"></div>');
			element.appendChild(element.scrollbarTrack);

			element.scrollbar = new Control.ScrollBar(
					element.select('.scrollbar-content').first(),
					element.select('.scrollbar-track').first()
				);
			
			//create up arrow
			element.scrollUpControl = document.createElement('div');
			Element.extend(element.scrollUpControl);
			element.scrollUpControl.addClassName('up-arrow');
			element.scrollUpControl.update('up');
			element.appendChild(element.scrollUpControl);
			
			//create down arrow
			element.scrollDownControl = document.createElement('div');
			Element.extend(element.scrollDownControl);
			element.scrollDownControl.addClassName('down-arrow');
			element.scrollDownControl.update('down');
			element.appendChild(element.scrollDownControl);
			
			element.scrollUp = function(event){  
			    element.scrollbar.scrollBy(-50);  
			};
			
			element.scrollDown = function(event){  
			    element.scrollbar.scrollBy(50);  
			};
			
			//scroll down arrow
			element.scrollDownControl.observe('mousedown',function(event){ 
				element.intervalScrollDown = setInterval(element.scrollDown,50); 
			}.bind(this));
			element.scrollDownControl.observe('mouseup',function(event){ 
				clearInterval( element.intervalScrollDown ); 
			}.bind(this));
			
			//scroll up arrow
			element.scrollUpControl.observe('mousedown',function(event){ 
				element.intervalScrollUp = setInterval(element.scrollUp,50); 
			}.bind(this));
			element.scrollUpControl.observe('mouseup',function(event){ 
				clearInterval( element.intervalScrollUp ); 
			}.bind(this));

		});
	}
});