<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:containers="acj.containers.*"
    layout="vertical"
    backgroundColor="#000000" viewSourceURL="srcview/index.html">
    
    <mx:Style source="acj/assets/styles/style.css"/>
    
    <mx:VBox width="100%" height="10%">
        <mx:Label width="100%" fontSize="12" fontWeight="bold" height="100%">
            <mx:text>Drag each section and see how the container becomes the dragProxy (the dragProxy is the image that sticks to the mouse)</mx:text>
        </mx:Label>
    </mx:VBox>
    
    <containers:DragImageVBox width="100%" height="90%">
        
        <mx:HBox width="100%" height="50%">
            <containers:DragImageVBox width="100%" height="100%">
                <mx:Image source="acj/assets/images/business.jpg" width="200" height="200"/>
            </containers:DragImageVBox>
            <containers:DragImageVBox width="100%" height="100%">
                <mx:Image source="acj/assets/images/cartWheel.jpg" width="200" height="200"/>
            </containers:DragImageVBox>
            
        </mx:HBox>
        
        <mx:VBox width="100%" height="10%">
            <mx:Label width="100%" fontSize="12" fontWeight="bold" height="100%">
                <mx:text>This Container has the useSmallDragImage=false that way when you drag it, it's true sized.</mx:text>
            </mx:Label>
        </mx:VBox>
        <containers:DragImageVBox width="100%" height="50%" useSmallDragImage="false">
            <mx:Form width="100%" height="100%">
                <mx:FormItem label="First Name" width="100%">
                    <mx:TextInput width="100%" text="Axel"/>
                </mx:FormItem>
                <mx:FormItem label="Last Name" width="100%">
                    <mx:TextInput width="100%" text="Jensen"/>
                </mx:FormItem>
                <mx:FormItem label="Email" width="100%">
                    <mx:TextInput width="100%" text="axel@axelscript.com"/>
                </mx:FormItem>
            </mx:Form>
        </containers:DragImageVBox>
    </containers:DragImageVBox>
</mx:Application>