Tutorial : Displaying Hover Captions

I found this tutorial is pretty cool and decided to steal the idea and implement it in my photo gallery page, but I come across an issue. It works fine when I test it independently.

Here comes the problem when this swf is invoked by another swf. When I move my mouse, the whole photo gallery page moved and the arrow can’t even reach any spot for showing hover caption. (I hope you’re not confused, the structure is I’ve got a home page created using flash and there is an option on this home page to call the photo gallery page.)

Can someone please help me? The following is how I coded:

PhotoXML = new XML();
PhotoXML.ignoreWhite = true;
startDrag(_root.callout, true);
timeline = this;
baseurl = _url.substr(0,_url.lastIndexOf("/")+1);
PhotoXML.onLoad = function(){
ChefsPickTag = this.firstChild;
trace(count = ChefsPickTag.childNodes.length);

for (child = 0; child < count; child++){
curXMLItem = ChefsPickTag.childNodes[child];
curThumbnail = menu_mc.createEmptyMovieClip(“thumbnail”+child,child);

curThumbnail._x = child * 75;
image = curThumbnail.createEmptyMovieClip(“thumbnail_image”,0);
image.loadMovie(baseurl + curXMLItem.attributes.ThumbURL);
curThumbnail.DescP = curXMLItem.attributes.DescP;
curThumbnail.ImageURL = curXMLItem.attributes.ImageURL;
curThumbnail.Details = curXMLItem.attributes.Details;

curThumbnail.onRollOver = curThumbnail.onDragOver = function(){
txtDescP.text = this.DescP;
_root.x = 1;
callout.dyntext.text=this.DescP;

}

curThumbnail.onRollOut = curThumbnail.onDragOut = function(){
txtDescP.text = “”;
_root.x = 0;
callout.dyntext.text=" ";
}

curThumbnail.onPress = curThumbnail.onDragOver = function(){
image_mc._width = 280;
image_mc._height = 320;
image_mc.loadMovie(baseurl + this.ImageURL);
txtDetails.text = this.Details;
}
}
}
PhotoXML.load(baseurl + “Photos.xml”);

Actions for callout
onClipEvent (enterFrame) {
if (_root.x==1) {
this._alpha = 100;
} else {
this._alpha = 0;
}
}