[CS3][AS2] Button trouble!

1

I am having trouble with my buttons, they work perfectly, do what they are supposed to do. I am using this code for my buttons:


choco1.visited = false;
choco1.onRollOver = function()
{
  this.gotoAndStop("over");
}
choco1.onRollOut= function()
{
   if(this.visited) this.gotoAndStop("visited");
else this.gotoAndStop("up");
}
choco1.onRelease= function()
{
  this.gotoAndStop("over");
this.visited = true;
}
choco1.onPress= function()
{
  this.gotoAndStop("down");
  gotoAndPlay('1');
}

//-----------------------------------------------------

choco2.visited = false;
choco2.onRollOver = function()
{
  this.gotoAndStop("over");
}
choco2.onRollOut= function()
{
   if(this.visited) this.gotoAndStop("visited");
else this.gotoAndStop("up");
}
choco2.onRelease= function()
{
  this.gotoAndStop("over");
this.visited = true;
}
choco2.onPress= function()
{
  this.gotoAndStop("down");
  gotoAndPlay('2');
}
....

When you click on the movie clip it goes to another frame and an animation plays,

THE PROBLEM: When it goes to the animation frame after clicking the button, you are still able to click the button even though the buttons are behind the animation that is playing…how would i go about disabling the buttons while it is on the animation frame but also keep the visited state of the button clicked?

Thank You.