<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*" viewSourceURL="srcview/index.html">
    
    <mx:Style>
        Application {
           backgroundGradientColors: #ffffff, #ffffff;
        }
        
        Panel {
           borderColor: #cccccc;
           borderThicknessLeft: 0;
           borderThicknessTop: 0;
           borderThicknessBottom: 0;
           borderThicknessRight: 0;
           headerColors: #999999, #333333;
        }
    </mx:Style>
    
    <mx:Script>
        <![CDATA[
            private function onClick() : void
            {
                ExternalInterface.call( "submitLocation", input.text );
            }
            
            private function onToggleGrid() : void
            {
                ExternalInterface.call( "setGrid", grid.selected );
            }
            
            private function onToggleNav() : void
            {
                ExternalInterface.call( "setNavigation", nav.selected );
            }
        ]]>
    </mx:Script>
    
    <mx:Panel title="Googe Earth API / Flex Integration" top="10" left="10" bottom="10" right="10">
        
        <local:GMap /> 
        
        <mx:ControlBar defaultButton="{ submit }">
            
            <mx:TextInput id="input" />
            <mx:Button id="submit" label="Go!" click="onClick()" />
            
            <mx:Spacer width="100%" />
            <mx:CheckBox label="Show Grid" selected="false" id="grid" change="onToggleGrid()"/>
            <mx:CheckBox label="Show Nav" selected="true" id="nav" change="onToggleNav()"/>
            
        </mx:ControlBar>
        
    </mx:Panel>
    
</mx:Application>