<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" implements="core.IView" width="100%">
	<mx:Metadata>
		[ResourceBundle("picklist")]
	</mx:Metadata>

	<mx:Script>
		<![CDATA[
			import mx.collections.ICollectionView;
			import events.ModelChangeEvent;
			import core.IModel;
			
			import mx.events.PropertyChangeEvent;
			import mx.binding.utils.ChangeWatcher;
		
			private var _model:IModel;
			
			private var _member:String;
			private var _validMember:String;
			
			[Bindable]
			public var labelField:String;
			
			[Bindable]
			public var labelFunction:Function;
			
			[Bindable]
			public var selectedItem:Object;
			
			private function changeHandler(event:Event = null) : void {
				try {
					var memberSelectedItem:Object = memberList.selectedItem
					var validMemberSelectedItem:Object = validMemberList.selectedItem;
					
					memberList.dataProvider = model[_member];
					validMemberList.dataProvider = model[_validMember];
					
					memberList.selectedItem = memberSelectedItem;
					validMemberList.selectedItem = validMemberSelectedItem;		
				} catch(o:Object) {
					memberList.dataProvider = null;
					validMemberList.dataProvider = null;
				}
			}
			
			public function set model(newModel:IModel) : void {
				SimpleViewUtil.addEventListeners(_model, newModel, [_member, _validMember], changeHandler);
				_model = newModel;
				changeHandler();
			}
			
			public function get model() : IModel {
				return _model;
			}
			
			public function set member(newMember:String) : void
			{
				_member = newMember;
			}
			
			public function get member() : String {
				return _member;
			}
			
			public function set validMember(newValidMember:String) : void
			{
				_validMember = newValidMember;
			}
			
			public function get validMember() : String {
				return _validMember;
			}
			
			private function removeAll() : void {
				var collection:ICollectionView = memberList.dataProvider as ICollectionView;
				for each(var item:Object in collection) {
					dispatchEvent(new ModelChangeEvent(ModelChangeEvent.MODEL_REMOVE, member, item));
				}
			}
			
			private function addAll() : void {
				var collection:ICollectionView = validMemberList.dataProvider as ICollectionView;
				for each(var item:Object in collection) {
					dispatchEvent(new ModelChangeEvent(ModelChangeEvent.MODEL_ADD, member, item));
				}
			}
		]]>
	</mx:Script>
	
	<mx:Binding source="memberList.selectedItem" destination="this.selectedItem"/>
	
	<mx:VBox width="45%">
		<mx:Label text="{resourceManager.getString('picklist', 'Lbl_Used')}"/>
		<mx:List id="memberList" labelField="{labelField}" labelFunction="{labelFunction}" width="100%" 
			height="100%"/>
	</mx:VBox>
	<mx:VBox height="100%" paddingRight="10" paddingLeft="10">
		<mx:VBox height="100%"/>
		<mx:Button id="forwardButton" enabled="{memberList.selectedItem}"
			click="{dispatchEvent(
				new ModelChangeEvent(ModelChangeEvent.MODEL_REMOVE, member, memberList.selectedItem))}">
			<mx:icon>@Embed(source='../assets/control_forward_blue.png')</mx:icon>	
		</mx:Button>
		<mx:Button id="backwardButton" enabled="{validMemberList.selectedItem}"
			click="{dispatchEvent(
				new ModelChangeEvent(ModelChangeEvent.MODEL_ADD, member, validMemberList.selectedItem))}">
			<mx:icon>@Embed(source='../assets/control_backward_blue.png')</mx:icon>
		</mx:Button>	
		<mx:Button id="forwardAllButton" click="{removeAll()}">
			<mx:icon>@Embed(source='../assets/control_fastforward_blue.png')</mx:icon>	
		</mx:Button>
		<mx:Button id="backwardAllButton" click="{addAll()}">
			<mx:icon>@Embed(source='../assets/control_fastbackward_blue.png')</mx:icon>
		</mx:Button>
		<mx:VBox height="100%"/>
	</mx:VBox>
	<mx:VBox width="45%">
		<mx:Label text="{resourceManager.getString('picklist', 'Lbl_Available')}"/>
		<mx:List id="validMemberList" labelField="{labelField}" labelFunction="{labelFunction}" width="100%"
			height="100%"/>
	</mx:VBox>
</mx:HBox>