title: How to remove a child movie clip created by other function
body: <p>I have added a listener function for mouse event</p>
  
  <pre><code>bar.addEventListener(MouseEvent.MOUSE_OVER,mouse_over_bar);
  </code></pre>
  
  <p>And defined the function</p>
  
  <pre><code>public function mouse_over_bar(ev:MouseEvent):void{
  
                   var hover:MovieClip=new Hvr();
                   var tween:Tween;
  
                  addChild(hover);
                  hover.x=mouseX;
                  hover.y=mouseY;
  
                  TransitionManager.start(hover,{type:Fly,direction:Transition.IN,duration:1,easing:Strong.easeInOut});
                  hover.Hd1.text= xmlFile.children()[2]. @ name;
                  hover.descrpt.text= xmlFile.children()[2]. @ des;
  
                  }
  </code></pre>
  
  <p>How i remove this child movieclip hover?
  I would like to remove the chil when i am roll out from the bar.</p>