<?xml version="1.0" encoding="latin5" ?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.apache.org/royale/spark"
			   xmlns:mx="library://ns.apache.org/royale/mx"
			   height="288" width="179"
			   >

	<fx:Script>
		<![CDATA[
			import mx.events.MenuEvent;
			import mx.controls.Menu;
			
			private function createAndShow():void {
				var myMenu:Menu = Menu.createMenu(null, filterMenuData, false);
				myMenu.id = "filterMenu"
				myMenu.labelField="@label";
				myMenu.addEventListener(MenuEvent.ITEM_CLICK, filterMenu_itemClickHandler);
				myMenu.show(statuFilterButton.localToGlobal(new Point(0,0)).x + 50, statuFilterButton.localToGlobal(new Point(0,0)).y + 25);
			}

			protected function filterMenu_itemClickHandler(event:MenuEvent):void {
				// to be implemented
				trace("Label of the menu item : " + event.label);
			}
				
		]]>
	</fx:Script>
	
	<fx:Declarations>
		<fx:XML format="e4x" id="filterMenuData">
			<menuitem label="Status Filter" id="statusFilter">
				<menuitem label="List All"/>			
				<menuitem label="Ready"/>
				<menuitem label="Waiting"/>
				<menuitem label="Working"/>
				<menuitem label="Successful"/>
				<menuitem label="Failed"/>
				<menuitem label="Time-out"/>
				<menuitem label="Skipped"/>
				<menuitem label="Stopped}"/>
				<menuitem label="Paused"/>
				<menuitem label="Disabled"/>
			</menuitem>
		</fx:XML>
	</fx:Declarations>

	<mx:Button id="statuFilterButton" label="Select Filter" click="createAndShow();"/>
	
</s:Application>