Flex rollOut event not doing all the specified actions

programming flash
1

Hi, I’m trying to make an image such that its default alpha is always 0.5. When the user rolls over this image, I have an mx:Fade effect to turn the alpha to 1.0, and when the user rolls out, there’s another effect to fade it out to 0.5 again. These effects are declared through the rollOverEffect and rollOutEffect properties, and they work just fine.
I have also a tooltip showing on rollOver and hiding on rollOut, and another label showing on rollOver and hiding on rollOut. The thing is, that the tooltip gets displayed and then hidden just as I expect, however… the label is not always being hidden on rollOut if I move the mouse fast enough out of the image. This is not the case for the tooltip.

Here’s my MXML code to illustrate this better:


<mx:Fade id="fadeIn" alphaTo="1.0" alphaFrom="{thumbCanvas.alpha}" duration="100"/>
<mx:Fade id="fadeOut" alphaTo="0.5" alphaFrom="{thumbCanvas.alpha}" duration="100"/>
<mx:Fade id="dLinkFadeIn" alphaTo="1.0" alphaFrom="{downloadLink.alpha}" duration="100"/>
<mx:Fade id="dLinkFadeOut" alphaTo="0.0" alphaFrom="{downloadLink.alpha}" duration="100"/>

<mx:HBox horizontalAlign="right" y="97" width="100%" height="15">
	
	<mx:Canvas id="downloadLink" alpha="0.0">
		<mx:Label text="descargar"/>
	</mx:Canvas>
		
</mx:HBox>
	
<!-- Thumbnail -->
<mx:Canvas id="thumbCanvas"
	alpha="0.5" rollOverEffect="fadeIn" rollOutEffect="fadeOut"
	rollOver="showTooltips(event)" rollOut="hideTooltips()">
		
	<mx:Image id="thumb" source="balblabla" 
		useHandCursor="true" buttonMode="true" mouseChildren="false"
		click="downloadProduct()"/>
		
</mx:Canvas>

And here’s the two tooltip functions being called:


private function showTooltips(event:Event):void
{
	tooltip = ToolTipManager.createToolTip(title, 0, 0) as ToolTip;
	
	// get global coordinates of the tooltip
	var pt:Point = new Point( event.currentTarget.x, event.currentTarget.y );
	pt = event.currentTarget.contentToGlobal(pt);
	pt.x = pt.x + event.currentTarget.width / 2 - tooltip.width / 2;
	pt.y = pt.y - tooltip.height;
	
	tooltip.x = pt.x;
	tooltip.y = pt.y;
	
	// show download link
	var a:Array = new Array();
	a.push(downloadLink);
	dLinkFadeIn.play(a);
}
private function hideTooltips():void
{
	ToolTipManager.destroyToolTip(tooltip);
	
	// hide download link
	var a:Array = new Array();
	a.push(downloadLink);
	dLinkFadeOut.play(a);
}

The “download link” is the one that’s not being hidden on rollOut…

thanks for your help.