Why won't my images load?

Hello

I have a movieclip with a scroll pane. also a mc which i named a class with a ‘delete’ button and an image holder inside it. (linked as chosen_thumb_mc)

For some reason, the thumbnails are not loading? I cant find out why because it says the code is correct… Can anyone see what is wrong with my code?

thanks so much in advance for any help!

var ThumbArray:Array = new Array();

ThumbArray[0] = ["70317", "name70317", "2"]
ThumbArray[1] = ["28076", "name28076", "3"]
ThumbArray[2] = ["28085", "name28085", "1"]
ThumbArray[3] = ["28006", "name28006", "3"]
ThumbArray[4] = ["28013", "name28013", "2"]

var holder:Sprite = new Sprite();

var hor = -100
var ver = 10
var columns = 0

LoadPaneWithChosenThumbs();

function LoadPaneWithChosenThumbs() {

for(var i:uint=0; i<ThumbArray.length; i++) {
			
	var ThumbnailMc = new chosen_thumb_mc()			
												
			var pictLdr:Loader = new Loader();
			var pictURL:String = "products/pics/"+ ThumbArray*[0] + ".jpg"
			var pictURLReq:URLRequest = new URLRequest(pictURL);
			pictLdr.load(pictURLReq);
			ThumbnailMc.loader1.addChild(pictLdr.content); 
			
			ThumbnailMc.btn_delete.addEventListener(MouseEvent.CLICK, btn_delete_handler);
			ThumbnailMc.price = ThumbArray*[2]
			ThumbnailMc.thename = ThumbArray*[1]
				
	holder.addChild(ThumbnailMc);
	
	//I only want 4 columns in the pane
	if(columns==4){
			columns = 0
			hor = -100
			ver = ver + 120
			} else {
			hor = hor + 110
			columns++
			}
		ThumbnailMc*.x = hor
		ThumbnailMc*.y = ver 
	
}

	pane.update();
	pane.source = holder;
}

function btn_delete_handler(event:MouseEvent):void {
		//holder.removeChild(mcRecord[???thedeletedthumb???]);
		//ThumbArray.splice(???thedeletedthumb???, 1);
		////clear the pane
		//LoadPaneWithChosenThumbs();
		}