Motion Gallery - Weird Problem

[jackholiday]

Hey all,
I've searched high and low for a solution to this, but haven't been able to find anything. I was hoping someone might have an idea as to what's going on or could take a look and give me some advice. On the most part everything works great, but there's some sort of weird kink going on with the scripts.

I have the motion gallery script on three pages within my site:
location 1
http://www.allisonweddings.com/locat...havenhouse.htm
location 2
http://www.allisonweddings.com/locat...x_aquarium.htm
& gallery section
http://www.allisonweddings.com/gallery

FYI - I altered the script so that you scroll the images with right/left arrows only.

Here's the problem:
When you're on one of the locations pages (i.e. haven house) the scrolling works fine. Then navigate to the Gallery section and the arrow does not scroll. However, if you hit the refresh button in your browser, it starts working.

You have to clear the cache in order to duplicate the problem.

I've been looking at this for so long now. My eyes are getting blurry! If there's anyone who might be able to tell me what's going on, I'd appreciate it so much.

[Twey]

Doesn't happen here, although it won't work until all the images are loaded.
Mozilla/5.0 (X11; U; Linux i686; en-GB; rv:1.8) Gecko/20051201 Fedora/1.5-1.1.fc4.nr Firefox/1.5
Mozilla/4.0 (compatible; MSIE 6.0; X11; Linux i686; en) Opera 8.51
Mozilla/5.0 (compatible; Konqueror/3.5; Linux) KHTML/3.5.0 (like Gecko)

[jackholiday]

I see. So I'm thinking it works fine, but it needs to completely load before it will scroll/work. If a user tries to use the scroll arrow beforehand, the whole script stops loading and then it seems like there's something wrong w/ the gallery script. hmmm...

[jscheuer1]

If that is the case, you could hide the arrows via style:

<img id="arr1" src="arrow1.gif" style="visibility:hidden;"> 
<img id="arr2" src="arrow2.gif" style="visibility:hidden;">

And then onload, or as the last thing in the script's onload function (is it fillup()?) do a:

document.getElementById('arr1').style.visibility='visible'
document.getElementById('arr2').style.visibility='visible'