Loading a list of images from CameraRoll or the device file system

Hi,

My Callout gallery:

<s:Callout xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark" 
           contentBackgroundAppearance="none"
           horizontalPosition="start"
           verticalPosition="after" 
           creationComplete="creationCompleteHandler()">
    <fx:Script>
        <![CDATA[
            import spark.components.Image;
            private var loader:Loader;
            private var assetsFile:File = File.applicationDirectory.resolvePath("gallery");
            private var imgJPGArr:Array;
            private var imageLoop:Number = 0;
            private var clickEnabled:Boolean = false;
            private function imagesJPGFilter( directory:File ):Array
            {
                var images:Array = new Array(); 
                if (directory.isDirectory) 
                {
                    var files:Array = directory.getDirectoryListing();
                    for (var i:int = 0; i < files.length; i++)
                    {
                        if (!files.isDirectory)
                        {
                            //count += recursiveDirectoryListing( files );
                            //images
                            if(files.extension == "jpg" || files.extension == "JPG" ||
                                files.extension == "jpeg" || files.extension == "JPEG")
                            {
                                //trace(files.url);
                                images.push( files );
                            }
                        }
                    }
                }
                return images;
            } 
            private function creationCompleteHandler():void
            {
                loader = new Loader();
                loader.contentLoaderInfo.addEventListener(Event.COMPLETE, imgLoader);
                imgJPGArr = imagesJPGFilter( assetsFile );
                loadImages( imageLoop );
            }
            private function loadImages( imageLoop:Number ):void
            {    
                loader.load(new URLRequest( imgJPGArr[ imageLoop ].url ));
            }
            private function imgLoader(event:Event):void
            {
                var myImg:Image = new Image();
                myImg.width = 110;
                myImg.height = 150;
                myImg.smooth = true;
                myImg.scaleMode = "letterbox";
                myImg.source = event.target.content;
                //var resultData:Object = new Object();
                //resultData.iconIMG = myImg;
                //resultData.orginIMG = imgJPGArr[ imageLoop ];
                var functionDoIt:Function = addDeleteHandler( event.target.content );
                myImg.addEventListener(MouseEvent.CLICK, functionDoIt);
                gallContainer.addElement( myImg );
                //myImg=null;
                if(imageLoop < imgJPGArr.length-1)
                {
                    //trace("wlazlo");
                    imageLoop++;
                    loadImages( imageLoop );
                }
                else
                {
                    loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, imgLoader);
                    loader=null; assetsFile=null; imgJPGArr=null;
                    clickEnabled = true;
                    bi.visible = false;
                }
            }
            private function addDeleteHandler(imgJPG:Bitmap):Function
            {
                return function(event:MouseEvent=null):void 
                {
                    if(clickEnabled == true)
                    {
                        if(imgJPG) 
                        {
                            close(true, imgJPG);
                        }
                    }
                }
            }
        ]]>
    </fx:Script>
    <fx:Declarations>
    </fx:Declarations>
    <s:Scroller focusEnabled="false" hasFocusableChildren="true" width="500" height="600" horizontalScrollPolicy="off">
        <s:TileGroup id="gallContainer" horizontalGap="5" verticalGap="5" paddingTop="10" paddingLeft="10" paddingRight="10" cacheAsBitmap="true" opaqueBackground="0xf2f2f2">
        </s:TileGroup>
    </s:Scroller>
    <s:BusyIndicator id="bi" horizontalCenter="0" rotationInterval="100" symbolColor="black"
                     verticalCenter="0"/>
</s:Callout>

unfortunately very slow if there are no icons.