<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:mccune="com.dougmccune.controls.*"
    layout="absolute">
    
    <mx:VBox>
        <mx:VBox paddingLeft="5"  paddingRight="5" paddingTop="5" paddingBottom="5"
                width="252" height="90" backgroundColor="0xffffff" borderStyle="solid" 
                borderColor="0x666666" cornerRadius="10" verticalGap="0" dropShadowEnabled="true">
                
                <mx:TextArea text="Here's an example of loading two GIFs. The image on the left is loaded using a URL reference. The image on the right uses the @Embed syntax for an embedded asset."  
                    width="100%" height="100%" editable="false" wordWrap="true" borderStyle="none" backgroundAlpha="0.0"/>
            
        </mx:VBox>
    
    
            
        <mx:HBox verticalAlign="middle" width="100%" horizontalAlign="center">
            
            <mccune:AnimatedGifLoader 
            source="flag3.gif" ioError="" />
            
            <mccune:AnimatedGifLoader 
            source="@Embed(source='flag2.gif', mimeType='application/octet-stream')" ioError="" />
        
                        
        </mx:HBox>
    </mx:VBox>
    
</mx:Application>