window.addEvent('domready', function() {

    //var slidebar = $('slideBar');
    //var slidebutton = $('slideButton');
    var scrollcontent = $('textarea');

    if ($('rcol2')) {
        var area = $('rcol2');
    }
    else if ($('rcol1')) {
    var area = $('rcol1');
    }


    if (scrollcontent) {

        var slidebar = new Element('div', { id: 'slideBar' });
        var slidebutton = new Element('div', { id: 'slideButton' });

        slidebar.inject(area);
        slidebutton.inject(slidebar);

        //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);
    }


});   

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