I've created a button with an looped animation...

... that I want to only play when mousedover, and stop (hide) on mouseout.

Right now it does stop and start once I mouseover the button the first time. But when it loads it's playing not hidden. Here's the code I have at this point:

MouseOver

var mySymbolObject = sym.getSymbol("ButtonSlider");

sym.$("ButtonSlider").css({opacity:1});

MouseOut

var mySymbolObject = sym.getSymbol("ButtonSlider");

sym.$("ButtonSlider").css({opacity:0});

Click

sym.play(0000);

I've tried a hide trigger on the time line with the same code on the buttons, but the ButtonSlider stays hidden.

Thanks for you help in advance.