TextField not displaying after scalX = -1, horizontal flip

Question

I am writing a class that can display a movie clip, and then display the TextFiled information once it is rendered to the screen
However the movieClip to which scaleX property is applied (i need it to be horizontally flipped), does not display the text on it. But the movie clip to which the transformation has not been applied for, displays it fine.
I ran a trace stmt and all 8 TextFields are added, I also tried to use a Matrix --> flash.geom class, but the same effect when flipping the movieclip, content does not display
Any Suggestions
package {
     import flash.display.MovieClip;
     import fl.transitions.*;
     import fl.transitions.easing.*;
     import flash.text.*;
     import bucketmid;
     import bucket;
     public class CustomClass extends MovieClip {
          private var bucket_mc:bucketmid;
          private var position:Number;
          private var test:Boolean = true;
          public function CustomClass(j:uint=8) {
               position = 5;
               for (var i:uint = 0; i < j; i++) {
               var bucketlabel:TextField = new TextField();
               bucketlabel.text = "This is where the text should be";
               bucket_mc = new bucketmid();
               bucket_mc.y = position;
               if (test) {
               bucketlabel.x = -100;     
               bucketlabel.y = -30;
               bucket_mc.x = 100;
               test = false;
               } else {
               bucket_mc.x = 240;
               bucket_mc.scaleX *= -1;
               test = true;
               var bucketImgTrans = new TransitionManager(bucket_mc);
               bucketImgTrans.startTransition({type:Zoom, direction:Transition.IN,                            duration:3, easing:Strong.easeOut});
               bucket_mc.addChild(bucketlabel);
               addChildAt(bucket_mc, 0);
               position += 70;
          public function yesThis() {
               trace("This is working");

Answer 1

I have embedded the font into the applications class, the result is the same, The font is still not loading into the movieclips that are on the other side
Any other suggestions, Why is it that the scaleX would interfere with the display of text
Thanks
package {
     import flash.display.*;
     import fl.transitions.*;
     import fl.transitions.easing.*;
     import flash.text.*;
     import flash.text.AntiAliasType;
     import bucketmid;
     import bucket;
     public class CustomClass extends MovieClip {
          [Embed(source="C:/WINDOWS/Fonts/arial.ttf", fontFamily="foo")]
                   public var bar:String;
          private var bucket_mc:bucketmid;
          //private var bucket_inv:bucket;
          private var position:Number;
          private var test:Boolean = true;
          public function CustomClass(j:uint=8) {
               position = 5;
               var format:TextFormat           = new TextFormat();
                       format.font                            = "foo";
                       format.color                  = 0x000;
                       format.size                   = 13;
               for (var i:uint = 0; i < j; i++) {
               var bucketlabel:TextField = new TextField();
               bucketlabel.text = "This is where the text should be";
               bucket_mc = new bucketmid();
               bucket_mc.y = position;
               if (test) {
               bucketlabel.x = -100;     
               bucketlabel.y = -30;
               bucket_mc.x = 100;
               test = false;
               } else {
               bucket_mc.x = 240;
               bucket_mc.scaleX *= -1;
               test = true;
               var bucketImgTrans = new TransitionManager(bucket_mc);
               bucketImgTrans.startTransition({type:Zoom, direction:Transition.IN,                            duration:3, easing:Strong.easeOut});
               bucketlabel.setTextFormat(format);
               bucket_mc.addChild(bucketlabel);
               addChildAt(bucket_mc, 0);
               position += 70;
          public function yesThis() {
               trace("This is working");