полоса прокрутки

Как привязать ползунок на полосе прокрутки к объекту и чтобы он прокручивался с прокручиванием объекта при помощи верней и нижней стрелок на полосе прокрутки>>>
Код следующий >>>

Код (Text):

1. <script>
2. function scroll(obj, order,increase, delay, length) {
3.    if (!increase) increase = 1
4.    if (!delay) delay = 1
5.    var pos = (increase < 0) ? increase * -1 : increase
6.    pos = Math.ceil(length/pos)
7.    var first = order ? obj.scrollLeft : obj.scrollTop
8.    function doScroll() {
9.       if (length && pos-- <= 0) {
10.          clearInterval(obj.interval)
11.          return;
12.       }
13.       if (order) obj.scrollLeft += increase
14.       else obj.scrollTop += increase
15.       if ((order ? obj.scrollLeft : obj.scrollTop) !== first + increase) clearInterval(obj.interval)
16.       first = order ? obj.scrollLeft : obj.scrollTop
17.    }
18.    if (obj.interval) clearInterval(obj.interval)
19.    obj.interval = setInterval(doScroll, delay)
20. }
21. </script>
22.  
23. <script>
24. function stopScroll(obj) {
25.    function stopScroll() {
26.       clearInterval(obj.interval)
27.       document.onmouseup = null
28.       document.body.onmouseout = null
29.    }
30.    document.onmouseup = function() {stopScroll()}
31.    document.body.onmouseout = function() {stopScroll()}
32. }
33. </script>

Собственно сама полоса прокрутки >>>

Код (Text):

1. <DIV style="Z-INDEX: 11; POSITION: absolute; TOP: 170px; LEFT: 940px; HEIGHT: 0px">
2. <TABLE cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD class=blok>
3. <TABLE border=0 bordercolor=red cellpadding=0 cellspacing=0 leftMargin=0 topMargin=0 HSPACE=0 MARGINHEIGHT=0 MARGINWIDTH=0 width=100%>
4. <TR><TD>
5. <IMG SRC="ytc.files/scroll_t.gif" ALT="ytc" NAME="bgtop" onclick="scroll(scrollDiv, 0, -1, 1, 20)"> // стрелка вверх
6. </TD></TR>
7. <TR><TD>
8. <IMG SRC="ytc.files/scroll_c.gif" ALT="ytc" NAME="bgtop"> // фон полосы прокрутки
9. </TD></TR>
10. <TR><TD>
11. <IMG SRC="ytc.files/scroll_b.gif" ALT="ytc" NAME="bgtop" onclick="scroll(scrollDiv, 0, 1, 1, 20)"> // стрелка вниз
12. </TD></TR>
13. </TABLE>
14. </TD></TR></TBODY></TABLE></DIV><NOINDEX>

Как добавить собачку на полосу прокртки?