Dynamic MovieClip (Loader) Names

Question

I have an array of data that I'm using to create thumbnails and labels.  I'm using "Loader" to load the thumbnails (sample code below) but what I'm wondering is how I can make the name of the loader dynamic so that each child gets named "image1, image2, ...".  I tried adding "[i]" after the "image" for each item in the code but it complained about missing semicolon before left bracket.
var image:Loader = new Loader();
var target_image:URLRequest = new URLRequest("images/" + xmlData.Product[i].id + ".png");
image.name = "image_"+[i];
image.load(target_image);
image.x = 80;
image.y = 60;
addChild(image);
I saw an example for MovieClip which looks like it's exactly what I want to do but it doesn't work for Loader (and I don't know if it works at all).  In the example I saw, the last line in the above code would be:
image.addChild(this["image"+i]);
Also, if I can't make the names of the loaders dynamic, how would I add event listeners to each of the thumbnails so that when one is clicked it executes code specific to that particular image (such as open up a large version of it).  Usually you have the listeners linked to the names of the children, but if you have 10 children named "image" then that makes it a bit tough.
Any help would be greatly appreciated.  Thanks!

Answer 1

you can do any one of a few things.  the two most commonly used techniques:
1.
var mc:MovieClip=new MovieClip();
addChild(mc);
mc["image"+i] = new Loader();
var target_image:URLRequest = new URLRequest("images/" + xmlData.Product[i].id + ".png"); mc["image"+i].load(target_image);
mc["image"+i].x = 80;
mc["image"+i].y = 60;
mc["image"+i].ivar = i;  // probably needed at some point
mc["image"+i].whateverProperty = whatever;  // this is the most flexible technique
mc["image"+i].addEventListener(MouseEvent.CLICK,clickF);
function clickF(e:MouseEvent){
//do something with e.currentTarget.ivar
//do something with e.currentTarget.whateverProperty
2.
var image:Loader = new Loader();
var target_image:URLRequest = new URLRequest("images/" + xmlData.Product[i].id + ".png");
image.name = i;  // this is more useful than the name you were using
image.load(target_image);
image.x = 80;
image.y = 60;
addChild(image);
image.addEventListener(MouseEvent.CLICK,clickF);
function clickF(e:MouseEvent){
//do something with e.currentTarget.name
//you can do most things with the above but this can sometimes be awkward.