function scrollThis(div){            
		document.observe('dom:loaded',function(){                        
		var scrollbar = new Control.ScrollBar('scrollbar_content'+div, 'scrollbar_scroller_track'+div, 'scrollbar_scroller'+div);
            $('scrollbar_scroller_up'+div).scrollbar=scrollbar;
            $('scrollbar_scroller_down'+div).scrollbar=scrollbar;
            
		$('scrollbar_scroller_up'+div).observe('click',function(event){
			scrollbar.scrollByMagic(-25, true);
			event.stop();
		});
            
		$('scrollbar_scroller_up'+div).observe('mouseover',function(event){
                  $('scrollbar_scroller_up'+div).auto=true;
                  scrollUp(div);
			event.stop();
		});
            $('scrollbar_scroller_up'+div).observe('mouseout',function(event){
                 $('scrollbar_scroller_up'+div).auto=false;
                  event.stop();
            });
            
		$('scrollbar_scroller_down'+div).observe('click',function(event){
			scrollbar.scrollByMagic(25, true);
			event.stop();
		});
            
            $('scrollbar_scroller_down'+div).observe('mouseover',function(event){
                  $('scrollbar_scroller_down'+div).auto=true;
                  scrollDown(div);
			event.stop();
		});
            $('scrollbar_scroller_down'+div).observe('mouseout',function(event){
                 $('scrollbar_scroller_down'+div).auto=false;
                  event.stop();
            });
	});
}

function scrollUp(div){
            elem=$('scrollbar_scroller_up'+div);
            if (elem.auto){
                elem.scrollbar.scrollByMagic(-25, true);
                window.setTimeout("scrollUp('"+div+"')", 200);
            }
}
function scrollDown(div){
            elem=$('scrollbar_scroller_down'+div);
            if (elem.auto){
                elem.scrollbar.scrollByMagic(25, true);
                window.setTimeout("scrollDown('"+div+"')", 200);
            }
}
/*	
	$('scroll_top').observe('click',function(event){
		scrollbar.scrollTo('top');
		event.stop();
	});
	
	$('scroll_bottom').observe('click',function(event){
		//to animate a scroll operation you can pass true
		//or a callback that will be called when scrolling is complete
		scrollbar.scrollTo('bottom',function(){
			if(typeof(console) != "undefined")
				console.log('Finished scrolling to bottom.');
		});
		event.stop();
	});
	
	$('scroll_second').observe('click',function(event){
		//you can pass a number or element to scroll to
		//if you pass an element, it will be centered, unless it is
		//near the bottom of the container
		scrollbar.scrollTo($('second_subhead'));
		event.stop();
	});
	
	$('scroll_third').observe('click',function(event){
		//passing true will animate the scroll
		scrollbar.scrollTo($('third_subhead'),true);
		event.stop();
	});
	
	$('scroll_insert').observe('click',function(event){
		$('scrollbar_content').insert('<p><b>Inserted: ' + $('repeat').innerHTML + '</b></p>');
		//you only need to call this if ajax or dom operations modify the layout
		//this is automatically called when the window resizes
		scrollbar.recalculateLayout();
		event.stop();
	});
*/