<?xml version="1.0" encoding="utf-8"?>
  <!--
  
//////////////////////////////////////////////////////////////////////////


  //
  // Copyright (C) 2003-2006 Adobe Macromedia Software LLC and its licensors.
  // All Rights Reserved.
  // The following is Sample Code and is subject to all restrictions on such code
  // as contained in the End User License Agreement accompanying this product.
  // If you have received this file from a source other than Adobe,
  // then your use, modification, or distribution of it requires
  // the prior written permission of Adobe.
  //
  
//////////////////////////////////////////////////////////////////////////


  -->
  <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
                   paddingLeft="4" paddingRight="8" paddingBottom="4"
                   horizontalScrollPolicy="off" verticalScrollPolicy="off">
  
      <mx:Script>
          <![CDATA[
  
          private function toggle():void
                  {
              if (vd.playing)
                          {
                  vd.stop();
                  list.visible = true;
              }
                          else
                          {
                  list.visible = false;
                  vd.play();
              }
          }
  
          ]]>
      </mx:Script>
  
      <mx:Parallel id="hideList">
          <mx:children>
              <mx:Array>
                  <mx:Resize target="{list}" widthTo="0"/>
                  <mx:Resize target="{vd}" widthTo="400" heightTo="314"/>
              </mx:Array>
          </mx:children>
      </mx:Parallel>
  
      <mx:Parallel id="showList">
          <mx:children>
              <mx:Array>
                  <mx:Resize target="{list}" widthTo="130"/>
                  <mx:Resize target="{vd}" widthTo="270" heightTo="217"/>
              </mx:Array>
          </mx:children>
      </mx:Parallel>
  
      <mx:List id="list" width="130" height="100%" selectedIndex="0"
                           hideEffect="hideList" showEffect="showList">
          <mx:dataProvider>
              <mx:Array>
                  <mx:Object label="Install SIM Card"/>
              </mx:Array>
          </mx:dataProvider>
      </mx:List>
  
      <mx:Canvas width="100%" verticalScrollPolicy="off" horizontalScrollPolicy="off">
  
                  <mx:VideoDisplay id="vd" width="270" height="217" source="lib-flex-store-assets-phone.flv"
                                                   autoPlay="false" complete="list.visible=true"/>
  
                  <mx:Button label="{vd.playing ? 'Stop' : 'Play'}" click="toggle()" left="8" bottom="8" includeInLayout="false">
                  </mx:Button>
  
          </mx:Canvas>
  
  </mx:HBox>