scrollpane cargar más imagenes

hola tengo un scroll pane que carga una imagen, pero no se como hacer para cargar más imagenes el código es:

attachMovie("ScrollPane", "mi_panel", 1);
attachMovie("barra", "barra_mc", 2);


//Propiedades
mi_panel.vScrollPolicy = "on";
mi_panel.hScrollPolicy = "on";
mi_panel.vPageScrollSize = 20;
mi_panel.vLineScrollSize = 1;
mi_panel.hPageScrollSize = 20;
mi_panel.hLineScrollSize = 1;

//Lo que vamos a cargar
mi_panel.contentPath = "imagen.jpg";


//Refrescar la imagen
boton_btn.onPress = function(){
attachMovie("barra", "barra_mc", 2);
mi_panel.refreshPane();
}

//Listener para comprobar la carga
mientrasCarga = new Object();
mientrasCarga.progress = function(evento){
porcentaje = (mi_panel.getBytesLoaded() / mi_panel.getBytesTotal())*100;
barra_mc._xscale = porcentaje;
trace(mi_panel.getBytesLoaded() + " bytes cargados de " + mi_panel.getBytesTotal());
}

//Listener para comprobar si ha cargado del todo
alCargar = new Object();
alCargar.complete = function(evento){
removeMovieClip(barra_mc);
trace("Has cargado la imagen " + mi_panel.contentPath);
}

//Listener para cuando se usa el scroll
alMover = new Object();
alMover.scroll = function(evento){
trace("v:" + mi_panel.vPosition + " h:" + mi_panel.hPosition);
}

//Eventos
mi_panel.addEventListener("progress", mientrasCarga);
mi_panel.addEventListener("complete", alCargar);
mi_panel.addEventListener("scroll", alMover);


no se si donde pone mi_panel.contentPath = "imagen.jpg"; hay que poner el nombre de la otra imagen que quiera cargar, en este caso se separa por comas?

gracuas