Browser issues w/ image gallery

1

Hey guys…

I just created an image gallery that displays 3 images at a time. For some reason, it works (for the most part) in Opera, but it doesn’t display the images properly in IE. Can anyone help?

img1, img2, and img3 are blank movie clips that hold each of the photos. The links to the photos are retrieved from XML, and are displayed in a random order. The first picture shows how it looks in IE, and the 2nd is in Opera. It also seems that the clearInterval() function isn’t working like it should. Once the pictures are loaded, they are resized using the resizeMe() function (called by setInterval) to fit in the rectangle. Take a look… whoever can solve this is my idol. :rocker:

IE: Opera: 

img1._alpha = 0;
img2._alpha = 0;
img3._alpha = 0;
myPics = new LoadVars();
myPics.load("as/loadpics.php?dummy="+Math.random());
myPics.onLoad=function(true) {
	if (true) {
		totalPics = this.numPics;
	}
};
forward_btn.onRelease = function() {
	img1.loadPic(Math.round(Math.random() * totalPics));
	img2.loadPic(Math.round(Math.random() * totalPics));
	img3.loadPic(Math.round(Math.random() * totalPics));
};
//----------------LOAD PICTURE LOCATIONS FROM XML
pArray = [];
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = function(loaded) {
	if (loaded) {
		xmlNode = this.firstChild;
		for (i=0; i<xmlNode.childNodes.length; i++) {
			pArray* = xmlNode.childNodes*.firstChild.nodeValue;
		}
		img1.loadPic(Math.round(Math.random() * totalPics));
		img2.loadPic(Math.round(Math.random() * totalPics));
		img3.loadPic(Math.round(Math.random() * totalPics));
	}
};
xmlData.load("./as/photos.xml");
//-----------------------------------------------
_root.num = 1;
MovieClip.prototype.loadPic = function(pic) {
	this.loadMovie(pArray[pic]);
		percent = 0;
		while (percent<100) {
			t = this.getBytesTotal();
			l = this.getBytesLoaded();
			percent = Math.round((l/t)*100);
		}
		intervalID = setInterval(resizeMe, 100);
};
function resizeMe() {
	frame = _root["img"+_root.num];
	if (frame._width>120 || frame._height>120) {
		frame._xscale = frame._xscale*0.95;
		frame._yscale = frame._yscale*0.95;
	} else {
		frame._x += (125-frame._width)/2;
		frame._y += (125-frame._height)/2;
		clearInterval(intervalID);
		_root.num++;
	}
	if (_root.num>3) {
		//_root.num = 1;
		img1._alpha = 80;
		img2._alpha = 80;
		img3._alpha = 80;
	}
}