<?xml version="1.0" encoding="utf-8"?>
<mx:Application fontFamily="embeddedArial"
    xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:containers="com.dougmccune.containers.*"
    xmlns:flexlib="http://code.google.com/p/flexlib/"
    
    verticalAlign="middle" horizontalAlign="center" 
    viewSourceURL="srcview/index.html">
    
    <mx:Script>
        <![CDATA[
            
             [Embed(systemFont='Verdana', fontWeight="normal", fontName='embeddedArial', mimeType='application/x-font', advancedAntiAliasing='true')] 
             private var font1:Class;
             
             [Embed(systemFont='Verdana', fontWeight="bold", fontName='embeddedArialBold', mimeType='application/x-font', advancedAntiAliasing='true')] 
             private var font2:Class;
             
             private function checkLogin():void {
                 shake.play();
             }
             
        ]]>
    </mx:Script>
    
    <mx:Style>
        Button {
            font-family: embeddedArialBold;
        }
        CheckBox {
            font-family: embeddedArial;
        }
        PhysicsContainer {
            font-family: embeddedArial;
        }
        Panel {
            font-family: embeddedArialBold;    
        }
        
        .panelTitle {
            font-family: embeddedArialBold;    
        }
            
    </mx:Style>
    
    <mx:Sequence id="shake" target="{panel}" duration="100" repeatCount="2" effectEnd="canvas.setGravity(.5)">
        <mx:Move xBy="10"/>
        <mx:Move xBy="-10"/>
    </mx:Sequence>
    
    <mx:Panel id="panel" width="265" height="230" title="Login Form">
    
        <containers:PhysicsContainer id="canvas" width="100%" height="100%">
            
            <flexlib:PromptingTextInput prompt="username" x="50" y="35"/>
            <flexlib:PromptingTextInput prompt="password" x="50" y="75" displayAsPassword="true"/>
            
            <mx:Button label="Login" x="158" y="115" click="checkLogin()"  />
            <mx:CheckBox label="Remember Me" x="88" y="145"   />
            
        </containers:PhysicsContainer>
        
    </mx:Panel>
    
</mx:Application>