Dynamic Scroll Panel

programming flash
1

Creating a dynamic scroll panel using two objects from my library and accessing images from a folder using some basic XML.

The ScrollPanel loads fine, the 6 instances of the empty movieclip holders load. The function that traces the instance of the movieClip names is working.

My trouble is accessing the instances of the movies to load the loaders in order to view the jpgs called from the folder. I receive an “access of undefined property” message if I type thumbLoad0.[COLOR=Blue]addChild/COLOR; etc, which you will see at the very bottom.

The only way so far I have even seen any jpgs is when I type scrollBar in front of addchild instead of thumbLoad. And they all load at the top left of the scrollBar.

Any leads towards an answer is much appreciated.

[COLOR=Blue]var[/COLOR] thumbNum:[COLOR=Blue]int [/COLOR]= 6;
[COLOR=Blue]var[/COLOR] spacing:[COLOR=Blue]Number[/COLOR] = 2;

[COLOR=Blue]var[/COLOR] scrollBar:[COLOR=Blue]Sprite[/COLOR] = [COLOR=Blue]new Sprite[/COLOR]();
[COLOR=Blue]addChild[/COLOR](scrollBar);

[COLOR=Blue]var[/COLOR] thumbLoad:[COLOR=Blue]MovieClip[/COLOR] = [COLOR=Blue]new[/COLOR] thumbLoader;
[COLOR=Blue]for [/COLOR]([COLOR=Blue]var [/COLOR]i:[COLOR=Blue]int[/COLOR] = 0; i < thumbNum; i++)
    {
        thumbLoad = [COLOR=Blue]new [/COLOR]thumbLoader();
        thumbLoad.[COLOR=Blue]name[/COLOR] = [COLOR=SeaGreen]"thumbLoad" [/COLOR]+ i;
        thumbLoad.[COLOR=Blue]x[/COLOR] = spacing + i [COLOR=Blue]*[/COLOR] (thumbLoad.[COLOR=Blue]width[/COLOR] + spacing);
        thumbLoad.[COLOR=Blue]y [/COLOR]+= 20;
        thumbLoad.[COLOR=Blue]addEventListener[/COLOR]([COLOR=Blue]MouseEvent.CLICK[/COLOR], onTraceName, [COLOR=Blue]false,[/COLOR] 0, [COLOR=Blue]true[/COLOR]);
        scrollBar.[COLOR=Blue]addChild[/COLOR](thumbLoad);
    }
    
[COLOR=Blue]var[/COLOR] scrollBack:[COLOR=Blue]MovieClip[/COLOR] = [COLOR=Blue]new[/COLOR] scrollPanel();
scrollBack.[COLOR=Blue]width[/COLOR] = thumbNum * (thumbLoad.[COLOR=Blue]width[/COLOR] + spacing);
scrollBack.[COLOR=Blue]width[/COLOR] += spacing;
scrollBar.[COLOR=Blue]addChildAt[/COLOR](scrollBack, 0);

scrollBar.[COLOR=Blue]x[/COLOR] = 448.9;
scrollBar.[COLOR=Blue]y[/COLOR] = 550.1

[COLOR=Blue]function[/COLOR] onTraceName(evt:[COLOR=Blue]MouseEvent[/COLOR]):[COLOR=Blue]void[/COLOR]
{
    [COLOR=Blue]trace[/COLOR](evt.[COLOR=Blue]target.name[/COLOR]);
}

[COLOR=Blue]var[/COLOR] galleryFolder:[COLOR=Blue]String [/COLOR]= [COLOR=SeaGreen]"gallery_1"[/COLOR];

[COLOR=Blue]var[/COLOR] pic1ldr:[COLOR=Blue]Loader[/COLOR] = [COLOR=Blue]new Loader[/COLOR]();
[COLOR=Blue]var[/COLOR] pic2ldr:[COLOR=Blue]Loader[/COLOR] = [COLOR=Blue]new Loader[/COLOR]();
[COLOR=Blue]var[/COLOR] pic3ldr:[COLOR=Blue]Loader[/COLOR] = [COLOR=Blue]new Loader[/COLOR]();
[COLOR=Blue]var[/COLOR] pic4ldr:[COLOR=Blue]Loader[/COLOR] = [COLOR=Blue]new Loader[/COLOR]();
[COLOR=Blue]var[/COLOR] pic5ldr:[COLOR=Blue]Loader[/COLOR] = [COLOR=Blue]new Loader[/COLOR]();
[COLOR=Blue]var[/COLOR] pic6ldr:[COLOR=Blue]Loader[/COLOR] = [COLOR=Blue]new Loader[/COLOR]();

[COLOR=Blue]var[/COLOR] thumb1Req:[COLOR=Blue]URLRequest[/COLOR] = [COLOR=Blue]new URLRequest[/COLOR](galleryFolder + [COLOR=SeaGreen]"/thumbs/pic1.jpg"[/COLOR]);
[COLOR=Blue]var[/COLOR] thumb2Req:[COLOR=Blue]URLRequest[/COLOR] = [COLOR=Blue]new URLRequest[/COLOR](galleryFolder + [COLOR=SeaGreen]"/thumbs/pic2.jpg"[/COLOR]);
[COLOR=Blue]var[/COLOR] thumb3Req:[COLOR=Blue]URLRequest[/COLOR] = [COLOR=Blue]new URLRequest[/COLOR](galleryFolder + [COLOR=SeaGreen]"/thumbs/pic3.jpg"[/COLOR]);
[COLOR=Blue]var[/COLOR] thumb4Req:[COLOR=Blue]URLRequest[/COLOR] = [COLOR=Blue]new URLRequest[/COLOR](galleryFolder + [COLOR=SeaGreen]"/thumbs/pic4.jpg"[/COLOR]);
[COLOR=Blue]var[/COLOR] thumb5Req:[COLOR=Blue]URLRequest[/COLOR] = [COLOR=Blue]new URLRequest[/COLOR](galleryFolder + [COLOR=SeaGreen]"/thumbs/pic5.jpg"[/COLOR]);
[COLOR=Blue]var[/COLOR] thumb6Req:[COLOR=Blue]URLRequest[/COLOR] = [COLOR=Blue]new URLRequest[/COLOR](galleryFolder + [COLOR=SeaGreen]"/thumbs/pic6.jpg"[/COLOR]);

pic1ldr.[COLOR=Blue]load[/COLOR](thumb1Req);
pic2ldr.[COLOR=Blue]load[/COLOR](thumb2Req);
pic3ldr.[COLOR=Blue]load[/COLOR](thumb3Req);
pic4ldr.[COLOR=Blue]load[/COLOR](thumb4Req);
pic5ldr.[COLOR=Blue]load[/COLOR](thumb5Req);
pic6ldr.[COLOR=Blue]load[/COLOR](thumb6Req);

thumbLoad0.[COLOR=Blue]addChild[/COLOR](pic1ldr);
thumbLoad1.[COLOR=Blue]addChild[/COLOR](pic2ldr);
thumbLoad2.[COLOR=Blue]addChild[/COLOR](pic3ldr);
thumbLoad3.[COLOR=Blue]addChild[/COLOR](pic4ldr);
thumbLoad4.[COLOR=Blue]addChild[/COLOR](pic5ldr);
thumbLoad5.[COLOR=Blue]addChild[/COLOR](pic6ldr);