Hello all,

I have taken a existing code that I wish to adapt to a photo gallery driven by xml. The effect is the one of a mac dock. Here is the code :

Code:
align = bottom;
centerx = 132;
centery = 107;
menuholder = createEmptyMovieClip("menuholder", -1);
menuholder._y = centery;
menucount = 7;
menuitems = [];
miwidth = 37;
miborder = 1;
startx = centerx-((menucount-1)*(miwidth+miborder))/2;
trace(startx);
for (var i = 0; i<menucount; i++) {
	var menuitem = menuholder.attachMovie("menuitem", "menu"+i, i);
	menuitem._x = startx+i*(miwidth+miborder);
	menuitem.id = i;
	menuitem.onRollOver = function() {
		_root.selected = this;
	};
	menuitems.push(menuitem);
}
onEnterFrame = function () {
	var width = 0;
	for (var i = 0; i<menucount; i++) {
		var xxm = menuitems[i]._xmouse;
		var yym = menuitems[i]._ymouse;
		var xm = Math.sqrt(xxm*xxm+yym*yym);
		if (xm<50) {
			menuitems[i]._xscale = menuitems[i]._yscale += ((200-xm)-menuitems[i]._yscale)/3;
		} else {
			menuitems[i]._xscale = menuitems[i]._yscale += (100-menuitems[i]._yscale)/3;
		}
		width += menuitems[i]._width;
	}
	width += (menucount-1)*miborder;
	var xpos = Math.round(centerx-width/2);
	for (var i = 0; i<menucount; i++) {
		for (var i = 0; i<menucount; i++) {
			if (i>0) {
				xpos += menuitems[i-1]._width/2;
			}
			xpos += miborder+menuitems[i]._width/2;
			menuitems[i]._x = xpos;
		}
	}
};
I wish to have images appearing in the different "menuitem", driven by an xml system.

Could somebody help?
Many thanks!