<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #C9C9C9]"
     creationComplete="onCreationComplete()" xmlns:piemenu="com.finflex.piemenu.*" xmlns:paint="com.degrafa.paint.*" width="591" height="408" verticalScrollPolicy="off" horizontalScrollPolicy="off" viewSourceURL="srcview/index.html">
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.collections.ArrayCollection;
            import mx.utils.ObjectUtil;
            
            import com.finflex.piemenu.MenuItem;
            import com.finflex.piemenu.PieMenu;
            
            public function onCreationComplete():void{
                this.addEventListener(MouseEvent.CLICK, backgroundClick);
            }
            
            public function backgroundClick(event:MouseEvent):void{
                if(event.target == this){
                    
                    mxmlPie.x = event.stageX;
                    mxmlPie.y = event.stageY;
                    mxmlPie.show();
                }
                
            }
            
            public function innerRadius():void{
                mxmlPie.thickness = innerRadiusSli.value;
            }
            
            public function arc():void{
                mxmlPie.size = arcSli.value;
            }
            
            public function startAngle():void{
                mxmlPie.startAngle = startAngleSli.value;
            }
            
            public function gap():void{
                mxmlPie.gap = gapSli.value;
            }
            
            private function show():void{
                mxmlPie.show();
            }
            
        ]]>
    </mx:Script>
    <mx:Canvas x="10" y="10" width="187" height="298" backgroundColor="#FFFFFF" cornerRadius="8" borderStyle="solid" borderThickness="1" borderColor="#595959">
        <mx:HSlider x="10" y="93" id="innerRadiusSli" value="0.45" change="innerRadius()" minimum="0.01" maximum="1" snapInterval="0.01"/>
        <mx:HSlider x="10" y="197" id="arcSli" value="270" change="arc()" minimum="1" maximum="360" snapInterval="1"/>
        <mx:HSlider x="10" y="249" id="startAngleSli" value="225" change="startAngle()" minimum="0" maximum="360" snapInterval="1"/>
        <mx:HSlider x="10" y="145" id="gapSli" value="10" change="gap()" minimum="0" maximum="90" snapInterval="1"/>
        <mx:Text x="10" y="119" text="Gap:"/>
        <mx:Text x="10" y="223" text="Start angle:" id="startAngleText"/>
        <mx:Text x="10" y="171" text="Size:" id="arcText"/>
        <mx:Text x="10" y="67" text="Height:"/>
        <mx:Text x="10" y="10" text="PieMenu Settings:" fontWeight="bold" fontSize="14"/>
    </mx:Canvas>
    
    <piemenu:PieMenu id="mxmlPie" width="200" height="200" x="383" y="96" size="180">
        <piemenu:fills>
            <paint:SolidFill color="#ffffff" id="filli"/>
        </piemenu:fills>
        <piemenu:strokes>
            <paint:SolidStroke color="#000000" id="stroke"/>
        </piemenu:strokes>
                
        <piemenu:items>
            
            <piemenu:MenuItem fill="{filli}" stroke="{stroke}">
                
                <piemenu:MenuItem/>
            
            </piemenu:MenuItem>
            
            <piemenu:MenuItem>
                
                <piemenu:MenuItem/>
                <piemenu:MenuItem/>
                <piemenu:MenuItem/>
            
            </piemenu:MenuItem>
            
        </piemenu:items>
        
    </piemenu:PieMenu>
    <mx:Text x="205" y="10" text="Erno Aapa - FINflex.fi"/>
    
</mx:Application>