title: Why does removeChild still has image added from previous addChild?
body: <p>Sorry that it was hard to phrase the question. 
  But i am encountering a problem, 
  What i am trying to do:</p>
  
  <p>1.) I have a loop that add different bitmap images to sprites, </p>
  
  <p>2.) Each sprites when clicked, it traces the index </p>
  
  <p>3.) The index add that image again as a duplicate </p>
  
  <p>4.) When the image is clicked again, it removeChild(the duplicate). </p>
  
  <p>But the problem is when a second image is clicked(step 2,3) it adds child (supposively it should be only the child clicked that is added), but it adds the old images underneath the image clicked. </p>
  
  <p>So if its the first image, it is just the image, when its second image clicked, even it has removedChild from last image, the new image added has the old image added underneath it. 
  Not sure why it does that. </p>
  
  <p>Anyone has any idea? the code are very long, not sure if its a simple problem that can be identify without seeing the code. </p>
  
  <p>Thanks for your time and help!</p>
  
  <p>Edit:
  Code:</p>
  
  <pre><code>private var image:Array = new Array;
  function onImageLoaded(e:Event):void {
  
                  loadedArray.push(e.target.content as Bitmap);
  
  
  
  
          for(var i:int = 0; i &lt; loadedArray.length; i++){
                  var currentY1:int = 200;
  
  
                   e.currentTarget.loader.content.height =200;
                   e.currentTarget.loader.content.y += currentY1;
                   image[i] = new Sprite();
                   image[i].addChild(loadedArray[i]);
                   image[i].addEventListener(MouseEvent.CLICK, gotoscene);
                   image.mouseChildren = true;    // ignore children mouseEvents
                   image.mouseEnabled = true;      // enable mouse on the object - normally set to true by default
                   image.useHandCursor = true;     // add hand cursor on mouse over
                   image.buttonMode = true; 
  
  
  
  
                   _contentHolder.addChild(image[i]);
  
                      }
  function gotoscene(e: MouseEvent):void{
  
  
         index = image.indexOf(e.target);
         trace(index);
  
  
          blackBox.graphics.beginFill(0x000000);
          blackBox.graphics.drawRect( -1, -1, stage.width, stage.height);
          blackBox.alpha = 0.7;
          addChild(blackBox);
  
  
  
  
          var originalBitmap : BitmapData = loadedArray[index].bitmapData;
          var duplicate:Bitmap = new Bitmap(originalBitmap);
          duplicate.y = 100;
          duplicate.width = stage.width;
          duplicate.height = (stage.width/originalBitmap.width)*originalBitmap.height;
  
          _contentHolder1.addChild(duplicate);
  
  
          addChild(_contentHolder1);
  
  
          blackBox.addEventListener(MouseEvent.CLICK, gotoscene1);
          _contentHolder1.addEventListener(MouseEvent.CLICK, gotoscene1);
  
  
  
  
             }
  
              public function gotoscene1(e:MouseEvent):void{
  
              removeChild(blackBox);
              removeChild(_contentHolder1);
  
  
  
              }
  </code></pre>
  
  <p>Edit:
  add image with index 0</p>
  
  <p>add image with index 0
  add image with index 1</p>
  
  <p>add image with index 0
  add image with index 1
  add image with index 2</p>