Tooltip

Hello,

I am adding some functionality to some Movie Clips as follows:


for (var i : uint = 0; i < regions.length; i++ ) {
        
  // Define region        
  var region : MovieClip = getChildByName ('R' + regions*) as MovieClip;   
  region.alpha = 0.7;
  region.buttonMode = true;
  region.id = regions*;  
  region.mouseChildren = false;  
   
  region.addEventListener(MouseEvent.MOUSE_OVER, region_Over);
  region.addEventListener(MouseEvent.MOUSE_OUT, region_Out);
  
} // Mark regions

// region_Over
function region_Over(e : MouseEvent) : void {
  var tween:Tween = new Tween(e.currentTarget as MovieClip, "alpha", Strong.easeOut, 0.7, 1, 2, true);
} // region_Over

// region_Out
function region_Out(e : MouseEvent) : void {
  var tween:Tween = new Tween(e.currentTarget as MovieClip, "alpha", Strong.easeOut, 1, 0.7, 2, true);    
} // region_Out

And I have an array, regionNames, that contains all regions names.

I would like, on my loop, to create a tooltip for each movie clip:

When the mouse is over the MC I would like to show the region name taken from regionNames* in a small box with black background.

And when the mouse is out to fade out that tooltip.

How can I do this?
(I think I have all set with the loop and the MouseEvents)
(I only need to create the tooltip for each MC).

Thank You,
Miguel