Mouse over, mouse out, click animations not working on revisits to the page

I've created a number of symbols of producers' logos. When the mouse enters, the animation plays, mouse leave, animation plays in reverse. When the user clicks the symbol, it is linked to the producer's page on the site.

I created the animation, grouped it in DIV, saved it as a symbol. The code I used for mouse enter (for this particular file) was:

var mySymbolObject = sym.getSymbol("BetterHalfText").play();

For mouse leave:

var mySymbolObject = sym.getSymbol("BetterHalfText").playReverse();

Click:

window.open("http://maritimewine.com/the-better-half.html", "_parent");

This works perfectly on the first visit to the page but on revisits, when you rollover animations they inconsistently play to mouse enter and stop in the mouse over state. By two or three revists, they're all in mouse over state.

You can see the problem here: http://www.maritimewine.com/producers-2.html.

Note: hit the back button on your browser and not the "producers" link as it will take you to a different page.

Any clues to the bit of code I'm missing or screwed up would be greatly appreciated.