Masking problem - not sure what code to use

Question

hi,
I am designing something which has 4 buttons, linking to 4
seperate animations. the buttons are hairspray bottles and the
animation is a image which fades up, as if it were being sprayed.
The way I have designed it is for each bottle to have this code:
on (release) {
section1.play();
section2.gotoAndStop(1);
section3.gotoAndStop(1);
section4.gotoAndStop(1);
with each section having it's corresponding image/animation
fading through.
So when a user clicks on the first bottle, this is fine,
because the background is visible and then the animation sprays
over the top. But when the second bottle is clicked, rather than
spray over the top, the original background image is shown for a
second, then the animation comes over the top of this.
Any ideas how I could have each animation appearing over the
top of one another?

Answer 1

use the swapDepths() method of movieclips to change the
apparent depth of your movieclips.