Display object contentLoader issue

Hello can anyone please help me with this removeChild / display object issue. My code below loads my preloader dynamically before an image is loaded into the file and when it finishes I want to remove my preloader by the removeChild(); method. Whenever I try to add removeChild(); in my code my file either does not work or I get an error #2025 must be a child of the caller. Where would my code go for the removeChild to work and not have a conflict. I know I probably need some removeEventListeners as well at the bottom: My .fla file is attached it works but I just need to remove the preloader in my code after it loads my image.
Any help would be great. Thanks

**my code: I need to remove my preloader when it reaches 100%
and my image is loaded
**var myRequest:URLRequest = new URLRequest(“baer.jpg”);
var myloader:Loader = new Loader();
myloader.load(myRequest);
c_btn.addEventListener(MouseEvent.MOUSE_UP, loadA);
var preLoad:preloader=new preloader();

function loadA(event:MouseEvent):void
{
addChild(myloader);
myloader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
}

function progressHandler(myeventProgressEvent):void
{
addChild(preLoad);
preLoad.x = 450;
preLoad.y = 300;
var myprogress:Number = myevent.target.bytesLoaded / myevent.target.bytesTotal;
preLoad.bar_mc.scaleX = myprogress;
preLoad.myTextField_txt.text = Math.round(myprogress * 100) + “%”;

}
** maybe something like this below but I cannot get it to work**

root.loaderInfo.addEventListener(Event.COMPLETE, finished);
function finished(myevent:Event):void {
//Remove the event listeners to make sure they aren’t fired twice
root.loaderInfo.removeEventListener(Event.COMPLETE, finished);
root.loaderInfo.removeEventListener(ProgressEvent.PROGRESS, progressHandler);
removeChild(preLoad);
}