<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    backgroundGradientColors="[0xFFFFFF, 0xAAAAAA]"
    horizontalAlign="left"
    verticalGap="15"
    horizontalGap="15" creationComplete="addListenerToControls()">

    <mx:Script>
        <![CDATA[
        	import mx.controls.Alert;
        	import mx.rpc.events.FaultEvent;
        	import mx.events.FlexEvent;
            import mx.collections.ArrayCollection;
            import mx.rpc.events.ResultEvent;

            [Bindable]
            private var photoFeed:ArrayCollection;
			
			// add a event listener to textInput control using the Event Listeners
			// You can search more at addEventListeners on this site
			private function addListenerToControls():void {
					searchTerms.addEventListener(FlexEvent.ENTER,requestPhotos);
			}
			// Request photos based on keyword criteria you insert
            private function requestPhotos(event:Event):void {
            	// if the photoService is still loading we cancel to prevent errors 
            	// then we call again.
                photoService.cancel();
                var params:Object = new Object();
                params.format = 'rss_200_enc';
                params.tags = searchTerms.text;
                photoService.send(params);
            }
            // Handler the result function from HTTPService request you did 
            // and convert the result into a Array Collection
            private function photoHandler(event:ResultEvent):void {
                 photoFeed = event.result.rss.channel.item as ArrayCollection;
            }
            // If the HTTPService had errors, we handle it here show an alert message
            // like we have in Javascript
            private function photoFaultHandler(event:FaultEvent):void {
                 Alert.show("Impossible to load or reach photos from services","Error");
            }
         ]]>
    </mx:Script>

    <mx:HTTPService id="photoService" showBusyCursor="true"
        url="http://api.flickr.com/services/feeds/photos_public.gne"
        result="photoHandler(event)" fault="photoFaultHandler(event)" />

	<mx:HBox>
		<mx:Label text="Flickr tags or search terms:" />
		<mx:TextInput id="searchTerms" />
		<mx:Button label="Search"
			click="requestPhotos(event)" />
	</mx:HBox>

	<mx:TileList width="100%" height="100%"
		dataProvider="{photoFeed}"
		itemRenderer="FlickrThumbnail">
	</mx:TileList>

</mx:Application>