Masking Problems

Ok… here goes…

this is “container_mc5” on layer 5…

this is “container_mc6” on layer 6…

Now, I have a movieclip called “blueMask” that is just a blue box… I’m trying to use it as a way to mask “container_mc6” to get the following result:

So as the user slides around, the “container_mc6” will be shown.

But, as you can guess, this isn’t what I’m getting… below is the result that I’m getting:

Here is the code that I’m using:


//--------------------------[ volume Control ]------------------\\
this.container_mc5.onPress = function() {
	this.onEnterFrame = function() {
		if(_root._xmouse >= container_mc5._x && _root._xmouse <= (container_mc5._x + container_mc5._width)) {
			curTrackVolume = Math.round(_root._xmouse - container_mc5._x);
			mysound.setVolume(curTrackVolume);
			var blueMask =_root.attachMovie("blueMask","blueMask1",99);
			container_mc6.setMask(blueMask);
			blueMask._x = container_mc6._x;
			blueMask._y = container_mc6._y;
			blueMask._height = container_mc6._height;
			blueMask._width = curTrackVolume;
		}
	}
}
this.container_mc5.onRelease = function() {
	delete container_mc5.onEnterFrame;
}
this.container_mc5.onReleaseOutside = function() {
	delete container_mc5.onEnterFrame;
}
//--------------------------[ /volume Control ]------------------\\