<?xml version="1.0" encoding="utf-8"?>
<comp:ResizableBox xmlns:mx="http://www.adobe.com/2006/mxml"	
	verticalScrollPolicy="off" horizontalScrollPolicy="off"
	implements="flexlib.scheduling.scheduleClasses.renderers.IScheduleEntryRenderer" 
	borderStyle="solid" styleName="defaultEntryStyle" 
	direction="horizontal" horizontalGap="0" 
	preinitialize="onPreinitialize()" xmlns:comp="comp.*">
	
	<mx:Style>
		.defaultEntryStyle {
		   backgroundColor: #cccccc;
			fontSize: 11;
			fontWeight: normal;
			color: #000000;
			verticalGap: -2;
			timeStyleName: "defaultTimeStyle";
		}
		.defaultTimeStyle {
			fontSize: 10;
			fontWeight: bold;
			color: #000000;
			text-align: left;
		}		
	</mx:Style>	
	
	<mx:Script>
		<![CDATA[
			import tripvisUI.TripBasket;
			import mx.events.PropertyChangeEvent;
			import tripvisModel.TripItem;
			import mx.binding.utils.ChangeWatcher;
			import flexlib.scheduling.scheduleClasses.viewers.EntryViewer;
			import flexlib.scheduling.ScheduleViewer;
			import mx.binding.utils.BindingUtils;
			import flexlib.scheduling.util.DateUtil;
			import flexlib.scheduling.scheduleClasses.IScheduleEntry;
			import flexlib.scheduling.scheduleClasses.SimpleScheduleEntry;
			import flexlib.scheduling.scheduleClasses.ColoredScheduleEntry;
			
			import mx.controls.Label;
			import mx.controls.Text;			
			import mx.formatters.DateFormatter;
					
			private var defaultName : String = "name";
			private var defaultImage : String = "images/building.png";
			
			private var formatter : DateFormatter; //Een datum formatter, die datum weergeeft
			
			private var _entry : IScheduleEntry; //de ScheduleEntry die moet gerenderd worden
			private var _selected : Boolean = false; //geeft aan of ScheduleEntry al dan niet geselecteerd is
			
			private var _zoom : Number;
			private var _globalStartDate : Date;
			
			private var _widthChanged: Boolean = false;
			private var _positionChanged: Boolean = false;
			
			[Bindable]
			private var _startTimeFormatted: String = ":";
			[Bindable]
			private var _endTimeFormatted: String = ":";
			[Bindable]
			private var _timePeriod: String = "";
			[Bindable]
			private var _name: String = "";
			[Bindable]
			private var _pictureSource: String = "assets\building.png";
			
			
			public function onPreinitialize() : void
			{
				formatter = new DateFormatter();
				formatter.formatString = "J:NN"; //vb 16:00 of 5:30
				

			}
			
			
			//Getters & Settters:
			public function get entry() : IScheduleEntry
			{
				return _entry;
			}
			
			public function set entry( value : IScheduleEntry ) : void
			{
				_entry = value;
			}
			
			public function get zoom() : Number
			{
				return _zoom;
			}
			
			public function set zoom( value : Number ) : void
			{
				_zoom = value;
			}
			
			public function get globalStartDate() : Date
			{
				return _globalStartDate;
			}
			
			public function set globalStartDate( value : Date ) : void
			{
				_globalStartDate = value;
			}
			
			public function get widthChanged() : Boolean
			{
				return _widthChanged;
			}
			
			public function set widthChanged( value : Boolean ) : void
			{
				_widthChanged = value;
			}
			
			public function get positionChanged() : Boolean
			{
				return _positionChanged;
			}
			
			public function set positionChanged( value : Boolean ) : void
			{
				_positionChanged = value;
			}
		
			public function get selected() : Boolean
			{
				return _selected;
			}
			
			public function set selected( value : Boolean ) : void
			{
				_selected = value;
				updateSelected();
			}
						
			private function updateSelected() : void
			{ 
				if( _selected )
				{
					setStyle( "dropShadowEnabled", true );
					setStyle( "borderColor", 0xffffff );
					setStyle( "borderThickness", 2 );
					alpha = 1.00;
				}
				else 
				{
					setStyle( "dropShadowEnabled", false );
					setStyle( "borderColor", 0xcccccc );
					setStyle( "borderThickness", 1 );
					alpha = 0.70;
				}
				
			}
			
			public var tripItem: TripItem;
			
			//hier gebeurt het juistzetten(visualiseren) van de data:
			override public function set data ( value : Object ) : void
			{
				super.data = value;
				
				entry = value as IScheduleEntry;
				var scheduleEntry : TripScheduleEntry = TripScheduleEntry( entry );
				
				tripItem = scheduleEntry.tripItem; //SAM: hack om een referentie naar de tripitem te hebben.
				
				//achtergrond goedzetten
				this.setStyle( "backgroundColor", scheduleEntry.backgroundColor );

				
				formatter.error = "";// nog geen idee waarvoor dit dient
				
				_name = scheduleEntry.name;
				_pictureSource = scheduleEntry.image;
				_startTimeFormatted = formatter.format( scheduleEntry.startDate );
				_endTimeFormatted = formatter.format( scheduleEntry.endDate );
				
				_timePeriod = _startTimeFormatted + " - " + _endTimeFormatted;
				
				this.toolTip = _timePeriod + "\n" + _name; //ieder UIComponent (hier een Box) heeft een tooltip property
			
				updateSelected();	
			}

			// overriden functions from the Resizable box
			override protected function changeWidth(value: Number): void
			{
				super.changeWidth(value);

				this.widthChanged = true;
				(parent as EntryViewer).invalidateDisplayList();
			}
			
			override protected function changeX(value: Number): void
			{
				super.changeX(value);
				
				this.positionChanged = true;
				(parent as EntryViewer).invalidateDisplayList();
			}
			
			override protected function changeXplusWidth(x: Number, width:Number): void
			{
				super.changeXplusWidth(x, width);

				this.widthChanged = true;
				this.positionChanged = true;
				
				(parent as EntryViewer).invalidateDisplayList();
			}

			
			
		]]>
	</mx:Script>
	<mx:Image id="imageLabel" height="50" width="75" source="{_pictureSource}" />
	
	
	<mx:VBox>
		<mx:Label id="nameLabel" styleName="defaultTimeStyle" text="{_name}"/>
		
		<mx:Label text="{_timePeriod}" />
		
	</mx:VBox>

	
	

	
</comp:ResizableBox>