<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
viewSourceURL="@mx-actionscript-book-PlayList-PlayListApp.html" xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns="*"
	paddingTop="0"
	layout="vertical"
	creationComplete="initApp()">
	
	<mx:Script>
		<![CDATA[
			import flash.events.MouseEvent;
			import com.example.programmingas3.playlist.PlayList;
			import com.example.programmingas3.playlist.Song;
			import com.example.programmingas3.playlist.SortProperty;

			// constants for the different "states" of the song form
			private static const ADD_SONG:uint = 1;
			private static const SONG_DETAIL:uint = 2;
			
			private var playList:PlayList = new PlayList();

			private function initApp():void
			{
				// set the initial state of the song form, for adding a new song
				setFormState(ADD_SONG);
				
				// prepopulate the list with a few songs
				playList.addSong(new Song("Nessun Dorma", "Luciano Pavarotti", 1990, "nessundorma.mp3", ["90's", "Opera"]));
				playList.addSong(new Song("Come Undone", "Duran Duran", 1993, "comeundone.mp3", ["90's", "Pop"]));
				playList.addSong(new Song("Think of Me", "Sarah Brightman", 1987, "thinkofme.mp3", ["Showtunes"]));
				playList.addSong(new Song("Unbelievable", "EMF", 1991, "unbelievable.mp3", ["90's", "Pop"]));

				songList.dataProvider = playList.songList;
			}


			private function sortList(sortField:SortProperty):void
			{
				// Make all the sort type buttons enabled.
				// The active one will be grayed-out below
				sortByTitle.selected = false;
				sortByArtist.selected = false;
				sortByYear.selected = false;

				switch (sortField)
				{
					case SortProperty.TITLE:
						sortByTitle.selected = true;
						break;
					case SortProperty.ARTIST:
						sortByArtist.selected = true;
						break;
					case SortProperty.YEAR:
						sortByYear.selected = true;
						break;
				}

				playList.sortList(sortField);
				
				refreshList();
			}


			private function refreshList():void
			{
				// remember which song was selected
				var selectedSong:Song = Song(songList.selectedItem);
				
				// re-assign the song list as the dataprovider to get the newly sorted list
				// and force the List control to refresh itself
				songList.dataProvider = playList.songList;
				
				// reset the song selection
				if (selectedSong != null)
				{
					songList.selectedItem = selectedSong;
				}
			}


			private function songSelectionChange():void
			{
				if (songList.selectedIndex != -1)
				{
					setFormState(SONG_DETAIL);
				}
				else
				{
					setFormState(ADD_SONG);
				}
			}


			private function addNewSong():void
			{
				// gather the values from the form and add the new song
				var title:String = newSongTitle.text;
				var artist:String = newSongArtist.text;
				var year:uint = newSongYear.value;
				var filename:String = newSongFilename.text;
				var genres:Array = newSongGenres.selectedItems;

				playList.addSong(new Song(title, artist, year, filename, genres));

				refreshList();
	
				// clear out the "add song" form fields
				setFormState(ADD_SONG);
			}


			private function songListLabel(item:Object):String
			{
				return item.toString();
			}


			private function setFormState(state:uint):void
			{
				// set the form title and control state
				switch (state)
				{
					case ADD_SONG:
						formTitle.text = "Add New Song";
						// show the submit button
						submitSongData.visible = true;
						showAddControlsBtn.visible = false;
						// clear the form fields
						newSongTitle.text = "";
						newSongArtist.text = "";
						newSongYear.value = (new Date()).fullYear;
						newSongFilename.text = "";
						newSongGenres.selectedIndex = -1;
						// deselect the currently selected song (if any)
						songList.selectedIndex = -1;
						break;
						
					case SONG_DETAIL:
						formTitle.text = "Song Details";
						// populate the form with the selected item's data
						var selectedSong:Song = Song(songList.selectedItem);
						newSongTitle.text = selectedSong.title;
						newSongArtist.text = selectedSong.artist;
						newSongYear.value = selectedSong.year;
						newSongFilename.text = selectedSong.filename;
						newSongGenres.selectedItems = selectedSong.genres;
						// hide the submit button
						submitSongData.visible = false;
						showAddControlsBtn.visible = true;
						break;
				}
			}
		]]>
	</mx:Script>
	
	<mx:Label id="title" text="PlayList Example" fontSize="24" fontStyle="bold" />
	<mx:Label id="subtitle" text="From Programming ActionScript 3.0, Chapter 7: Working With arrays" fontSize="12" />
	
		<mx:VBox width="500">
			<mx:HBox width="100%">
				<mx:Label text="Sort by:"/>
				<mx:Button id="sortByTitle" label="Title" toggle="true" click="sortList(SortProperty.TITLE)" selected="true"/>
				<mx:Button id="sortByArtist" label="Artist" toggle="true" click="sortList(SortProperty.ARTIST)"/>
				<mx:Button id="sortByYear" label="Year" toggle="true" click="sortList(SortProperty.YEAR)"/>
				<mx:Spacer width="100%" />
				<mx:Button id="showAddControlsBtn" label="New Song" click="setFormState(ADD_SONG);" />
			</mx:HBox>
			<mx:List id="songList" width="100%" change="songSelectionChange()" labelFunction="songListLabel"></mx:List>
		</mx:VBox>
		
		<mx:HBox width="500" borderStyle="solid" paddingBottom="10">
			<mx:VBox>
				<mx:Text id="formTitle" text="Add New Song" fontSize="14" fontWeight="bold" paddingLeft="10" width="400" height="23"/>
				<mx:Form paddingBottom="0" paddingTop="0" paddingRight="0">
					<mx:FormItem label="Title:">
						<mx:TextInput width="275" id="newSongTitle"/>
					</mx:FormItem>
					<mx:FormItem label="Artist:">
						<mx:TextInput width="275" id="newSongArtist"/>
					</mx:FormItem>
					<mx:FormItem label="Year:">
						<mx:NumericStepper maximum="2006" minimum="1400" value="2006" id="newSongYear"/>
					</mx:FormItem>
					<mx:FormItem label="File name:">
						<mx:TextInput id="newSongFilename" width="275"/>
					</mx:FormItem>
					<mx:FormItem>
						<mx:Button id="submitSongData" label="Add Song" click="addNewSong()" width="150"/>
					</mx:FormItem>			
	
				</mx:Form>

			</mx:VBox>
			
			<mx:VBox width="25%" paddingRight="10" paddingTop="4">
				<mx:Label text="Genre(s):"/>
				<mx:List id="newSongGenres" allowMultipleSelection="true" width="100%" height="130">
					<mx:dataProvider>
						<mx:Array>
							<mx:String>90's</mx:String>
							<mx:String>Classical</mx:String>
							<mx:String>Country</mx:String>
							<mx:String>Hip-hop</mx:String>
							<mx:String>Opera</mx:String>
							<mx:String>Pop</mx:String>
							<mx:String>Rock</mx:String>
							<mx:String>Showtunes</mx:String>
						</mx:Array>
					</mx:dataProvider>
				</mx:List>
			</mx:VBox>
		</mx:HBox>

</mx:Application>