Coloring A Grid Layout?

I want to make an area where I can make a grid of varying colors, starting with a small 3x3 grid. The final goal is to reduce the size of each element and increase the number of squares to get a higher resolution. The shades of color are stored in an array and I can get the drawing going, but the shapes don't get deleted when repeating the function call and they go on top of everything else I've put on the stage.

Here is part of the code I'm using:

Code: Select allfunction grids():void {
for(var i:Number = 0; i<3; i++) {
for(var j:Number = 1; j<3; j++) {
var child:Shape = new Shape();

[Code]....

where w is the width, h is the height, and myArray has the shading I need.

How can I get rid of the rectangles afterwards and start clean? Better yet, is there a more efficient way to make and color a grid on the stage?