Creating onrollover / onrollout button that plays its full ONanimation when touched

Hey all,

On most of my option MC’s I have something like:

this.onRollOver = function(){
this.gotoAndPlay(“onanim”)
}
this.onRollOut = function(){
this.gotoAndPlay(“offanim”)
}

Obviousy if you quickly roll on and then off the MC the animation is staggergy and not a fluid animation.

I would like to set it so that everytime you touch/roll on the option MC it will always play its full on animation right, then it will go to the off animation.

I believe you can incorporate onenterframe object to achive this. Could someone please show me a good solution.

Any help would be great.