<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="#FFFFFF" viewSourceURL="srcview/index.html">
<mx:Script>
    <![CDATA[
        import mx.events.ListEvent;
        import mx.effects.easing.Bounce;
        
        private function tree_itemClick(evt:ListEvent):void {
                var item:Object = Tree(evt.currentTarget).selectedItem;
                if (exTree.dataDescriptor.isBranch(item)) {
                    exTree.expandItem(item, !exTree.isItemOpen(item), true);
                    
                    if (exTree.isItemOpen(item)){
                        exTree.selectedItem.isOpen = true;
                    }else{
                        exTree.selectedItem.isOpen = false;    
                    }
                }
            }    
    ]]>
</mx:Script>
    <mx:Array xmlns:s="support.*" id="testSet">
        <s:Example label="test 1" isChild="false" depth="0" />
        <s:Example label="test 2" isChild="false" depth="0" >
            <s:Example label="test 3" depth="1"/>
            <s:Example label="test 4" depth="1" />
            <s:Example label="test 5" depth="1" />
            <s:Example label="test 6" depth="1" />
            <s:Example label="test 7" depth="1" isChild="false">
                <s:Example label="test 7-a" depth="2" />
                <s:Example label="test 7-b" depth="2" />
                <s:Example label="test 7-c" depth="2" />
                <s:Example label="test 7-d" depth="2" />
                <s:Example label="test 7-e" depth="2" />
            </s:Example>
            <s:Example label="test 8" isChild="false" depth="1" >
                <s:Example label="test 8-a" depth="2" />
                <s:Example label="test 8-b" depth="2" />
                <s:Example label="test 8-c" depth="2" />
            </s:Example>
            <s:Example label="test 9" depth="1" isChild="false">
                <s:Example label="test 9-a" depth="2" />
                <s:Example label="test 9-b" depth="2" />
                <s:Example label="test 9-c" depth="2" />
                <s:Example label="test 9-d" depth="2" />
                <s:Example label="test 9-e" depth="2" />
            </s:Example>
            <s:Example label="test 10" depth="1" />
        </s:Example>
    </mx:Array>
    <mx:Tree folderClosedIcon="{null}" backgroundAlpha="0" 
            borderStyle="none" useRollOver="false" 
            itemRenderer="treeItemRenderer" folderOpenIcon="{null}" defaultLeafIcon="{null}"
            id="exTree" iconField="icon" width="200"
            backgroundColor="#ffffff" height="100%" dataProvider="{testSet}" labelField="label" 
            showRoot="true" itemClick="tree_itemClick(event)"
            styleName="NavTree"
            openDuration="300" openEasingFunction="Bounce.easeOut" />
</mx:Application>