How to !not make a cropped pattern element in the whole background fill

Question

So with alot of reading and help i did manage to bild a background filled with pattern emelent ,but whhen i resize it ,it is croped.What i mean is
the pattern element is this and its a simple bitmap with the name of "Box"
and when i fill the background with this element test the FLA file and drag the corner of the SWF window (i am making it bigger ), it crops the  last pattern element in in every Row and Column.Just like in this picture
so how do i not crop it ? and make it as the 2nd resized image (the one with the red tick,the one with the "YES").
the problem is that i re- scale the stage so somethimes its 400-500 and other its 1000 to 400 and that is why i use the
matrix.scale(1.1, 1.1);
(those numbers will be a variable that will change as the stage size changes)
i have this code in the MainClass_Test class (the document class)
        import flash.display.Sprite;
          import flash.display.Bitmap;
          import flash.display.BitmapData;
          public class MainClass_Test extends Sprite {
                    private var bg1:CreateRow_Col = new CreateRow_Col();
                    public function MainClass_Test() {
                              bg1.x = 0;
                              addChild(bg1);
                              trace(numChildren)
and this in the CreateRow_Col class
        import flash.display.Sprite;
          import flash.events.Event;
          import flash.geom.Matrix;
          public class CreateRow_Col extends Sprite {
                    public function CreateRow_Col() {
                              addEventListener(Event.ADDED_TO_STAGE, zzz);
                    private function zzz(e:Event):void {
                              removeEventListener(Event.ADDED_TO_STAGE, zzz);
                              var  matrix:Matrix = new Matrix()
                              matrix.scale(1.1, 1.1);
                              graphics.beginBitmapFill(new Box(), matrix, true, false);
                              graphics.drawRect(0, 0, stage.stageWidth, stage.stageHeight);
                              graphics.endFill();
i did try it with adding the new Box().width and new Box().height but that only expands the area that the background will spread.
I did something like this with a wlile loop > and adding the pattern element to the stage and moving it until the patternElement.x < stage.stageWidth + patternElement.width,
http://forums.adobe.com/message/5649061#5649061
but this creates to many objects on the stage and i dont want that.

Answer 1

ok i found i way to do what i want but when i scale the image backgroud to fit exactly the screen it doesnt consider the scale of the object I am applying before that .
What i mean > when i do this  and comment the _mesh.ScaleX and Y
var ScaleX:Number = 1
var ScaleY:Number = 3
/*_mesh.scaleX = stageW / background_W;
                              _mesh.scaleY = stageH / background_H;*/
i have 2 rows like it must do ,cause ill have different scaleX and Y
but when i uncomment the _mesh.ScaleX and Y i dont get the 2 rows fit in the entire scree like i want , I get 5 rows (they are purfectly sized to fit the stage.stageWidth or Height - what i want but not allways five).And even worse when i change the scale to any number like .5 or 51 or 501 it just doesnt care >> i always get 5 rows.
i have this in the CreateRow_Col class as code
private var _mesh:Shape = new Shape();
                    private var _box:BitmapData = new Box();
                    public function CreateRow_Col() {
                              addEventListener(Event.ADDED_TO_STAGE, zzz);
                    private function zzz(e:Event):void {
                              removeEventListener(Event.ADDED_TO_STAGE, zzz);
                              var stageW:Number = stage.stageWidth
                              var stageH:Number = stage.stageHeight
                              var elementW = _box.width
                              var elementH = _box.height
                              var numberElements_W = Math.ceil(stageW / elementW)
                              var numberElements_H = Math.ceil(stageH / elementH)
                              var ScaleX:Number = 1
                              var ScaleY:Number = 51
                              var background_W = numberElements_W * elementW * ScaleX
                              var background_H = numberElements_H * elementH * ScaleY
                              //trace(background_W + " = "+ numberElements_W + " * " + elementW)
                              var  matrix:Matrix = new Matrix()
                              matrix.scale(ScaleX,ScaleY);
                              _mesh.graphics.beginBitmapFill(_box, matrix, true, true);
                              _mesh.graphics.drawRect(0, 0, background_W, background_H);
                              _mesh.graphics.endFill();
                              _mesh.x = _mesh.y = 0;
                              _mesh.scaleX = stageW / background_W;
                              _mesh.scaleY = stageH / background_H;
                              trace(stageH / background_H)
                              addChild(_mesh);
how can i fix this