<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:forms="forms.*"
	xmlns:components="components.*"
	xmlns:trees="trees.*"	
	headerHeight="0" xmlns:panels="panels.*">
	
	<mx:Metadata>
        [Event(name="logout")]
    </mx:Metadata>
    
    <mx:Script>
    	<![CDATA[
    		import mx.collections.XMLListCollection;
    		import mx.events.FlexEvent;
    		import mx.controls.Button;
    		import mx.controls.TextArea;
    		import mx.controls.Alert;
    		import data.DataSource;
    		import mx.containers.TitleWindow;
    		import mx.managers.PopUpManager;
    		import mx.events.CloseEvent;
    		import mx.binding.utils.BindingUtils;
    		
    		[Bindable]
    		public var dataSource:DataSource = null;    		
    		
    		private function showXML():void 
    		{    			
    			var tw:Panel = new Panel();
    			tw.setStyle("borderAlpha", "1");
        		tw.title = "Output";        		
        		tw.width = 800;
        		tw.height = 600;        		
        		var text:TextArea = new TextArea();        		
        		tw.addChild(text); 
        		text.width = 750;
        		text.height = 520;       		
        		text.text = dataSource.getXMLAsString();
        		var button:Button = new Button();
        		button.label = "Close";
        		tw.addChild(button);
        		button.addEventListener("click", function(event:Event):void 
        		{
        			PopUpManager.removePopUp(tw); 
        		});
        		PopUpManager.addPopUp(tw, this, false);
    		}
    		
    		private function centerPanel(panel:Panel) : void {
    			BindingUtils.bindProperty(panel, "maxHeight", mx.core.Application.application, "height");
				BindingUtils.bindProperty(panel, "maxWidth", mx.core.Application.application, "width");							
				
				// Center on application size change
				BindingUtils.bindSetter(function():void {
					PopUpManager.centerPopUp(panel);
				}, mx.core.Application.application, "height");
				BindingUtils.bindSetter(function():void {
					PopUpManager.centerPopUp(panel);
				}, mx.core.Application.application, "width");
				
				// Center on panel size change
				BindingUtils.bindSetter(function():void {
					PopUpManager.centerPopUp(panel);
				}, panel, "height");
				BindingUtils.bindSetter(function():void {
					PopUpManager.centerPopUp(panel);
				}, panel, "width");
				
				// Center panel
				PopUpManager.centerPopUp(panel);
    		}
    		
    		private function addItem(item:XML, parent:XML) : void {
    			var addItemPanel:AddItemPanel = new AddItemPanel();
    			addItemPanel.item = item;
    			addItemPanel.parentNode = parent;
    			addItemPanel.dataSource = dataSource;    			
    			PopUpManager.addPopUp(addItemPanel, this, true);
    			centerPanel(addItemPanel);
    		}
    		
    		private function duplicateItem(item:XML, parent:XML) : void {
    			dataSource.addRef(dataSource.duplicateItem(item), parent);
    		}
    		
    		private function existingItem(parent:XML, elementName:Object) : void {
    			var existingItemPanel:ExistingItemPanel = new ExistingItemPanel();
    			existingItemPanel.parentNode = parent;
    			existingItemPanel.elementName = elementName;
    			existingItemPanel.items = dataSource.getUnreferredItems(parent, elementName);
    			existingItemPanel.dataSource = dataSource;
    			PopUpManager.addPopUp(existingItemPanel, this, true);
    			centerPanel(existingItemPanel);
    		}
    		
    		private function save():void
    		{
    			dataSource.save();
    		}
    		
    		private function logout():void 
    		{
    			if(dataSource.hasChanges) {
    				var alert:Alert = Alert.show(resourceManager.getString('language', 'Msg_LogoutChanges'), 
    					resourceManager.getString('language', 'Ttl_Question'),
	    					Alert.YES | Alert.NO, null, function(event:CloseEvent):void
	    					{    
	    						if(event.detail == Alert.YES) {
		    						dispatchEvent(new Event('logout'));
	    						}    					
	    					});    			
    			} else {	    			
	    			dispatchEvent(new Event('logout'));
    			}
    		}
    	]]>
    </mx:Script>
	
	<mx:TabNavigator right="5" left="5" top="5" bottom="5" height="100%"
		width="100%">
		<trees:ContextTree tree="{dataSource.contextTree}" addItem="{addItem(event.item, event.parent)}"
			dataSource="{dataSource}" existingItem="{existingItem(event.parent, event.elementName)}"
			label="{resourceManager.getString('language', 'Lbl_ContextMaps')}"
			duplicateItem="{duplicateItem(event.item, event.parent)}"/>
		<trees:ServerTree tree="{dataSource.serverTree}" addItem="{addItem(event.item, event.parent)}"
			dataSource="{dataSource}"
			label="{resourceManager.getString('language', 'Lbl_Servers')}"/>
		<trees:ConfigTree tree="{dataSource.configTree}" addItem="{addItem(event.item, event.parent)}" 
			dataSource="{dataSource}"
			label="{resourceManager.getString('language', 'Lbl_GUIConfigs')}"/>
		<trees:AdminTree tree="{dataSource.adminTree}" dataSource="{dataSource}"
			label="{resourceManager.getString('language', 'Lbl_Admin')}"/>
	</mx:TabNavigator>	
	<mx:ControlBar paddingTop="0" paddingBottom="0">
		<mx:HBox width="100%" paddingTop="0" paddingBottom="0">
			<mx:SWFLoader id="logo" source="@Embed(source='/assets/logo.swf')" 
				height="{logo.contentHeight / 2}"
				width="{logo.contentWidth / 2}"/>
			<mx:VBox height="100%" paddingTop="0" paddingBottom="0">
				<mx:Spacer height="100%"/>
				<mx:Button paddingTop="0" paddingBottom="0" 
					label="{resourceManager.getString('language', 'Btn_LogOut')}"
					click="logout()"/>
				<mx:Spacer height="100%"/>
			</mx:VBox>			
						
			<mx:VBox height="100%" paddingTop="0" paddingBottom="0">
				<mx:Spacer height="100%"/>
				<mx:Button label="Show XML" paddingTop="0" paddingBottom="0" 
					click="{showXML()}"/>
				<mx:Spacer height="100%"/>
			</mx:VBox>
			
			<mx:VBox height="100%" paddingTop="0" paddingBottom="0">
				<mx:Spacer height="100%"/>
				<mx:Button label="{resourceManager.getString('language', 'Btn_Save')}" paddingTop="0" paddingBottom="0"
					click="{save()}"/>
				<mx:Spacer height="100%"/>
			</mx:VBox>					
		</mx:HBox>
	</mx:ControlBar>
</mx:Panel>