scrollbar mit scrollbegrenzung (scrollLeft)

[koko]

tag,

ich möchte eine scrollbar bauen, deren inhalt man mit 2 pfeilen scrollen kann. funktioniert ganz super, nur leider hakt es an der begrenzung.
momentan sieht das so aus:

  
<div id="scrollleft" onmouseover="scrollIn = window.setInterval('topscroll(-10)',20);" onmouseout="window.clearInterval(scrollIn);">  
  
<div id="scrollbar">  
 (scrollbar-inhalt)  
</div>  
  
 <div id="scrollright" onmouseover="scrollIn = window.setInterval('topscroll(+10)',20);" onmouseout="window.clearInterval(scrollIn);">  

und das JS:

var scrollIn = "";  
function topscroll(richtung) {  
  
if ($('highlights').scrollLeft <= 690) {  
  $('highlights').scrollLeft = $('highlights').scrollLeft + richtung;  
  }  
}  

hier kann ich zwar super scrollen, wenn ich aber am ende angelangt bin, kann ich nicht mehr zurückscrollen, da ich anscheinend über die begrenzung von 690 hinaus bin.
eine maximale breite für das zus scrollende div funktioniert auch nicht.

ich steh grad auf dem schlauch, kann mir da jemand helfen? :)

greetings,
koko