onRollOver flickering problem

programming flash
1

Hello,

I have a row of basic square MovieClips that I am tweening the x and y scale up onRollOver, and scaling back to 100 onRollOut. But I am having some weird behavior when I position the cursor just on the edge of the movieclip, the animation starts to flicker really quickly between the rollOver and rollOut animations. Also sometimes if I roll onto a square from right above it really quickly, instead of scaling up, it pops back to 100 with no tweening. Any ideas on what I am doing wrong? Thank you!

Here is the code:


import mx.transitions.Tween;
import mx.transitions.easing.*;

for (var i:Number = 0; i<9; i++) {
    var mc:MovieClip = this['sq'+i];
    
    mc.onRollOver = rolledOver;
    mc.onRollOut = rolledOut;
}

function rolledOver():Void
{
    var tw:Tween = new Tween(this, '_xscale', Strong.easeOut, 100, 130, .2, true);
    var tw2:Tween = new Tween(this, '_yscale', Strong.easeOut, 100, 130, .2, true);
}

function rolledOut():Void
{
    var tw:Tween = new Tween(this, '_xscale', Strong.easeOut, 130, 100, 2, true);
    var tw2:Tween = new Tween(this, '_yscale', Strong.easeOut, 130, 100, 2, true);
}