Photo Gallery with text array

programming flash
1

Im using the photo gallery tut found here

What I’m trying to do is add a text array to go along with the change of photos.

Here’s what I’ve got so far. All that happens though is when the movie loads, it loads the first caption in the array in the dynamic text box (thetext), but it does not cycle through the rest of the text array when the next button or previous button are clicked.


/*
   i wrote this code, but you can use and abuse it however you like.
   the methods are defined in the order which they occur to make it
   easier to understand.
*/
// variables ------------------------------------------
// put the path to your pics here, include the slashes (ie. "pics/")
// leave it blank if they're in the same directory
this.pathToPics = "polaroids/";
// fill this array with your pics
this.pArray = ["model0.jpg", "model1.jpg", "model2.jpg", "model3.jpg", "model4.jpg", "model5.jpg"];
this.fadeSpeed = 20;
this.pIndex = 0;

//variable for text index number
this.tIndex = 0;

//array for text captions
this.tArray = ["photo caption 1", "photo caption 2", "photo caption 3", "photo caption 4", "photo caption 5","photo caption 1"];  

// MovieClip methods ----------------------------------
// d=direction; should 1 or -1 but can be any number

//load text array into dynamic box "thetext"
_root.thetext.text = this.tArray[0];

//loads an image automatically when you run animation
loadMovie(this.pathToPics+this.pArray[0], _root.photo);

MovieClip.prototype.changePhoto = function(d) {
	// make sure pIndex falls within pArray.length
	this.pIndex = (this.pIndex+d)%this.pArray.length;
	this.tIndex = (this.tIndex+d)%this.tArray.length;
	if (this.pIndex<0 && this.tIndex<0) {
		this.pIndex += this.pArray.length;
		this.tIndex += this.tArray.length;
	}
	this.onEnterFrame = fadeOut;
};
MovieClip.prototype.fadeOut = function() {
	if (this.photo._alpha>this.fadeSpeed) {
		this.photo._alpha -= this.fadeSpeed;
	} else {
		this.loadPhoto();
	}
};
MovieClip.prototype.loadPhoto = function() {
	// specify the movieclip to load images into
	var p = _root.photo;
	//------------------------------------------
	p._alpha = 0;
	p.loadMovie(this.pathToPics+this.pArray[this.pIndex]);
	this.onEnterFrame = loadMeter;
};
MovieClip.prototype.loadMeter = function() {
	var i, l, t;
	l = this.photo.getBytesLoaded();
	t = this.photo.getBytesTotal();
	if (t>0 && t == l) {
		this.onEnterFrame = fadeIn;
	} else {
		trace(l/t);
	}
};
MovieClip.prototype.fadeIn = function() {
	if (this.photo._alpha<100-this.fadeSpeed) {
		this.photo._alpha += this.fadeSpeed;
	} else {
		this.photo._alpha = 100;
		this.onEnterFrame = null;
	}
};
// Actions -----------------------------------------
// these aren't necessary, just an example implementation
this.onKeyDown = function() {
	if (Key.getCode() == Key.LEFT) {
		this.changePhoto(-1);
	} else if (Key.getCode() == Key.RIGHT) {
		this.changePhoto(1);
	}
};
Key.addListener(this);

Thanks for looking!