[jQuery] How do i control window scrolling with two divs(top, bottom)

[jQuery] How do i control window scrolling with two divs(top, bottom)


Hopefully someone can help me! :) What I want to do is control a
window/div scrolling via the use of two div's. Example.
1) First div named top(#top), which will be fixed to the top
2) Second div is bottom(#bottom) which is fixed to the bottom of
the window.
3) An image in a content div(#content) with is say 2000px long
All I want the divs top and bottom to do is scroll up or down slowly
when they are hovered?
How do i find the current position of the #content div and +/-?
Any suggestions?