<?xml version="1.0"?>

<mx:Panel 
	xmlns:mx="http://www.adobe.com/2006/mxml"
	width="100%" height="100%" initialize="init()" styleName="stackTab">

	<mx:Script>
		
		<![CDATA[
			
			import flash.events.Event;
			import mx.events.ColorPickerEvent;
			
			import com.hippohx.Dialog;
			import com.hippohx.dialogmasks.DialogMask;
			import com.hippohx.gui.Project;
			
			public var onUpdate:Function;
			
			private var dialog:Dialog;
			private var project:Project;
			
			public function config(project:Project):void{
				
				this.project = project;
				
				//winIcon.text = project.winicon;
				//macIcon.text = project.macicon;
				appWidth.text = String(project.windowWidth);
				appHeight.text = String(project.windowHeight);
				windowTitle.text = project.windowTitle;
				
				//windowCloseButton.selected = project.windowCloseButton;
				windowMaximizeButton.selected = project.windowMaximizeButton;
				windowMinimizeButton.selected = project.windowMinimizeButton;
				windowResizable.selected = project.resizable;
				windowFullscreen.selected = project.fullscreen;
				windowRightClick.selected = project.allowRightClick;
				windowTransparent.selected = project.transparent;
				
				bgColorPicker.selectedColor = uint(project.backgroundcolor);
				
				updateProject();
				
			}
			
			private function init():void{
				
				dialog = Dialog.getInstance();
				
			}
			
			/*
			private function browseForWinIcon():void{
				
				var files:Array = dialog.openFile("Select Windows icon","Select Windows icon",new DialogMask(1,["Windos icon file"],["*.ico"]));
				winIcon.text = files[0];
				
				updateProject();
				
			}
			
			private function browseForMacIcon():void{
				
				var files:Array = dialog.openFile("Select Mac icon","Select Mac icon",new DialogMask(1,["Mac icon file"],["*.icns"]));
				macIcon.text = files[0];
				
				updateProject();
				
			}
			*/
			
			private function updateBackgroundColor(e:ColorPickerEvent=null):void{
				
				project.backgroundcolor = "0x" + bgColorPicker.selectedColor.toString(16);
				
			}
			
			private function updateProject():void{
				
				//project.winicon = winIcon.text;
				//project.macicon = macIcon.text;
				project.windowWidth = uint(appWidth.text);
				project.windowHeight = uint(appHeight.text);
				project.windowTitle = windowTitle.text;
				
				//project.windowCloseButton = windowCloseButton.selected;
				project.windowMaximizeButton = windowMaximizeButton.selected;
				project.windowMinimizeButton = windowMinimizeButton.selected;
				project.resizable = windowResizable.selected;
				project.fullscreen = windowFullscreen.selected;
				project.allowRightClick = windowRightClick.selected;
				project.transparent = windowTransparent.selected;
				
				appWidth.styleName = (project.windowWidth > 0)? "textInputGood" : "textInputBad";
				appHeight.styleName = (project.windowHeight > 0)? "textInputGood" : "textInputBad";
				windowTitle.styleName = (windowTitle.text != "")? "textInputGood" : "textInputBad";
				
				onUpdate();
				
			}
			
		]]>
		
	</mx:Script>
	
	<mx:HBox>
		
		<mx:Label text="Window size in px: " width="180"/>
		<mx:TextInput id="appWidth" change="updateProject()" restrict="0-9" maxChars="4" width="40" />
		<mx:Label text="x"/>
		<mx:TextInput id="appHeight" change="updateProject()" restrict="0-9" maxChars="4" width="40"/>
		
	</mx:HBox>
	
	<mx:HBox>
		
		<mx:Label text="Window title: " width="180"/>
		<mx:TextInput id="windowTitle" change="updateProject()" maxChars="200" width="300" />
		
	</mx:HBox>
	
	
	<!-- 
	<mx:Label text="Application icon: "/>
	
	<mx:HBox>
		
		<mx:Label text="Win icon (*.ico)"/>
		<mx:TextInput id="winIcon" text="" change="updateProject()" />
		<mx:Button label="Browse" click="browseForWinIcon()" />
		
	</mx:HBox>
	
	<mx:HBox>
		
		<mx:Label text="Mac icon (*.icns)"/>
		<mx:TextInput id="macIcon" text="" change="updateProject()" />
		<mx:Button label="Browse" click="browseForMacIcon()" />
		
	</mx:HBox>
	 -->
	
	<mx:HBox>
		
		<mx:Label text="Window buttons: " width="180" />
		<!-- <mx:CheckBox label="Close" id="windowCloseButton" click="updateProject()" /> -->
		<mx:CheckBox label="Maximize" id="windowMaximizeButton" click="updateProject()"/>
		<mx:CheckBox label="Minimize" id="windowMinimizeButton" click="updateProject()"/>
		
	</mx:HBox>
	
	<mx:HBox>
		
		<mx:Label text="Window properties: " width="180" />
		
		<mx:CheckBox label="Resizable" id="windowResizable" click="updateProject()" />
		<mx:CheckBox label="Fullscreen" id="windowFullscreen" click="updateProject()" />
		<mx:CheckBox label="Allow right click" id="windowRightClick" click="updateProject()" />
		<mx:CheckBox label="Transparent" id="windowTransparent" click="updateProject()" />
		
	</mx:HBox>
	
	<mx:HBox>
		
		<mx:Label text="Background color: " width="180" />
		<mx:ColorPicker id="bgColorPicker" showTextField="true" change="updateBackgroundColor()"></mx:ColorPicker>
		
	</mx:HBox>
	
</mx:Panel>