Gallery Issue

programming flash
1

Greetings,

Based on the Kirupa tutorial, as well as actionscript tweaking from a forum member, I successfully made a gallery that calls in jpgs from the host.

The Kirupa tutorial http://www.kirupa.com/developer/mx/photogallery.htm uses arrows to navigate the images. The actionscript tweak I used, thanks to a forum member, allows the use of thumbnails instead of the arrows.

What I need is to use thumbnails AND arrows to navigate… here is the actionscript:

 var pathToPics = images/";
pArray = new Array();
pArray = ["00.jpg", "01.jpg", "02.jpg", "03.jpg", "04.jpg", "05.jpg", "06.jpg", "07.jpg", "08.jpg", "09.jpg", "10.jpg", "11.jpg", "12.jpg"];
var fadeSpeed = 30;
var pIndex = 0;
loadMovie(this.pathToPics+this.pArray[0], _root.photo);
MovieClip.prototype.changePhoto = function(d) {
    this.onEnterFrame = fadeOut;
};
MovieClip.prototype.fadeOut = function() {
    if (photo._alpha>this.fadeSpeed) {
        photo._alpha -= this.fadeSpeed;
    } else {
        this.loadPhoto();
    }
};
MovieClip.prototype.loadPhoto = function() {
    var p = photo;
    p._alpha = 0;
    p.loadMovie(pathToPics+pArray[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;
    }
};
for (var i = 0; i<pArray.length; i++) {
    var btn = this["b"+i];
    btn.id = i;
    btn.onRelease = function() {
        pIndex = this.id;
        changePhoto();
    };
}

Any help would be appreciated…thanks!