title: How to expand movieclips on rollover, then shrink to normal on rollout?
body: <p>I have code to grow my movieClips on mouse over, then shrink back down on mouse out. As far as I can see, my code is correct. I think the issue is that when my cursor is near the edge of the movieclip, both mouse over and mouse out events rapidly fire one after the other, causing the grow/shrink effects to produce a stuttering effect.</p>
  
  <p>I've tried delaying the mouse out to give the mouseover a chance to cause the movieclip to grow past the mouse's mouse out detection... but if the user swipes the cursor across the screen, the various movieclips are often left large, as the mouse leaves the movieclip before the mouse out event is reestablished.</p>
  
  <p>Am I going about this wrong? Here is my code:</p>
  
  <pre><code>import mx.transitions.Tween; 
  import mx.transitions.easing.*; 
  
  stop();
  
  fillClipArray();
  
  function fillClipArray() 
  {
      for (var prop in this) 
      {
          if (this[prop] instanceof MovieClip) 
          {
              var mc:MovieClip = this[prop];
              mc.onRollOver = function(){clipOver(this)};
              mc.onRollOut = function(){clipOut(this)};
          }
      }
  }
  
  
  
  
  function clipOver(clip:MovieClip)
  {   
      var xScaleX:Tween = new Tween(clip, "_xscale", Strong.easeOut, clip._xscale, 125, 0.5, true); 
      var xScaleY:Tween = new Tween(clip, "_yscale", Strong.easeOut, clip._yscale, 125, 0.5, true);
  }
  
  function clipOut(clip:MovieClip)
  {   
      var xScaleX:Tween = new Tween(clip, "_xscale", Strong.easeOut, clip._xscale, 85, 0.5, true); 
      var xScaleY:Tween = new Tween(clip, "_yscale", Strong.easeOut, clip._yscale, 85, 0.5, true);
  }
  </code></pre>