Help with displaying array in two columns

1

i have an array that generates a list of buttons. What i would like to do is split the list into two columns of 5 buttons each rather than one column of 10 buttons.

I thought of creating two arrays of 5 items each, but couldn’t figure out how to assign my dynamic button to the second array or set a second x/y position for the new column.

any help greatly appreciated.

	public class  Actions extends MovieClip {
private var off:Object;
		
public function Actions () {
addButtons();	
}
private function addButtons():void {
var names:Array = new Array("1","2","3","4","5","6","7","8","9","10" );

for (var i:int = 0; i < names.length; i++) {
		
var myButton:MyButton = new MyButton();
myButton.txt.tf.text = names*;
myButton.name = "b" + i;
myButton.buttonMode = true;
myButton.mouseChildren = false;
myButton.addEventListener(MouseEvent.ROLL_OUT, bOut);
myButton.addEventListener(MouseEvent.ROLL_OVER, bOver);
myButton.addEventListener(MouseEvent.CLICK, bClick);
myButton.x = 50;
myButton.y = 10 + (myButton.height * i);
addChild(myButton);
			
}
}