How do I properly add a movie clip from library to frame with JS?
I'm using HTML5 Canvas to build a menu.
I have 2 layers: a Javascript layer and a layer for my menu:

I have some movie clips in my library.
When a particular frame loads, I want it to show some movie clip on the stage. When a different frame loads, I want that movie clip to disappear.
Right now, the javascript for the frame with the movie clip looks like this:
if (exportRoot.ControllerStatus == "working")
{
ControllerWorkingClip = new lib.ControllerWorkingClip();
this.addChild(ControllerWorkingClip);
ControllerWorkingClip.setTransform(274.9,380.7,4.452,4.45,0,0,0,39,44.5);
} else
{
ControllerBrokenClip = new lib.ControllerBrokenClip();
this.addChild(ControllerBrokenClip);
ControllerBrokenClip.setTransform(274.9,380.7,4.452,4.45,0,0,0,39,44.5);
}
This adds the proper movie clip to the stage in the right position, but when my frame changes to a different menu, the movie clip is still visible.
As far as I can tell here, "this" is exportRoot.
Is there a way to add the movie clip to the current frame so that the movie clip disappears when the frame changes?