<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    creationComplete="startService()" pageTitle="RSS Feed Reader">
    
    <mx:HTTPService id="rssService" resultFormat="e4x"
        result="rssResultHandler(event)" fault="rssFaultHandler(event)"
        url="rssFeed.php"/>
    
    <mx:Script>
        <![CDATA[
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;
            import mx.controls.Alert;
            import flash.net.navigateToURL;
            
            [Bindable]
            private var rssFeed:XML;
            
            private function startService():void
            {
                rssService.send();
                body.htmlText = "";
            }
            
            private function rssResultHandler(event:ResultEvent):void
            {
                rssFeed = event.result as XML;
            }
            
            private function rssFaultHandler(event:FaultEvent):void
            {
                Alert.show(event.fault.message, "Error Loading RSS Feed");
            }
            
            private function updateBody(entryId:int):void
            {
                body.htmlText = rssFeed.channel.item[entryId].description;
            }
            
            private function openEntryPage(entryId:int):void
            {
                var link:String = rssFeed.channel.item[entryId].link;
                var urlRequest:URLRequest = new URLRequest(link);
                
                navigateToURL(urlRequest);
            }
        ]]>
    </mx:Script>
    
    <mx:Style>
        Panel {
            paddingTop: 10;
            paddingBottom: 10;
            paddingLeft: 10;
            paddingRight: 10;
        }
        TextArea {
            paddingTop: 5;
            paddingBottom: 5;
            paddingLeft: 10;
            paddingRight: 10;
        }
        ControlBar {
            horizontal-align: right;
        }
    </mx:Style>
    
    <mx:Panel title="{rssFeed.channel.title}" width="750" height="450">
    
        <mx:DataGrid id="entries" width="100%" height="52%"
            dataProvider="{rssFeed.channel.item}"
            click="updateBody(entries.selectedIndex)">
            
            <mx:columns>
                <mx:DataGridColumn dataField="title" headerText="Title"/>
                <mx:DataGridColumn dataField="pubDate" headerText="Date"/>
            </mx:columns>
            
        </mx:DataGrid>
        
        <mx:TextArea id="body" editable="false" width="100%" height="48%"/>
        
        <mx:ControlBar>
            <mx:LinkButton label="Reload" click="startService()"/>
            <mx:Button label="View Full Post"
                click="openEntryPage(entries.selectedIndex)"/>
        </mx:ControlBar>
        
    </mx:Panel>
</mx:Application>