<?xml version="1.0" encoding="utf-8"?>
<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml"
	width="100%" height="100%"
	paddingTop="0"
	paddingBottom="0"
	headerHeight="0"
	variableRowHeight="true"
	dragEnter="doDragEnter(event)" dragDrop="doDragDrop(event)"
	itemClick="this_itemClick(event)"
	dataProvider="{_dataprovider}" >	
	
	<mx:Script>

		
		<![CDATA[
			import tripvisModel.controllers.BasketControllerEvent;
			import tripvisModel.TripVisModel;
			import tripvisModel.controllers.BasketController;
			import mx.core.DragSource;
			import tripvisModel.TripItem;
			import tripvisUI.events.TripBasketEvent;
			import mx.events.ListEvent;
			import mx.collections.ArrayCollection;
			import mx.managers.DragManager;
			import mx.events.DragEvent;
			import mx.core.UIComponent;
			
			import tripvisModel.SimpleTripItem;
			
			[Bindable]private var _dataprovider: ArrayCollection = new ArrayCollection();
			private var _basketController: BasketController;
			
			
			protected override function createChildren():void
			{
				super.createChildren();
				
				_basketController = TripVisModel.instance.basketController;
				_basketController.addEventListener(BasketControllerEvent.TRIP_ITEM_ADDED, basketController_tripItemAdded);
				_basketController.addEventListener(BasketControllerEvent.TRIP_ITEM_REMOVED, basketController_tripItemRemoved);
				_basketController.addEventListener(BasketControllerEvent.TRIP_ITEMS_CLEARED, basketController_tripItemsCleared);
			}
			
			
			// Handlers van de BasketController (zorgen voor een update van de TripBasketView):
			private function basketController_tripItemAdded(event: BasketControllerEvent): void
			{
				this._dataprovider.addItem(event.tripItem);
			}
			
			private function basketController_tripItemRemoved(event: BasketControllerEvent): void
			{
				this._dataprovider.removeItemAt( this._dataprovider.getItemIndex(event.tripItem) );
			}
			
			private function basketController_tripItemsCleared(event: BasketControllerEvent): void
			{
				this._dataprovider.removeAll();	
			}
			
			
			// Drag & Drop:
			private function doDragEnter(event: DragEvent): void
			{
				if(event.dragSource.hasFormat('SimpleTripItem'))
				{
					DragManager.acceptDragDrop(event.target as UIComponent); //enkel 'SimpleTripItem' formaten toelaten, MapTripComponent stuurt een 'TripItem'-formaat uit bvb
				}
			}

			private function doDragDrop(event: DragEvent): void
			{
				var simpleTripItem: SimpleTripItem = SimpleTripItem(event.dragSource.dataForFormat('SimpleTripItem')); 
				
				_basketController.addSimpleTripItem(simpleTripItem);
			}
			
			// komt normaal gezien van de TripBasketItemRenderer
			internal function removeTripItem(tripItem: TripItem): void
			{
				_basketController.removeTripItem(tripItem);
			}
			
			// wanneer er ergens op een TripBasketItemRenderer geklikt wordt, stuurt de TripBasket een selectTripItem-event
			private function this_itemClick(event: ListEvent): void
			{
				var clickedItemRenderer: TripBasketItemRenderer = TripBasketItemRenderer(event.itemRenderer);			
				var tripItem: TripItem = clickedItemRenderer.tripItem;
				
				dispatchEvent( new TripBasketEvent('selectTripItem', tripItem) );
			}
			
			public function selectTripItem(tripItem:  TripItem): void
			{
				this.selectedItem = tripItem;
			}
			

		]]>
	</mx:Script>
	
	<mx:Metadata>
        [Event(name="selectTripItem", type="tripvisUI.events.TripBasketEvent")]
    </mx:Metadata>
    
	<mx:columns>
		<mx:DataGridColumn id="col" itemRenderer="tripvisUI.TripBasketItemRenderer"/>
	</mx:columns>
</mx:DataGrid>