Best place to put the event listener?

Question

Hey there!
I am loading several images using a loop. My question is, would it be better to put the "contentLoaderInfo.addEventListener(Event.COMPLETE..." in the loop so it loads the compelte handler each time it goes through the loop, or is it fine to put it outside of the loop at the end?
Also, could you explain the reason for your answer?
Thanks!

Answer 1

alright. here is what I have:
          public function placePictures():void {
               private var imageURLs:Array = ["images/1.jpg","images/2.jpg","images/3.jpg","images/4.jpg",
                                     "images/5.jpg", "images/6.jpg","images/7.jpg", "images/8.jpg",
                                     "images/9.jpg"];               
               var ba:Array = new Array();
               ba.push(b1,b2,b3,b4,b5,b6,b7,b8,b9);
               for(var i:uint=0;i<ba.length;i++) {
                    trace(name + ba[i]);
                    ba[i].name = i;
                    imageLoader = new Loader();
                    imageLoader.load(new URLRequest(imageURLs.shift()));
                    //HERE...///////////////////////////////////////////////////////
                    //imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadCompleteHandler);
                    imageHolder = new Sprite();
                    imageHolder.graphics.lineStyle(5, 0x000000, 100, false, LineScaleMode.NORMAL, CapsStyle.NONE, JointStyle.MITER);
                    imageHolder.graphics.drawRect(0, 0, 180, 100);
                    imageHolder.addChild(imageLoader);
                    if (i<=2){
                         imageHolder.x = 250 + i * 300;
                         imageHolder.y = 0;
                    } else if (i<6) {
                         imageHolder.x = 250 - 900 + i * 300;
                         imageHolder.y = 200;
                    } else {
                         imageHolder.x = 250 - 1800 + i * 300;
                         imageHolder.y = 400;
                    ba[i].y = 230;
                    ba[i].x = 0;
                    ba[i].buttonMode=true;
                    ba[i].addChild(imageHolder);
                    peHolder.addChild(ba[i]);
                    ba[i].addEventListener(MouseEvent.CLICK, onButtonClick);
               //OR HERE...//////////////////////////////////////////////////////////////
               imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadCompleteHandler);
          public function loadCompleteHandler(e:Event) {
               trace ("load complete handler loaded");
               imageLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE, loadCompleteHandler);