window.addEvent('domready', function() {      
            
            var slidebar = $('slideBar');
            var slidebutton = $('slideButton');
            var scrollcontent = $('scrollcontent');
            
            if (scrollcontent) {
            
            slidebar.setStyle('display', 'block');
            scrollcontent.setStyle('overflow', 'hidden');

        if (scrollcontent.scrollHeight <= scrollcontent.offsetHeight) {
            slidebar.setStyle('display', 'none');
            scrollcontent.setStyle('overflow', 'auto');
        }
        var scrollervalue = 'yes';       
		var scroll = new Fx.Scroll('scrollcontent', {});		
		var mySlide = new Slider(slidebar, slidebutton, {steps: scrollcontent.offsetHeight,mode: 'vertical',onChange: function(step){scrollcontent.scrollTo(0,(step / scrollcontent.offsetHeight) * (scrollcontent.scrollHeight - scrollcontent.offsetHeight));}}).set(0);
        }

document.addEvent('mousewheel', function(event) {
	event = new Event(event);
	if (event.wheel > 0) {
        mySlide.set(mySlide.step -= 20);
	}
	else if (event.wheel < 0) {
        mySlide.set(mySlide.step += 20);
	} 



});
});   

function injectScroll(newStepValue){
    mySlide.set(newStepValue);
}