         // This is done because it makes accounting a headache.  If there's
         // a legitimate reason why two children both need overlays, this
         // restriction could be relaxed.
-        if (overlayChild)
+        if (effectOverlayChild)
             removeOverlay();
 
         // Remember which child has an overlay, so that we don't inadvertently
         // create an overlay on one child and later try to remove the overlay
         // of another child. (bug 100731)
-        overlayChild = (selectedChild as UIComponent);
-        if (!overlayChild)
+        effectOverlayChild = (selectedChild as UIComponent);
+        if (!effectOverlayChild)
             return;
 
-        overlayColor = color;
-        overlayTargetArea = targetArea;
+        effectOverlayColor = color;
+        effectOverlayTargetArea = targetArea;
 
         if (selectedChild &&
             selectedChild.deferredContentCreated == false)

    /**
     *  @private
     *  Remember which child has an overlay mask, if any.
     */
    private var overlayChild:UIComponent;

    /**
     *  @private
     *  Keep track of the overlay's targetArea
     */
    private var overlayTargetArea:RoundedRectangle;

    /**
     *  @private

     */
    private function initializeHandler(event:FlexEvent):void
    {
        effectOverlayChild.removeEventListener(FlexEvent.INITIALIZE,
                                         initializeHandler);

        UIComponent(effectOverlayChild).addOverlay(effectOverlayColor, effectOverlayTargetArea);
    }

    /**
