Making a horizontal list with clickable images as members

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="this_initialize()" creationComplete="this_creationComplete()">

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

    		[Bindable]
    		private var images:Array;

    		private function this_initialize():void
    		{
    			images = new Array();
    			images.push("myimage1.jpg");
    			images.push("myimage2.jpg");
    			images.push("myimage3.jpg");
    			images.push("myimage4.jpg");
    			images.push("myimage5.jpg");
    		}

    		private function this_creationComplete():void
    		{

    		}

    		private function list_itemClick(event:ListEvent):void
    		{
    			Alert.show(event.currentTarget.selectedItem as String);
    		}

    	]]>
    </mx:Script>

    <mx:HorizontalList id="list" dataProvider="{images}" itemClick="list_itemClick(event)">
    	<mx:itemRenderer>
    		<mx:Component>
    			<mx:Image source="{data}" />
    		</mx:Component>
    	</mx:itemRenderer>
    </mx:HorizontalList>

</mx:Application>