<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
	backgroundColor="#333333"
	width="936"
	height="648" 
	horizontalScrollPolicy="off" 
	verticalScrollPolicy="off"
	verticalAlign="middle"
	horizontalAlign="center"
	applicationComplete="init();">

	
	<!-- background for Alert -->
    <mx:Style>
        Alert {
            modalTransparencyColor: black;
        }
    </mx:Style>


    <mx:Script>
        <![CDATA[
        	/* imports for flying pies */
            import mx.effects.easing.*;
            import mx.charts.series.items.PieSeriesItem;
            import mx.charts.events.ChartItemEvent;
			/* obsluga okienka alertu */
			import mx.controls.Alert;
			
			private function pieChart_itemClick(evt:ChartItemEvent):void {
                var item:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem;
                var degrees:Number = radiansToDegrees(item.startAngle);
                var arr:Array = [];
                if (checkBox.selected) {
                    arr[item.index] = 0.2;
                }
                pieSeries.perWedgeExplodeRadius = arr;
                pieSeries.startAngle -= degrees;
                Alert.show(pieChart.dataProvider[item.index].@desc, pieChart.dataProvider[item.index].@label + ' - ' + pieChart.dataProvider[item.index].@data);
                pieChart.dataProvider.refresh();
            }

			private function pieChart_itemOver(evt:ChartItemEvent):void {
                var item:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem;

				if(item.index==0){sc0.alpha=1};
		 		if(item.index==1){sc1.alpha=1};
		 		if(item.index==2){sc2.alpha=1};
		 		pieChart.dataProvider.refresh();
			}

			private function pieChart_itemOut(evt:ChartItemEvent):void {
                var item:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem;

	 			if(item.index==0){sc0.alpha=0.5};
		 		if(item.index==1){sc1.alpha=0.5};
		 		if(item.index==2){sc2.alpha=0.5};
		 		pieChart.dataProvider.refresh();
			}

            private function radiansToDegrees(radians:Number):Number {
                return radians * (180 / Math.PI);
            }
            
            public function init():void{
            	/* if(fromCombo is null){fromCombo=f_iles[0]} is not working*/
            	/* if(fromCombo is null){menu.selectedItem="1"} is not working */
            	title.text="start";
            }
        ]]>
    </mx:Script>

	<mx:XML source="rep_im.xml" id="inputXMLim"/>
	<mx:XML source="rep_co.xml" id="inputXMLco"/>
	<mx:XML source="rep_en.xml" id="inputXMLen"/>
	<mx:XMLListCollection id="dp_im" source="{inputXMLim.stat}"/>
	<mx:XMLListCollection id="dp_co" source="{inputXMLco.stat}"/>
	<mx:XMLListCollection id="dp_en" source="{inputXMLen.stat}"/>
	
	<!-- chart -->	
	<mx:Canvas width="848" height="546">
		<mx:PieChart id="pieChart" 
		        dataProvider="{dp_im}"
		        showDataTips="false"
		        itemClick="pieChart_itemClick(event);"
		        itemRollOver="pieChart_itemOver(event);"
		        itemRollOut="pieChart_itemOut(event);"
		        height="546"
		        width="848" x="0" y="0">
		    <mx:series>
		        <mx:PieSeries id="pieSeries"
		                field="@data"
		                nameField="@label">
		            <mx:showDataEffect>
		                <mx:SeriesInterpolate duration="1500"
		                        easingFunction="{Elastic.easeOut}" />
		            </mx:showDataEffect>
		            
		            <!-- colors to fill pies -->
		            <mx:fills>
						<mx:SolidColor id="sc0" color="#28aa28" alpha="0.5"/>
  					  	<mx:SolidColor id="sc1" color="#FFBF00" alpha="0.5"/>
  					  	<mx:SolidColor id="sc2" color="#ff0000" alpha="0.5"/>
					</mx:fills>
		            
		        </mx:PieSeries>
		    </mx:series>
		</mx:PieChart>
		<!-- description bar -->
		<mx:Legend dataProvider="{pieChart}" direction="horizontal"  color="#FFFFFF" x="10" y="508"/>
	</mx:Canvas>

	<!-- top bar -->		
    <mx:ApplicationControlBar dock="true" themeColor="#5E8298">
        <mx:CheckBox id="checkBox"
                label="Flying pies:"
                labelPlacement="left"
                selected="true"  color="#FFFFFF"/>
        <mx:Label width="718" textAlign="center" color="#FFFFFF" fontWeight="bold" id="title"/>
       
       <mx:VBox>
        	<mx:RadioButton id="rb1"
                label="Photo" name="dp_im"
                change="pieChart.dataProvider=dp_im"  color="#FFFFFF" fontWeight="bold" selected="true"/>
        	<mx:RadioButton id="rb2"
                label="Copy" name="dp_co"
                change="pieChart.dataProvider=dp_co"  fontWeight="bold" color="#FFFFFF"/>
        	<mx:RadioButton id="rb3"
                label="Enriched" name="dp_en"
                change="pieChart.dataProvider=dp_en"  color="#FFFFFF" fontWeight="bold"/>
    	</mx:VBox>
    </mx:ApplicationControlBar>
	
</mx:Application>