I'm using the Smooth Div Scroll jQuery Plugin to have a moving filmstrip on a website. The images loaded into the film strip are of a custom post type and each have a title and contain a single image. The plugin scrolls horizontally across a long div containing any amount of images. My problem is that I can scroll for a seemingly infinite amount of time even after the images are gone.

Here's the my breakdown of the problem:

I've tried using plain images instead
of the post loop, and everything
worked as expected (no infinite
scrolling).

I've tried setting scripts between document.ready and window.load, with document.ready they don't load at all.

I've tried calling a public function "recalculateScrollableArea" so that the area could be calculated after the images are loaded to no avail, then by calling an alert box in jQuery in the script I could see that it was still being called before the images were loaded.

How it should look usually:How it looks when it over-scrolls:

The Smooth Div Scroll code and the following initializing code are both called at the bottom of the footer:

Found the problem, I tried putting in regular hardcoded imgs which worked fine and then wrapped them in "p" tags which produced the same issue. I guess I was just over-thinking the problem. Sorry. Now to figure out how to get the loop to just produce the imgs.