Help with a function

[Shawn Northrop]

I am in the process of building an Image Gallery. I have created an array "thumbs" and also a mc in my library called thumbnail (this has a UILoader and ProgressBar); I have sucessfully loaded the small images by creating a new thumbnail instance and storing it into an array. I have also created a Mouse Over EventListener onto each array element. My next goal is to have the mouse over call a specific picture. Right now it calls the image 1.jpg everytime.

The relevent functions are the loadThumb()
and loadPic()

does anyone have any suggestions/comments? This page can be viewed at www.jeanneflight.com/greg

stop();
import fl.controls.ProgressBar;
 
var thumbs:Array = new Array();
var i = 0;
 
function loadThumb(){
    var mc:thumbnail=new thumbnail();
    thumbs[i] = mc;
    if(i % 2 == 0){
        thumbs[i].x = 550;
        thumbs[i].y = 100 + (i * 57);
    } else{
        thumbs[i].x = 633;
        thumbs[i].y = 100 + ((i - 1) * 57);
    }
    thumbs[i].loader.load(new URLRequest("images/" + (i + 1) + ".jpg"));
    addChild(thumbs[i]);
    if(i < 9){
        thumbs[i].pb.addEventListener(Event.COMPLETE, another);
    } else {
        thumbs[i].pb.addEventListener(Event.COMPLETE, function(evt:Event):void { thumbs[i].pb.visible = false; });
    }
    thumbs[i].addEventListener(MouseEvent.MOUSE_OVER, loadpic);
}
 
//loadpic(1);
 
function loadpic(e:Event){
var j = 1;
mainImg_mc.pb.visible = true;    
mainImg_mc.loader.load(new URLRequest("images/"+j+".jpg"));
mainImg_mc.pb.addEventListener(Event.COMPLETE, function(evt:Event):void { mainImg_mc.pb.visible = false; });
}
 
function another(evt:Event){ 
    thumbs[i].pb.visible = false;
    i++;
    loadThumb();
}
 
loadThumb();