<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:tripvisUI="tripvisUI.*"
	xmlns:local="*">

	<mx:Script>
		<![CDATA[
			import tripvisUI.languages.LanguageDirector;
			import tripvisModel.MapViewport;
			import tripvisModel.TripItemProviderEvent;
			import tripvisModel.TripItemProvider;
			import tripvisModel.controllers.BasketController;
			import tripvisModel.controllers.MapController;
			import tripvisUI.events.TripmapEvent;
			import tripvisModel.Coordinates;
			import tripvisModel.TripVisModel;
			import tripvisUI.infoboxes.PreparationBasketInfobox;
			import tripvisUI.infoboxes.MapInfobox;
			import mx.core.Application;
		
			import tripvisUI.TripBasket;
			import tripvisUI.events.TripBasketEvent;
			import tripvisUI.events.InfoboxEvent;
			import tripvisUI.MapTripitem;

			import tripvisModel.SimpleTripItem;			
			import tripvisModel.TripItem;
			import tripvisModel.TripItemType;
			
			private var _tripItemProvider: TripItemProvider = new TripItemProvider();
			private var _mapController: MapController;
		
			
			//TripMap ready event handler:
			private function tripmap_tripmapReady(event: TripmapEvent): void
			{
				_mapController = TripVisModel.instance.mapController;
				
				/*
				// Test Items aanmaken //
				var simpleTripItem1: SimpleTripItem = new SimpleTripItem();
				simpleTripItem1.thumbnailUrl = "dummydata/dummy_museum.png";
				simpleTripItem1.name = "Museum of Flight skjslf sdfjsdl fsf lsjfsl fslfjsoif sdf i";
				simpleTripItem1.type = TripItemType.LANDMARK;
				simpleTripItem1.mainUrl = "http://www.museumofflight.org";
				simpleTripItem1.wikipediaUrl = "http://en.wikipedia.org/wiki/Museum_of_Flight";
				simpleTripItem1.tripadvisorUrl = "http://www.tripadvisor.com/Attraction_Review-g60878-d109350-Reviews-Museum_of_Flight-Seattle_Washington.html";
				simpleTripItem1.frommersUrl = "http://www.frommers.com/destinations/seattle/A20883.html"; 
				simpleTripItem1.longDescription = "blablablablablablablab lablablablabl ablablablablablablabl ablablablablablablabla\ndoorlopende tekst\ndoorlopende tekst\ndoorlopende tekst\ndoorlopende tekst\ndoorlopende tekst\ndoorlopende tekst\ndoorlopende tekst";
				simpleTripItem1.realAddress = "blablastraat 84\n8400 Oostende\nBelgie";
				simpleTripItem1.location = new Coordinates(50.864586, 4.679124);
				
				
				var simpleTripItem2: SimpleTripItem = new SimpleTripItem();
				simpleTripItem2.thumbnailUrl = "dummydata/dummy_hotel.png";
				simpleTripItem2.name = "Kasteel Arenberg";
				simpleTripItem2.type = TripItemType.HOTEL;
				simpleTripItem2.mainUrl = "http://www.museumofflight.org";
				simpleTripItem2.wikipediaUrl = "http://en.wikipedia.org/wiki/Arenberg_Castle,_Leuven";
				simpleTripItem2.tripadvisorUrl = "http://www.tripadvisor.com/Attraction_Review-g60878-d109350-Reviews-Museum_of_Flight-Seattle_Washington.html";
				simpleTripItem2.frommersUrl = "http://www.frommers.com/destinations/seattle/A20883.html"; 
				simpleTripItem2.longDescription = "blablablablablablablab lablablablabl ablablablablablablabl ablablablablablablabla";
				simpleTripItem2.realAddress = "blablastraat 84\n3001 Heverlee\nBelgie";
				simpleTripItem2.rating = 2.6;
				simpleTripItem2.location = new Coordinates(50.867511, 4.682751);
				
				var simpleTripItem3: SimpleTripItem = new SimpleTripItem();
				simpleTripItem3.name = "Alma";
				simpleTripItem3.type = TripItemType.EATINGPLACE;
				simpleTripItem3.mainUrl = "http://www.alma.be";
				simpleTripItem3.wikipediaUrl = "http://en.wikipedia.org/wiki/Arenberg_Castle,_Leuven";
				simpleTripItem3.tripadvisorUrl = "http://www.tripadvisor.com/Attraction_Review-g60878-d109350-Reviews-Museum_of_Flight-Seattle_Washington.html";
				simpleTripItem3.frommersUrl = "http://www.frommers.com/destinations/seattle/A20883.html"; 
				simpleTripItem3.longDescription = "blablablablablablablab lablablablabl ablablablablablablabl ablablablablablablabla";
				simpleTripItem3.realAddress = "blablastraat 84\n3001 Heverlee\nBelgie";
				simpleTripItem3.rating = 5;
				simpleTripItem3.location = new Coordinates(50.861949, 4.688863);
				
				
				_mapController.addTripItem(simpleTripItem1);
				_mapController.addTripItem(simpleTripItem2);
				_mapController.addTripItem(simpleTripItem3);			
				// items toevoegen aan TripMap //
				/*
				*/
				
				
				_tripItemProvider.addEventListener(TripItemProviderEvent.RESULT, tripItemProvider_result);
			}
			

			
			private function infobox_addToTripBasket(event: InfoboxEvent): void
			{
				var simpleTripItem : SimpleTripItem = event.tripItem;
				

				var basketController: BasketController = TripVisModel.instance.basketController;
				basketController.addSimpleTripItem(simpleTripItem);
			}
			
			private function tripbasket_selectTripItem(event: TripBasketEvent): void
			{
				// create infobox:
				var infobox: PreparationBasketInfobox = new PreparationBasketInfobox(event.tripItem);

				// add infobox to panel:
				panelInfo.removeAllChildren();
				panelInfo.addChild(infobox);
				fadeIn.play([infobox]); //fade effect
			}
			
			private function tripmap_selectMapTripItem(event: TripmapEvent): void
			{
				var simpleTripItem: SimpleTripItem = event.mapTripItem.simpleTripItem;
				
				//debug:
				trace(simpleTripItem.toString());
				
				// create infobox:
				var infobox: MapInfobox = new MapInfobox(simpleTripItem);
				
				// add eventlistener to infobox:
				infobox.addEventListener(InfoboxEvent.ADD_TO_TRIP_BASKET, infobox_addToTripBasket);
				
				// add infobox to panel:		
				panelInfo.removeAllChildren();
				panelInfo.addChild(infobox);
				fadeIn.play([infobox]); //fade effect
			}
			
			// Wanneer er ingezoomd wordt, of wanneer de map versleept wordt:
			private function tripmap_tripmapMapChanged(event: TripmapEvent): void
			{
				// hier moet hij dus TripAdvisor aanspreken
				trace(tripMap.getMapViewport().toString());
				
				if (tripMap.getMapViewport().zoomLevel > 11)
				{
					_tripItemProvider.requestTripItems( tripMap.getMapViewport() );
					
					_mapController.clearInvisibleTripItems( tripMap.getMapViewport() );
				}
				else
				{	
					// te ver uitgezoomd:	
					_mapController.clearTripItems();
				}
			}
			
			private function tripItemProvider_result(event: TripItemProviderEvent): void
			{				
				for each(var simpleTripItem: SimpleTripItem in event.simpleTripItems)
				{
					if ( !_mapController.contains(simpleTripItem) )
					{
						// nog eens extra checken of de TripItems wel in de huidige viewport liggen:
						if ( tripMap.getMapViewport().latLngBounds.containsLatLng( simpleTripItem.location.getLatLng() ) )
						{
							_mapController.addTripItem(simpleTripItem);
						}
					}
				}
			}
			
			
			
			
			

		]]>
	</mx:Script>

	<mx:HBox height="100%" width="100%">

		<mx:Panel id="panelMap" width="100%" height="100%" layout="horizontal" title="{LanguageDirector.instance.language.mapName}"
			verticalScrollPolicy="off" horizontalScrollPolicy="off">
			
			
			<tripvisUI:TripMap id="tripMap"
				tripmapReady="tripmap_tripmapReady(event)"
				selectMapTripItem="tripmap_selectMapTripItem(event)"
				tripmapMapChanged="tripmap_tripmapMapChanged(event)"
				width="100%" height="100%"
				verticalScrollPolicy="off" horizontalScrollPolicy="off"
				/>
			
			
			<!--
			<tripvisUI:DummyTripmap id="tripMap"
				tripmapReady="tripmap_tripmapReady(event)"
				selectMapTripItem="tripmap_selectMapTripItem(event)"
				/>
			-->
		</mx:Panel>


		<mx:VBox width="300" height="100%">
			<mx:Panel id="panelInfo" width="100%" height="270" title="Info"
				verticalScrollPolicy="off" horizontalScrollPolicy="off">
				<mx:ControlBar height="0" />
			</mx:Panel>
			<mx:Panel id="panelTripBasket" width="100%" height="100%" title="{LanguageDirector.instance.language.tripbasketName}">
				<tripvisUI:TripBasket
					selectTripItem="tripbasket_selectTripItem(event)" />
				<mx:ControlBar height="0" />
			</mx:Panel>
		</mx:VBox>
	</mx:HBox>
	
	
	<mx:Fade id="fadeIn" alphaFrom="0" alphaTo="1" duration="500" />
</mx:Canvas>