Javascript menu slow to load

[Rags]

Hi all,

I'm working on the main index page of my website which has three javascripts in the code: drop-down menu, photo image viewer, and background music script. The website logo/banner and image viewer are loading Ok, but the menu is taking extra time even with a high speed connection. I tried taking off the music script since it's a larger file, but the menu still took the same amount of time to load. Any suggestions to decrease the loading time of the menu and the overall page?

Here is the link to my test index page:
http://www.siouxcitysue.com/bump/template

I can copy parts of the code here if needed or you can take a look at the source of the code from the URL link provided.

I've been reading these forums and found some great tips and useful info - it's much appreciated! The drop-down menu was suggested on one of the forums here and it's working nicely but I'd like it to load more quickly. The links for the sub-menus haven't been set up yet. I removed all of the extraneous comments from the code, but that didn't do anything either.

Thanks for your time! :)

[Rags]

I made some corrections in the code, but the menu is still loading slow. I noticed another problem now. When the webpage is resized, the menu is not contracting with the page. For example if you view in a smaller window, the menu doesn't flow with the layout when the page collapses.

Also, the heading logo is floating when the page is resized. I corrected this, but the revised page isn't on the server yet. It seemed to be doing that since I used a layer to place the logo on the page. The only problem is now I can't place it exactly where I want it. And there must be a way to use layers on your site and not have them floating all over the place when the page is minimized/resized. Any suggestions?