Add/remove parent, child objects. help needed

Question

I'm working on interactive map for my client. But i'm stuck on functionality.
It's basically has 3 locations (child1-3) on base map(Bg), each stands for link to their assigned popup boxes.
Child2 and Child3 shares same Mag object which shows additional 5 locations.
i've done showing my base Bg and 3 initial locations. Also i tried to show first popup box by clicking child1 and it has some success.
But further i'm having problem for removing Box1 and it's BoxX button which means i want to return my Main_MC state by removing objects.
**pls help me on my work so i'll appreciate for your valuable time for helping me. I'm open to send some bonus via Skrill or Paypal.
Main_MC (parent)+
|
|___Bg
|
|
|___child1+
|              |___ Box1
|             
|___child2+
|              |
|              |                       |__box2
|              |                       |__box3
|              |___Mag+___|__box4
|              |                       |__box5
|              |                       |__box6
|              |
|              |
|              |
|___child3+
Here is my toddler looking code i just started.
package{
    import flash.display.Sprite;
    import flash.display.DisplayObject;
    import flash.events.MouseEvent;
    import flash.net.URLRequest;
    import flash.events.Event;   
    public class Main extends Sprite{
        private var Bg:Sprite;
        private var child1:Sprite;
        private var child2:Sprite;
        private var child3:Sprite;
        public function Main(){           
            var Bg:Sprite = new BgInstance();
            Bg.x=360;
            Bg.y=212;
            Bg.name="BgMap"
            addChild(Bg);
            child1 = new child1Instance();
            child1.buttonMode = true;
            child1.x=479;
            child1.y=132;
            child1.name="child1Name";
            child1.addEventListener(MouseEvent.CLICK, showBox);
            addChild(child1);
            child2 = new child2Instance();
            child2.buttonMode = true;
            child2.x=463;
            child2.y=282;
            child2.name="child2Name";
            child2.addEventListener(MouseEvent.CLICK, showMag);
            addChild(child2);
            child3 = new child3Instance();
            child3.buttonMode = true;
            child3.x=389;
            child3.y=335;
            child3.name="child3Name";
            addChild(child3);
        } //closing brace for Function Main     
        //Handler       
        private function showBox (e:MouseEvent):void{
            var box1:Sprite;
            box1=new box1Instance();
            box1.x=-279;
            box1.y=-32;
            box1.name = "box1name";
            var boxX:Sprite;
            boxX=new boxXInstance();
            boxX.x=-159;
            boxX.y=-79;
            boxX.name="boxXname";
            buttonMode = true;
            child1.addChild(box1);
            child1.addChild(boxX);           
            trace(child1.numChildren); //it returns 3 instead of 2 ?
            trace(box1.numChildren); //it returns 3 instead of 0 ?
            boxX.addEventListener(MouseEvent.CLICK, boxXHandler);
            } //closing brace for function showBox
            //function for removing showBox
        private function boxXHandler(evt:MouseEvent):void {
            child1.removeChildAt(0); // it removes child1 itself on first click?
            }//closing brace for function boxXHandler
            //function for managing showMag
        private function showMag (e:MouseEvent):void{
            var MagBox:Sprite;
            MagBox=new MagInstance();
            MagBox.x=-275;
            MagBox.y=-95;
            MagBox.name="MagBoxName";
            var MagBoxX:Sprite;
            MagBoxX=new magXInstance();
            buttonMode = true;
            MagBoxX.x=-145;
            MagBoxX.y=-190;
            MagBoxX.name="MagBoxXName";
            child2.addChild(MagBox);
            child2.addChild(MagBoxX);
            trace(child2.getChildAt(0).name);
            MagBoxX.addEventListener(MouseEvent.CLICK, MagBoxXHandler);
        } //closing brace for function showMag
        private function MagBoxXHandler(evt:MouseEvent):void {
    } //closing brace for Class Main
} //closing brace for package

Answer 1

This is my code for right now:
package{
    import flash.display.Sprite;
    import flash.display.DisplayObject;
    import flash.events.MouseEvent;
    import flash.net.URLRequest;
    import flash.events.Event;
          import flash.events.EventDispatcher;
    public class Main extends Sprite{
        private var Bg:Sprite;
        private var child1:Sprite;
        private var child2:Sprite;
        private var child3:Sprite;
        public function Main(){           
            var Bg:Sprite = new BgInstance();
            Bg.x=360;
            Bg.y=212;
            Bg.name="BgMap"
            addChild(Bg);
            child1 = new child1Instance();
            child1.buttonMode = true;
            child1.x=479;
            child1.y=132;
            child1.name="child1Name";
            child1.addEventListener(MouseEvent.CLICK, showBox);
            addChild(child1);
            child2 = new child2Instance();
            child2.buttonMode = true;
            child2.x=463;
            child2.y=282;
            child2.name="child2Name";
            child2.addEventListener(MouseEvent.CLICK, showMag);
            addChild(child2);
            child3 = new child3Instance();
            child3.buttonMode = true;
            child3.x=389;
            child3.y=335;
            child3.name="child3Name";
            addChild(child3);
       } //closing brace for Function Main     
            //Handler
            private function showBox (e:MouseEvent):void{
            var box1:Sprite;
            box1=new box1Instance();
            box1.x=-279;
            box1.y=-32;
            box1.name = "box1name";
            var boxX:Sprite;
            boxX=new boxXInstance();
            boxX.x=-159;
            boxX.y=-79;
            boxX.name="boxXname";
            buttonMode = true;
            child1.addChild(box1);
            child1.addChild(boxX);
            child1.removeEventListener(MouseEvent.CLICK, showBox);
            //tired to remove event listerner for child1 ?
            boxX.addEventListener(MouseEvent.CLICK, boxXHandler);
            } //closing brace for function showBox
            //function for removing showBox
            function boxXHandler(evt:MouseEvent){
            child1.removeChild(child1.getChildByName("box1name"));
            child1.removeChild(child1.getChildByName("boxXname"));
            child1.addEventListener(MouseEvent.CLICK, showBox);
            // tried to reassign event listener for child1 ?
            }//closing brace for function boxXHandler
            //function for managing showMag
            private function showMag (e:MouseEvent):void{
            var MagBox:Sprite;
            MagBox=new MagInstance();
            MagBox.x=-275;
            MagBox.y=-95;
            MagBox.name="MagBoxName";
            var MagBoxX:Sprite;
            MagBoxX=new magXInstance();
            buttonMode = true;
            MagBoxX.x=-145;
            MagBoxX.y=-190;
            MagBoxX.name="MagBoxXName";
            child2.addChild(MagBox);
            child2.addChild(MagBoxX);
            child2.removeEventListener(MouseEvent.CLICK, showMag);
            trace(child2.getChildAt(0).name);
            MagBoxX.addEventListener(MouseEvent.CLICK, MagBoxXHandler);
            } //closing brace for function showMag
            function MagBoxXHandler(evt:MouseEvent):void {
            child2.removeChild(child2.getChildByName("MagBoxName"));
            child2.removeChild(child2.getChildByName("MagBoxXName"));
            child2.addEventListener(MouseEvent.CLICK, showMag);
          } //closing brace for Class Main
} //closing brace for package