window.addEvent("domready", function() {
	//scroll size of div wanted to scroll
	var sBox = $('scrollbar');
	
	//make sure there is content to scroll befor adding scroll bar
	if(sBox.getSize().y < sBox.getScrollSize().y)
	{
		sBox.setStyle('width',750);
		//add new div for scrolling content
		var scrollCont = new Element('div',{
			'id': 'scrollCont',
			'styles': {
				width: sBox.getSize().x - 25,
				height: sBox.getSize().y,
				float: 'left',
				overflow: 'hidden'
			}
		}).set('html',sBox.get('html'));
		
		var scrollBox = new Fx.Scroll(scrollCont).toBottom();
		
		var upBtn = new Element('div', {
			'id': 'upBtn',
			'styles': {' z-index': 99}
		});
		var dnBtn = new Element('div', {
			'id': 'dnBtn'
		});
		var scroll = new Element('div', {
			'id': 'scroll',
			'styles': {'position': 'relative'}
		}).adopt(new Element('div', {'class': 'knob'}));
		var scrollBar = new Element('div',{
			'id': 'scrollContainer',
			'styles': {
				'position': 'absolute',
				'width': 20,
				'margin-left': sBox.getSize().x - 21,
				'height': sBox.getSize().y,
				'z-index': 99
			}
		}).adopt(upBtn).adopt(scroll).adopt(dnBtn);
		sBox.empty();
		sBox.adopt(scrollCont).adopt(scrollBar);
		sBox.setStyle('overflow','hidden');
		if(navigator.appName == "Microsoft Internet Explorer")
		{
			if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
 				var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
 				if (ieversion<=7)
			 		scrollBar.setStyle('margin-left',4);			 
			}
		}
		var Ssize = scrollCont.getScrollSize().y;
		//actual size of dive wanted to scroll
		var size = scrollCont.getSize().y;
		var numSteps = Math.ceil(Ssize/(0.75*size));
		var scrollSize = sBox.getSize().y - upBtn.getSize().y - dnBtn.getSize().y;
		scroll.setStyle('height', scrollSize);
		var myslide = new Slider(scroll,scroll.getElement('.knob'), {
			steps: Ssize,
			mode: 'vertical',
			wheel: true,
			onChange: function() {
				scrollBox.set(0,(Ssize-size)*(this.step/this.steps));
			}
		}).set(0);
		
		upBtn.addEvent('click', function() {
			if(myslide.step > 0)
			{
				var tempStep = myslide.step - (.75*size);
				if(tempStep < 0) tempStep = 0;
				
				myslide.set(tempStep);
			}
		});
		dnBtn.addEvent('click', function() {
			if(myslide.step < myslide.steps)
			{
				var tempStep = myslide.step + (.75*size);
				if(tempStep > myslide.steps) tempStep = myslide.steps;
				
				myslide.set(tempStep);
			}
		});
		scrollCont.addEvent('mousewheel', function(event){
			myslide.set(myslide.step-event.wheel*(.75*size));
			event.stop();
		});
	}
});