<?xml version="1.0" encoding="utf-8"?>
<components:ExtendedForm xmlns:mx="http://www.adobe.com/2006/mxml" implements="forms.IForm"
		 xmlns:components="components.*"
		 xmlns:validators="validators.*"
		 enabled="{mapNode != null}"
		 initialize="init()"> 
	 <mx:XMLListCollection id="srsValues" source="{mapNode.SRSs.children()}" />	 
	  <mx:XMLListCollection id="scaleValues" source="{mapNode.Scales.children()}" />	 


	<mx:Script>
		<![CDATA[
			import mx.events.PropertyChangeEvent;
			import mx.events.CollectionEvent;
			import mx.controls.List;
			import components.EditableListTextInputEditor;
			import components.ComponentFactory;
			import mx.validators.NumberValidator;
			import data.DataSource;
			import mx.binding.utils.BindingUtils;
			import mx.collections.XMLListCollection;
			import mx.binding.utils.ChangeWatcher;
			
			[Bindable]
			public var mapNode:XML = null;
			[Bindable]
			public var scopeDP:Array= new Array("private","public");
			[Bindable]
			public var dataSource:DataSource = null;
			
			
			private var srsProps:XMLListCollection = new XMLListCollection();
			
			[Bindable]
			public var srsPropsRemaining:XMLListCollection = new XMLListCollection();
			
			private var srsList:XMLList = null;

			private var scaleProps:XMLList = null;
			
			[Bindable]
			public var scalePropsRemaining:XMLListCollection = new XMLListCollection();
			
			private var scaleList:XMLList = null;
			
			[Bindable]
			private var formEnabled:Boolean = true;
			
			private var mapNodeCollection:XMLListCollection;
			
			private function collectionChanged(event:CollectionEvent) : void {
				if(event.kind == "update") {
					for each(var obj:Object in event.items) {
						if(obj is PropertyChangeEvent) {
							if(PropertyChangeEvent(obj).property == "@brief") {
								onMapSet();
							}
						}
					}	
				}
			}
			
			private function init():void {
				BindingUtils.bindSetter(function():void
				{
					if(mapNodeCollection != null) {
						mapNodeCollection.removeEventListener(CollectionEvent.COLLECTION_CHANGE,
							collectionChanged);
						mapNodeCollection = null;
					}
					
					if(mapNode != null) {						
						formEnabled = dataSource.isOwner(mapNode);
						
						mapNodeCollection = new XMLListCollection();
						mapNodeCollection.addItem(mapNode);
						mapNodeCollection.addEventListener(CollectionEvent.COLLECTION_CHANGE,
								collectionChanged);
					}
				}, this, "mapNode");
				
				if(dataSource != null && mapNode != null) {
					formEnabled = dataSource.isOwner(mapNode);
					
					setSrsCollections();
					setScalesCollections();
				}
				
				ChangeWatcher.watch(this, "dataSource",onMapSet);
				ChangeWatcher.watch(this, "mapNode", onMapSet);
			}
			
			private function onMapSet(event:Event = null) : void {
				if(mapNode != null && dataSource != null && mapNode.@brief != "true") {
					setSrsCollections();				
					setScalesCollections();
				}
			}
			
			private function srsTooltip(data:Object) : String { 
				for each(var srs:XML in dataSource.properties.SRSs.children()) {
					if(srs.children()[0].toString() == ("" + data)) {
						return srs.@dataTip.toString();
					}
				}
				
				return null;
			} 
			
			private function setSrsCollections():void{	
				srsList = dataSource.properties.SRSs.children();
				var srsListRemaining:XMLList = new XMLList();
				for each(var srs1:XML in srsList){
					srs1.@used="false";
					for each (var usedSrs:XML in mapNode.SRSs.children()){
						if(srs1.toString()==usedSrs.toString()){
							srs1.@used="true"
						}
					}
				}
				for each(var srs2:XML in srsList){	
					if(srs2.@used=="false"){
						srsListRemaining += srs2;
					}
				}				
				srsPropsRemaining.source = srsListRemaining;
			}
			
			 private function setScalesCollections():void{	
				scaleList = dataSource.properties.Scales.children();
				var scaleListRemaining:XMLList = new XMLList();
				for each(var scale1:XML in scaleList){
					scale1.@used="false";
					for each (var usedScales:XML in mapNode.Scales.children()){
						if(scale1.toString()==usedScales.toString()){
							scale1.@used="true"
						}
					}
				}
				for each(var scale2:XML in scaleList){	
					if(scale2.@used=="false"){
						scaleListRemaining += scale2;
					}
				}		
				scalePropsRemaining.source = scaleListRemaining;	
			}
			
			private function getScaleFactory():IFactory {
				var classFactory:ClassFactory = new ClassFactory(mx.validators.NumberValidator);
				classFactory.properties = {minValue: 0};
				return new ComponentFactory(new ClassFactory(components.EditableListTextInputEditor),
					classFactory);
			}
			
			[Bindable]
			private var disableTrigger:Boolean = newElement; 
			
			public function checkForm() : void {
				uniqueName.validate();
				minXValidator.validate();
				maxXValidator.validate();
				minYValidator.validate();
				maxYValidator.validate();
				
				disableTrigger = false;
			}
		]]>
	</mx:Script>
	
	<mx:Metadata>
		[ResourceBundle("base")]
		[ResourceBundle("form")]
	</mx:Metadata>
	
	<validators:UniqueFieldValidator source="{mapName}"
		required="true"
		id="uniqueName"		
		property="text"
		valid="{if(disableTrigger) { dispatchEvent(new FlexEvent(event.type, true))} }"
		invalid="{dispatchEvent(new FlexEvent(event.type, true))}"
		triggerEvent="{disableTrigger ? '' : 'change'}"
		uniqueWarning="{resourceManager.getString('language', 'Val_MapNameUnique')}"
		type="Map"
		dataSource="{dataSource}"		
		newElement="{this.newElement}"/>

	<mx:FormItem label="{resourceManager.getString('form', 'Lbl_General')}">
		<mx:HBox id="generalBox">
			<mx:Form borderStyle="solid" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5">
				<mx:FormItem label="{resourceManager.getString('form', 'Lbl_Name')}">
					<mx:TextInput id="mapName" textAlign="left" width="150"
						text="{mapNode.Name}" toolTip="{resourceManager.getString('form', 'Tlt_Name')}"
						change="{mapNode.Name = mapName.text}" 
						enabled="{formEnabled}"/>
				</mx:FormItem>
				<mx:FormItem label="{resourceManager.getString('form', 'Lbl_Owner')}">
				<mx:TextInput id="mapOwner" width="150"
					text="{mapNode.Owner}"
					enabled="false" toolTip="{resourceManager.getString('form', 'Tlt_Owner')}"/>
				</mx:FormItem>
				<mx:FormItem required="true" 
					label="{resourceManager.getString('form', 'Lbl_Scope')}">
					<mx:ComboBox id="scope"
						dataProvider="{scopeDP}"   
						width="150"
						selectedItem="{mapNode.Scope.children()[0]}"
				 		change="{mapNode.Scope = scope.selectedItem}"
						enabled="{formEnabled}" toolTip="{resourceManager.getString('form', 'Tlt_Scope')}"/>
				</mx:FormItem>
			</mx:Form>
			<components:Titles dataProvider="{mapNode.Titles.Title}"
				enabled="{formEnabled}" toolTip="{resourceManager.getString('language', 'Tlt_MapTitle')}"/>
		</mx:HBox>
	</mx:FormItem>
	
	<mx:NumberValidator required="false" id="minXValidator" source="{mapInitialMinX}"
		property="text" triggerEvent="{disableTrigger ? '' : 'change'}"
		valid="{if(disableTrigger) { dispatchEvent(new FlexEvent(event.type, true))} }"
		invalid="{dispatchEvent(new FlexEvent(event.type, true))}"/>
	<mx:NumberValidator required="false" id="minYValidator" source="{mapInitialMinY}"
		property="text" triggerEvent="{disableTrigger ? '' : 'change'}"
		valid="{if(disableTrigger) { dispatchEvent(new FlexEvent(event.type, true))} }"
		invalid="{dispatchEvent(new FlexEvent(event.type, true))}"/>
	<mx:NumberValidator required="false" id="maxXValidator" source="{mapInitialMaxX}"
		property="text" triggerEvent="{disableTrigger ? '' : 'change'}"
		valid="{if(disableTrigger) { dispatchEvent(new FlexEvent(event.type, true))} }"
		invalid="{dispatchEvent(new FlexEvent(event.type, true))}"/>
	<mx:NumberValidator required="false" id="maxYValidator" source="{mapInitialMaxY}"
		property="text" triggerEvent="{disableTrigger ? '' : 'change'}"
		valid="{if(disableTrigger) { dispatchEvent(new FlexEvent(event.type, true))} }"
		invalid="{dispatchEvent(new FlexEvent(event.type, true))}"/>
	
	<mx:FormItem required="true" enabled="{formEnabled}"
		label="{resourceManager.getString('language', 'Lbl_MapInitialExtent')}"
		toolTip="{resourceManager.getString('language', 'Tlt_MapInitialExtent')}">
		<mx:HBox borderStyle="solid"  paddingTop="5" paddingBottom="5" paddingLeft="5" paddingRight="5"
			width="{generalBox.width}">
			<mx:VBox>
				<mx:FormItem label="{resourceManager.getString('language', 'Lbl_MapInitialMinX')}" >
					<mx:TextInput id="mapInitialMinX" textAlign="left" width="175"
						text="{mapNode.InitialExtent.minx}" 
						change="{mapNode.InitialExtent.minx = mapInitialMinX.text}"
						enabled="{formEnabled}"/>
				</mx:FormItem>
				<mx:FormItem label="{resourceManager.getString('language', 'Lbl_MapInitialMinY')}" >
					<mx:TextInput id="mapInitialMinY" textAlign="left" width="175"
						text="{mapNode.InitialExtent.miny}" 
						change="{mapNode.InitialExtent.miny = mapInitialMinY.text}"
						enabled="{formEnabled}"/>
				</mx:FormItem>
			</mx:VBox>
			<mx:HBox width="100%"/>
			<mx:VBox>
				<mx:FormItem enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapInitialMaxX')}">
					<mx:TextInput id="mapInitialMaxX" textAlign="left" width="175"
						text="{mapNode.InitialExtent.maxx}" 
						change="{mapNode.InitialExtent.maxx = mapInitialMaxX.text}"
						enabled="{formEnabled}"/>
				</mx:FormItem>
				<mx:FormItem enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapInitialMaxY')}" >
					<mx:TextInput id="mapInitialMaxY" textAlign="left" width="175"
						text="{mapNode.InitialExtent.maxy}" 
						change="{mapNode.InitialExtent.maxy = mapInitialMaxY.text}"
						enabled="{formEnabled}"/>
				</mx:FormItem>
			</mx:VBox>
		</mx:HBox>
	</mx:FormItem>
	
	<mx:FormItem enabled="{formEnabled}" label="Options"
		toolTip="{resourceManager.getString('language', 'Tlt_LayerLegend')}">
		<mx:HBox paddingTop="5" paddingBottom="5" paddingLeft="5" paddingRight="5">
			<mx:FormItem label="{resourceManager.getString('language', 'Lbl_MapUnboundFeatureLayer')}"
				 toolTip="">		
				<mx:CheckBox id="unboundFeatureLayer" 
					selected="{String(mapNode.UnboundFeatureLayer).toLowerCase() == 'true'}"
					change="{mapNode.UnboundFeatureLayer = unboundFeatureLayer.selected.toString()}"
					enabled="{formEnabled}"/>
			</mx:FormItem>
			<mx:FormItem label="{resourceManager.getString('language', 'Lbl_MapDisableInvisible')}"
				 toolTip="">		
				<mx:CheckBox id="disableInvisible" 
					selected="{String(mapNode.DisableInvisible).toLowerCase() == 'true'}"
					change="{mapNode.DisableInvisible = disableInvisible.selected.toString()}"
					enabled="{formEnabled}"/>
			</mx:FormItem> 
		</mx:HBox>
	</mx:FormItem>
	
	<mx:NumberValidator required="false" source="{mapExtentMinX}"
		property="text" triggerEvent="change"/>
	<mx:NumberValidator required="false" source="{mapExtentMinY}"
		property="text" triggerEvent="change"/>
	<mx:NumberValidator required="false" source="{mapExtentMaxX}"
		property="text" triggerEvent="change"/>
	<mx:NumberValidator required="false" source="{mapExtentMaxY}"
		property="text" triggerEvent="change"/>

	
	<mx:FormItem enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapExtent')}" 
		    toolTip="{resourceManager.getString('language', 'Tlt_MapExtent')}">
		<mx:HBox width="{generalBox.width}" enabled="{formEnabled}" 
			borderStyle="solid"  paddingTop="5" paddingBottom="5" paddingLeft="5" paddingRight="5">
			<mx:VBox enabled="{formEnabled}">
				<mx:FormItem enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapExtentMinX')}" >
					<mx:TextInput id="mapExtentMinX" textAlign="left" width="175"
						text="{mapNode.ExtentLimit.minx}" 
						change="{mapNode.ExtentLimit.minx = mapExtentMinX.text}"
						enabled="{formEnabled}"/>
				</mx:FormItem>
				<mx:FormItem enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapExtentMinY')}" >
					<mx:TextInput id="mapExtentMinY" textAlign="left" width="175"
						text="{mapNode.ExtentLimit.miny}" 
						change="{mapNode.ExtentLimit.miny = mapExtentMinY.text}"
						enabled="{formEnabled}"/>
				</mx:FormItem>		
			</mx:VBox>
			<mx:HBox width="100%"/>
			<mx:VBox enabled="{formEnabled}">
				<mx:FormItem enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapExtentMaxX')}" >
					<mx:TextInput id="mapExtentMaxX" textAlign="left" width="175"
						text="{mapNode.ExtentLimit.maxx}"  
						change="{mapNode.ExtentLimit.maxx = mapExtentMaxX.text}"
						enabled="{formEnabled}"/>
				</mx:FormItem>
				<mx:FormItem enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapExtentMaxY')}" >
					<mx:TextInput id="mapExtentMaxY" textAlign="left" width="175"
						text="{mapNode.ExtentLimit.maxy}" 
						change="{mapNode.ExtentLimit.maxy = mapExtentMaxY.text}"
						enabled="{formEnabled}"/>
				</mx:FormItem>
			</mx:VBox>
		</mx:HBox>	
	</mx:FormItem>
		
	<mx:NumberValidator required="false" source="{mapScaleMin}"
		property="text" triggerEvent="change" maxValue="{mapNode.MaxScale=='' ? NaN : mapNode.MaxScale}"/>
	<mx:NumberValidator required="false" source="{mapScaleMax}"
		property="text" triggerEvent="change" minValue="{mapNode.MinScale=='' ? NaN : mapNode.MinScale}"/>
	<mx:NumberValidator required="false" source="{mapZoomToScale}"
		property="text" triggerEvent="change"  maxValue="{mapNode.MaxScale=='' ? NaN : mapNode.MaxScale}"  minValue="{mapNode.MinScale=='' ? NaN : mapNode.MinScale}"/>		
	
	<mx:FormItem enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapScale')}" 
		  toolTip="{resourceManager.getString('language', 'Tlt_MapScale')}">
		<mx:HBox enabled="{formEnabled}" width="{generalBox.width}"
			borderStyle="solid"  paddingTop="5" paddingBottom="5" paddingLeft="5" paddingRight="5">
			<mx:FormItem enabled="{formEnabled}" width="33%"
				label="{resourceManager.getString('language', 'Lbl_MapScaleMin')}" >
				<mx:TextInput id="mapScaleMin" textAlign="left"
					text="{mapNode.MinScale}" 
					change="{mapNode.MinScale = mapScaleMin.text}"
					enabled="{formEnabled}"
					width="100%"/>
			</mx:FormItem>
		
			<mx:FormItem enabled="{formEnabled}" width="33%"
				label="{resourceManager.getString('language', 'Lbl_MapScaleMax')}" >
				<mx:TextInput id="mapScaleMax" textAlign="left"
					text="{mapNode.MaxScale}" 
					change="{mapNode.MaxScale = mapScaleMax.text}"
					enabled="{formEnabled}"
					width="100%"/>
			</mx:FormItem>
		
			<mx:FormItem enabled="{formEnabled}" width="33%"
				label="{resourceManager.getString('language', 'Lbl_MapZoomToScale')}" >
				<mx:TextInput id="mapZoomToScale" textAlign="left"
					text="{mapNode.ZoomToScale}" 
					change="{mapNode.ZoomToScale = mapZoomToScale.text}"
					enabled="{formEnabled}"
					width="100%"/>		
			</mx:FormItem>
		</mx:HBox>
	</mx:FormItem> 
	
	
	<mx:FormItem enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapScales')}"
		   toolTip="{resourceManager.getString('language', 'Tlt_MapScales')}">		
		<components:PickList  collection1="{scaleValues}" collection2="{scalePropsRemaining}" height="110" width="400"/>
	</mx:FormItem>

		<mx:FormItem required="true" enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapSRSs')}"
			    toolTip="{resourceManager.getString('language', 'Tlt_MapSRSs')}">
			    <components:PickList  collection1="{srsValues}" collection2="{srsPropsRemaining}" height="110" width="400"
			    	dataTipFunction="{srsTooltip}"/>

		</mx:FormItem>
		<mx:FormItem enabled="{formEnabled}" label="{resourceManager.getString('language', 'Lbl_MapStigmaURL')}" 
			      toolTip="{resourceManager.getString('language', 'Tlt_MapStigmaURL')}">
			<mx:TextInput id="mapStigmaURL" textAlign="left"
				text="{mapNode.StigmaUrl}" 
				change="{mapNode.StigmaUrl = mapStigmaURL.text}"
				enabled="{formEnabled}" width="{generalBox.width}"/>
		</mx:FormItem> 
		<mx:FormItem enabled="{formEnabled}"
				label="{resourceManager.getString('language', 'Lbl_MapDescription')}"
				required="false"
				toolTip="{resourceManager.getString('language', 'Tlt_MapDescription')}">		
			<mx:TextArea id="description" width="{generalBox.width}" height="100"
				text="{mapNode.Description}"
				change="{mapNode.Description = description.text}"
				enabled="{formEnabled}"/>	
		</mx:FormItem>	
</components:ExtendedForm>