Adding and removing a movie clip

1

This seems like it should be pretty simple…

I have two clips on the stage with mouseover and mouseout actions. When you roll over a clip, a new clip is created and added to the stage. I then use the drawing methods to draw a callout.

It works fine the first time, but when you roll over the second clip, the drawing for the previous object is not erased and it adds to the drawing with the information from the second rollover.

 
node1.buttonMode = true;
node2.buttonMode = true;
 
node1.addEventListener(MouseEvent.MOUSE_OVER, drawCallOut);
node1.addEventListener(MouseEvent.MOUSE_OUT, removeCallOut);
node2.addEventListener(MouseEvent.MOUSE_OVER, drawCallOut);
node2.addEventListener(MouseEvent.MOUSE_OUT, removeCallOut);
 
var callOut:MovieClip = new MovieClip();

function drawCallOut(event:MouseEvent):void {
 
 addChild(callOut); 
 
 var startCallOut:Number = 50;
 
 callOut.graphics.lineStyle(1);
 callOut.graphics.beginFill(0xaa00bb);
 callOut.graphics.moveTo(startCallOut, startCallOut);
 callOut.graphics.lineTo(200, 50);
 callOut.graphics.lineTo(200, 200);
 callOut.graphics.lineTo(180, 200);
 callOut.graphics.lineTo(event.target.x + 10, event.target.y + 10);
 callOut.graphics.lineTo(160, 200);
 callOut.graphics.lineTo(startCallOut, 200);
}
 
function removeCallOut(event:MouseEvent):void {
 removeChild(callOut);
}

Is there a better way to destroy the clip? I’ve also tried resetting the drawing using “moveTo(0, 0)” when you roll off the clip, but that doesn’t seem to do anything.

What exactly am I doing wrong here?