scrolling a div

[Binji]

I would like to create two links which act as a scroll-up and scroll-down commands for a div. At the moment this is what i tried:
HTML


<div id="scroll">
<a href=# onmouseover="javascript:scroll(tekst, -50)" onmouseout="stopscroll()" ><img src="images/p_gor.png" /></a>
<a href=# onmouseover="javascript:scroll(tekst, 50)" onmouseout="stopscroll()" ><img src="images/p_dol.png"/></a>



JavaScript


function scroll(objekt, kol){
objekt.scrollBy(0,kol);
scrollDelay = setTimeout('scroll', 100);
}

function stopScroll(){
clearTimeout(scrollDelay);
}



but i dont know how to reference a div as an object to be scrolled. I tried calling it by using a CSS id and giving it a name but nothing worked.
Any suggestions?

[amaze]

try this one:

http://www.blueshoes.org/_bsJavascript/components/scrollablediv/examples/example1.html

[Binji]

Just what i need...except i cant make it work. I imported js files like this:


<script type="text/javascript" src="/slider_js/LibCrossBrowser.js"></script>
<script type="text/javascript" src="/slider_js/EventHandler.js"></script>
<script type="text/javascript" src="/slider_js/Bs_FormUtil.lib.js"></script>
<script type="text/javascript" src="/slider_js/Bs_Slider.class.js"></script>

made a function that initiates at load:


mySlider = new Bs_Slider();
mySlider.direction = 1;
mySlider.width = 16;
mySlider.height = 100;
mySlider.minVal = 0;
mySlider.maxVal = 100;
mySlider.valueInterval = 1;
mySlider.arrowAmount = 0;
mySlider.valueDefault = 40;
mySlider.imgDir = '../images/';
mySlider.setBackgroundImage('belo11_2.png', 'repeat');
mySlider.setSliderIcon('ozadje11_notr.png', 13, 18);
mySlider.useInputField = 0;
mySlider.styleValueFieldClass = 'sliderInput';
mySlider.drawInto('sliderDiv1');

and nothing happens. Its probably a very basic thing that im doing wrong but i still dont know what it is.
Thanks for any advices!