Комплиты с лоадера приходят не в правильном порядке

[Astraport]

protected function button1_clickHandler(event:MouseEvent):void
{

for (var i:uint = 0; i < myArray.length; i++) {
var loader:Loader = new Loader();
var request:URLRequest = new URLRequest("images/" + i + ".jpg");
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
loader.load(request);
}
}
protected function onComplete(event:Event):void
{
trace (LoaderInfo(event.target).url);
}
В трейсе такое
file:///C|/Users/Astraport2011/Adobe%20Flash%20Builder%204.5/c3d/bin%2Ddebug/images/4.jpg
file:///C|/Users/Astraport2011/Adobe%20Flash%20Builder%204.5/c3d/bin%2Ddebug/images/2.jpg
file:///C|/Users/Astraport2011/Adobe%20Flash%20Builder%204.5/c3d/bin%2Ddebug/images/0.jpg
file:///C|/Users/Astraport2011/Adobe%20Flash%20Builder%204.5/c3d/bin%2Ddebug/images/3.jpg
file:///C|/Users/Astraport2011/Adobe%20Flash%20Builder%204.5/c3d/bin%2Ddebug/images/1.jpg
Почему нарушается порядок?
При этом порядок один и тот же сохраняется при каждом дебаге. Однако если вызывать функцию несколько раз в запущенном приложение, то второй раз тоже что первый, а вот третий, четвертый и пятый по разному. Потом опять по кругу.

[stweet]

"Loader" - "event.target" потому что это объект а не массив. А объекты не сортируются как массив по индексу. Ручками)

[trng]

loader.load - асинхронный метод. То есть неизвестно когда наступит Event.COMPLETE для конкретного loader.
Грубо можно считать, что чем больше картинка, тем позже наступает Event.COMPLETE.
Сравнение объект/массив здесь ни при чем.

Лоадеры у вас создаются внутри цикла - поэтому их много (myArray.length-1 штук).
И для каждого из них возникает Event.COMPLETE.

[Astraport]

И какое решение?
Пока вижу - считать пока не случиться Event.COMPLETE для myArray.length раз. Каждый раз сохраняя данные в отдельном массиве. Затем сортировать массив.

[trng]

Не совсем понятно зачем привязываться к порядку загрузки, но если уж это так принципиально, то есть два варианта:

1. Если важен именно порядок загрузки, то каждая следующая загрузка (очевидно) должна начинаться после предыдущей. Например как то так:

protected var currentPic:int = 0;
protected function button1_clickHandler(event:MouseEvent):void
{
var loader:Loader = new Loader();
var request:URLRequest = new URLRequest("images/" + currentPic + ".jpg");
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
loader.load(request);
}

protected function onComplete(event:Event):void
{
trace (LoaderInfo(event.target).url);
currentPic++;
if (currentPic == myArray.length) return;
var loader:Loader = new Loader();
var request:URLRequest = new URLRequest("images/" + currentPic + ".jpg");
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
loader.load(request);
}


2. Если порядок не важен, а важно дождаться загрузки ВСЕХ картинок, то тоже с переменной currentPic, и когда currentPic == myArray.length - можно приступать к дальнейшим действиям.

[Astraport]

trng, спасибо.

Второй вариант понятен, а вот первый после загрузки первой картинки выдает ошибку:
SecurityError: Error #2000: Отсутствует активный контекст безопасности.

Добавлено через 2 минуты
Упс... Сорри. Моя ошибка. Все работает и по первому варианту! Спасибо.