"Reusable Preloader Using MovieClipLoader" Tutorial Help

Hello,

I am fairly new to Actionscript and have a decent understanding on how Flash works. Also, I am currently using Flash CS3.

I am having trouble following the “Reusable Preloader Using MovieClipLoader” Tutorial from Kirupa.com. Everything seems to work properly except for the buttons. The problem is the buttons are nested inside a MovieClip (instead of it being in the main timeline) so the buttons doesn’t seem to load my images into the empty MovieClip located in the main timeline along with the designated preloader.

I am using a simple text preloader named “pText” so I removed the bar & border actionscript provided from the tutorial and named my empty MovieClip, “imageLoader.” The buttons are located from the Main Timeline > “container” > "thumbnails"and are called “imgbtn(#).”

Here is the actionscript I am using and it is placed in the main timeline (2nd frame after the main preloader has completed):

stop();

this.createEmptyMovieClip(“imageLoader”, “100”);
my_mc = new MovieClipLoader();
preload = new Object();
my_mc.addListener(preload);
preload.onLoadStart = function(targetMC) {

trace("started loading "+targetMC);
imageLoader._visible = false;
pText._visible = true;

};
preload.onLoadProgress = function(targetMC, lBytes, tBytes) {

pText.text = Math.round((lBytes/tBytes)*100) + “%”;

};
preload.onLoadComplete = function(targetMC) {

imageLoader._visible = true;
pText._visible = false;
trace(targetMC+" finished");

};
//default image
my_mc.loadClip(“img_familyfriend_01.jpg”, “imageLoader”);

_root.container.thumbnails.imgbtn1.onPress = function() {
my_mc.loadMovie(“img_familyfriend_01.jpg”, “imageLoader”);

};
_root.container.thumbnails.imgbtn2.onPress = function() {
my_mc.loadMovieNum(“img_familyfriend_02.jpg”, “imageLoader”);

};
_root.container.thumbnails.imgbtn2.onPress = function() {
my_mc.loadClip(“picture3.jpg”, “container”);

};
However, when I apply the following actionscript into the buttons:

on (release) {
//load Movie Behavior
if(_root.imageLoader == Number(_root.imageLoader)){
loadMovieNum(“img_familyfriend_01.jpg”,_root.imageLoader);
} else {
_root.imageLoader.loadMovie(“img_familyfriend_01.jpg”);
}
//End Behavior

}
… it works great, but I don’t know how to apply the preloader to it.

If anyone help knows what I am doing wrong, please let me know. I tried googling everywhere and follow various tutorials, but I either don’t get it work properly or I don’t understand the actionscript used. Any help is appreciated. Thanks!