<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" xmlns:ns1="com.cynergysystems.components.*" viewSourceURL="srcview/index.html">
    
    <mx:Style source="styles.css" />
    
    <mx:Script>
        <![CDATA[
            import mx.effects.easing.Exponential;
        ]]>
    </mx:Script>
    
    
    
    <mx:HDividedBox top="10" left="10" right="10" bottom="10" width="100%">
        <mx:TabNavigator width="280" height="100%" >
            
            <mx:Canvas label="tab 1 test ">
                
                <mx:Accordion top="10" left="10" right="10" bottom="10" openEasingFunction="Exponential.easeOut" openDuration="350" >
                    
                    <mx:Canvas label="accordion 1 " width="100%" height="100%" />
                    <mx:Canvas label="accordion 2 " width="100%" height="100%" />
                    <mx:Canvas label="accordion 3" width="100%" height="100%" />
                    
                </mx:Accordion>
                
            </mx:Canvas>
            <mx:Canvas label="tab 2 test ">
                
            </mx:Canvas>
                
            
            <mx:Canvas label="tab 3 test" >
            </mx:Canvas>
            
        </mx:TabNavigator>
        
        
        <mx:TitleWindow 
            width="100%" height="100%" showCloseButton="true" 
            title="the title" titleBackgroundSkin="@Embed('assets/transparent.png')" borderSkin="com.cynergysystems.skins.BorderSkin">
            <mx:ColorPicker/>
            
            
            
        </mx:TitleWindow>
    </mx:HDividedBox>
    
    
</mx:Application>