[Javascript] Horizontal scroll

[Scott Hamm]

I've been struggling to write a JavaScript that horizontally scrolls image
using CSS as follows:

#foo {
width: 770px;
height: 58px;
background:url(foo.jpg) repeat-x top [javascript incremented by -86px per .5
seconds];
}


Or as follows:

#foo {
width: 770px;
height: 58px;
}

<div id=foo style="background:url(foo.jpg) repeat-x top [javascript
incremented by -86px per .5 seconds];">
</div>

That way scroll will recycle perfectly in synch when end of image is
reached.

Any ideas?