Removing xml node!

Hello,
i am using a scroll panel component with an instance name of photoScroll on the stage. This scroll panel is linked to an xml page which contains the names of the thumbnails and the jpgs.
When you click on the thumbnail it loads the corresponding jpg beside the scroll panel. Also on the stage, there is a button which moves the timeline along and also removes the scroll panel. The problem is that the jpg which was loaded remains on the stage. I can’t figure out how to get rid of it. I really need help, i’ve been on this for days!
Here is my code (the jpgs are found in the <data> node of the xml page). “hor” is the button that must remove the scroll panel and the lingering jpg.
thanks!

stop();
import flash.events.MouseEvent;
import com.afcomponents.scrollpanel.ScrollPanelEvent;
import flash.display.Loader;
import flash.display.LoaderInfo;
import flash.net.URLRequest;
import flash.net.navigateToURL;

photoScroll.addEventListener(ScrollPanelEvent.XML_LOAD_COMPLETE, loadComplete);

function loadComplete(event:ScrollPanelEvent){
photoScroll.addGenericItemEventListener(MouseEvent.CLICK, playOnClick);

}
function playOnClick(event:MouseEvent) {

var imageLoader:Loader = new Loader();
var myRequest:URLRequest = new URLRequest(event.target.data);
imageLoader.load(myRequest);

addChild(imageLoader);
imageLoader.y = 117;
imageLoader.x = 435;

}

hor.buttonMode = true;

hor.addEventListener (MouseEvent.CLICK,funchor);
hor.addEventListener (MouseEvent.CLICK,removeScroll);

function funchor (e:MouseEvent):void
{
gotoAndPlay(currentFrame+1);
addFrameScript (currentFrame+5, skipFrame);

function skipFrame ()
{
gotoAndPlay (29);
}
function removeScroll(event:MouseEvent) {
removeChild(photoScroll);
}