<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" viewSourceURL="srcview/index.html">

    <mx:Script>
        <![CDATA[
            import mx.events.ItemClickEvent;
            import mx.events.ListEvent;
            import mx.collections.ArrayCollection;

            [Bindable]
            private var StereolabAlbums:ArrayCollection = new ArrayCollection([
                {title:'Cobra & Phases Group Play Volt in the Milky Night',cover:'cobra&phases.jpg'},
                {title:'Dots and Loops',cover:'dots&loops.jpg'},
                {title:'Emperor Tomato Ketchup',cover:'Emperor-Tomato-Ketchup.jpg'},
                {title:'Mars Audiac Quintet',cover:'Mars-Audiac-Quintet.jpg'},
                {title:'Sound-Dust',cover:'Sound-Dust.jpg'},
                {title:'The First Of The Microbe Hunters',cover:'Microbe-Hunters.jpg'}
            ]);
            
            private function clickMethod(e:Event):void {
                var album:String = e.currentTarget.selectedItem.title;
                albumName.text = album;
            }
            
            private function itemClickMethod(e:Event):void {
                var album:String = e.currentTarget.selectedItem.title;
                albumName.text = album;
            }

        ]]>
    </mx:Script>
    
    <mx:HBox top="10" right="10" left="10">
        <mx:Label text="Album name" />
        <mx:TextInput id="albumName" enabled="false" width="370" /> 
    </mx:HBox>
    <mx:HBox top="40" right="10" left="10">
        <mx:VBox>
            <mx:Label text="Uses click event" />
            <mx:TileList id="click" dataProvider="{StereolabAlbums}" width="270" height="240"
                itemRenderer="Cover" click="clickMethod(event)" />
        </mx:VBox>
        <mx:VBox>
            <mx:Label text="Uses item click event" />
            <mx:TileList id="itemClick" dataProvider="{StereolabAlbums}" width="270" height="240"
                itemRenderer="Cover" itemClick="itemClickMethod(event)" />
        </mx:VBox>
    </mx:HBox> 

</mx:Application>