Loader class

1

I am trying to load images via a class.
It works but what happens is that the 2nd lot of images are diplayed on screen when my code wants the first lot of images displayed (url) and not url2 images.


 
//player
private function imageLoadedHandler(e:Event):void {
MyBData=myloader.LoadedUrlList;
trace("ggg"+MyBData.length );
 
 
 
 
}
 
private function imageLoadedHandler2(e:Event):void {
// MyBData2=myloader.LoadedUrlList;
trace("ggg2==="+MyBData2.length );
trace("Globalvars.vars.noLoaded" +Globalvars.vars.noLoaded);
trace("complete"); 
 
img1=new Bitmap(MyBData[0]);
img1.bitmapData = MyBData[0];
addChild(img1);
_y=64;
_x=100;
img1.y=posY(_y);
img1.x=_x;
img1.visible=true;
 
}
 
 
//load class
public function loadUrls(urls:Array,noImages:int) {
 
totalImg=noImages;
 
for each (var el:String in urls) {
var loader:Loader = new Loader;
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);
loader.load(new URLRequest(el));
 
trace(el + "dsds");
}
 
 
 
 
}//loadurls
 
private function imageLoaded(event:Event):void //player L
{
 
var Singleimage:Bitmap = new Bitmap(event.target.content.bitmapData);
 
var bmd=Singleimage.bitmapData;
_urllist.push(bmd);
 
_noLoaded++;
Globalvars.vars.noLoaded++;
 
if (_noLoaded==totalImg )
{
trace("heredsds");
dispatchEvent(new Event("image_loaded"));
}
 
}