component(s)


  
      <ae:component_screen id="display"/>
      <mx:ViewStack id="stack" width="100%" height="100%">
          <mx:Canvas>
          <mx:Image id="im" click="next();" right="0" left="0" top="0" bottom="0" maintainAspectRatio="false" source="@Embed(source='soutine.jpg')"/>
          </mx:Canvas>
          <mx:Canvas>
          <mx:Image id="vd"  click="next();"  right="0" left="0" top="0" bottom="0" maintainAspectRatio="false" source="@walk.png"/>
          </mx:Canvas><mx:Canvas>
          <mx:VideoDisplay id="ca"  click="next();" right="0" left="0" top="0" bottom="0" maintainAspectRatio="false" source="../assets/clips/tube/balloon.flv"/>
      </mx:Canvas>
      <mx:Panel title="hello world" horizontalAlign="center"
          paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
          <mx:Label id="myLabel" width="180" fontWeight="bold" fontSize="24"/>
          <mx:Button id="myButton" label="click me!" click="click(event);" />
      </mx:Panel>
      </mx:ViewStack>
  
  <mx:HBox top="5" right="3">
  <mx:VBox>
  <mx:Button id="cameralabel" color="gray" borderColor="0" fillAlphas="[0, 0]" label="camera" click="attach();"/>
  <mx:Button color="gray" label="+" click="incno();"/>
  <mx:Button color="gray" label="-" click="decno();"/>
  </mx:VBox>
  
  
<mx:Label id="cameralabel" color="white" text="@" click="attach();"/> </mx:HBox> <mx:HBox left="5" bottom="10"> <mx:Button color="gray" borderColor="0" fillAlphas="[0, 0]" label="next" click="next();"/> </mx:HBox> <mx:HBox right="5" bottom="10"> <mx:Button color="gray" borderColor="0" fillAlphas="[0, 0]" label="stop" click="ca.stop();"/> <mx:Button color="gray" borderColor="0" fillAlphas="[0, 0]" label="play" click="ca.play();"/> <mx:Button color="gray" borderColor="0" fillAlphas="[0, 0]" label="fullscreen" click="display.toggle();"/> </mx:HBox> </mx:Application>