<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="*" backgroundGradientColors="[0x555555,0x000000]" layout="absolute" width="100%" height="100%" horizontalScrollPolicy="off" creationComplete="initApp()" viewSourceURL="srcview/index.html">

  <mx:Script>
  <![CDATA[
  import mx.rpc.events.ResultEvent;
     
  private function initApp():void
  {
    var queryObj:Object = new Object();
    queryObj.api_key = '27de2419b4468dacd5b0d77eb1b9bb10';
    queryObj.method = "flickr.photos.getRecent";
    queryObj.per_page = 15;
    srv.send(queryObj);
  }

  private function handleResult(event:ResultEvent):void
  {
    for each (var p:Object in event.result.rsp.photos.photo)
    {
      photoResults.addItem("http://static.flickr.com/" + p.server + "/" + p.id + "_" + p.secret + ".jpg");
    }
    
    shelf.selectedIndex = 8;
  }

  ]]>
  </mx:Script>
  
  <mx:ArrayCollection id="photoResults"/>
  
  <mx:HTTPService id="srv" url="http://api.flickr.com/services/rest/" result="handleResult(event)"/>
  
  <local:DisplayShelf id="shelf" dataProvider="{photoResults}" enableHistory="false" horizontalCenter="0" verticalCenter="0"/>

</mx:Application>