Hover captions

hello:
i have 5 buttons created dynamically.
code below;


for (var i;i<5;i++) {
var newname:String = "newnavboxmc"+i;
  _root.navboxmc.duplicateMovieClip(newname,i);    
  _root[newname]._y = 222.5 + (_root[newname]._height + 1) * i;
  _root[newname]._x = 5;
 
_root[newname].onRollOver = function() {
   captionMC.captionTxt.text = "my captions";    
   captionMC._visible = true;
   _root.hover = 1;    
  };
}

i also want to “captions” to show when the cursor is “rollOver” these buttons. In the *_root *timeline, i have an instance named “captionMC”.
code for this mc is:


captionMC.onEnterFrame = function() {
 if (_root.hover == 1) {
  this._x = _root._xmouse;
  this._y = _root._ymouse;
 } else {
  this._x = 0;
  this._y = 350;  
 }
};

problem is, when i “rollOver” my cursor onto the buttons…the caption is showing but under the button, i want it so the caption is somewhat “hovering”. i think the problem is with the depth, but i can’t figure out how to go around it. any help is appreciated.
thanks in advance,

You can use the movieclip object’s swapDepths() method to put the captionMC movieclip on a higher depth.

e.g:


captionMC.swapDepths(100);

/Mirandir

or

 captionMC.swapDepths(getNextHighestDepth());