<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" 
    xmlns:controls="wgc.controls.*" 
    xmlns:dataGridClasses="wgc.controls.dataGridClasses.*" 
    xmlns:containers="wgc.containers.*" pageTitle="Sweet Inline Flex Translations" 
    viewSourceURL="srcview/index.html">

    <mx:Script>
        <![CDATA[
            
            include "code/translate.as";
            
            import mx.utils.ObjectUtil;
            import flexlingo.managers.LingoManager;

             [Bindable]
            public var languages: Array = [ {label:"English"},{label:"French"},{label:"German"},{label:"Italian"},
                                            {label:"Portuguese"},{label:"Spanish"},{label:"Russian"},
                                            {label:"Dutch"},{label:"Greek"},{label:"Swedish"},
                                            {label:"Arabic"},{label:"Japanese"},{label:"Korean"},
                                            {label:"Chinese Simplified"},{label:"Chinese Traditional"} ];
        

        ]]>
    </mx:Script>
    


    <mx:ApplicationControlBar width="100%" dock="true">
        <mx:ComboBox id="lang" prompt="Change Language" width="400" rowCount="15" dataProvider="{languages}" change="ChangeLang()" />
    </mx:ApplicationControlBar>
    
    <mx:HBox width="80%" height="100%">
        

        <mx:Panel title="Translation Details Form" width="100%" height="100%" paddingLeft="20" paddingRight="10" paddingTop="10">

            <mx:Label id="myLabel"  text="Now What" />
            <mx:Label  text="Testing some translation stuff" />
            <mx:Button label="Submit" />
            

            <mx:DataGrid width="100%" height="100">
                <mx:columns>
                    <mx:DataGridColumn headerText="First Name" />
                    <mx:DataGridColumn headerText="Last Name" />
                    <mx:DataGridColumn headerText="Phone Number" />
                </mx:columns>
            </mx:DataGrid>
        
            <mx:HBox width="100%" height="150">
                
                <mx:Accordion width="100%" height="100%">
                    <mx:Canvas label="Calendar" />
                    <mx:VBox label="Products" />                
                    <mx:HBox label="Customers" />
                </mx:Accordion>
                
                <mx:TabNavigator width="100%" height="100%">
                    <mx:Canvas label="Calendar" />
                    <mx:VBox label="Products" />                
                    <mx:HBox label="Customers" />
                </mx:TabNavigator>

            </mx:HBox>
            
            
            <mx:Form width="100%">
                
                <mx:FormItem label="Change Language">
                    <mx:ComboBox prompt="Pick Something" width="200" />
                </mx:FormItem>
                
                
            </mx:Form>
            
            
        </mx:Panel>
    
    </mx:HBox>


    
</mx:Application>