Removing previos movie clip when new page is opened

I am rebuilding my website and need help in how to remove a mc when another mc is clicked.

http://www.khawkinsdesign.com/atest/index.html

The movie clips are pages and if you check the link you will see the pages aren’t removed they simply stay on the page when the new mc appears.

This is the relevant part of the .as which appears to have a remove code but doesn’t seem to take affect.


function navigate (e:MouseEvent):void {
trace (e.target.name);

// Remove the current movie clip
container_mc.removeChildAt (0);

switch (e.target.name) {
    case "one_mc":
        var newOne:One = new One ();
        container_mc.addChild (newOne);
        break;
        
    case "two_mc":
        var newTwo:Two = new Two ();
        container_mc.addChild (newTwo);
        break;
        
    case "three_mc":
        var newThree:Three = new Three ();
        container_mc.addChild (newThree);
        break;

If you can tell me what should be added it would be greatly appreciated.

Many Thanks,

Kyle