Part of my page loads way before the rest

[monstress]

Check out the site:

http://monstressproductions.com/

When I load it, the banner loads as it should. Then the first little blurb in the lower left loads way before the rest of the page, which has a javascript fade in applied to the containing div. The blurb that appears is within that containing div, so it should fade in like the rest.

What is causing this? And how can I fix it?

I am working on a Mac, using Safari, Firefox, and Chrome to test, everything up to date.

Thanks ahead of time!

[drhowarddrfine]

Your images are taking a long time to download. Once the javascript libraries load, the gifs take almost a second and a half by themselves.

[monstress]

Thanks so much!
I installed YSlow and tested the site, made the following changes:
made the carousel images smaller
added expires headers
consolidated the js
moved the js to the bottom, or at least most of it

And the delay is still happening.

[drhowarddrfine]

Put the script before the closing body tag, not after.

[monstress]

Thank you! Done and done!

[monstress]

I removed the JS rollover on the lower boxes... Seems to help somewhat.

[drhowarddrfine]

Oh. I thought your previous post meant it was fixed.

[monstress]

Sorry to be unclear. No, it is still hanging on the initial load.