How to create an grid of buttons.

Question

Im trying to create a grid of buttons but for some reason i can see only 2 of them at the same time, but i know they are 9 on stage cause i trace numChildren
Currently i have this:
public class Main extends MovieClip
                    private var myBtn:SimpleButton = new SimpleButton();
                    private var img1:Bitmap=new Bitmap(new active_MouseOut());
                    private var img2:Bitmap=new Bitmap(new active_MouseOver());
                    private var img3:Bitmap=new Bitmap(new notActive_MouseOut());
                    private var img4:Bitmap=new Bitmap(new notActive_MouseOver());
                    private var myArrayContainer:Array = new Array();
                    public function Main()
                              for (var i :int = 0; i < 3; i++)
                                        for (var j:int = 0; j < 3; j++)
                                                  myArrayContainer[j] = new MyButton(img1, img2, img3, img4)
                                                  myArrayContainer[j].x = 0 + i * (myArrayContainer[j].width + 10)
                                                  myArrayContainer[j].y = 0 + j * (myArrayContainer[j].height + 10)
                                                  this.addChild(myArrayContainer[j])
                              trace(numChildren)
active_MouseOut, active_MouseOver, notActive_MouseOut and notActive_MouseOver are simple bitmap Images that have AS linkage
And MyButton class is this
package
          import flash.display.Bitmap;
          import flash.display.MovieClip;
          import flash.display.SimpleButton;
          import flash.events.MouseEvent;
          import flash.utils.getDefinitionByName;
          public class MyButton extends MovieClip
                    private var myBtn:SimpleButton = new SimpleButton();
                    private var image1:Bitmap
                    private var image2:Bitmap
                    private var image3:Bitmap
                    private var image4:Bitmap
                    public function MyButton(active_OutState:Bitmap, active_OverState:Bitmap, notActive_OutState:Bitmap, notActive_OverState:Bitmap)
                              image1 = active_OutState;
                              image2 = active_OverState;
                              image3 = notActive_OutState;
                              image4 = notActive_OverState
                              myBtn.upState = image1;
                              myBtn.overState = image2;
                              myBtn.downState = myBtn.upState;
                              myBtn.hitTestState = myBtn.overState;
                              addChild( myBtn );
                              myBtn.addEventListener(MouseEvent.CLICK, onClick);
                    private function onClick( ev:MouseEvent ):void
                              myBtn.upState = image3;
                              myBtn.overState = image4;
I also want to ask : Can I get the bitmapData to load in the MyButton class with this
private var image1:Bitmap
public function MyButton(mouseState:String)
                               image1_Data = Class(getDefinitionByName( mouseState ));
                              image1 = new Bitmap( image1_Data() )
and in the Main Class to send the name of the image in the library
myArrayContainer[j] = new MyButton( "notActive_MouseOver" )
or I can do this only in/from the Document Class
cause Im trying and it is giving me this
Error #1065: Variable notActive_MouseOver() is not defined.

Answer 1

well Im doing the button-making in the MyButton class cause im trying to create 9 buttons(and every button has a different image and that image has 4 states(clickable-Up, clickable-Over, notClickable-Up, notClickable-Over  )).
And this is the only way i figured out how to do it without writing alot of code ()