<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" 
    paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5" 
    xmlns:containers="com.joelhooks.containers.*" 
    backgroundColor="#CCCCCC" 
    frameRate="99" 
    xmlns:containers1="com.dougmccune.containers.*" 
    xmlns:pleatClasses="com.joelhooks.containers.pleatClasses.*" viewSourceURL="examples/pleatMenu/srcview/index.html">
    
    <containers:Pleat 
        id="pleat" 
        backgroundColor="#CCCCCC" left="5" top="5" right="5">
        <containers:pleatItems>
            <pleatClasses:PleatItem 
                iconClass="{ImageAssets.iconSave}"
                labelText="Tools" >
                <pleatClasses:controls>
                    <mx:Canvas width="20" height="20" backgroundColor="#02FF00" buttonMode="true"/>
                    <mx:CheckBox label="A Checkbox"/>
                    <mx:Button label="A Button"/>
                    <mx:Canvas width="20" height="20" backgroundColor="#00FF00"/>
                    <mx:Canvas width="20" height="20" backgroundColor="#06FF00"/>    
                </pleatClasses:controls>
            </pleatClasses:PleatItem>    
            <pleatClasses:PleatItem 
                iconClass="{ImageAssets.iconProperties}"
                labelText="Properties" >
                <pleatClasses:controls>
                    <mx:Canvas width="20" height="20" backgroundColor="#02FF00" buttonMode="true"/>
                    <mx:CheckBox label="A Checkbox"/>
                    <mx:Button label="A Button"/>
                    <mx:Canvas width="20" height="20" backgroundColor="#00FF00"/>
                    <mx:Canvas width="20" height="20" backgroundColor="#06FF00"/>    
                </pleatClasses:controls>
            </pleatClasses:PleatItem>    
            <pleatClasses:PleatItem 
                iconClass="{ImageAssets.iconReports}"
                labelText="Reports" >
                <pleatClasses:controls>
                    <mx:Canvas width="20" height="20" backgroundColor="#02FF00" buttonMode="true"/>
                    <mx:CheckBox label="A Checkbox"/>
                    <mx:Button label="A Button"/>
                    <mx:Canvas width="20" height="20" backgroundColor="#00FF00"/>
                    <mx:Canvas width="20" height="20" backgroundColor="#06FF00"/>    
                </pleatClasses:controls>
            </pleatClasses:PleatItem>    
            <pleatClasses:PleatItem 
                iconClass="{ImageAssets.iconHelp}"
                labelText="Help" >
                <pleatClasses:controls>
                    <mx:Canvas width="20" height="20" backgroundColor="#02FF00" buttonMode="true"/>
                    <mx:CheckBox label="A Checkbox"/>
                    <mx:Button label="A Button"/>
                    <mx:Canvas width="20" height="20" backgroundColor="#00FF00"/>
                    <mx:Canvas width="20" height="20" backgroundColor="#06FF00"/>    
                </pleatClasses:controls>
            </pleatClasses:PleatItem>            
        </containers:pleatItems>
    </containers:Pleat>
</mx:Application>