<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="center" backgroundColor="#f9f9f9" verticalAlign="middle">
	<mx:Script>
		<![CDATA[
			import panels.ExistingItemPanel;
			import mx.core.Application;
			import panels.AddItemPanel;
			import mx.controls.Alert;
			import mx.managers.PopUpManager;
			import data.DataSource;
			import mx.binding.utils.BindingUtils;
			private var _item:XML = null;
			
			[Bindable]
			public var dataSource:DataSource;
			
			public function set item(newItem:Object):void {
				if(newItem == null)
				{
					_item = null;
					buttons.selectedChild = noButtons;
				}
				
				if(newItem is XML)
				{	
					_item = XML(newItem);								
					var type:String = _item.localName().toString();								
				
					switch(type) {	
							case "Contexts":
								buttons.selectedChild = contextsButtons;
								break;				
							case "Context":						
								buttons.selectedChild = contextButtons;
						        break;
						    case "Layer":
						    	if(dataSource.isGroupLayer(_item))
						    	{									    										    	
						    		buttons.selectedChild = groupLayerButtons;
						    	}
						    	else
						    	{
						    		buttons.selectedChild = layerButtons;									    	
						    	}
						    	break;
						    case "Servers":
						    	buttons.selectedChild = serversButtons;
						    	break;
						    case "Server":
						    	buttons.selectedChild = serverButtons;						    	 					    	
						    	removeServer.enabled = !dataSource.isServerUsed(_item);
						    	break;
						    case "Layers":
						    	buttons.selectedChild = layersButtons;
						    	break;
						    case "Map":
						    	buttons.selectedChild = mapButtons;
						    	break;
						    case "Maps":
						    	buttons.selectedChild = mapsButtons;
						    	break;
						    case "QueryAspects":
						    	buttons.selectedChild = queryAspectsButtons;
						    	break;
						    case "QueryAspect":
						    	buttons.selectedChild = queryAspectButtons;
						    	break;
						    case "Templates":
						    	buttons.selectedChild = templatesButtons;
						    	break;
						    case "Template":
						    	buttons.selectedChild = templateButtons;
						    	break;	
						    case "Reports":
						    	buttons.selectedChild = reportsButtons;
						    	break;
						    case "Report":
						    	buttons.selectedChild = reportButtons;
						    	break;		
						    default:
						    	buttons.selectedChild = noButtons; 									   
					}
				}
				else
				{								
					buttons.selectedChild = noButtons;							
				}
			}
			
			public function remove(currentItem:XML):void 
			{
				if(currentItem.localName() == "Template") {
					//dataSource.getProps(currentItem).@status = "deleted";
				}
				
				currentItem.@status = "deleted";
				
				if(currentItem.localName() == "Report") {
					dataSource.getProps(currentItem).@status = "deleted";
				} else {
											
				

				/*for each(var child:XML in currentItem.child(currentItem.localName()))
				{
					remove(child);
				}*/								
					dataSource.updateSameItem(currentItem.parent());
				}	
			} 
			
			public function newItem(newItem:XML, parentNode:XML = null):void
			{
				var panel:AddItemPanel = new AddItemPanel();														
				PopUpManager.addPopUp(panel, DisplayObject(mx.core.Application.application), true);							
				panel.dataSource = dataSource;
				panel.parentNode = parentNode;												
				panel.newItem = newItem;
				panel.setStyle("borderAlpha", "1");		
				BindingUtils.bindProperty(panel, "maxHeight", mx.core.Application.application, "height");
				BindingUtils.bindProperty(panel, "maxWidth", mx.core.Application.application, "width");							
				BindingUtils.bindSetter(function():void {
					PopUpManager.centerPopUp(panel);
				}, mx.core.Application.application, "height");
				BindingUtils.bindSetter(function():void {
					PopUpManager.centerPopUp(panel);
				}, mx.core.Application.application, "width");
				PopUpManager.centerPopUp(panel);
			}
			
			private function getMap(currentItem:XML):XML {
				var parent:XML = currentItem.parent();
				if(parent.localName() == "Map") {
					return parent;
				} else {
					return getMap(parent);								
				}							
			}
			
			public function existingItem(title:String, existingItem:String, noItem:String, list:XMLList, parentNode:XML, itemRenderer:IFactory = null) : void {
				var panel:ExistingItemPanel = new ExistingItemPanel();
				panel.title = title;
				panel.existingItem = existingItem;
				panel.noItem = noItem;
				panel.items = list;
				panel.parentNode = parentNode;
				panel.dataSource = dataSource;
				if(itemRenderer != null) {
					panel.itemRenderer = itemRenderer;
				}
				panel.setStyle("borderAlpha", "1");
				PopUpManager.addPopUp(panel, DisplayObject(mx.core.Application.application), true);
				BindingUtils.bindProperty(panel, "maxHeight", mx.core.Application.application, "height");
				BindingUtils.bindProperty(panel, "maxWidth", mx.core.Application.application, "width");							
				BindingUtils.bindSetter(function():void {
					PopUpManager.centerPopUp(panel);
				}, mx.core.Application.application, "height");
				BindingUtils.bindSetter(function():void {
					PopUpManager.centerPopUp(panel);
				}, mx.core.Application.application, "width");
				PopUpManager.centerPopUp(panel);
			}
			
			public function duplicateItem(currentItem:XML, parentNode:XML = null):void {
				if(currentItem.localName() == 'Map'
					|| currentItem.localName() == 'Context') {
					dataSource.duplicateItem(dataSource.getProps(currentItem)[0]);
				} else {
					var ref:XML = dataSource.duplicateItemRef(currentItem);
					if(parentNode != null) {
						parentNode.appendChild(ref);
						dataSource.updateSameItem(parentNode);
					}
				}
			}
		]]>
	</mx:Script>
	
	<mx:Component id="existingItemListItemRenderer">		
		<mx:VBox paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0"
			verticalGap="-5" toolTip="{resourceManager.getString('language', 'Lbl_ExistingTitle') + ' ' + itemTitle}">
			<mx:Script>
				<![CDATA[
					[Bindable]
					private var serverTitle:String;
					
					[Bindable]
					private var itemTitle:String;
					
					override public function set data(value:Object):void {
						super.data = value;
						if(data.Server.length() > 0) {
							serverTitle = outerDocument.dataSource.getProps(data.Server[0])[0].Title;
						} else {
							serverTitle = null;
						}
						itemTitle = data.Titles.Title.(Language == String(resourceManager.localeChain[0]).substr(0, 2)).Title; 
					} 
				]]>
			</mx:Script>
		
			<mx:Label text="{data.Name}"/>
			<mx:Label fontStyle="italic" text="{serverTitle != null ? 
				(resourceManager.getString('language', 'Lbl_ExistingServer') + ' ' + serverTitle) 
				: resourceManager.getString('language', 'Lbl_ExistingNoServer') + ' '}"/>
		</mx:VBox>
	</mx:Component>
	
	<mx:HBox>
		<mx:ViewStack id="buttons" resizeToContent="true" creationPolicy="all">
			<mx:HBox id="noButtons"/>
			<mx:HBox id="contextsButtons">							
				<mx:Button id="addContext" 
					label="{resourceManager.getString('language', 'Btn_Context+')}"
					click="{this.newItem(dataSource.newContext(), _item)}"/>
			</mx:HBox>					
			<mx:HBox id="mapsButtons">
				<mx:Button id="addMap" 
					label="{resourceManager.getString('language', 'Btn_Map+')}"
					click="{this.newItem(dataSource.newMap(), _item)}"/>
				<mx:Button id="addExistingMap" 
					label="{resourceManager.getString('language', 'Btn_ExistingMap+')}"
					click="{this.existingItem(resourceManager.getString('language', 'Etl_Map'),
						resourceManager.getString('language', 'Lbl_ExistingMap'),
						resourceManager.getString('language', 'Lbl_ExistingNoUnusedMap'), dataSource.getUnusedMaps(_item.parent()),
						_item)}"/>
			</mx:HBox>	
		    <mx:HBox id="contextButtons">					
				<mx:Button id="removeContext"
					label="-"
					click="{this.remove(_item)}"/>
				<mx:Button id="copyContext"
					label="{resourceManager.getString('language', 'Btn_Copy')}"
					click="{this.duplicateItem(_item)}"/>
			</mx:HBox>	
			<mx:HBox id="mapButtons">
				<mx:Button id="removeMap"
					label="{resourceManager.getString('language', 'Btn_Remove')}"
					click="{this.remove(_item)}"/>
				<mx:Button id="copyMap"
					label="{resourceManager.getString('language', 'Btn_Copy')}"
					click="{this.duplicateItem(_item, _item.parent()[0])}"/>
			</mx:HBox>
			<mx:HBox id="layersButtons">							
				<mx:Button id="addLayer_Layers"
					label="{resourceManager.getString('language', 'Btn_Layer+')}"
					click="{this.newItem(dataSource.newLayer(), _item)}"/>
				<mx:Button id="addExistingLayer_Layers"
					label="{resourceManager.getString('language', 'Btn_ExistingLayer+')}"
					click="{this.existingItem(resourceManager.getString('language', 'Etl_Layer'),
						resourceManager.getString('language', 'Lbl_ExistingLayer'),
						resourceManager.getString('language', 'Lbl_ExistingNoUnusedLayer'),
						dataSource.getUnusedLayers(getMap(_item)), _item, existingItemListItemRenderer)}"/> 
				<mx:Button id="addGroupLayer_Layers"
					label="{resourceManager.getString('language', 'Btn_Group+')}"
					click="{this.newItem(dataSource.newGroupLayer(), _item)}"/>
			</mx:HBox>									
			<mx:HBox id="groupLayerButtons">							
				<mx:Button id="addLayer"
					label="{resourceManager.getString('language', 'Btn_Layer+')}"
					click="{this.newItem(dataSource.newLayer(), _item)}"/> 
				<mx:Button id="addGroupLayer"
					label="{resourceManager.getString('language', 'Btn_Group+')}"
					click="{this.newItem(dataSource.newGroupLayer(), _item)}"/>
				<mx:Button id="removeGroupLayer"
					label="{resourceManager.getString('language', 'Btn_Remove')}"
					click="{this.remove(_item)}"/>
				<mx:Button id="copyGroupLayer"
					label="{resourceManager.getString('language', 'Btn_Copy')}"
					click="{this.duplicateItem(_item, _item.parent()[0])}"/>
			</mx:HBox>
			<mx:HBox id="layerButtons">
				<mx:Button id="removeLayer"
					label="-"
					click="{this.remove(_item)}"/>
				<mx:Button id="copyLayer"
					label="{resourceManager.getString('language', 'Btn_Copy')}"
					click="{this.duplicateItem(_item, _item.parent()[0])}"/>
			</mx:HBox>	
			<mx:HBox id="serversButtons">
				<mx:Button id="addServer"
					label="+"
					click="{this.newItem(dataSource.newServer(), null)}"/>
			</mx:HBox>
			<mx:HBox id="serverButtons"> 
				<mx:Button id="removeServer"
					label="-"
					click="{this.remove(_item)}"/>
				<mx:Button id="copyServer"
					label="{resourceManager.getString('language', 'Btn_Copy')}"
					click="{dataSource.duplicateItem(_item)}"/>
			</mx:HBox>
			<mx:HBox id="queryAspectsButtons"> 
				<mx:Button id="addQueryAspect"
					label="+"
					click="{this.newItem(dataSource.newQueryAspect(), _item)}"/>
				<mx:Button id="addExistingQueryAspect"
					label="{resourceManager.getString('language', 'Btn_ExistingQueryAspect+')}"
					click="{this.existingItem(resourceManager.getString('language', 'Etl_QueryAspect'),
						resourceManager.getString('language', 'Lbl_ExistingQueryAspect'),
						resourceManager.getString('language', 'Lbl_ExistingNoUnusedQueryAspect'),
						dataSource.getUnusedQueryAspects(_item.parent()), _item, existingItemListItemRenderer)}"/>							
			</mx:HBox>
			<mx:HBox id="queryAspectButtons"> 
				<mx:Button id="removeQueryAspect"
					label="-"
					click="{this.remove(_item)}"/>
				<mx:Button id="copyQueryAspect"
					label="{resourceManager.getString('language', 'Btn_Copy')}"
					click="{this.duplicateItem(_item, _item.parent()[0])}"/>							
			</mx:HBox>
			<mx:HBox id="templatesButtons"> 
				<mx:Button id="addTemplate"
					label="+"
					click="{this.newItem(dataSource.newTemplate(), _item)}"/>											
			</mx:HBox>
			<mx:HBox id="templateButtons"> 
				<mx:Button id="removeTemplate"
					label="-"
					click="{this.remove(_item)}"/>
				<!-- <mx:Button id="copyTemplate"
					label="{resourceManager.getString('language', 'Btn_Copy')}"
					click="{this.duplicateItem(_item, _item.parent()[0])}"/> -->							
			</mx:HBox>
			<mx:HBox id="reportsButtons"> 
				<mx:Button id="addReport"
					label="+"
					click="{this.newItem(dataSource.newReport(_item.parent().@id), _item)}"/>											
			</mx:HBox>
			<mx:HBox id="reportButtons"> 
				<mx:Button id="removeReport"
					label="-"
					click="{this.remove(_item)}"/>					
			</mx:HBox>
			
		</mx:ViewStack>					
	</mx:HBox>				
</mx:HBox>