<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
	layout="vertical"
	creationComplete="onCreationComplete()"
	horizontalAlign="center"
	backgroundGradientColors="[#e0dbfb, #9a8af2]">

<mx:Script>
	<![CDATA[
		import mx.collections.ArrayCollection;
		import mx.rpc.events.ResultEvent;
		
		[Bindable]
		private var selectedItem:ArrayCollection;
		
		private function onCreationComplete():void {
			products.send();
		}
		private function onResult(e:ResultEvent):void {
			trace("In Handler");
		}
		private function onClick(e:MouseEvent):void {
			trace("In Handler");
			selectedItem = e.currentTarget.selectedItem.features.feature;
			features_list.dataProvider = selectedItem;
		}
		
	]]>
</mx:Script>


	<mx:HTTPService 
		id="products"
		url="assets/products.xml"
		result="onResult(event)"
		/>
<!--
	<mx:HTTPService 
		id="products"
		url="http://labs.adobe.com/technologies/spry/demos/products/products.xml"
		result="onResult(event)"
		/>


-->
    <mx:Panel title="HTTPService Example" height="85%" minWidth="700" width="85%"
        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">


		<mx:DataGrid id="products_dg" 
			dataProvider="{products.lastResult.products.product}" 
			width="100%" 
			height="70%"
			click="onClick(event)" />

		<mx:Text text="Features" />
		<mx:List  id="features_list" 
			width="100%"
			height="30%"
			/>


    </mx:Panel> 	
</mx:Application>
