[Flex] Add Bitmap elements in Group

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:mx="library://ns.adobe.com/flex/mx"
  xmlns:ns1="*"
  xmlns:net="flash.net.*"
  minWidth="955" minHeight="600"
  width="1024" height="768">
<fx:Script>
<![CDATA[      
import mx.controls.Alert;
import mx.controls.Image;

                       [Embed(source="pic1.jpg")]
[Bindable]
public var imgCls:Class;

                       private function addGroup(event:MouseEvent):void
{
img.source=imgCls;
var bitmapData:BitmapData=img.bitmapData;

var group:Group=new Group();
testGroup.gap=70;
var lay:VerticalLayout=new VerticalLayout();
lay.gap=50;
group.layout=lay;
var uic:UIComponent;
var btnn:Button;
for(var i:uint=0;i<3;i++)
{
var bitmap:Bitmap=new Bitmap(bitmapData);
var imgg:mx.controls.Image=new mx.controls.Image();
imgg.source=bitmap;
group.addElement(imgg);
}
testGroup.addElement(group);
}
                ]]>
</fx:Script>

              <s:VGroup>


<s:HGroup id="testGroup">

</s:HGroup>
<s:VGroup>
<s:Button label="btn" id="btn" click="addGroup(event)"/>
<s:Image id="img"/>
</s:VGroup>
</s:VGroup>

</s:Application>