Help:xfade xml gallery+thumbs

1

hello again brothers, me again for this places.
I am encounter with a megaproblem, I am making a image gallery plus thumbnails…
i read some pages here in web kirupa(by the way amazing code, very useful), and I decided to experiment very happy, but…

it wanted to ask if it is possible to make under this code, something to them called “CROSSFADE” inbetween images when i press some thumbnail.


function loadXML(loaded) {
	if (loaded) {
		xmlNode = this.firstChild;
		image = [];
		description = [];
		thumbnails = [];
		total = xmlNode.childNodes.length;
		for (i=0; i<total; i++) {
			image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
			description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
			thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
			thumbnails_fn(i);
		}
		firstImage();
		} else {
		content = "file not loaded!";
	}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("FOTOS.xml");
///////////////////////////////////// 

Color.prototype.setBrightness = function (bright) {
    var percent = 100 - Math.abs(bright);
    var offset = 0;
    if (bright > 0) offset = 256 * (bright / 100);
    var trans = new Object();
    trans.ra = trans.ga = trans.ba = percent;
    trans.rb = trans.gb = trans.bb = offset;
    this.setTransform(trans);
	}
		
p = 0;
var cx = picture._x;
var cy = picture._y;

this.onEnterFrame = function() {
	filesize = picture.getBytesTotal();
	loaded = picture.getBytesLoaded();
	preloader._visible = true;
			if (loaded != filesize) {
		preloader.preload_bar._xscale = 100*loaded/filesize;
	} else {
		preloader._visible = false;
			
		if (picture._alpha<100) {
			picture._alpha += 10;
		}
		
	picture._x = cx-picture._width/2;
	picture._y = cy-picture._height/2;
	
	}
};

/////////////////////////////
function nextImage() {
	if (p<(total-1)) {
		p++;
		if (loaded == filesize) {
			picture._alpha = 0;
			picture.loadMovie(image[p], 1);
                               /*desc_txt.text = description[p];
			picture_num();*/
		}
	}
}
function prevImage() {
	if (p>0) {
		p--;
		picture._alpha = 0;
		picture.loadMovie(image[p], 1);
		/*desc_txt.text = description[p];
		picture_num();*/
	}
}
function firstImage() {
	if (loaded == filesize) {
		picture._alpha = 0;
		picture.loadMovie(image[0], 1);
/*		desc_txt.text = description[0];
		picture_num();*/
	}
}
/*function picture_num() {
	current_pos = p+1;
	pos_txt.text = current_pos+" / "+total;
}*/

function thumbNailScroller() {
	// thumbnail code! 
	this.createEmptyMovieClip("tscroller", 1000);
	scroll_speed = 5;
	tscroller.onEnterFrame = function() {
		if ((_root._xmouse>=thumbnail_mc._x) && (_root._xmouse<=thumbnail_mc._x+thumbnail_mc._width)) {
			if ((_root._ymouse>=(hit_right._y-40)) && (thumbnail_mc.hitTest(hit_right))) {
				thumbnail_mc._y -= scroll_speed;
			} else if ((_root._ymouse<=(hit_left._y+40)) && (thumbnail_mc.hitTest(hit_left))) {
				thumbnail_mc._y += scroll_speed;
			}
		} else {
			delete tscroller.onEnterFrame;
		}
	};
}

function thumbnails_fn(k) {
	thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
	tlistener = new Object();
	tlistener.onLoadInit = function(target_mc) {
		target_mc._y =(target_mc._height+8.9)*k;
		//trace(target_mc._width+" "+target_mc._parent._rotation)
		target_mc.pictureValue = k;
		
		target_mc.onRelease = function() {
			this._alpha=30;
			p = this.pictureValue-1;
			nextImage();
		};
		target_mc.onRollOver = function() {
			myColor = new Color(this);
			myColor.setBrightness(-50);
			thumbNailScroller();
		};
		target_mc.onRollOut = function() {
			myColor.setBrightness(0);
		};
	};
	image_mcl = new MovieClipLoader();
	image_mcl.addListener(tlistener);
	image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

I would really like to be able to learn to do it, im novice reason why my level is a little low to be able to make it. :hangover: :hangover:
any help is thanked for infinitely.

thank`s before hand
greetings