From 1ed994c8197207dee249b02b74016df84fbc2ef1 Mon Sep 17 00:00:00 2001
From: Ykkrosh <philip@wildfiregames.com>
Date: Wed, 27 Jul 2005 15:21:27 +0000
Subject: [PATCH] Undeleted GUI folder, added Stuart's changes.

This was SVN commit r2552.
---
 binaries/data/mods/official/gui/gui.dtd       |  203 +++
 .../data/mods/official/gui/test/1_init.xml    |   55 +
 .../mods/official/gui/test/2_mainmenu.xml     |  821 ++++++++++
 .../data/mods/official/gui/test/3_loading.xml |  104 ++
 .../data/mods/official/gui/test/4_session.xml |   33 +
 .../mods/official/gui/test/6_1_manual.xml     |   25 +
 .../mods/official/gui/test/6_2_jukebox.xml    |   17 +
 .../mods/official/gui/test/6_subwindows.xml   |   13 +
 .../data/mods/official/gui/test/7_atlas.xml   |   13 +
 .../data/mods/official/gui/test/9_global.xml  |  153 ++
 .../mods/official/gui/test/functions_atlas.js |  415 +++++
 .../gui/test/functions_atlas_map_creator.js   |  248 +++
 .../gui/test/functions_atlas_object_editor.js |  163 ++
 .../test/functions_atlas_terrain_editor.js    |  614 +++++++
 .../official/gui/test/functions_global.js     |  148 ++
 .../gui/test/functions_global_init.js         |   17 +
 .../gui/test/functions_global_object.js       |  125 ++
 .../gui/test/functions_page_pregame.js        |   47 +
 .../gui/test/functions_page_pregame_load.js   |  179 +++
 .../gui/test/functions_page_session.js        |  501 ++++++
 .../official/gui/test/functions_pregame.js    |   31 +
 .../gui/test/functions_pregame_cpn.js         |    0
 .../gui/test/functions_pregame_history.js     |    0
 .../gui/test/functions_pregame_load.js        |  177 ++
 .../official/gui/test/functions_pregame_mp.js |  102 ++
 .../gui/test/functions_pregame_options.js     |    0
 .../official/gui/test/functions_pregame_sp.js |    0
 .../official/gui/test/functions_session.js    |  426 +++++
 .../gui/test/functions_session_group_pane.js  |  218 +++
 .../gui/test/functions_session_map_orb.js     |  140 ++
 .../test/functions_session_resource_pool.js   |  143 ++
 .../gui/test/functions_session_status_orb.js  |  838 ++++++++++
 .../functions_session_subwindow_jukebox.js    |   78 +
 .../functions_session_subwindow_manual.js     |  448 ++++++
 .../gui/test/functions_session_subwindows.js  |   47 +
 .../gui/test/functions_session_team_tray.js   |   65 +
 .../official/gui/test/functions_utility.js    |   68 +
 .../gui/test/functions_utility_animation.js   |   34 +
 .../gui/test/functions_utility_coord.js       |  291 ++++
 .../gui/test/functions_utility_debug.js       |    7 +
 .../gui/test/functions_utility_entity.js      |   11 +
 .../gui/test/functions_utility_list.js        |  111 ++
 .../gui/test/functions_utility_music.js       |  121 ++
 .../gui/test/functions_utility_object.js      |   96 ++
 .../gui/test/functions_utility_test.js        |   40 +
 .../data/mods/official/gui/test/hello.xml     |   13 +
 .../data/mods/official/gui/test/setup.xml     |  303 ++++
 .../data/mods/official/gui/test/sprite1.xml   | 1429 +++++++++++++++++
 .../data/mods/official/gui/test/styles.xml    |  563 +++++++
 .../data/mods/official/gui/text/credits.txt   |   67 +
 binaries/data/mods/official/gui/text/tips.txt |  209 +++
 51 files changed, 9970 insertions(+)
 create mode 100755 binaries/data/mods/official/gui/gui.dtd
 create mode 100755 binaries/data/mods/official/gui/test/1_init.xml
 create mode 100644 binaries/data/mods/official/gui/test/2_mainmenu.xml
 create mode 100644 binaries/data/mods/official/gui/test/3_loading.xml
 create mode 100644 binaries/data/mods/official/gui/test/4_session.xml
 create mode 100644 binaries/data/mods/official/gui/test/6_1_manual.xml
 create mode 100644 binaries/data/mods/official/gui/test/6_2_jukebox.xml
 create mode 100644 binaries/data/mods/official/gui/test/6_subwindows.xml
 create mode 100644 binaries/data/mods/official/gui/test/7_atlas.xml
 create mode 100644 binaries/data/mods/official/gui/test/9_global.xml
 create mode 100755 binaries/data/mods/official/gui/test/functions_atlas.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_atlas_map_creator.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_atlas_object_editor.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_atlas_terrain_editor.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_global.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_global_init.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_global_object.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_page_pregame.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_page_pregame_load.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_page_session.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_pregame.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_pregame_cpn.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_pregame_history.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_pregame_load.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_pregame_mp.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_pregame_options.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_pregame_sp.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_session.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_session_group_pane.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_session_map_orb.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_session_resource_pool.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_session_status_orb.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_session_subwindow_jukebox.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_session_subwindow_manual.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_session_subwindows.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_session_team_tray.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_utility.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_utility_animation.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_utility_coord.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_utility_debug.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_utility_entity.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_utility_list.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_utility_music.js
 create mode 100755 binaries/data/mods/official/gui/test/functions_utility_object.js
 create mode 100644 binaries/data/mods/official/gui/test/functions_utility_test.js
 create mode 100755 binaries/data/mods/official/gui/test/hello.xml
 create mode 100755 binaries/data/mods/official/gui/test/setup.xml
 create mode 100644 binaries/data/mods/official/gui/test/sprite1.xml
 create mode 100755 binaries/data/mods/official/gui/test/styles.xml
 create mode 100644 binaries/data/mods/official/gui/text/credits.txt
 create mode 100644 binaries/data/mods/official/gui/text/tips.txt

diff --git a/binaries/data/mods/official/gui/gui.dtd b/binaries/data/mods/official/gui/gui.dtd
new file mode 100755
index 0000000000..8b0799ddc3
--- /dev/null
+++ b/binaries/data/mods/official/gui/gui.dtd
@@ -0,0 +1,203 @@
+<!--
+	Types
+-->
+<!ENTITY % bool				"(true|false)">
+<!ENTITY % align			"(left|center|right)">
+<!ENTITY % valign			"(top|center|bottom)">
+
+<!--
+	Defines
+-->
+<!ENTITY % unique_settings
+ "name					CDATA #IMPLIED
+  type					CDATA 'empty'
+  style					CDATA #IMPLIED"
+>
+
+<!ENTITY % base_settings
+ "absolute 				%bool; #IMPLIED
+  enabled				%bool; #IMPLIED
+  ghost					%bool; #IMPLIED
+  hidden				%bool; #IMPLIED
+  size					CDATA #IMPLIED
+  z					CDATA #IMPLIED"
+>
+
+
+<!-- Defaults are not put in here, because it ruins the concept of styles -->
+
+<!ENTITY % ex_settings
+ "buffer_zone				CDATA #IMPLIED
+  button_width				CDATA #IMPLIED
+  checked				%bool; #IMPLIED
+  dropdown_size				CDATA #IMPLIED
+  dropdown_buffer			CDATA #IMPLIED
+  font					CDATA #IMPLIED
+  fov_wedge_color			CDATA #IMPLIED
+  hotkey				CDATA #IMPLIED
+  cell_id				CDATA #IMPLIED
+  input_initvalue_destroyed_at_focus	%bool; #IMPLIED
+  max_length				CDATA #IMPLIED
+  multiline				%bool; #IMPLIED
+  rectcolor_selected			CDATA #IMPLIED
+  scrollbar				%bool; #IMPLIED
+  scrollbar_style			CDATA #IMPLIED
+  sprite				CDATA #IMPLIED
+  sprite2				CDATA #IMPLIED
+  sprite_bar				CDATA #IMPLIED
+  sprite_background			CDATA #IMPLIED
+  sprite_disabled			CDATA #IMPLIED
+  sprite_list				CDATA #IMPLIED
+  sprite2_disabled			CDATA #IMPLIED
+  sprite_over				CDATA #IMPLIED
+  sprite2_over				CDATA #IMPLIED
+  sprite_pressed			CDATA #IMPLIED
+  sprite2_pressed			CDATA #IMPLIED
+  sprite_selectarea			CDATA #IMPLIED
+  square_side				CDATA #IMPLIED
+  textcolor				CDATA #IMPLIED
+  textcolor_disabled			CDATA #IMPLIED
+  textcolor_over			CDATA #IMPLIED
+  textcolor_pressed			CDATA #IMPLIED
+  textcolor_selected			CDATA #IMPLIED
+  text_align				%align; #IMPLIED
+  text_valign				%valign; #IMPLIED
+  tooltip				CDATA #IMPLIED
+  tooltip_style				CDATA #IMPLIED"
+>
+
+<!--
+	<objects>
+-->
+<!ELEMENT objects (script|object)*>
+
+<!ELEMENT script (#PCDATA)>
+<!ATTLIST script
+  file					CDATA #IMPLIED
+>
+
+<!ELEMENT object (#PCDATA|object|action|item)*> <!-- 'item' is used by "list" and "dropdown" -->
+<!ATTLIST object 
+  %unique_settings;
+  %base_settings;
+  %ex_settings;
+>
+<!ELEMENT action (#PCDATA)>
+<!ATTLIST action 
+  on					CDATA #REQUIRED
+  file					CDATA #IMPLIED
+>
+<!ELEMENT item (#PCDATA)>
+<!ATTLIST item
+  enabled				%bool; #IMPLIED
+>
+
+
+<!--
+	<styles>
+-->
+<!ELEMENT styles (style*)>
+<!ELEMENT style EMPTY>
+<!ATTLIST style 
+  name					CDATA #REQUIRED
+  %base_settings; 
+  %ex_settings;
+>
+
+<!--
+	<setup>
+-->
+<!ELEMENT setup (icon|scrollbar|tooltip|color)*>
+<!ELEMENT scrollbar EMPTY>
+<!ELEMENT icon EMPTY>
+<!ELEMENT tooltip EMPTY>
+<!ELEMENT color (#PCDATA)>
+
+<!--
+	<scrollbar>
+-->
+<!ATTLIST scrollbar
+  name					CDATA #REQUIRED
+  width					CDATA #IMPLIED
+  scroll_wheel				%bool; #IMPLIED
+  alwaysshown				%bool; #IMPLIED
+  scroll_speed				CDATA #IMPLIED
+  sprite_button_top			CDATA #IMPLIED
+  sprite_button_top_pressed		CDATA #IMPLIED
+  sprite_button_top_disabled		CDATA #IMPLIED
+  sprite_button_top_over		CDATA #IMPLIED
+  sprite_button_bottom			CDATA #IMPLIED
+  sprite_button_bottom_pressed		CDATA #IMPLIED
+  sprite_button_bottom_disabled		CDATA #IMPLIED
+  sprite_button_bottom_over		CDATA #IMPLIED
+  sprite_bar_vertical			CDATA #IMPLIED
+  sprite_bar_vertical_over		CDATA #IMPLIED
+  sprite_bar_vertical_pressed		CDATA #IMPLIED
+  sprite_back_vertical			CDATA #IMPLIED
+  minimum_bar_size			CDATA #IMPLIED
+>
+
+<!--
+	<icon>
+-->
+<!ATTLIST icon
+  name					CDATA #REQUIRED
+  size					CDATA #REQUIRED
+  sprite				CDATA #REQUIRED
+  cell_id				CDATA #IMPLIED
+>
+
+<!--
+	<tooltip>
+-->
+<!ATTLIST tooltip
+  name					CDATA #REQUIRED
+  sprite				CDATA #IMPLIED
+  anchor				CDATA #IMPLIED
+  buffer_zone				CDATA #IMPLIED
+  font					CDATA #IMPLIED
+  maxwidth				CDATA #IMPLIED
+  offset				CDATA #IMPLIED
+  textcolor				CDATA #IMPLIED
+  delay					CDATA #IMPLIED
+  use_object				CDATA #IMPLIED
+  hide_object				CDATA #IMPLIED
+>
+
+<!--
+	<color>
+-->
+<!ATTLIST color
+  name					CDATA #REQUIRED
+>
+
+
+<!--
+	<sprites>
+-->
+<!ELEMENT sprites (sprite*)>
+<!ELEMENT sprite (effect?,image+)>
+<!ELEMENT image (effect?)>
+<!ELEMENT effect EMPTY>
+
+<!ATTLIST sprite 
+  name 					CDATA #REQUIRED
+>
+
+<!ATTLIST image
+  texture				CDATA #IMPLIED
+  size					CDATA #IMPLIED
+  texture_size				CDATA #IMPLIED
+  real_texture_placement		CDATA #IMPLIED
+  cell_size				CDATA #IMPLIED
+  backcolor				CDATA #IMPLIED
+  bordercolor				CDATA #IMPLIED
+  border				%bool; #IMPLIED
+  z_level				CDATA #IMPLIED
+>
+
+<!ATTLIST effect
+  add_color				CDATA #IMPLIED
+  multiply_color			CDATA #IMPLIED
+  grayscale				CDATA #IMPLIED
+>
diff --git a/binaries/data/mods/official/gui/test/1_init.xml b/binaries/data/mods/official/gui/test/1_init.xml
new file mode 100755
index 0000000000..3b164b8d6a
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/1_init.xml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE objects SYSTEM "../gui.dtd">
+
+<objects>
+
+        <!--
+        ==========================================
+         - INCLUDE SCRIPT - UTILITY FUNCTIONS
+        ==========================================
+        -->
+
+        <script file="gui/test/functions_utility.js" />
+
+	<script file="gui/test/functions_utility_list.js" />
+
+        <script file="gui/test/functions_utility_object.js" />
+
+        <script file="gui/test/functions_utility_coord.js" />
+
+        <script file="gui/test/functions_utility_music.js" />
+
+        <script file="gui/test/functions_utility_animation.js" />
+
+        <!--
+        ==========================================
+         - INCLUDE SCRIPT - GLOBAL OBJECT FUNCTIONS
+        ==========================================
+        -->
+
+        <script file="gui/test/functions_global_object.js" />
+
+        <!--
+        ==========================================
+         - INCLUDE SCRIPT - GUI PAGE FUNCTIONS
+        ==========================================
+        -->
+
+        <script file="gui/test/functions_page_pregame.js" />
+
+        <script file="gui/test/functions_page_pregame_load.js" />
+
+        <script file="gui/test/functions_page_session.js"/>
+
+        <!--
+        ==========================================
+         - INCLUDE SCRIPT - INITIALISATION FUNCTIONS
+        ==========================================
+        -->
+
+        <script file="gui/test/functions_global_init.js"><![CDATA[
+		init();
+        ]]></script>
+
+</objects>
diff --git a/binaries/data/mods/official/gui/test/2_mainmenu.xml b/binaries/data/mods/official/gui/test/2_mainmenu.xml
new file mode 100644
index 0000000000..d54d5ceb4d
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/2_mainmenu.xml
@@ -0,0 +1,821 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE objects SYSTEM "../gui.dtd">
+
+<objects>
+
+	<!--
+	==========================================
+	- MAIN MENU - "COMMANDER'S TENT" BACKDROP
+	==========================================
+	-->
+
+	<object	name="pg"
+		type="image"
+		sprite="pgBackground"
+	>
+		<action on="Load"><![CDATA[
+			// Play main 0 A.D. theme when the main menu starts.
+			curr_music = newRandomSound("music", "menu");
+			curr_music.loop();
+
+			// Display a .cfg file variable to prove we can access it.
+			console.write ("Language Version: " + (new ConfigDB()).system.language + ".")
+			// Unfortunately, although Philip's workaround certainly works,
+			// a] The value cannot be modified.
+			// b] Variables a step up in the hierarchy are not recognised (eg system.sound.mastergain).
+		]]></action>
+
+		<!--
+		==========================================
+		- MAIN MENU - STATIC TOOLTIP WINDOW
+		==========================================
+		-->
+
+                <object	name="pgToolTip"
+			style="fancyTextHeadWhite"
+			type="text"
+			hidden="true"
+			sprite="bkTranslucent"
+			size="69% 6.3802% 97.0703125% 28.125%"
+		>tooltipText
+		</object>
+
+		<!--
+		==========================================
+		- MAIN MENU - PARCHMENT BUTTONS
+		==========================================
+		-->
+
+		<object name="pgSinglePlayer"
+			style="pgButton"
+			type="button"
+			size="51.2695312% 10.9275% 76.2695312% 44.270833%"
+			sprite_over="pgSinglePlayerOver"
+			tooltip="Want to move some Dudes around or test something? Click here to start a new game on the default map."
+		>
+			<action on="Press"><![CDATA[
+				// Open Skirmish Map Selection Window.
+				openMainMenuSubWindow ("pgSPMapSel");
+			]]></action>
+		</object>
+
+		<object	name="pgMultiPlayer"
+			style="pgButton"
+			type="button"
+			size="57.5195312% 38.28125% 82.5195312% 71.6145833%"
+			sprite_over="pgMultiPlayerOver"
+			tooltip="Tired of playing with yourself? Fight against one or more human players in a multiplayer game."
+		>
+			<action on="Press"><![CDATA[
+				// Open Multiplayer connection window.
+				openMainMenuSubWindow ("pgMPModeSel");
+			]]></action>
+		</object>
+
+		<object name="pgEditor"
+			style="pgButton"
+			type="button"
+			size="40.234375% 60.15625% 65.234375% 93.4895833%"
+			sprite_over="pgEditorOver"
+                        tooltip="The Scenario Editor link has been temporarily disabled, since Atlas will be handled through a wxWidgets UI."
+		>
+                        <action on="Press"><![CDATA[
+				// Open Atlas Editor.
+				// *** Defunct; use this button to toggle the wxWidgets Atlas UI.
+//                              guiHide		("pg");
+//                              guiUnHide	("atlas");
+                        ]]></action>
+                </object>
+
+		<object name="pgOptions"
+			style="pgButton"
+			type="button"
+			size="74.7070312% 42.0572916% 99.7070312% 75.390625%"
+			sprite_over="pgOptionsOver"
+                        tooltip="This will take you to the options menu.  It does not work now, but someday it might."
+		>
+                </object>
+
+		<object name="pgCampaigns"
+			style="pgButton"
+			type="button"
+			size="24.609375% 28.90625% 49.609375% 62.2395833%"
+			sprite_over="pgCampaignsOver"
+                        tooltip="Want to play a campaign? Tough luck, buddy!  That's right, go cry on your mamma's shoulder."
+		>
+                </object>
+				
+		<object name="pgHistory"
+			style="pgButton"
+			type="button"
+			size="72.265625% 66.5364583% 97.265625% 99.8697916%"
+			sprite_over="pgHistoryOver"
+                        tooltip="One day you will click this button and learn more about ancient history than any history teach ever taught you."
+		>
+                </object>
+
+		<!--
+		==========================================
+		- MAIN MENU - GAME LOGO AND VERSION NUMBER
+		==========================================
+		-->
+
+		<object	name="pgProductLogo"
+			style="pgButton"
+			type="button"
+			size="21.1914062% 3.125% 68.0664062% 31.5104166%"
+			sprite="pgProductLogo"
+			tooltip="Click this logo to roll credits."
+		>
+			<action on="Press"><![CDATA[
+				// Get credits text.
+			        creditsArray  = readFileLines("gui/text/credits.txt");
+
+				// Populate credits list.		
+				for (creditsIndex = 0; creditsIndex < creditsArray.length; creditsIndex++)
+				{
+					// Add credit row to the end of the object's list.
+					pushItem ("pgCredits", creditsArray[creditsIndex]);
+				}
+
+				// Ensure we start at the top of the list.
+				getGUIObjectByName("pgCredits").selected = 0;
+
+				// Set a timer to increment the list, therefore pushing it down the screen
+				// (creating a pseudo-scrolling-credits effect).
+				setInterval( updateCredits, 1, 200 );
+
+				// Hide shell GUI (we want a blank screen with rolling text).
+				guiHide ("pg");
+
+				// Open the credits screen.
+				openMainMenuSubWindow ("pgCredits");
+			]]></action>
+		</object>
+
+                <object name="pgVersionNumber"
+			style="fancyTextHeadGold"
+			type="text"
+			size="43% 24% 43%+282 24%+25"
+		>
+                        <action on="Load"><![CDATA[
+                                this.caption = "Build: " + buildTime(0) + " " + getLanguageID();
+                        ]]></action>
+                </object>
+
+		<!--
+		==========================================
+		- MAIN MENU - COMPANY LOGO
+		==========================================
+		-->
+
+		<object name="pgCompanyLogo"
+			style="pgButton"
+			type="button"
+			size="10 91.666666%-30 25.9765% 100%-30"
+			sprite="pgCompanyLogo"
+			tooltip="These are the guys who made this game. Visit them at http://www.wildfiregames.com/0ad/"
+		>
+			<action on="Press"><![CDATA[
+				btCode = new Array("guiHide('mbMain');");
+				messageBox (420, 420, "[icon=iconProduct] A.D. - History Is Yours For The Taking\nby Wildfire Games, 2002-2005\n\nVersion 0.1.2 (PASAP II)\n\n" +
+				"This is a confidental pre-release version of the game!\n\nVisit http://www.wildfiregames.com/0ad/ " +
+				"to learn more about [icon=iconProduct] A.D., participate in the community and meet the developers.\n\n", "About [icon=iconProduct] A.D.", 2, new Array(), btCode);
+			]]></action>
+		</object>
+
+		<!--
+		==========================================
+		- MAIN MENU - EXIT BUTTON
+		==========================================
+		-->
+
+		<object	name="pgExit"
+			style="wheatExit"
+			type="button"
+			size="100%-18 2 100%-2 18"
+			tooltip="Tired of 0 A.D. ? Click here to leave and reenter the real world."
+		>
+			<action on="Press"><![CDATA[
+				btCaptions = new Array("Yes, let me out!", "Nooooo!");
+				btCode = new Array("exit();", "");
+				messageBox (400, 200, "Do you really want to quit [icon=iconProduct] A.D.? This will cause a sudden return to reality.", "Confirmation", 0, btCaptions, btCode);
+			]]></action>
+		</object>
+	</object>
+
+	<!--
+	==========================================
+	- MAIN MENU - BACKGROUND MASK
+	==========================================
+	-->
+
+	<object	name="pgSubWindow"
+		type="image"
+		z="90"
+		hidden="true"
+		sprite="bkTranslucent" 
+	>
+                <!--
+                ===============================================
+                - MULTIPLAYER MODE SELECTION SCREEN -
+                ===============================================
+                -->
+
+		<object name="pgMPModeSel"
+			style="wheatWindow"
+			type="image"
+			hidden="true"
+			size="50%-200 50%-90 50%+200 50%+90"
+		>
+			<object name="pgMPModeSelTitleBar"
+				style="wheatWindowTitleBar"
+				type="button"
+			>Multiplayer
+			</object>
+
+			<object name="pgMPModeSelExitButton"
+				style="wheatExit"
+				type="button"
+			>
+				<action on="Press"><![CDATA[
+					closeMainMenuSubWindow ("pgMPModeSel");
+				]]></action>
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - PLAYER NAME CONTROLS
+			==========================================
+			-->
+
+			<object	name="pgMPModeSelTxt1"
+				type="text"
+				size="0 0 400 30"
+			>Please enter the Player name you would like to use during the game.
+			</object>
+
+			<object name="pgMPModeSelPlayerNameTxt"
+				type="text"
+				size="0 40 200 60"
+			>Player Name (temporary):
+			</object>
+
+			<object name="pgMPModeSelPlayerName"
+				style="wheatBorderBlack"
+				type="input"
+				size="220 40 350 60"
+			>Player
+			</object>
+
+			<object name="pgMPModeSelDivider1"
+				style="wheatDividerBlack"
+				type="image"
+				size="10 80 100%-10 80"
+			/>
+
+			<!--
+			==========================================
+			- MAIN MENU - HOST / JOIN CONTROLS
+			==========================================
+			-->
+
+			<object name="pgMPModeSelTxt"
+				type="text"
+				size="0 100 400 120" 
+			>Please select whether you want to join a game or host your own game.
+			</object>
+                              
+			<object name="pgMPModeSelHostJoinTxt"
+				style="wheatTextHeadBlack"
+				type="text"
+				size="0 140 200 170"
+				text_valign="center"
+			>Game Mode
+			</object>
+
+			<object name="pgMPModeSelJoinButton"
+				style="wheatButton"
+				type="button"
+				size="130 140 230 170" 
+			>Join Game
+				<action on="Press"><![CDATA[
+					// rudimentary client connection code; finally working now :)
+					guiSwitch ("pgMPModeSel", "pgMPJoin");
+				]]></action>
+			</object>
+                              
+			<!-- (need code for the game start procedure here) -->
+
+			<object name="pgMPModeSelHostButton"
+				style="wheatButton"
+				type="button"
+				size="250 140 350 170" 
+			>Host Game
+				<action on="Press"><![CDATA[
+					guiSwitch ("pgMPModeSel", "pgMPHost");
+				]]></action>
+			</object>
+
+		</object>
+
+		<!--
+		===============================================
+		- MULTIPLAYER HOST GAME SCREEN -
+		===============================================
+		-->
+
+		<object name="pgMPHost" 
+			style="wheatWindow"
+			type="image"
+			hidden="true"
+			size="50%-190 50%-120 50%+190 50%+120"
+		>
+			<object name="pgMPHostTitleBar"
+				style="wheatWindowTitleBar"
+				type="button"
+			>Host a game
+			</object>
+
+			<object name="pgMPHostExitButton"
+				style="wheatExit"
+				type="button"
+			>
+				<action on="Press"><![CDATA[
+					closeMainMenuSubWindow ("pgMPHost");
+				]]></action>
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - SERVER/GAME NAME CONTROLS
+			==========================================
+			-->
+
+			<object	name="pgMPHostTxt1"
+				type="text"
+				size="0 0 400 30"
+			>Setting up your server.
+			</object>
+
+			<object name="pgMPHostGameNameTxt"
+				style="wheatTextHeadBlack"
+				type="text"
+				size="0 40 200 60"
+			>Game (Server) Name:
+			</object>
+
+			<object name="pgMPHostGameName"
+				style="wheatBorderBlack"
+				type="input"
+				size="220 40 370 60"
+			>My Game
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - WELCOME MESSAGE CONTROLS
+			==========================================
+			-->
+
+			<object name="pgMPHostWelcomeMsgTxt" 
+				style="wheatTextHeadBlack"
+				type="text"
+				size="0 70 200 90"
+			>Welcome Message:
+			</object>
+
+			<object name="pgMPHostTxt2"
+				type="text"
+				size="0 100 200 180"
+			>You can enter some message which is displayed to new players upon joining here.
+			</object>
+
+			<object name="pgMPHostWelcomeMsg" 
+				style="wheatBorderBlackNote"
+				type="input"
+				size="220 70 370 180"
+			>Uhm, welcome to my game. Have fun!
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - CONTINUE / BACK CONTROLS
+			==========================================
+			-->
+
+			<object name="pgMPHostSetupButton"
+				style="wheatButton"
+				type="button"
+				size="50%-125 200 50%-25 230"
+			>Continue
+				<action on="Press"><![CDATA[
+					//initMPSessionHost();
+					console.write ("initMPSessionHost() was supposed to be called here.");
+				]]></action>
+			</object>
+
+			<object name="pgMPHostBackButton"
+				style="wheatButton"
+				type="button"
+				size="50%+25 200 50%+125 230"
+			>Back
+				<action on="Press"><![CDATA[
+					guiSwitch ("pgMPHost", "pgMPModeSel");
+				]]></action>
+			</object>
+		</object>
+
+		<!--
+		===============================================
+		- MULTIPLAYER JOIN GAME SCREEN -
+		===============================================
+		-->
+
+		<object name="pgMPJoin" 
+			style="wheatWindow"
+			type="image"
+			hidden="true"
+			size="50%-190 50%-120 50%+190 50%+120"
+		>
+			<object name="pgMPJoinTitleBar"
+				style="wheatWindowTitleBar"
+				type="button"
+			>Join a game
+			</object>
+
+			<object name="pgMPJoinExitButton"
+				style="wheatExit"
+				type="button"
+			>
+				<action on="Press"><![CDATA[
+					closeMainMenuSubWindow ("pgMPJoin");
+				]]></action>
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - SERVER NAME / IP CONTROLS
+			==========================================
+			-->
+
+			<object name="pgMPJoinTxt1"
+				type="text"
+				size="0 0 400 30"
+			>Joining an existing game.
+			</object>
+
+			<object name="pgMPJoinServerIPTxt" 
+				style="wheatTextHeadBlack"
+				type="text"
+				size="0 40 200 60"
+			>Server Hostname or IP:
+			</object>
+
+			<object name="pgMPJoinServerIP" 
+				style="wheatBorderBlack"
+				type="input"
+				size="220 40 370 60"
+			>127.0.0.1
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - CONTINUE / BACK CONTROLS
+			==========================================
+			-->
+
+			<object name="pgMPJoinSetupButton"
+				style="wheatButton"
+				type="button"
+				size="50%-125 200 50%-25 230"
+			>Continue
+				<action on="Press"><![CDATA[
+					// creating the client instance
+					client = createClient();
+					client.playerName = getGUIObjectByName ("pgMPModeSelPlayerName").caption;
+					// we've got a fixed IP (bound to localhost) here for testing purposes
+					// success = client.beginConnect ("127.0.0.1");
+					ipAddress = getGUIObjectByName ("pgMPJoinServerIP").caption;
+					success = client.beginConnect (ipAddress);
+					if (!success)
+					{
+					// need proper message box code here later
+						console.write ("Failed to connect to server. Please check the network connection.");
+					}
+					else
+					{
+						// see above
+						console.write ("Client successfully started to connect.");
+					}
+					
+					client.onConnectComplete = 
+					function (event)
+					{
+						messageBox (400, 200, "Result message: "+event.message, "Connect complete", 2, new Array(), new Array());
+					}
+				]]></action>
+			</object>
+
+			<object name="pgMPJoinBackButton"
+				style="wheatButton"
+				type="button"
+				size="50%+25 200 50%+125 230"
+			>Back
+				<action on="Press"><![CDATA[
+					guiSwitch ("pgMPJoin", "pgMPModeSel");
+				]]></action>
+			</object>
+		</object>
+
+                <!--
+                ===============================================
+                - MULTIPLAYER SESSION SETUP SCREEN -
+                ===============================================
+                -->
+
+		<object name="pgMPSetupHost" 
+			style="wheatWindow"
+			type="image"
+			hidden="true"
+			size="50%-400 50%-300 50%+400 50%+300"
+		>
+			<object name="pgMPSetupHostTitleBar"
+				style="wheatWindowTitleBar"
+				type="button"
+			>
+			</object>
+
+			<object name="pgMPSetupHostExitButton"
+				style="wheatExit"
+				type="button"
+				tooltip_style="snToolTip"
+			>
+				<action on="Press"><![CDATA[
+					closeMainMenuSubWindow ("pgMPSetupHost");
+					guiUnHide ("pgVersionNumber");
+				]]></action>
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - PLAYER SLOTS
+			==========================================
+			-->
+
+			<object name="pgMPSetupHostPlayerHead"
+				style="wheatTextHeadMaxBlack"
+				type="text"
+				size="30 10 320 40"
+			>Player Slots
+			</object>
+
+			<object name="pgMPSetupHostP1Txt"
+				style="wheatTextHeadBlack"
+				type="text"
+				size="30 50 320 80"
+			>
+			</object>
+
+			<object name="pgMPSetupHostP2Txt"
+				style="wheatTextHeadBlack"
+				type="text"
+				size="30 90 320 120"
+			>
+				<action on="Load"><![CDATA[
+					this.caption = "P2: Open";
+				]]></action>
+			</object>
+
+			<object name="pgMPSetupHostP3Txt"
+				style="wheatTextHeadBlack"
+				type="text"
+				size="30 130 320 160"
+			>
+				<action on="Load"><![CDATA[
+					this.caption = "P3: Open";
+				]]></action>
+			</object>
+
+			<object name="pgMPSetupHostP4Txt"
+				style="wheatTextHeadBlack"
+				type="text"
+				size="30 170 320 200"
+			>
+				<action on="Load"><![CDATA[
+					this.caption = "P4: Open";
+				]]></action>
+			</object>
+
+			<object name="pgMPSetupHostP5Txt"
+				style="wheatTextHeadBlack"
+				type="text"
+				size="30 210 320 240"
+			>
+				<action on="Load"><![CDATA[
+					this.caption = "P5: Open";
+				]]></action>
+			</object>
+
+			<object name="pgMPSetupHostP6Txt"
+				style="wheatTextHeadBlack"
+				type="text"
+				size="30 250 320 280"
+			>
+				<action on="Load"><![CDATA[
+					this.caption = "P6: Open";
+				]]></action>
+			</object>
+
+			<object name="pgMPSetupHostP7Txt"
+				style="wheatTextHeadBlack"
+				type="text"
+				size="30 290 320 320"
+			>
+				<action on="Load"><![CDATA[
+					this.caption = "P7: Open";
+				]]></action>
+			</object>
+
+			<object name="pgMPSetupHostP8Txt"
+				style="wheatTextHeadBlack"
+				type="text"
+				size="30 330 320 360"
+			>
+				<action on="Load"><![CDATA[
+					this.caption = "P8: Open";
+				]]></action>
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - MAP NAME CONTROLS (TEMPORARY)
+			==========================================
+			-->
+
+			<object name="pgMPSetupHostMapNameTxt" 
+				type="text"
+				size="400 32 590 52"
+			>Map name:
+			</object>
+
+			<object name="pgMPSetupHostMapName" 
+				style="wheatBorderBlack"
+				type="input"
+				size="600 32 750 52"
+			>gathertest2
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - BUTTONS
+			==========================================
+			-->
+                              
+			<object name="pgMPSetupHostStartButton" 
+				style="wheatButton"
+				type="button"
+				size="50%-125 540 50%-25 570" 
+			>Start!
+				<action on="Press"><![CDATA[
+					startMap (getGUIObjectByName("pgMPSetupHostMapName").caption,
+						"pgMPSetupHost", 1);
+				]]></action>
+			</object>
+
+			<object name="pgMPSetupHostCancelButton"
+				style="wheatButton"
+				type="button"
+				size="50%+25 540 50%+125 570"
+			>Cancel
+				<action on="Press"><![CDATA[
+					// terminate the multiplayer server session
+					endGame();
+					guiSwitch ("pgMPSetupHost", "pgMPModeSel");
+				]]></action>
+			</object>
+		</object>
+
+		<!-- (Insert rewritten SESSION SETUP SCREEN here (in two variants: HOST and JOIN)) -->
+
+		<!--
+		===============================================
+		- SINGLEPLAYER TEMPORARY MAP SELECTION DIALOG -
+		===============================================
+		-->
+
+		<object name="pgSPMapSel" 
+			style="wheatWindow"
+			type="image"
+			hidden="true"
+			size="50%-150 50%-120 50%+150 50%+120"
+		>
+			<object name="pgSPMapSelTitleBar"
+				style="wheatWindowTitleBar"
+				type="button"
+			>Map selection
+			</object>
+
+			<object name="pgSPMapSelExitButton"
+				style="wheatExit"
+				type="button"
+			>
+				<action on="Press"><![CDATA[
+					closeMainMenuSubWindow ("pgSPMapSel");
+				]]></action>
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - MAP SELECTION
+			==========================================
+			-->
+
+                        <object name="pgSPMapSelInfoText"
+				type="text"
+				size="10 10 290 60"
+			>Type the name of the map you want to start into the box. The name is relative to /data/mods/official/maps/scenarios/.
+                        </object>
+
+                        <object name="pgSPMapSelMapNameTxt"
+				type="text"
+				size="10 90 120 110"
+			>Map Name:
+                        </object>
+
+                        <object name="pgSPMapSelMapName"
+				style="wheatList"
+				type="list"
+				size="0%+100 0%+80 100%-10 100%-60"
+			>
+				<action on="Load"><![CDATA[
+					// Note: We should set this in a .cfg or initialisation area, as it's used again later.
+					mapPath = "maps/scenarios/"
+
+					// Get a list of map names.
+					mapArray = buildFileList (mapPath, "*.pmp", false);
+					
+					for (mapIndex = 0; mapIndex < mapArray.length; mapIndex++)
+					{
+						// Remove the path and extension from each name, since we just want the filename.
+						// (Is there an equivalent "basename" function for that in JS?)
+						mapArray[mapIndex] = mapArray[mapIndex].substring (mapPath.length, mapArray[mapIndex].length-4)
+
+						// Add map name to the end of the object's list.
+						pushItem (this.name, mapArray[mapIndex]);
+					}
+
+					// Set default value (pick whatever's at the top of the list).
+					getGUIObjectByName(this.name).selected = 0;
+				]]></action>
+			</object>
+
+			<!--
+			==========================================
+			- MAIN MENU - BUTTONS
+			==========================================
+			-->
+
+			<object name="pgSPMapSelStartBt" 
+				style="wheatButton"
+				type="button"
+				size="50%-100 100%-50 50%-10 100%-20" 
+			>Start Game
+				<action on="Press"><![CDATA[
+					startMap ( getCurrItemValue ("pgSPMapSelMapName"), "pgSPMapSel", 0);
+				]]></action>
+			</object>
+
+			<object name="pgSPMapSelAbortButton"
+				style="wheatButton"
+				type="button"
+				size="50%+10 100%-50 50%+90 100%-20"
+			>Abort
+				<action on="Press"><![CDATA[
+					closeMainMenuSubWindow ("pgSPMapSel");
+				]]></action>
+			</object>
+                </object>
+
+                <!--
+                ===============================================
+                - CREDITS SCREEN
+                ===============================================
+                -->
+
+		<object name="pgCredits"
+			style="fancyTextHeadWhite"
+			type="list"
+			ghost="false"
+			hidden="true"
+			size="0 0 100% 100%"
+			text_align="center"
+		>
+			<action on="SelectionChange"><![CDATA[
+				console.write ("Note to self: Ask Gee to create list function to clear (empty) a list.");
+			]]></action>
+		</object>
+
+        </object>
+</objects>
diff --git a/binaries/data/mods/official/gui/test/3_loading.xml b/binaries/data/mods/official/gui/test/3_loading.xml
new file mode 100644
index 0000000000..3e29f871ea
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/3_loading.xml
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE objects SYSTEM "../gui.dtd">
+
+<!--
+==========================================
+- LOADING SCREEN -
+==========================================
+-->
+
+<objects>
+
+	<object name="ld" 
+		type="image"
+		hidden="true"
+		sprite="bkFillBlack"
+	>
+		<!--
+		==========================================
+		- LOADING SCREEN - WINDOW
+		==========================================
+		-->
+
+		<object name="ldWindow"
+			style="wheatWindowGranite"
+			type="image"
+			size="25 35 100%-25 100%-25"
+		>
+			<object	name="ldTitleBar"
+				style="wheatWindowTitleBar"
+				type="button"
+			/>
+
+			<!--
+			==========================================
+			- LOADING SCREEN - TEXT
+			==========================================
+			-->
+
+			<object name="ldText"
+				type="text"
+				size="23.571428% 20 100%-25 100%-100"
+				font="prospero18"
+			/>
+
+			<!--
+			==========================================
+			- LOADING SCREEN - CONCEPT ART
+			==========================================
+			-->
+
+			<object name="ldConcept" 
+				type="image"
+				size="30 20 33.3008%+30 88.9323%+20"
+				sprite="black_bkg" 
+			/>
+
+			<!--
+			==========================================
+			- LOADING SCREEN - PROGRESSBAR
+			==========================================
+			-->
+
+			<object name="ldProgressBarText"
+				type="text"
+				size="25 100%-190 100%-25 100%-180"
+				font="tahoma14"
+				textcolor="0 0 0"
+				text_align="center"
+				text_valign="center"
+			>
+				<action on="Progress"><![CDATA[
+					this.caption = g_LoadDescription;
+				]]></action>
+			</object>
+
+			<object name="ldProgressBar"
+				style="wheatProgressBarBlue"
+				type="progressbar"
+				size="25 100%-160 100%-25 100%-145"
+			>
+				<action on="Progress"><![CDATA[
+					this.caption = g_Progress;  
+				]]></action>  
+			</object>   
+                       
+			<!--
+			==========================================
+			- LOADING SCREEN - TIP
+			==========================================
+			-->
+			<object name="ldTip"
+				type="text"
+				size="25 100%-135 100%-25 100%-25"
+				textcolor="0 0 0"
+				font="trebuchet16"
+				text_align="left"
+				text_valign="center"
+				sprite="wheatIndentBorder"
+			/>
+		</object>
+	</object>
+
+</objects>
diff --git a/binaries/data/mods/official/gui/test/4_session.xml b/binaries/data/mods/official/gui/test/4_session.xml
new file mode 100644
index 0000000000..4547466df7
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/4_session.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE objects SYSTEM "../gui.dtd">
+
+<!--
+==========================================
+- SESSION GUI -
+==========================================
+-->
+
+<objects>
+
+	<object name="sn"
+		hidden="true"
+		hotkey="flipgui.toggle"
+	>
+		<action on="Press"><![CDATA[
+			flipGUI();
+		]]></action>
+
+		<object name="snMiniMap"
+			style="session_minimap"
+			type="minimap"
+			size="100%-180 100%-180 100% 100%"
+		/>
+
+	</object>
+
+</objects>
+
+
+
+
diff --git a/binaries/data/mods/official/gui/test/6_1_manual.xml b/binaries/data/mods/official/gui/test/6_1_manual.xml
new file mode 100644
index 0000000000..5c9de5c156
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/6_1_manual.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE objects SYSTEM "../gui.dtd">
+
+<!--
+==========================================
+- ONLINE MANUAL DEFINITION -
+==========================================
+-->
+
+<objects>
+
+	<object type="empty" name="MANUAL_GUI" size="0 0 100% 100%" z="1" hotkey="onlinehelp" hidden="true">
+		<action on="Press"><![CDATA[
+			// Toggle manual if something selected.
+			if (selection.length)
+			{
+				GUIObjectToggle("MANUAL_GUI");
+				GUIObjectToggle("SESSION_GUI");
+			}
+		]]></action>
+
+	</object>
+
+</objects>
diff --git a/binaries/data/mods/official/gui/test/6_2_jukebox.xml b/binaries/data/mods/official/gui/test/6_2_jukebox.xml
new file mode 100644
index 0000000000..8e99423876
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/6_2_jukebox.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE objects SYSTEM "../gui.dtd">
+
+<!--
+==========================================
+- JUKEBOX DEFINITION -
+==========================================
+-->
+
+<objects>
+
+	<object type="empty" name="JUKEBOX_GUI" size="0 0 100% 100%" z="1" hidden="true">
+
+	</object>
+
+</objects>
diff --git a/binaries/data/mods/official/gui/test/6_subwindows.xml b/binaries/data/mods/official/gui/test/6_subwindows.xml
new file mode 100644
index 0000000000..d0d097d267
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/6_subwindows.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE objects SYSTEM "../gui.dtd">
+
+<!--
+==========================================
+- SESSION GUI SUB-WINDOW DEFINITIONS -
+==========================================
+-->
+
+<objects>
+
+</objects>
diff --git a/binaries/data/mods/official/gui/test/7_atlas.xml b/binaries/data/mods/official/gui/test/7_atlas.xml
new file mode 100644
index 0000000000..fe129cdb46
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/7_atlas.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE objects SYSTEM "../gui.dtd">
+
+<!--
+==========================================
+- ATLAS SCENARIO EDITOR DEFINITION -
+==========================================
+-->
+
+<objects>
+
+</objects>
diff --git a/binaries/data/mods/official/gui/test/9_global.xml b/binaries/data/mods/official/gui/test/9_global.xml
new file mode 100644
index 0000000000..ba500ed285
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/9_global.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE objects SYSTEM "../gui.dtd">
+
+<objects>
+
+	<!--
+	==========================================
+	 - GLOBAL OBJECTS -
+	==========================================
+	-->
+
+	<object>
+		<!--
+		==========================================
+		- AUDIO TOGGLER
+		==========================================
+		-->
+
+		<object name="audioToggle"
+			type="button"
+			hotkey="audio.toggle"
+			hidden="true"
+		>
+			<action on="Press"><![CDATA[
+				if (snd_disabled == true)
+					snd_disable (false);
+				else
+					snd_disable (true);
+			]]></action>		
+		</object>
+
+		<!--
+		==========================================
+		- FPS COUNTER
+		==========================================
+		-->
+
+		<object name="fpsCounter"
+			type="text"
+			ghost="true"
+			hidden="true"
+			hotkey="fps.toggle"
+			font="verdana16"
+			textcolor="100 100 0"
+			size="18 0 200 35"
+		>
+			<action on="Press"><![CDATA[
+				guiToggle (this.name);
+			]]></action>
+			<action on="Tick"><![CDATA[
+				if (this.hidden == "false"){
+					g_mouse_x = mouse.x;
+					g_mouse_y = mouse.y;
+					getGUIObjectByName(this.name).caption = "FPS: " + getFPS() + " " + g_mouse_x + " " + g_mouse_y;
+				}
+			]]></action>
+		</object>
+
+		<!--
+		==========================================
+		 - MESSAGE BOX -
+		==========================================
+		-->
+        
+		<object name="mbMain"
+			style="wheatWindow"
+			type="image"
+			hidden="true"
+			size="50%-400 50%-200 50%+400 50%+200" 
+		>
+			<!-- control for blocking access to other controls in background -->
+                        <object	name="mbBlocker"
+				type="image"
+				hidden="false" 
+			/>
+
+			<object name="mbTitleBar"
+				style="wheatWindowTitleBar"
+				type="button"
+			>mbTitle
+			</object>
+
+                        <!-- text -->
+                        <object name="mbText"
+				style="fancyTextTitleBlack"
+				type="text"
+				size="30 30 100%-30 100%-100"
+			>mbMessage
+                        </object>
+                        
+			<!-- buttons -->
+			<object name="mbButton1"
+				style="wheatButtonFancy"
+				type="button"
+				size="40 100%-50 33%-30 100%-20" 
+			>mbButton1Caption
+				<action on="Press"><![CDATA[
+                                        eval (getGUIGlobal().mbButton1Code);
+                                        guiHide ("mbMain");
+                                ]]></action>
+			</object>
+			<object name="mbButton2"
+				style="wheatButtonFancy"
+				type="button"
+				size="33%+30 100%-50 66%-40 100%-20" 
+			>mbButton2Caption
+				<action on="Press"><![CDATA[
+					eval (getGUIGlobal().mbButton2Code);
+					guiHide ("mbMain");
+				]]></action>
+			</object>
+			<object name="mbButton3"
+				style="wheatButtonFancy"
+				type="button"
+				size="66%+30 100%-50 100%-40 100%-20"
+			>mbButton3Caption
+				<action on="Press"><![CDATA[
+					eval (getGUIGlobal().mbButton2Code);
+					guiHide ("mbMain");
+				]]></action>
+			</object>
+		</object>
+	</object>
+
+	<!--
+	==========================================
+	- WATERMARK - USED WHEN TAKING OFFICIAL SCREENSHOTS
+	==========================================
+	-->
+
+	<object	name="glbWaterMark"
+		hidden="true"
+		hotkey="screenshot.watermark"
+	>
+		<action on="Press"><![CDATA[
+			guiToggle ("glbWaterMark");
+		]]></action>
+
+		<object	name="glbWaterMarkProductLogo"
+			type="image"
+			size="0 100%-98 200 100%"
+			sprite="watermarkProduct"
+		/>
+
+		<object	name="glbWaterMarkCompanyLogo"
+			type="image"
+			size="100%-207 100%-28 100% 100%"
+			sprite="watermarkCompany"
+		/>
+	</object>
+
+</objects>
diff --git a/binaries/data/mods/official/gui/test/functions_atlas.js b/binaries/data/mods/official/gui/test/functions_atlas.js
new file mode 100755
index 0000000000..2de2bcd14a
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_atlas.js
@@ -0,0 +1,415 @@
+// Main Atlas Scenario Editor JS Script file
+// Contains functions and code for the game's integrated Scenario Editor.
+
+// ====================================================================
+
+function initAtlas()
+{
+	// ============================================ CONSTANTS =================================================
+
+	ATLAS_COUNTER_BOX = new Object();
+	ATLAS_COUNTER_BOX.width = 9;
+	ATLAS_COUNTER_BOX.height = 5;
+
+	// ============================================= GLOBALS ==================================================
+
+	initAtlasMainScreen();
+	initAtlasSectionMapCreator();
+	initAtlasSectionTerrainEditor();
+	initAtlasSectionObjectEditor();
+}
+
+// ====================================================================
+
+function initAtlasMainScreen()
+{
+	// Top-left corner piece of main editor frame.
+	ATLAS_MAINBORDER_LT_CORNER = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 42; 
+	Crd[Crd.last-1].height	= 42; 
+	Crd[Crd.last-1].x	= 0; 
+	Crd[Crd.last-1].y	= 0; 
+
+	// Top-right corner piece of main editor frame ("Info Selection Box").
+	ATLAS_MAINBORDER_RT_CORNER = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 203; 
+	Crd[Crd.last-1].height	= 54; 
+	Crd[Crd.last-1].x	= 0; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_LT_CORNER].y;
+
+	// Info window in top-right corner.
+	ATLAS_INFO_WINDOW = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_MAINBORDER_RT_CORNER].width-30-6;
+	Crd[Crd.last-1].height	= Crd[ATLAS_MAINBORDER_RT_CORNER].height-9;
+	Crd[Crd.last-1].x	= 3;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_RT_CORNER].y+3;
+
+	// Top menu bar.
+	ATLAS_MAINBORDER_MENU_BKG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_MAINBORDER_RT_CORNER].width;
+	Crd[Crd.last-1].height	= 19;
+	Crd[Crd.last-1].x	= Crd[ATLAS_MAINBORDER_LT_CORNER].x+Crd[ATLAS_MAINBORDER_LT_CORNER].width;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_LT_CORNER].y;
+
+	// Menu buttons.	
+	ATLAS_MAINBORDER_MENU_BUTTON = new Object();
+	ATLAS_MAINBORDER_MENU_BUTTON.span = 0;
+	ATLAS_MAINBORDER_MENU_BUTTON.max = 12;
+
+	for (ATLAS_MAINBORDER_MENU_BUTTON.last = 1; ATLAS_MAINBORDER_MENU_BUTTON.last <= ATLAS_MAINBORDER_MENU_BUTTON.max; ATLAS_MAINBORDER_MENU_BUTTON.last++)
+	{
+		ATLAS_MAINBORDER_MENU_BUTTON[ATLAS_MAINBORDER_MENU_BUTTON.last] = Crd.last;
+		Crd[Crd.last] = new Object();
+		Crd[Crd.last].width = 60;
+		Crd[Crd.last].height = Crd[ATLAS_MAINBORDER_MENU_BKG].height;
+		Crd[Crd.last].rleft = left_screen;
+		Crd[Crd.last].rtop = top_screen;
+		Crd[Crd.last].rright = left_screen;
+		Crd[Crd.last].rbottom = top_screen;
+
+		if (ATLAS_MAINBORDER_MENU_BUTTON.last == 1)
+			Crd[Crd.last].x = Crd[ATLAS_MAINBORDER_MENU_BKG].x;
+		else
+			Crd[Crd.last].x = Crd[ATLAS_MAINBORDER_MENU_BUTTON[ATLAS_MAINBORDER_MENU_BUTTON.last]-1].x+Crd[Crd.last].width+ATLAS_MAINBORDER_MENU_BUTTON.span;
+
+		Crd[Crd.last].y = Crd[ATLAS_MAINBORDER_MENU_BKG].y;
+
+		Crd.last++;
+	}
+
+	// Top tool bar (1 row).
+	ATLAS_MAINBORDER_TOOLBAR_BKG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_MAINBORDER_RT_CORNER].width-Crd[ATLAS_MAINBORDER_LT_CORNER].width;
+	Crd[Crd.last-1].height	= 20;
+	Crd[Crd.last-1].x	= Crd[ATLAS_MAINBORDER_LT_CORNER].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_MENU_BKG].y+Crd[ATLAS_MAINBORDER_MENU_BKG].height;
+
+	// Top tool bar (max: two rows).
+	ATLAS_MAINBORDER_TOOLBAR_BKG_MAX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].width;
+	Crd[Crd.last-1].height	= 35;
+	Crd[Crd.last-1].x	= Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].y;
+
+	// Fully Minimise arrow on tool bar.
+	ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 12;
+	Crd[Crd.last-1].height	= 4;
+	Crd[Crd.last-1].x	= Crd[ATLAS_MAINBORDER_RT_CORNER].x+Crd[ATLAS_MAINBORDER_RT_CORNER].width+Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].width-15;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].y+3;
+
+	// Minimise arrow on tool bar.
+	ATLAS_MAINBORDER_TOOLBAR_MINIMISE_ARROW = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].width;
+	Crd[Crd.last-1].height	= Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].height;
+	Crd[Crd.last-1].x	= Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].y+Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].height-Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].height-1;
+
+	// Fully Maximise arrow on tool bar.
+	ATLAS_MAINBORDER_TOOLBAR_FULLY_MAXIMISE_ARROW = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].width;
+	Crd[Crd.last-1].height	= Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].height;
+	Crd[Crd.last-1].x	= Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].y+Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].height-Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MAXIMISE_ARROW].height-Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MAXIMISE_ARROW].height-1;
+
+	// Maximise arrow on tool bar.
+	ATLAS_MAINBORDER_TOOLBAR_MAXIMISE_ARROW = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].width;
+	Crd[Crd.last-1].height	= Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].height;
+	Crd[Crd.last-1].x	= Crd[ATLAS_MAINBORDER_TOOLBAR_FULLY_MINIMISE_ARROW].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_MENU_BKG].y+Crd[ATLAS_MAINBORDER_MENU_BKG].height-Crd[ATLAS_MAINBORDER_TOOLBAR_MAXIMISE_ARROW].height-Crd[ATLAS_MAINBORDER_TOOLBAR_MAXIMISE_ARROW].height-1;
+
+	// Toolbar buttons.	
+	ATLAS_MAINBORDER_TOOLBAR_BUTTON = new Object();
+	ATLAS_MAINBORDER_TOOLBAR_BUTTON.span = 4;
+	ATLAS_MAINBORDER_TOOLBAR_BUTTON.max = 80;
+	for (ATLAS_MAINBORDER_TOOLBAR_BUTTON.last = 1; ATLAS_MAINBORDER_TOOLBAR_BUTTON.last <= ATLAS_MAINBORDER_TOOLBAR_BUTTON.max; ATLAS_MAINBORDER_TOOLBAR_BUTTON.last++)
+	{
+		ATLAS_MAINBORDER_TOOLBAR_BUTTON[ATLAS_MAINBORDER_TOOLBAR_BUTTON.last] = Crd.last;
+		Crd[Crd.last] = new Object();
+		Crd[Crd.last].width = 15;
+		Crd[Crd.last].height = 15;
+		Crd[Crd.last].rleft = left_screen;
+		Crd[Crd.last].rtop = top_screen;
+		Crd[Crd.last].rright = left_screen;
+		Crd[Crd.last].rbottom = top_screen;
+
+		if (ATLAS_MAINBORDER_TOOLBAR_BUTTON.last == 1)
+			Crd[Crd.last].x = Crd[ATLAS_MAINBORDER_MENU_BKG].x+5+ATLAS_MAINBORDER_TOOLBAR_BUTTON.span;
+		else
+			Crd[Crd.last].x = Crd[ATLAS_MAINBORDER_TOOLBAR_BUTTON[ATLAS_MAINBORDER_TOOLBAR_BUTTON.last]-1].x+Crd[Crd.last].width+ATLAS_MAINBORDER_TOOLBAR_BUTTON.span;
+
+		if (ATLAS_MAINBORDER_TOOLBAR_BUTTON.last == 41)
+			Crd[Crd.last].x = Crd[ATLAS_MAINBORDER_MENU_BKG].x+5+ATLAS_MAINBORDER_TOOLBAR_BUTTON.span;
+
+		if (ATLAS_MAINBORDER_TOOLBAR_BUTTON.last >= 41)
+			Crd[Crd.last].y = Crd[ATLAS_MAINBORDER_MENU_BKG].y+Crd[ATLAS_MAINBORDER_MENU_BKG].height+1+Crd[ATLAS_MAINBORDER_TOOLBAR_BUTTON[ATLAS_MAINBORDER_TOOLBAR_BUTTON.last]-1].height;
+		else
+			Crd[Crd.last].y = Crd[ATLAS_MAINBORDER_MENU_BKG].y+Crd[ATLAS_MAINBORDER_MENU_BKG].height+1;
+
+		Crd.last++;
+	}
+
+	// Left-hand selection pane.
+	ATLAS_LEFT_PANE_BKG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 187;
+	Crd[Crd.last-1].height	= 0;
+	Crd[Crd.last-1].x	= Crd[ATLAS_MAINBORDER_LT_CORNER].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].y+Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].height;
+
+	// ============================================= GENERIC BOTTOM SECTION MENU ===============================================
+
+	// Bottom-right Mini Map Background.
+	ATLAS_MINIMAP_BKG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 182;
+	Crd[Crd.last-1].height	= 182;
+	Crd[Crd.last-1].x	= 0;
+	Crd[Crd.last-1].y	= 0;
+
+	// Bottom-right Mini Map.
+	ATLAS_MINIMAP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 140;
+	Crd[Crd.last-1].height	= 140;
+	Crd[Crd.last-1].x	= 20;
+	Crd[Crd.last-1].y	= 20;
+
+	// Bottom selection pane.
+	ATLAS_BOTTOM_PANE_BKG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_BKG].x-Crd[ATLAS_LEFT_PANE_BKG].width-Crd[ATLAS_MINIMAP_BKG].x-Crd[ATLAS_MINIMAP_BKG].width+6;
+	Crd[Crd.last-1].height	= 148;
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_BKG].x+Crd[ATLAS_LEFT_PANE_BKG].width-3;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_BKG].height;
+
+	// Left-Bottom selection pane corner.
+	ATLAS_LB_CORNER = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 20;
+	Crd[Crd.last-1].height	= 20;
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_BKG].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_BKG].height-4;
+
+	// Right-Bottom selection pane corner.
+	ATLAS_RB_CORNER = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_MINIMAP_BKG].height-Crd[ATLAS_BOTTOM_PANE_BKG].height+3;
+	Crd[Crd.last-1].height	= Crd[ATLAS_MINIMAP_BKG].height-Crd[ATLAS_BOTTOM_PANE_BKG].height+3;
+	Crd[Crd.last-1].x	= Crd[ATLAS_MINIMAP_BKG].width-2;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LB_CORNER].y;
+
+	// Atlas tooltip window.
+	ATLAS_TOOLTIP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_MINIMAP_BKG].width-20;
+	Crd[Crd.last-1].height	= 82;
+	Crd[Crd.last-1].x	= Crd[ATLAS_MINIMAP_BKG].x+10;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MINIMAP_BKG].y+Crd[ATLAS_MINIMAP_BKG].height+4;
+
+	// Setup margins for Bottom Section Menu.
+	ATLAS_BOTTOM_PANE_SECTION = new Object();
+	ATLAS_BOTTOM_PANE_SECTION.LMARGIN = 5;
+	ATLAS_BOTTOM_PANE_SECTION.RMARGIN = 5;
+	ATLAS_BOTTOM_PANE_SECTION.TMARGIN = 5;
+	ATLAS_BOTTOM_PANE_SECTION.BMARGIN = 5;
+
+	// ============================================= GENERIC LEFT SECTION MENU ===============================================
+
+	// Second heading of section menu.
+	ATLAS_LEFT_PANE_SECTION_HEADING_2 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_BKG].width-2;
+	Crd[Crd.last-1].height	= 21+2;
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_BKG].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].y+Crd[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].height+29;
+
+	// Topmost heading of section menu.
+	ATLAS_LEFT_PANE_SECTION_HEADING_1 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].width;
+	Crd[Crd.last-1].height	= 31;
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].y+Crd[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].height;
+
+	// Third heading of section menu.
+	ATLAS_LEFT_PANE_SECTION_HEADING_3 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].width;
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].height;
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].x;
+	Crd[Crd.last-1].y	= 0;
+
+	// Setup margins for Left Section Menu.
+	ATLAS_LEFT_PANE_SECTION = new Object();
+	ATLAS_LEFT_PANE_SECTION.LMARGIN = 7;
+	ATLAS_LEFT_PANE_SECTION.RMARGIN = 10;
+	ATLAS_LEFT_PANE_SECTION.TMARGIN = 10;
+	ATLAS_LEFT_PANE_SECTION.BMARGIN = 12;
+}
+
+// ====================================================================
+
+function atlasUpdateInfoWindow()
+{
+	// Refresh content of Info Window.
+
+	getGUIObjectByName("ATLAS_INFO_WINDOW").caption = "File: something.map\nWorkspace: MyWorkspace\nFPS: " + getFPS();
+}
+
+// ====================================================================
+
+function atlasFullyMinimiseToolbar()
+{
+	// Hide toolbar.
+
+	guiHide("ATLAS_MAINBORDER_TOOLBAR");
+	guiUnHide("ATLAS_MAINBORDER_TOOLBAR_MAXIMISE_ARROW");
+	guiHide("ATLAS_MAINBORDER_TOOLBAR_BUTTON_ROW_1");
+	guiHide("ATLAS_MAINBORDER_TOOLBAR_BUTTON_ROW_2");
+
+	// Set toolbar height.
+	Crd[ATLAS_LEFT_PANE_BKG].y = Crd[ATLAS_MAINBORDER_MENU_BKG].y+Crd[ATLAS_MAINBORDER_MENU_BKG].height;
+	setSizeArray("ATLAS_LEFT_PANE_BKG", Crd[ATLAS_LEFT_PANE_BKG]);
+}
+
+// ====================================================================
+
+function atlasMinimiseToolbar()
+{
+	// Reduce toolbar to one row.
+
+	guiHide("ATLAS_MAINBORDER_TOOLBAR_MAX");
+	guiUnHide("ATLAS_MAINBORDER_TOOLBAR");
+	guiUnHide("ATLAS_MAINBORDER_TOOLBAR_BUTTON_ROW_1");
+	guiHide("ATLAS_MAINBORDER_TOOLBAR_BUTTON_ROW_2");
+
+	// Set toolbar height.
+	Crd[ATLAS_LEFT_PANE_BKG].y = Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].y+Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].height;
+	setSizeArray("ATLAS_LEFT_PANE_BKG", Crd[ATLAS_LEFT_PANE_BKG]);
+}
+
+// ====================================================================
+
+function atlasFullyMaximiseToolbar()
+{
+	// Extend toolbar to two rows.
+
+	guiHide("ATLAS_MAINBORDER_TOOLBAR");
+	guiUnHide("ATLAS_MAINBORDER_TOOLBAR_MAX");
+	guiUnHide("ATLAS_MAINBORDER_TOOLBAR_BUTTON_ROW_1");
+	guiUnHide("ATLAS_MAINBORDER_TOOLBAR_BUTTON_ROW_2");
+
+	// Set toolbar height.
+	Crd[ATLAS_LEFT_PANE_BKG].y = Crd[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].y+Crd[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].height;
+	setSizeArray("ATLAS_LEFT_PANE_BKG", Crd[ATLAS_LEFT_PANE_BKG]);
+}
+
+// ====================================================================
+
+function atlasMaximiseToolbar()
+{
+	// Extend toolbar to one row.
+
+	guiUnHide("ATLAS_MAINBORDER_TOOLBAR");
+	guiHide("ATLAS_MAINBORDER_TOOLBAR_MAXIMISE_ARROW");
+	guiUnHide("ATLAS_MAINBORDER_TOOLBAR_BUTTON_ROW_1");
+	guiHide("ATLAS_MAINBORDER_TOOLBAR_BUTTON_ROW_2");
+
+	// Set toolbar height.
+	Crd[ATLAS_LEFT_PANE_BKG].y = Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].y+Crd[ATLAS_MAINBORDER_TOOLBAR_BKG].height;
+	setSizeArray("ATLAS_LEFT_PANE_BKG", Crd[ATLAS_LEFT_PANE_BKG]);
+}
+
+// ====================================================================
+
+function atlasOpenSectionMenu(atlasMenuName)
+{
+	// Open the specified Section Menu; only one is open at a time.
+
+	// Clear all section menus to begin.
+	guiHide("ATLAS_LEFT_PANE_SECTION_MAP");
+	guiHide("ATLAS_LEFT_PANE_SECTION_TERRAIN");
+	guiHide("ATLAS_BOTTOM_PANE_SECTION_TERRAIN");
+	guiHide("ATLAS_LEFT_PANE_SECTION_OBJECT");
+	guiHide("ATLAS_BOTTOM_PANE_SECTION_OBJECT");
+
+	switch (atlasMenuName)
+	{
+		case "none":
+			// Hide backgrounds.
+			guiHide("ATLAS_LEFT_PANE");
+			guiHide("ATLAS_BOTTOM_PANE");
+			// Hide headings.
+			guiHide("ATLAS_LEFT_PANE_SECTION_HEADING_1");
+			guiHide("ATLAS_LEFT_PANE_SECTION_HEADING_2");
+			guiHide("ATLAS_LEFT_PANE_SECTION_HEADING_3");
+		break;
+		case "ATLAS_LEFT_PANE_SECTION_MAP":
+			// Toggle backgrounds.
+			guiUnHide("ATLAS_LEFT_PANE");
+			guiHide("ATLAS_BOTTOM_PANE");
+			// Reveal headings.
+			guiRenameAndReveal("ATLAS_LEFT_PANE_SECTION_HEADING_1", "Map Creator");
+			guiRenameAndReveal("ATLAS_LEFT_PANE_SECTION_HEADING_2", "Map Type");
+			guiRenameAndReveal("ATLAS_LEFT_PANE_SECTION_HEADING_3", "Map Settings");
+		break;
+		case "ATLAS_LEFT_PANE_SECTION_TERRAIN":
+			// Toggle backgrounds.
+			guiUnHide("ATLAS_LEFT_PANE");
+			guiUnHide("ATLAS_BOTTOM_PANE");
+			guiUnHide("ATLAS_BOTTOM_PANE_SECTION_TERRAIN");
+			// Reveal headings.
+			guiRenameAndReveal("ATLAS_LEFT_PANE_SECTION_HEADING_1", "Terrain Editor");
+			guiRenameAndReveal("ATLAS_LEFT_PANE_SECTION_HEADING_2", "Edit Elevation");
+			guiHide("ATLAS_LEFT_PANE_SECTION_HEADING_3");
+		break;
+		case "ATLAS_LEFT_PANE_SECTION_OBJECT":
+			// Toggle backgrounds.
+			guiUnHide("ATLAS_LEFT_PANE");
+			guiUnHide("ATLAS_BOTTOM_PANE");
+			guiUnHide("ATLAS_BOTTOM_PANE_SECTION_OBJECT");
+			// Reveal headings.
+			guiRenameAndReveal("ATLAS_LEFT_PANE_SECTION_HEADING_1", "Object Editor");
+			guiRenameAndReveal("ATLAS_LEFT_PANE_SECTION_HEADING_2", "Object List");
+			guiHide("ATLAS_LEFT_PANE_SECTION_HEADING_3");
+		break;
+	}
+
+	// Reveal Section Menu content.
+	if (atlasMenuName != "none")
+		guiUnHide(atlasMenuName);
+}
+
+// ====================================================================
diff --git a/binaries/data/mods/official/gui/test/functions_atlas_map_creator.js b/binaries/data/mods/official/gui/test/functions_atlas_map_creator.js
new file mode 100644
index 0000000000..e9cb2ec61b
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_atlas_map_creator.js
@@ -0,0 +1,248 @@
+function initAtlasSectionMapCreator()
+{
+	// ============================================= MAP CREATOR SECTION MENU ===============================================
+
+	// ============================================= MAP CREATOR: MAP TYPE ===============================================
+
+	// ============================================= MAP CREATOR: MAP TYPE: MAP SIZE ===============================================
+
+	// Height input box for map size.
+	ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 58; 
+	Crd[Crd.last-1].height	= 14; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].x+Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].width-Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].width-ATLAS_LEFT_PANE_SECTION.RMARGIN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].y+Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].height+ATLAS_LEFT_PANE_SECTION.TMARGIN+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// "X" between map size input boxes.
+	ATLAS_LEFT_PANE_SECTION_MAP_TILE_X = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 20; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].x-Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_X].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].y; 
+
+	// Width input box for map size.
+	ATLAS_LEFT_PANE_SECTION_MAP_TILE_WIDTH_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_X].x-Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].y; 
+
+	// "Size:" label.
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 32; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_WIDTH_INPUT_BOX].x-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_LABEL].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].y; 
+
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_SPAN = 3;
+
+	// "Huge" map size button.
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 40; 
+	Crd[Crd.last-1].height	= 20; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].x+Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].width-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].width-ATLAS_LEFT_PANE_SECTION.RMARGIN+2; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// "Large" map size button.
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_LARGE = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].x-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].width-ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_SPAN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].y; 
+
+	// "Medium" map size button.
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_MEDIUM = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_LARGE].x-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_LARGE].width-ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_SPAN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].y; 
+
+	// "Small" map size button.
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_SMALL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_MEDIUM].x-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_MEDIUM].width-ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_SPAN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].y; 
+
+	// Horizontal rule at end of Map Size settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_HR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_BKG].width-ATLAS_LEFT_PANE_SECTION.LMARGIN-ATLAS_LEFT_PANE_SECTION.RMARGIN; 
+	Crd[Crd.last-1].height	= 2; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_BKG].x+ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].y+Crd[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].height+ATLAS_LEFT_PANE_SECTION.BMARGIN; 
+
+	// ============================================= MAP CREATOR: MAP TYPE: RANDOM MAP ===============================================
+
+	// ============================================= MAP CREATOR: MAP SETTINGS ===============================================
+
+	// "Players:" label for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= 45; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_3].x+ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_3].y+Crd[ATLAS_LEFT_PANE_SECTION_HEADING_3].height+ATLAS_LEFT_PANE_SECTION.TMARGIN+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// Players "counter" input box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= 30; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].x+Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].y; 
+
+	// Players up button for "counter" input box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= ATLAS_COUNTER_BOX.width; 
+	Crd[Crd.last-1].height	= (Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].height/2)+3; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].x+Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].width-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_UP].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].y-3; 
+
+	// Players down button for "counter" input box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= ATLAS_COUNTER_BOX.width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_UP].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].x+Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].width-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_UP].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].height-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_DN].height; 
+
+	// Settlements "counter" input box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_3].x+Crd[ATLAS_LEFT_PANE_SECTION_HEADING_3].width-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].width-ATLAS_LEFT_PANE_SECTION.RMARGIN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].y; 
+
+	// Settlements up button for "counter" input box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= ATLAS_COUNTER_BOX.width; 
+	Crd[Crd.last-1].height	= (Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].height/2)+3; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].x+Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].width-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_UP].width;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].y-3; 
+
+	// Settlements down button for "counter" input box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= ATLAS_COUNTER_BOX.width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_UP].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].x+Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].width-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_UP].width;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].height-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_DN].height; 
+
+	// "Settlements" label for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= 62; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].x-Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_LABEL].width;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].y; 
+
+	// "Resources:" label for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= 60; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].y+Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].height+ATLAS_LEFT_PANE_SECTION.TMARGIN+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// Resources "drop-down" box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_COMBO_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= 55; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_LABEL].x+Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_LABEL].width;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_LABEL].y; 
+
+	// ============================================= MAP CREATOR: MAP SETTINGS: TERRITORIES ===============================================
+
+	// ============================================= MAP CREATOR: GENERATE ===============================================
+
+	// Terrain Map input box.
+	ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_3].width-ATLAS_LEFT_PANE_SECTION.LMARGIN-ATLAS_LEFT_PANE_SECTION.RMARGIN-ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_3].x+ATLAS_LEFT_PANE_SECTION.LMARGIN+ATLAS_LEFT_PANE_SECTION.LMARGIN;
+	Crd[Crd.last-1].y	= ATLAS_LEFT_PANE_SECTION.BMARGIN; 
+
+	// "Terrain Map:" label.
+	ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= 20; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].height; 
+
+	// Height Map input box.
+	ATLAS_LEFT_PANE_SECTION_GENERATE_HEIGHT_MAP_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL].y+Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL].height; 
+
+	// "Height Map:" label.
+	ATLAS_LEFT_PANE_SECTION_GENERATE_HEIGHT_MAP_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_HEIGHT_MAP_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_HEIGHT_MAP_INPUT_BOX].height; 
+
+	// "Generate!" border.
+	ATLAS_LEFT_PANE_SECTION_GENERATE_BORDER = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= 40; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].x;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_HEIGHT_MAP_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_HEIGHT_MAP_INPUT_BOX].height+Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_BORDER].height+ATLAS_LEFT_PANE_SECTION.BMARGIN; 
+
+	ATLAS_LEFT_PANE_SECTION_GENERATE_SPAN = 7;
+
+	// "Generate!" button.
+	ATLAS_LEFT_PANE_SECTION_GENERATE_BUTTON = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].width-ATLAS_LEFT_PANE_SECTION_GENERATE_SPAN-ATLAS_LEFT_PANE_SECTION_GENERATE_SPAN; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_BORDER].height-ATLAS_LEFT_PANE_SECTION_GENERATE_SPAN-ATLAS_LEFT_PANE_SECTION_GENERATE_SPAN; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_BORDER].x+ATLAS_LEFT_PANE_SECTION_GENERATE_SPAN;
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_GENERATE_BORDER].y+ATLAS_LEFT_PANE_SECTION_GENERATE_SPAN; 
+}
+
+// ====================================================================
+
diff --git a/binaries/data/mods/official/gui/test/functions_atlas_object_editor.js b/binaries/data/mods/official/gui/test/functions_atlas_object_editor.js
new file mode 100644
index 0000000000..71b0793d12
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_atlas_object_editor.js
@@ -0,0 +1,163 @@
+function initAtlasSectionObjectEditor()
+{
+	// ============================================= OBJECT EDITOR: SELECTION ==============================================
+
+	// Object category label.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].width-ATLAS_LEFT_PANE_SECTION.LMARGIN-ATLAS_LEFT_PANE_SECTION.RMARGIN-ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+	Crd[Crd.last-1].height	= 20; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].x+ATLAS_LEFT_PANE_SECTION.LMARGIN+ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].y+Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].height; 
+
+	// Object category input box.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_COMBO_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_LABEL].width; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_LABEL].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_LABEL].y+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_LABEL].height; 
+
+	// Custom button.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_BUTTON_CUSTOM_ACTOR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_CUSTOM].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_CUSTOM].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_COMBO_BOX].x-4; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_COMBO_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_COMBO_BOX].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// Custom button.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_BUTTON_CUSTOM_ENTITY = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_BUTTON_CUSTOM_ACTOR].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_BUTTON_CUSTOM_ACTOR].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_COMBO_BOX].x+4+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_COMBO_BOX].width-Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_BUTTON_CUSTOM_ENTITY].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_BUTTON_CUSTOM_ACTOR].y; 
+
+	// ============================================= OBJECT EDITOR: LIST ==============================================
+
+	// Background of Object List.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_BKG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_COMBO_BOX].width+2; 
+	Crd[Crd.last-1].height	= 163+2; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_CATEGORY_COMBO_BOX].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_BUTTON_CUSTOM_ACTOR].y+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_BUTTON_CUSTOM_ACTOR].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// Player input box.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_BKG].x+10; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_BKG].y+10; 
+
+	// Up button for Player input box.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= ATLAS_COUNTER_BOX.width; 
+	Crd[Crd.last-1].height	= (Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].height/2)+3; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].x+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].width-Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX_UP].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].y-3; 
+
+	// Down button for Player input box.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= ATLAS_COUNTER_BOX.width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX_UP].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].x+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].width-Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX_UP].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].height-Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX_DN].height; 
+
+	// Player label.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].x+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].y; 
+
+	// Objects heading.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_HEADING = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 65; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_BKG].x+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_BKG].width-Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_HEADING].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_PLAYER_INPUT_BOX].y; 
+
+	// Object list sort input box.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_SORT_COMBO_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 90; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_BKG].x+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_BKG].width-Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_SORT_COMBO_BOX].width-10; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_HEADING].y+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_HEADING].height+10; 
+
+	// Object list sort label.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_SORT_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 35; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_SORT_COMBO_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_SORT_COMBO_BOX].x-Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_SORT_LABEL].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_SORT_COMBO_BOX].y-3; 
+
+	// Object List.
+	ATLAS_LEFT_PANE_SECTION_OBJECT_LIST = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_BKG].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_BKG].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_BKG].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_SORT_COMBO_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_OBJECT_LIST_SORT_COMBO_BOX].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// ============================================= OBJECT EDITOR: ANIMATION VIEWER ===============================================
+
+	// Animation Viewer combobox label.
+	ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_COMBO_BOX_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 60; 
+	Crd[Crd.last-1].height	= 20; 
+	Crd[Crd.last-1].x	= ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+	Crd[Crd.last-1].y	= 2; 
+
+	// Animation Viewer combobox.
+	ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_COMBO_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 65; 
+	Crd[Crd.last-1].height	= 10; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_COMBO_BOX_LABEL].x+Crd[ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_COMBO_BOX_LABEL].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_COMBO_BOX_LABEL].y+5; 
+
+	// Animation Viewer.
+	ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_VIEWER = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 125; 
+	Crd[Crd.last-1].height	= 125; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_COMBO_BOX_LABEL].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_COMBO_BOX_LABEL].y+Crd[ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_COMBO_BOX_LABEL].height; 
+
+	// Animation Viewer label.
+	ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_VIEWER_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_VIEWER].width; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_VIEWER].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_VIEWER].y+Crd[ATLAS_BOTTOM_PANE_SECTION_OBJECT_ANIM_VIEWER].height; 
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_atlas_terrain_editor.js b/binaries/data/mods/official/gui/test/functions_atlas_terrain_editor.js
new file mode 100644
index 0000000000..3d7bc7874e
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_atlas_terrain_editor.js
@@ -0,0 +1,614 @@
+function initAtlasSectionTerrainEditor()
+{
+	// ============================================= TERRAIN EDITOR SECTION MENU ===============================================
+
+	// ============================================= TERRAIN EDITOR: EDIT ELEVATION ===============================================
+
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_BUTTON_SPAN = 10;
+
+	// Modify button.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 50; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].x+ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].y+Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// Smooth button.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SMOOTH_BUTTON = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].x+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].width+ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_BUTTON_SPAN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].y; 
+
+	// Sample button.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SMOOTH_BUTTON].x+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SMOOTH_BUTTON].width+ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_BUTTON_SPAN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].y; 
+
+	// Intensity slider bar.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_SLIDER_BAR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 138; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SMOOTH_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SMOOTH_BUTTON].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SMOOTH_BUTTON].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SMOOTH_BUTTON].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// Intensity slider marker.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_SLIDER_MARKER = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 8; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_SLIDER_BAR].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_SLIDER_BAR].x+40; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_SLIDER_BAR].y+(Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_SLIDER_BAR].height/3); 
+
+	// Intensity label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 50; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_SLIDER_BAR].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_SLIDER_BAR].x-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_LABEL].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_SLIDER_BAR].y; 
+
+	// Roughen button.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INTENSITY_LABEL].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_MODIFY_BUTTON].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// Roughen style combo box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_STYLE_COMBO_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 75; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON].x+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON].width-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_STYLE_COMBO_BOX].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].y+4; 
+
+	// Roughen style label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_STYLE_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 40; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_STYLE_COMBO_BOX].x-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_STYLE_LABEL].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].y; 
+
+	// Power input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 40; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON].x+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON].width-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_INPUT_BOX].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].y+4+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 	
+	setCoordInputUpDown(Crd[Crd.last-2], Crd[Crd.last-1], ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_INPUT_BOX,
+		left_screen, top_screen, left_screen, top_screen);
+
+	// Power label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 40; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_INPUT_BOX].x-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_LABEL].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_INPUT_BOX].y; 
+
+	// Scale label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SCALE_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 40; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_INPUT_BOX].y; 
+
+	// Scale input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SCALE_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 40; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SCALE_LABEL].x+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SCALE_LABEL].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_INPUT_BOX].y; 
+
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SCALE_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SCALE_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 	
+	setCoordInputUpDown(Crd[Crd.last-2], Crd[Crd.last-1], ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SCALE_INPUT_BOX,
+		left_screen, top_screen, left_screen, top_screen);
+
+	// Increment button.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INCREMENT_BUTTON = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SCALE_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SCALE_INPUT_BOX].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// Amount input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_AMOUNT_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 40; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON].x+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_SAMPLE_BUTTON].width-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_POWER_INPUT_BOX].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INCREMENT_BUTTON].y; 
+
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_AMOUNT_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_AMOUNT_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 	
+	setCoordInputUpDown(Crd[Crd.last-2], Crd[Crd.last-1], ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_AMOUNT_INPUT_BOX,
+		left_screen, top_screen, left_screen, top_screen);
+
+	// Amount label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_AMOUNT_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 45; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_ROUGHEN_BUTTON].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_AMOUNT_INPUT_BOX].x-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_AMOUNT_LABEL].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_AMOUNT_INPUT_BOX].y; 
+
+	// Horizontal rule at end of Edit Elevation.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_HR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_BKG].width-ATLAS_LEFT_PANE_SECTION.LMARGIN-ATLAS_LEFT_PANE_SECTION.RMARGIN; 
+	Crd[Crd.last-1].height	= 2; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_BKG].x+ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INCREMENT_BUTTON].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_INCREMENT_BUTTON].height+ATLAS_LEFT_PANE_SECTION.BMARGIN; 
+
+	// ============================================= TERRAIN EDITOR: CLIFF ===============================================
+
+	// List of cliff portraits.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 75; 
+	Crd[Crd.last-1].height	= 162; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_HR].x+3; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_HR].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_HR].x+3; 
+
+	// "Cliff" heading.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].x+Crd[ATLAS_LEFT_PANE_SECTION_HEADING_2].width-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].x-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].width; 
+	Crd[Crd.last-1].height	= 22; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].x+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_HR].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_HR].height; 
+
+	// Horizontal rule under heading.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING_HR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING].width-ATLAS_LEFT_PANE_SECTION.LMARGIN-ATLAS_LEFT_PANE_SECTION.RMARGIN; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_HR].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING].x+ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING].height; 
+
+	// Place button.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_PLACE = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 84; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING_HR].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING_HR].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING_HR].height+(ATLAS_LEFT_PANE_SECTION.TMARGIN/2); 
+
+	// Height label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 48; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_PLACE].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING].x+2; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_PLACE].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_PLACE].height+ATLAS_LEFT_PANE_SECTION.TMARGIN*1.5; 
+
+	// Height input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 40; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].x+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].y; 
+
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 	
+	setCoordInputUpDown(Crd[Crd.last-2], Crd[Crd.last-1], ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX,
+		left_screen, top_screen, left_screen, top_screen);
+
+	// Angle label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_ANGLE_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].height+ATLAS_LEFT_PANE_SECTION.TMARGIN*1.5; 
+
+	// Angle input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_ANGLE_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].height+ATLAS_LEFT_PANE_SECTION.TMARGIN*1.5; 
+
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_ANGLE_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_ANGLE_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 	
+	setCoordInputUpDown(Crd[Crd.last-2], Crd[Crd.last-1], ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_ANGLE_INPUT_BOX,
+		left_screen, top_screen, left_screen, top_screen);
+
+	// Smooth label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_SMOOTH_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_ANGLE_LABEL].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_ANGLE_LABEL].height+ATLAS_LEFT_PANE_SECTION.TMARGIN*1.5; 
+
+	// Smooth input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_SMOOTH_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_ANGLE_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_ANGLE_INPUT_BOX].height+ATLAS_LEFT_PANE_SECTION.TMARGIN*1.5; 
+
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_SMOOTH_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_SMOOTH_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 	
+	setCoordInputUpDown(Crd[Crd.last-2], Crd[Crd.last-1], ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_SMOOTH_INPUT_BOX,
+		left_screen, top_screen, left_screen, top_screen);
+
+	// Custom button.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_CUSTOM = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_PLACE].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_PLACE].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_PLACE].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].height-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_CUSTOM].height; 
+
+	// Horizontal rule at end of Paint Cliff.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_HR].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_HR].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_ELEVATION_HR].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].height+ATLAS_LEFT_PANE_SECTION.BMARGIN; 
+
+	// ============================================= TERRAIN EDITOR: WATER ===============================================
+
+	// List of water portraits.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_LIST = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_LIST].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HR].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HR].x+3; 
+
+	// "Water" heading.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_HEADING = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HR].y; 
+
+	// Horizontal rule under heading.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_HEADING_HR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING_HR].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING_HR].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEADING_HR].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_HEADING].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_HEADING].height; 
+
+	// Place button.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_BUTTON_PLACE = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_PLACE].width-15; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_PLACE].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_PLACE].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_HEADING_HR].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_HEADING_HR].height+(ATLAS_LEFT_PANE_SECTION.TMARGIN/2); 
+
+	// Beautify Water button.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_BUTTON_BEAUTIFY = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 15; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_BUTTON_PLACE].x+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_BUTTON_PLACE].width+1; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_BUTTON_PLACE].y; 
+
+	// Depth label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_LABEL].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_BUTTON_PLACE].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_BUTTON_PLACE].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	// Depth input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HEIGHT_INPUT_BOX].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].y; 
+
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 	
+	setCoordInputUpDown(Crd[Crd.last-2], Crd[Crd.last-1], ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX,
+		left_screen, top_screen, left_screen, top_screen);
+
+	// Colour label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].height+ATLAS_LEFT_PANE_SECTION.TMARGIN*1.5; 
+
+	// Colour input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_R_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].height/1.5; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].height+ATLAS_LEFT_PANE_SECTION.TMARGIN/1.2; 
+
+	// Colour input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_G_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].height/1.5; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_R_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_R_INPUT_BOX].height+ATLAS_LEFT_PANE_SECTION.TMARGIN/1.2; 
+
+	// Colour input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_B_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].height/1.5; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_G_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_G_INPUT_BOX].height+ATLAS_LEFT_PANE_SECTION.TMARGIN/1.2; 
+
+	// Colour tint box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_TINT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_LABEL].width/3; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_TINT_BOX].width; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_LABEL].x+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_LABEL].width/5; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_LABEL].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_LABEL].height+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_LABEL].height/3; 
+
+	// Smooth input box.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_SMOOTH_INPUT_BOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_INPUT_BOX].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_B_INPUT_BOX].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_COLOUR_B_INPUT_BOX].height+ATLAS_LEFT_PANE_SECTION.TMARGIN; 
+
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_SMOOTH_INPUT_BOX_UP = addArrayElement(Crd, Crd.last); 
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_SMOOTH_INPUT_BOX_DN = addArrayElement(Crd, Crd.last); 	
+	setCoordInputUpDown(Crd[Crd.last-2], Crd[Crd.last-1], ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_SMOOTH_INPUT_BOX,
+		left_screen, top_screen, left_screen, top_screen);
+
+	// Smooth label.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_SMOOTH_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_DEPTH_LABEL].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_SMOOTH_INPUT_BOX].y-2; 
+
+	// Custom button.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_BUTTON_CUSTOM = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_CUSTOM].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_CUSTOM].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_CUSTOM].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_LIST].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_LIST].height-Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_BUTTON_CUSTOM].height; 
+
+	// Horizontal rule at end of Paint Water.
+	ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_HR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HR].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HR].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_HR].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_LIST].y+Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_WATER_LIST].height+ATLAS_LEFT_PANE_SECTION.BMARGIN; 
+
+	// ============================================= TERRAIN EDITOR: BRUSH SETTINGS ==============================================
+
+	// Terrain Preview.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 125; 
+	Crd[Crd.last-1].height	= 125; 
+	Crd[Crd.last-1].x	= ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+	Crd[Crd.last-1].y	= ATLAS_LEFT_PANE_SECTION.LMARGIN; 
+
+	// Terrain Preview label.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW].width; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW].y+Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW].height; 
+
+	// Brush border.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_RB_CORNER].x-Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW].x+Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW].width+(Crd[ATLAS_RB_CORNER].width/4); 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PREVIEW].y; 
+
+	// Brush border label.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER_LABEL = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].width; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].y+Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].height; 
+
+	// Brush size slider bar.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_SIZE_SLIDER_BAR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 15; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].height+11; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].x+Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].width-Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_SIZE_SLIDER_BAR].width-5; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].y-22; 
+
+	// Brush size slider marker.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_SIZE_SLIDER_MARKER = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_SIZE_SLIDER_BAR].width; 
+	Crd[Crd.last-1].height	= 8; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_SIZE_SLIDER_BAR].x-3; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_SIZE_SLIDER_BAR].y+70; 
+
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_SPAN = 5;
+
+	// Brush button.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 15; 
+	Crd[Crd.last-1].height	= 15; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].x+10; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].y+Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].height-15-10; 
+
+	// Brush button.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_2 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].y-Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].height-ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_SPAN; 
+
+	// Brush button.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_3 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_2].y-Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_2].height-ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_SPAN; 
+
+	// Brush button.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_4 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_3].y-Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_3].height-ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_SPAN; 
+
+	// Beautify Terrain button.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_BEAUTIFY = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BUTTON_1].x; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_BRUSH_BORDER].y+10; 
+
+	// ============================================= TERRAIN EDITOR: PAINT TERRAIN ===============================================
+
+	// Terrain Palette Background.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_BKG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 603; 
+	Crd[Crd.last-1].height	= 122; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_RB_CORNER].x+Crd[ATLAS_RB_CORNER].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_BKG].y+5; 
+
+	// Terrain Palette Tabs.	
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB = new Object();
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.span = 9;
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.max = 9;
+	for (ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.last = 1; ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.last <= ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.max; ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.last++)
+	{
+		ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.last] = Crd.last;
+		Crd[Crd.last] = new Object();
+		Crd[Crd.last].width = 63;
+		Crd[Crd.last].height = 17;
+		Crd[Crd.last].rleft	= right_screen;	Crd[Crd.last].rtop	= bottom_screen; 
+		Crd[Crd.last].rright	= right_screen;	Crd[Crd.last].rbottom	= bottom_screen; 
+
+		if (ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.last == 1)
+			Crd[Crd.last].x = Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_BKG].x+Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_BKG].width-Crd[Crd.last].width+2;
+		else
+			Crd[Crd.last].x = Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.last]-1].x-Crd[Crd.last].width+ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.span;
+
+		Crd[Crd.last].y = Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_BKG].y+Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_BKG].height;
+
+		Crd.last++;
+	}
+
+	// Custom button.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_BUTTON_CUSTOM = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_CUSTOM].width; 
+	Crd[Crd.last-1].height	= Crd[ATLAS_LEFT_PANE_SECTION_TERRAIN_CLIFF_BUTTON_CUSTOM].height; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_BKG].x-1; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_BKG].y+Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_BKG].height+3; 
+
+	// Right arrow on Terrain Palette.
+	ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_RT_ARROW = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 6; 
+	Crd[Crd.last-1].height	= 12; 
+	Crd[Crd.last-1].x	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_TAB.last-1]].x-Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_RT_ARROW].width-Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_RT_ARROW].width; 
+	Crd[Crd.last-1].y	= Crd[ATLAS_BOTTOM_PANE_SECTION_TERRAIN_PALETTE_BUTTON_CUSTOM].y-2; 
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_global.js b/binaries/data/mods/official/gui/test/functions_global.js
new file mode 100755
index 0000000000..8a3224bd29
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_global.js
@@ -0,0 +1,148 @@
+/*
+ ***************************************
+ functions_global.js
+
+ Contains global GUI functions, which will
+ later be accessible from every GUI script/file.
+ So far, only the message box-related functions
+ are implemented.
+ 
+ ***************************************
+
+ File version:        0.1
+ Edited by:           Malte, Nov 14 2004
+
+ ***************************************
+
+ Further comments:
+
+ Changelog:
+ v0.1:        - first version.
+
+ ***************************************
+*/
+
+// *******************************************
+// messageBox
+// *******************************************
+// @params:     int mbWidth, int mbHeight, string mbMessage, string mbTitle, int mbMode, arr mbButtonCaptions
+// @return:     void
+// @desc:       Displays a new message box. So far, we can only display one message box at
+//              a time, since the message box is based on one base-object which is modified
+//              according to the parameters. Later, we should probably be able to create GUI
+//              Objects (like the message box) at runtime.
+// *******************************************
+
+/*
+TODO: Make button code work for any number of buttons without extending the code each time! ((arrays | nested variables) & calculating sizes)
+*/
+
+// ====================================================================
+
+function initGlobal()
+{
+	// Bottom-left product logo; used when taking official screenshots.
+	GLOBAL_WATERMARK_PRODUCT_LOGO = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 200; 
+	Crd[Crd.last-1].height	= 98; 
+	Crd[Crd.last-1].x	= 0; 
+	Crd[Crd.last-1].y	= 0; 
+
+	// Bottom-right company logo; used when taking official screenshots.
+	GLOBAL_WATERMARK_COMPANY_LOGO = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 207; 
+	Crd[Crd.last-1].height	= 28; 
+	Crd[Crd.last-1].x	= 0; 
+	Crd[Crd.last-1].y	= 0; 
+}
+
+// ====================================================================
+
+function messageBox(mbWidth, mbHeight, mbMessage, mbTitle, mbMode, mbButtonCaptions, mbButtonsCode) {
+
+        mbMainObj = getGUIObjectByName("mb_main");
+        mbTitleObj = getGUIObjectByName("mb_titlebar_text");
+        mbTextObj = getGUIObjectByName("mb_text");
+        
+        mbButton1Obj = getGUIObjectByName("mb_button1");
+        mbButton2Obj = getGUIObjectByName("mb_button2");
+        mbButton3Obj = getGUIObjectByName("mb_button3");
+
+        // Calculate size
+        mbLRDiff = mbWidth / 2;     // Message box left/right difference from 50% of screen
+        mbUDDiff = mbHeight / 2;    // Message box up/down difference from 50% of screen
+        
+        mbSizeString = "50%-" + mbLRDiff + " 50%-" + mbUDDiff + " 50%+" + mbLRDiff + " 50%+" + mbUDDiff;
+        
+        mbMainObj.size = mbSizeString;
+        
+        // Texts
+        mbTitleObj.caption = mbTitle;
+        mbTextObj.caption = mbMessage;
+        
+        // Message box modes
+        // There is a number of standard modes, and if none of these is used (mbMode == 0), the button captions will be
+        // taken from the array mbButtonCaptions; there currently is a maximum of three buttons.
+        switch (mbMode) {
+                case 1:
+                        // Simple Yes/No question box
+                        mbButtonCaptions = new Array("Yes", "No");
+                break;
+                case 2:
+                        // Okay-only box
+                        mbButtonCaptions = new Array("OK");
+                break;
+                case 3:
+                        // Retry/Abort/Ignore box (will we ever need this?!)
+                        mbButtonCaptions = new Array("Retry", "Ignore", "Abort");
+                default:
+        }
+
+        // Buttons
+        switch (mbButtonCaptions.length) {
+                case 1:
+                        // One Button only
+                        mbButton1Obj.caption = mbButtonCaptions[0];
+                        mbButton1Obj.size = "30% 100%-80 70% 100%-50";
+                        mbButton1Obj.hidden = false;
+                        mbButton2Obj.hidden = true;
+                        mbButton3Obj.hidden = true;
+                break;
+                case 2:
+                        // Two Buttons
+                        mbButton1Obj.caption = mbButtonCaptions[0];
+                        mbButton2Obj.caption = mbButtonCaptions[1];
+                        mbButton1Obj.size = "10% 100%-80 45% 100%-50";
+                        mbButton2Obj.size = "55% 100%-80 90% 100%-50";
+                        mbButton1Obj.hidden = false;
+                        mbButton2Obj.hidden = false;
+                        mbButton3Obj.hidden = true;
+                break;
+                case 3:
+                        // Three Buttons
+                        mbButton1Obj.caption = mbButtonCaptions[0];
+                        mbButton2Obj.caption = mbButtonCaptions[1];
+                        mbButton3Obj.caption = mbButtonCaptions[2];
+                        mbButton1Obj.size = "10% 100%-80 30% 100%-50";
+                        mbButton2Obj.size = "40% 100%-80 60% 100%-50";
+                        mbButton3Obj.size = "70% 100%-80 90% 100%-50";
+                        mbButton1Obj.hidden = false;
+                        mbButton2Obj.hidden = false;
+                        mbButton3Obj.hidden = false;
+                break;
+        }
+
+        // Show the message box
+        mbMainObj.hidden=false;
+        
+        // Testing
+        getGUIGlobal().mbButton1Code = mbButtonsCode[0];
+        getGUIGlobal().mbButton2Code = mbButtonsCode[1];
+        getGUIGlobal().mbButton3Code = mbButtonsCode[2];
+
+}
+
diff --git a/binaries/data/mods/official/gui/test/functions_global_init.js b/binaries/data/mods/official/gui/test/functions_global_init.js
new file mode 100644
index 0000000000..d0eabf050a
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_global_init.js
@@ -0,0 +1,17 @@
+/*
+	DESCRIPTION	: Global initialisation functions, called when scripts first included at startup.
+	NOTES		: Use for any initialisation that cannot be mapped to an object.
+*/
+
+// ====================================================================
+
+function init ()
+{
+	// Root point for anything that needs to be globally initialised at startup.
+
+// (Both of these need to be rewritten, so might be removed.)
+	initCoord();
+	initSession();
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_global_object.js b/binaries/data/mods/official/gui/test/functions_global_object.js
new file mode 100644
index 0000000000..091d736ae3
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_global_object.js
@@ -0,0 +1,125 @@
+/*
+	DESCRIPTION	: Contains global GUI functions, which will later be accessible from every GUI script/file.
+	NOTES		: So far, only the message box-related functions are implemented.
+*/
+
+/*
+ ***************************************
+
+ File version:        0.1
+ Edited by:           Malte, Nov 14 2004
+
+ ***************************************
+
+ Further comments:
+
+ Changelog:
+ v0.1:        - first version.
+
+ ***************************************
+*/
+
+// *******************************************
+// messageBox
+// *******************************************
+// @params:     int mbWidth, int mbHeight, string mbMessage, string mbTitle, int mbMode, arr mbButtonCaptions
+// @return:     void
+// @desc:       Displays a new message box. So far, we can only display one message box at
+//              a time, since the message box is based on one base-object which is modified
+//              according to the parameters. Later, we should probably be able to create GUI
+//              Objects (like the message box) at runtime.
+// *******************************************
+
+/*
+TODO: Make button code work for any number of buttons without extending the code each time! ((arrays | nested variables) & calculating sizes)
+*/
+
+// ====================================================================
+
+function messageBox (mbWidth, mbHeight, mbMessage, mbTitle, mbMode, mbButtonCaptions, mbButtonsCode)
+{
+        mbMainObj 	= getGUIObjectByName ("mbMain");
+        mbTitleObj 	= getGUIObjectByName ("mbTitleBar");
+        mbTextObj 	= getGUIObjectByName ("mbText");
+        
+        mbButton1Obj 	= getGUIObjectByName ("mbButton1");
+        mbButton2Obj 	= getGUIObjectByName ("mbButton2");
+        mbButton3Obj 	= getGUIObjectByName ("mbButton3");
+
+        // Calculate size
+        mbLRDiff = mbWidth / 2;     // Message box left/right difference from 50% of screen
+        mbUDDiff = mbHeight / 2;    // Message box up/down difference from 50% of screen
+        
+        mbSizeString = "50%-" + mbLRDiff + " 50%-" + mbUDDiff + " 50%+" + mbLRDiff + " 50%+" + mbUDDiff;
+        
+        mbMainObj.size = mbSizeString;
+        
+        // Texts
+        mbTitleObj.caption	= mbTitle;
+        mbTextObj.caption 	= mbMessage;
+
+        // Message box modes
+        // There is a number of standard modes, and if none of these is used (mbMode == 0), the button captions will be
+        // taken from the array mbButtonCaptions; there currently is a maximum of three buttons.
+        switch (mbMode)
+	{
+                case 1:
+                        // Simple Yes/No question box
+                        mbButtonCaptions = new Array("Yes", "No");
+                break;
+                case 2:
+                        // Okay-only box
+                        mbButtonCaptions = new Array("OK");
+                break;
+                case 3:
+                        // Retry/Abort/Ignore box (will we ever need this?!)
+                        mbButtonCaptions = new Array("Retry", "Ignore", "Abort");
+                default:
+		break;
+        }
+
+        // Buttons
+        switch (mbButtonCaptions.length)
+	{
+                case 1:
+                        // One Button only
+                        mbButton1Obj.caption = mbButtonCaptions[0];
+                        mbButton1Obj.size = "30% 100%-80 70% 100%-50";
+                        mbButton1Obj.hidden = false;
+                        mbButton2Obj.hidden = true;
+                        mbButton3Obj.hidden = true;
+                break;
+                case 2:
+                        // Two Buttons
+                        mbButton1Obj.caption = mbButtonCaptions[0];
+                        mbButton2Obj.caption = mbButtonCaptions[1];
+                        mbButton1Obj.size = "10% 100%-80 45% 100%-50";
+                        mbButton2Obj.size = "55% 100%-80 90% 100%-50";
+                        mbButton1Obj.hidden = false;
+                        mbButton2Obj.hidden = false;
+                        mbButton3Obj.hidden = true;
+                break;
+                case 3:
+                        // Three Buttons
+                        mbButton1Obj.caption = mbButtonCaptions[0];
+                        mbButton2Obj.caption = mbButtonCaptions[1];
+                        mbButton3Obj.caption = mbButtonCaptions[2];
+                        mbButton1Obj.size = "10% 100%-80 30% 100%-50";
+                        mbButton2Obj.size = "40% 100%-80 60% 100%-50";
+                        mbButton3Obj.size = "70% 100%-80 90% 100%-50";
+                        mbButton1Obj.hidden = false;
+                        mbButton2Obj.hidden = false;
+                        mbButton3Obj.hidden = false;
+                break;
+        }
+
+        // Show the message box
+        guiUnHide (mbMainObj.name);
+        
+        // Testing
+        getGUIGlobal().mbButton1Code = mbButtonsCode[0];
+        getGUIGlobal().mbButton2Code = mbButtonsCode[1];
+        getGUIGlobal().mbButton3Code = mbButtonsCode[2];
+
+}
+
diff --git a/binaries/data/mods/official/gui/test/functions_page_pregame.js b/binaries/data/mods/official/gui/test/functions_page_pregame.js
new file mode 100644
index 0000000000..6a8ff9c8ba
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_page_pregame.js
@@ -0,0 +1,47 @@
+/*
+	DESCRIPTION	: Main Pregame JS Script file.
+	NOTES		: Contains functions and code for Main Menu.
+*/
+
+// ====================================================================
+
+function openMainMenuSubWindow (windowName)
+{
+	// Helper function that enables the dark background mask, then reveals a given subwindow object.
+
+	guiUnHide	("pgSubWindow");
+	guiUnHide	(windowName);
+}
+
+// ====================================================================
+
+function closeMainMenuSubWindow (windowName)
+{
+	// Helper function that disables the dark background mask, then hides a given subwindow object.
+
+	guiHide		("pgSubWindow");
+	guiHide		(windowName);
+}
+
+// ====================================================================
+
+function updateCredits()
+{
+	// If there are still credit lines to remove, remove them.
+	if (getNumItems("pgCredits") > 0)
+		removeItem ("pgCredits", 0);
+	else
+	{
+		// When we've run out of credit,
+
+		// Stop the increment timer if it's still active.
+		cancelInterval();
+
+		// Close the credits screen and return.
+		closeMainMenuSubWindow ("pgCredits");
+		guiUnHide ("pg");
+	}
+}
+
+// ====================================================================
+
diff --git a/binaries/data/mods/official/gui/test/functions_page_pregame_load.js b/binaries/data/mods/official/gui/test/functions_page_pregame_load.js
new file mode 100644
index 0000000000..fbcee28fd9
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_page_pregame_load.js
@@ -0,0 +1,179 @@
+/*
+	DESCRIPTION	: Functions used load/end the game session and manipulate the loading screen.
+	NOTES		: 
+*/
+
+// ====================================================================
+
+function startMap (mapName, openWindow, gameMode)
+{
+	// Starts the map, closing the current window.
+	// mapName: 	.pmp to load.
+	// openWindow: 	Window group (usually parent string) of control that called the function. It'll be hidden.
+	// gameMode: 	0: SP
+	//		1: MP
+
+	// Check whether we have a correct file extension, to avoid crashes
+	extension = mapName.substring (mapName.length, mapName.length-4);
+                                        
+	if (extension != ".pmp")
+	{
+		// Add .pmp to the file name - shouldn't help if the name is mistyped, but may be useful in some cases.
+		mapName =  mapName + ".pmp";
+	}
+
+	// Set up game
+	g_GameAttributes.mapFile = mapName;
+
+	// Close setup window
+	closeMainMenuSubWindow (openWindow);
+
+	// Display loading screen.	
+	startLoadingScreen();
+
+        // Begin game session.
+        if (! startGame())
+        {
+                // Failed to start the game; go back to the main menu.
+                guiSwitch ("ld", "pg");
+                // Show an error message
+                btCaptions = new Array("OK");
+                btCode = new Array("");
+                messageBox(400, 200, "The game could not be started with the given parameters. You probably have entered an invalid map name.", "Error", 0, btCaptions, btCode);
+        }
+}
+
+// ====================================================================
+
+function startLoadingScreen()
+{
+        // Switch screens from main menu to loading screen.
+        guiSwitch ("pg", "ld");
+        console.write ("Loading " + g_GameAttributes.mapFile + " (" + g_GameAttributes.numPlayers + " players) ...");
+
+        // Generate random number for random concept art (should be depending on the selected civ later)
+        randVar = getRandom(1, 6);
+        
+	switch (randVar) {
+		case 1:
+			sprite = "load_concept_he";
+		break;
+		case 2:
+			sprite = "load_concept_ce";
+		break;
+		case 3:
+			sprite = "load_concept_pe";
+		break;
+		case 4:
+			sprite = "load_concept_ro";
+		break;
+		case 5:
+			sprite = "load_concept_ca";
+		break;
+		case 6:
+			sprite = "load_concept_ib";
+		break;
+	}
+        
+        getGUIObjectByName ("ldConcept").sprite = sprite;
+
+        // janwas: main loop now sets progress / description, but that won't
+        // happen until the first timeslice completes, so set initial values.
+        getGUIObjectByName ("ldTitleBar").caption = "Loading Scenario ...";
+        getGUIObjectByName ("ldProgressBarText").caption = "";
+        getGUIObjectByName ("ldProgressBar").caption = 0;
+        getGUIObjectByName ("ldText").caption = "LOADING " + g_GameAttributes.mapFile + " ...\nPlease wait ...";
+
+        // Pick a random tip of the day (each line is a separate tip).
+        tipArray  = readFileLines("gui/text/tips.txt");
+        // Set tip string.
+        getGUIObjectByName ("ldTip").caption = tipArray[getRandom(0, tipArray.length-1)];
+}
+
+// ====================================================================
+
+function reallyStartGame()
+{
+	// This is a reserved function name that is executed by the engine when it is ready
+	// to start the game (ie loading progress has reached 100%).
+
+	// Create resource pools for each player, etc.
+	setupSession();  
+
+	// Switch GUI from loading screen to game session.
+	guiSwitch ("ld", "sn");
+}
+
+// ====================================================================
+
+function setupSession (GameMode)
+{
+	// GameMode: 	0: SP
+	//		1: MP
+
+        // Do essentials that can only be done when the session has been loaded ...
+        // For example, create the resource types, scores, etc, for each player.
+
+        // Initialise Resource Pools by attaching them to the Player object.
+        // (CPlayer code takes care of giving a copy to each player.)
+        createResources();
+
+	if (GameMode == "0")
+	{
+		// Set up a bunch of players so we can see them pretty colours. :P
+		console.write ("Setting Up Temporary Single Players");
+		// The first player is by default allocated to the local player in SP, so
+		// adding 7 players means that we'll have 8 players in total
+		for (i=0; i<7; i++)
+		{
+			g_GameAttributes.slots[i+1].assignLocal();
+			console.write ("Slot "+(i+1)+" is assigned: " + g_GameAttributes.slots[i+1].assignment);
+		}
+	}
+
+	// Set starting UI layout.
+        flipGUI (GUIType);
+
+        // Select session peace track.
+        curr_session_playlist_1 = newRandomSound("music", "peace");
+        // Fade out main theme and fade in session theme.
+        crossFade(curr_music, curr_session_playlist_1, 0.1);
+			// janwas: greatly accelerate this timesink;
+			// will be replaced soon by native version that doesn't block.
+
+        // Start refreshing the session controls.
+//        setInterval( getObjectInfo, 1, 100 );
+}
+
+// ====================================================================
+
+function endSession (closeType)
+{
+        // Occurs when the player chooses to close the current game.
+
+        switch (closeType)
+        {
+                case ("return"):
+                        // If the player has chosen to quit game and return to main menu,
+
+                        // End the session.
+                        endGame();
+                        
+                        // Fade out current music and return to playing menu theme.
+                        curr_music = newRandomSound('music', 'menu');
+                        crossFade(curr_session_playlist_1, curr_music, 0.1);
+                                // janwas: greatly accelerate this timesink;
+                                // will be replaced soon by native version that doesn't block.
+
+                        // Swap GUIs to display main menu.
+                        guiSwitch ("sn", "pg");
+                break;
+                case ("exit"):
+                        // If the player has chosen to shutdown and immediately return to operating system,
+
+                        exit();
+                break;
+        }
+}
+
+// ====================================================================
diff --git a/binaries/data/mods/official/gui/test/functions_page_session.js b/binaries/data/mods/official/gui/test/functions_page_session.js
new file mode 100644
index 0000000000..735d911c6c
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_page_session.js
@@ -0,0 +1,501 @@
+/*
+	DESCRIPTION	: Functions for "main game" session GUI.
+	NOTES		: 
+*/
+
+// ====================================================================
+
+function initSession()
+{
+	// ============================================= CONSTANTS =================================================
+
+	GUIType="bottom";
+
+	// Standard portrait widths.
+	crd_portrait_lrg_width = 64;
+	crd_portrait_lrg_height = crd_portrait_lrg_width;
+	crd_portrait_sml_width = 32;
+	crd_portrait_sml_height = crd_portrait_sml_width;
+
+	// Small icons (eg Movement Rate, Food).
+	crd_mini_icon_width = 20;
+	crd_mini_icon_height = crd_mini_icon_width;
+
+	// Define cell reference constants for icon sheets.
+	initCellReference();
+
+	// ============================================= GLOBALS =================================================
+
+//        initGroupPane();
+  //      initResourcePool();
+    //    initStatusOrb();
+//        initMapOrb();
+  //      initTeamTray();
+    //    initSubWindows();
+//		initManual();
+//		initJukebox();
+}
+
+// ====================================================================
+
+function initCellReference()
+{
+        // Define cell reference constants for icon sheets.
+
+        // icon_sheet_statistic
+        stat_accuracy                   = 0;
+        stat_attack                     = 1;
+        stat_armour                     = 2;
+        stat_los                        = 3;
+        stat_speed                      = 4;
+        stat_range                      = 5;
+        stat_hack                       = 6;
+        stat_pierce                     = 7;
+        stat_crush                      = 8;
+        stat_rank1                      = 9;
+        stat_rank2                      = 10;
+        stat_rank3                      = 11;
+        stat_garrison                   = 12;
+        stat_heart                      = 13;
+
+        // portrait_sheet_action
+                // generic actions
+        action_empty                    = 0;
+        action_attack                   = 1;
+        action_patrol                   = 2;
+        action_stop                     = 3;
+        action_gather_food              = 4;
+        action_gather_wood              = 5;
+        action_gather_stone             = 6;
+        action_gather_ore               = 7;
+        action_rally                    = 8;
+        action_repair                   = 9;
+        action_heal                     = 10;
+        action_scout                    = 11;
+        action_townbell                 = 12;
+        action_lock                     = 13;
+        action_unlock                   = 14;
+                // formation actions
+        action_formation_box            = 23;
+        action_formation_column_c       = 24;
+        action_formation_column_o       = 25;
+        action_formation_line_c         = 26;
+        action_formation_line_o         = 27;
+        action_formation_phalanx        = 28;
+        action_formation_skirmish       = 29;
+        action_formation_testudo        = 30;
+        action_formation_wedge          = 31;
+                // stance actions
+        action_stance_aggress           = 39;
+        action_stance_avoid             = 40;
+        action_stance_defend            = 41;
+        action_stance_hold              = 42;
+        action_stance_stand             = 43;
+                // tab actions
+        action_tab_command              = 48;
+        action_tab_train                = 49;
+        action_tab_buildciv             = 50;
+        action_tab_buildmil             = 51;
+        action_tab_research             = 52;
+        action_tab_formation            = 53;
+        action_tab_stance               = 54;
+        action_tab_barter               = 55;
+}
+
+// ====================================================================
+
+function setPortrait(objectName, portraitString, portraitSuffix, portraitCell) 
+{
+        // Use this function as a shortcut to change a portrait object to a different portrait image. 
+
+        // Accepts an object and specifies its default, rollover (lit) and disabled (grey) sprites.
+        // Sprite Format: "ui_portrait_"portraitString"_"portraitSuffix
+        // Sprite Format: "ui_portrait_"portraitString"_"portraitSuffix"_lit"
+        // Sprite Format: "ui_portrait_"portraitString"_"portraitSuffix"_grey"
+        // Note: Make sure the file follows this naming convention or bad things could happen.
+
+        // Get GUI object
+        setPortraitGUIObject = getGUIObjectByName(objectName);
+
+        // Set the three portraits.
+	if (portraitSuffix && portraitSuffix != "")
+	        setPortraitGUIObject.sprite = "ui_portrait_" + portraitString + "_" + portraitSuffix;
+	else
+	        setPortraitGUIObject.sprite = "ui_portrait_" + portraitString;
+
+        setPortraitGUIObject.sprite_over = setPortraitGUIObject.sprite + "_lit";
+        setPortraitGUIObject.sprite_disabled = setPortraitGUIObject.sprite + "_grey";
+
+        // If the source texture is a multi-frame image (icon sheet), specify correct cell.
+        if (portraitCell && portraitCell != "")
+                setPortraitGUIObject.cell_id = portraitCell;
+	else
+		setPortraitGUIObject.cell_id = "";
+}
+
+// ====================================================================
+
+function getObjectInfo() 
+{
+        // Updated each tick to extract entity information from selected unit(s).
+
+        // Don't process GUI when we're full-screen.
+        if (GUIType != "none")
+        {
+                if (!selection.length)         // If no entity selected,
+                {
+                        // Hide Status Orb
+                        getGUIObjectByName("session_status_orb").hidden = true;
+
+                        // Hide Group Pane.
+                        getGUIObjectByName("session_group_pane").hidden = true;
+
+                        getGlobal().MultipleEntitiesSelected = 0;
+                }
+                else                        // If at least one entity selected,
+                {
+                        // Store globals for entity information.
+//                        strString = "" + selection[0].position;
+//                        EntityPos = strString.substring(20,strString.length-3);
+
+                        UpdateStatusOrb(); // (later, we need to base this on the selected unit's stats changing)
+
+                        // Check if a group of entities selected
+                        if (selection.length > 1) 
+                        {
+                                // If a group pane isn't already open, and we don't have the same set as last time,
+                                // NOTE: This "if" is an optimisation because the game crawls if this set of processing occurs every frame.
+                                // It's quite possible for the player to select another group of the same size and for it to not be recognised.
+                                // Best solution would be to base this off a "new entities selected" instead of an on-tick.
+                                if (
+                                        // getGUIObjectByName("session_group_pane").hidden == true || 
+                                        selection.length != getGlobal().MultipleEntitiesSelected)
+                                {
+                                        UpdateGroupPane(); // (later, we need to base this on the selection changing)
+                                        getGlobal().MultipleEntitiesSelected = selection.length;
+                                }
+                        } 
+                        else
+                        {
+                                getGlobal().MultipleEntitiesSelected = 0;
+
+                                // Hide Group Pane.
+                                getGUIObjectByName("session_group_pane").hidden = true;
+                        }
+                }
+
+                // Modify any resources given/taken (later, we need to base this on a resource-changing event).
+                UpdateResourcePool();
+
+                // Update Team Tray (later, we need to base this on the player creating a group).
+                UpdateTeamTray();
+        }
+}
+
+// ====================================================================
+
+function MakeUnit(x, y, z, MakeUnitName)
+{
+        // Spawn an entity at the given coordinates.
+
+        DudeSpawnPoint = new Vector3D(x, y, z);
+        new Entity(getEntityTemplate(MakeUnitName), DudeSpawnPoint, 1.0);
+        // writeConsole(MakeUnitName + " created at " + DudeSpawnPoint);
+}
+
+// ====================================================================
+
+function selected()
+{
+        // Returns how many units selected.
+
+        if( selection.length > 0 )
+                return( selection[0] );
+        return( null );
+}
+
+// ====================================================================
+
+function flipGUI (NewGUIType)
+{
+	// Sets the GUI coordinates and graphics so that the panel is either at the top or bottom of the screen.
+
+	switch (NewGUIType)
+	{
+		// Set which GUI to use.
+		case "top":
+		case "bottom":
+		case "none":
+			GUIType=NewGUIType;
+		break;
+		default:
+			// If no type specified, toggle.
+			if (GUIType == "top")
+				GUIType = "bottom";
+			else
+			if (GUIType == "bottom")
+				GUIType = "none";
+			else
+				GUIType = "top";
+		break;
+	}
+
+	if (GUIType != "none")
+	{
+		guiUnHide("sn");
+
+		// Seek through all sizes created.
+		for (FlipGUILoop = 0; FlipGUILoop <= SizeCoord.last-1; FlipGUILoop++)
+		{
+			// Set each object to the other size.
+			switch (GUIType)
+			{
+				case "bottom":
+					setSize(SizeCoord[FlipGUILoop].name, SizeCoord[FlipGUILoop].size1);
+					switch (SizeCoord[FlipGUILoop].name){
+						case "SN_MAP_ORB_SEGBOTTOM1":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segtop1";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segtop1" + "_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM2":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segtop2";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segtop2" + "_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM3":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segtop3";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segtop3" + "_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM4":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segtop4";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segtop4" + "_lit";
+						break;
+						case "SN_STATUS_PANE_BG":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_status_bg_top";
+						break;
+						default:
+						break;
+					}
+				break;
+				case "top":
+					setSize(SizeCoord[FlipGUILoop].name, SizeCoord[FlipGUILoop].size2);
+					switch (SizeCoord[FlipGUILoop].name){
+						case "SN_MAP_ORB_SEGBOTTOM1":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segbottom1";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segbottom1_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM2":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segbottom2";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segbottom2_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM3":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segbottom3";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segbottom3_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM4":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segbottom4";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segbottom4_lit";
+						break;
+						case "SN_STATUS_PANE_BG":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_status_bg_bottom";
+						break;
+						default:
+						break;
+					}
+				break;
+			}			
+		}
+
+//		UpdateGroupPane();
+	}
+	else
+	{
+		guiHide("sn");
+	}
+
+	writeConsole("GUI flipped to " + GUIType + ".");
+
+}
+
+// ====================================================================
+
+function selectEntity(handler)
+{
+	endSelection();
+	startSelection(function (event) {
+			// Selection is performed when single-clicking the right mouse
+			// button.
+			if (event.button == SDL_BUTTON_RIGHT && event.clicks == 1)
+			{
+				handler(event.entity);
+			}
+			// End selection on first mouse-click
+			endSelection();
+		});
+}
+
+function selectLocation(handler)
+{
+	endSelection();
+	startSelection(function (event) {
+			// Selection is performed when single-clicking the right mouse
+			// button.
+			if (event.button == SDL_BUTTON_RIGHT && event.clicks == 1)
+			{
+				handler(event.x, event.y);
+			}
+			// End selection on first mouse-click
+			endSelection();
+		});
+}
+
+function startSelection(handler)
+{
+	gameView.startCustomSelection();
+	getGlobal().selectionWorldClickHandler=handler;
+	console.write("isSelecting(): "+isSelecting());
+}
+
+function endSelection()
+{
+	if (!isSelecting())
+		return;
+	
+	gameView.endCustomSelection();
+	getGlobal().selectionWorldClickHandler = null;
+}
+
+function isSelecting()
+{
+	return getGlobal().selectionWorldClickHandler != null;
+}
+
+// The world-click handler - called whenever the user clicks the terrain
+function worldClickHandler(event)
+{
+	args=new Array(null, null);
+
+	console.write("worldClickHandler: button "+event.button+", clicks "+event.clicks);
+
+	if (isSelecting())
+	{
+		getGlobal().selectionWorldClickHandler(event);
+		return;
+	}
+
+
+	// Right button single- or double-clicks
+	if (event.button == SDL_BUTTON_RIGHT && event.clicks <= 2)
+	{
+		if (event.clicks == 1)
+			cmd = event.command;
+		else if (event.clicks == 2)
+		{
+			console.write("Issuing secondary command");
+			cmd = event.secondaryCommand;
+		}
+	}
+	else
+		return;
+
+	switch (cmd)
+	{
+		// location target commands
+		case NMT_Goto:
+		case NMT_Patrol:
+			if (event.queued)
+			{
+				cmd = NMT_AddWaypoint;
+			}
+		case NMT_AddWaypoint:
+			args[0]=event.x;
+			args[1]=event.y;
+			break;
+		// entity target commands
+		case NMT_AttackMelee:
+		case NMT_Gather:
+			args[0]=event.entity;
+			args[1]=null;
+			break;
+		default:
+			console.write("worldClickHandler: Unknown command: "+cmd);
+			return;
+	}
+
+	issueCommand(selection, cmd, args[0], args[1]);
+}
+
+addGlobalHandler("worldClick", worldClickHandler);
+
+
+// ====================================================================
+
+function createResources()
+{
+	// Defines all resource types for future use.
+
+	addResource ("Food", 0);
+	addResource ("Wood", 0);
+	addResource ("Stone", 0);
+	addResource ("Ore", 0);
+	addResource ("Population", 0);
+	addResource ("Housing", 0);
+}
+
+// ====================================================================
+
+function addResource (resourceName, resourceQty)
+{
+	// Creates a resource type.
+
+	// MT: Rewritten to use JavaScript's nice associative-array-alikes. Requires the valueOf() hack - I'm looking into this.
+
+	if (!localPlayer.resource)
+	{
+		// Define the base resource group if it does not exist.
+		localPlayer.resource = new Array();
+	}
+	
+	// Set resource name to upper-case to ensure it matches resource control name.
+	resourceName = resourceName.toUpperCase();
+
+	// Store resource's name and starting value.
+	localPlayer.resource.valueOf()[resourceName] = resourceQty;
+	
+	console.write("Added " + resourceName );
+}
+
+// ====================================================================
+
+function giveResources (resourceName, resourceQty)
+{
+	// Generic function to add resources to the player's Pool.
+
+	if ( localPlayer.resource.valueOf()[resourceName] )
+	{
+	    localPlayer.resource.valueOf()[resourceName] += resourceQty;
+	    console.write ("Earned " + resourceQty + " resources.");
+	    return ( true );
+	}
+
+	// If the resource wasn't in the list, report an error.
+	return false;
+}
+
+// ====================================================================
+
+function deductResources (resourceName, resourceQty)
+{
+	// Generic function to remove resources from the player's Pool.
+
+	if( localPlayer.resource.valueOf()[resourceName] )
+	{
+	    localPlayer.resource.valueOf()[resourceName] -= resourceQty;
+	    console.write("Deducted " + resourceQty + " resources.");
+	    return( true );
+	}
+
+	// If the resource wasn't in the list, report an error.
+	return false;
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_pregame.js b/binaries/data/mods/official/gui/test/functions_pregame.js
new file mode 100755
index 0000000000..45a124543c
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_pregame.js
@@ -0,0 +1,31 @@
+// Main Pregame JS Script file
+// Contains functions and code for Main Menu.
+
+// ====================================================================
+
+function openMainMenuSubWindow (windowName)
+{
+	// Helper function that enables the dark background mask, then reveals a given subwindow object.
+
+	guiUnHide	("pregame_subwindow_bkg");
+	guiUnHide	(windowName);
+}
+
+// ====================================================================
+
+function closeMainMenuSubWindow (windowName)
+{
+	// Helper function that disables the dark background mask, then hides a given subwindow object.
+
+	guiHide		("pregame_subwindow_bkg");
+	guiHide		(windowName);
+}
+
+// ====================================================================
+
+function initPreGame()
+{
+}
+
+// ====================================================================
+
diff --git a/binaries/data/mods/official/gui/test/functions_pregame_cpn.js b/binaries/data/mods/official/gui/test/functions_pregame_cpn.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/binaries/data/mods/official/gui/test/functions_pregame_history.js b/binaries/data/mods/official/gui/test/functions_pregame_history.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/binaries/data/mods/official/gui/test/functions_pregame_load.js b/binaries/data/mods/official/gui/test/functions_pregame_load.js
new file mode 100644
index 0000000000..4818630674
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_pregame_load.js
@@ -0,0 +1,177 @@
+// ====================================================================
+
+function StartMap (MapName, OpenWindow, GameMode)
+{
+	// Starts the map, closing the current window.
+	// MapName: 	.pmp to load.
+	// OpenWindow: 	Window group (usually parent string) of control that called the function. It'll be hidden.
+	// GameMode: 	0: SP
+	//		1: MP
+
+	// Check whether we have a correct file extension, to avoid crashes
+	Extension = MapName.substring(MapName.length, MapName.length-4);
+                                        
+	if (Extension != ".pmp")
+	{
+		// Add .pmp to the file name - shouldn't help if the name is mistyped, but may be useful in some cases.
+		MapName =  MapName + ".pmp";
+		console.write ("Trying to fix the map name (probably missing extension).");
+	}
+
+	// Set up game
+	g_GameAttributes.mapFile = MapName;
+
+	// Close setup window
+	closeMainMenuSubWindow (OpenWindow);
+
+	// Display loading screen.	
+	StartLoadingScreen();
+
+        // Begin game session.
+        if (! startGame())
+        {
+                // Failed to start the game; go back to the main menu.
+                guiHide ("loading_screen");
+                guiUnHide ("pregame_gui");
+                // Show an error message
+                btCaptions = new Array("OK");
+                btCode = new Array("");
+                messageBox(400, 200, "The game could not be started with the given parameters. You probably have entered an invalid map name.", "Error", 0, btCaptions, btCode);
+        }
+}
+
+// ====================================================================
+
+function StartLoadingScreen()
+{
+        // Switch screens from main menu to loading screen.
+        guiSwitch ("pregame_gui", "loading_screen");
+        console.write ("Loading " + g_GameAttributes.mapFile + " (" + g_GameAttributes.numPlayers + " players) ...");
+
+        // Generate random number for random concept art (should be depending on the selected civ later)
+        RandVar = getRandom(1, 6);
+        
+	switch (RandVar) {
+		case 1:
+			sprite = "load_concept_he";
+		break;
+		case 2:
+			sprite = "load_concept_ce";
+		break;
+		case 3:
+			sprite = "load_concept_pe";
+		break;
+		case 4:
+			sprite = "load_concept_ro";
+		break;
+		case 5:
+			sprite = "load_concept_ca";
+		break;
+		case 6:
+			sprite = "load_concept_ib";
+		break;
+	}
+        
+        getGUIObjectByName ("loading_screen_background_concept").sprite = sprite;
+        console.write (getGUIObjectByName ("loading_screen_background_concept").sprite);
+
+        // janwas: main loop now sets progress / description, but that won't
+        // happen until the first timeslice completes, so set initial values.
+        getGUIObjectByName ("loading_screen_titlebar").caption = "Loading Scenario ...";
+        getGUIObjectByName ("loading_screen_progress_bar_text").caption = "";
+        getGUIObjectByName ("loading_screen_progress_bar").caption = 0;
+        getGUIObjectByName ("loading_screen_text").caption = "LOADING " + g_GameAttributes.mapFile + " ...\nPlease wait ...";
+
+        // Pick a random tip of the day (each line is a separate tip).
+        tipArray  = readFileLines("gui/text/tips.txt");
+        // Set tip string.
+        getGUIObjectByName ("loading_screen_tip").caption = tipArray[getRandom(0, tipArray.length-1)];
+}
+
+// ====================================================================
+
+function reallyStartGame()
+{
+	// This is a reserved function name that is executed by the engine when it is ready
+	// to start the game (ie loading progress has reached 100%).
+
+	// Create resource pools for each player, etc.
+	SetupSession();  
+
+	// Switch GUI from loading screen to game session.
+	guiSwitch ("loading_screen", "session_gui");
+}
+
+// ====================================================================
+
+function SetupSession (GameMode)
+{
+	// GameMode: 	0: SP
+	//		1: MP
+
+        // Do essentials that can only be done when the session has been loaded ...
+        // For example, create the resource types, scores, etc, for each player.
+
+        // Initialise Resource Pools by attaching them to the Player object.
+        // (CPlayer code takes care of giving a copy to each player.)
+        CreateResources();
+
+	if (GameMode == "0")
+	{
+		// Set up a bunch of players so we can see them pretty colours. :P
+		console.write ("Setting Up Temporary Single Players");
+		// The first player is by default allocated to the local player in SP, so
+		// adding 7 players means that we'll have 8 players in total
+		for (i=0; i<7; i++)
+		{
+			g_GameAttributes.slots[i+1].assignLocal();
+			console.write ("Slot "+(i+1)+" is assigned: " + g_GameAttributes.slots[i+1].assignment);
+		}
+	}
+
+	// Set starting UI layout.
+        FlipGUI(GUIType);
+
+        // Select session peace track.
+        curr_session_playlist_1 = newRandomSound("music", "peace");
+        // Fade out main theme and fade in session theme.
+        CrossFade(curr_music, curr_session_playlist_1, 0.1);
+			// janwas: greatly accelerate this timesink;
+			// will be replaced soon by native version that doesn't block.
+
+        // Start refreshing the session controls.
+        setInterval( getObjectInfo, 1, 100 );
+}
+
+// ====================================================================
+
+function EndSession (CloseType)
+{
+        // Occurs when the player chooses to close the current game.
+
+        switch (CloseType)
+        {
+                case ("return"):
+                        // If the player has chosen to quit game and return to main menu,
+
+                        // End the session.
+                        endGame();
+                        
+                        // Fade out current music and return to playing menu theme.
+                        curr_music = newRandomSound('music', 'menu');
+                        CrossFade(curr_session_playlist_1, curr_music, 0.1);
+                                // janwas: greatly accelerate this timesink;
+                                // will be replaced soon by native version that doesn't block.
+
+                        // Swap GUIs to display main menu.
+                        guiSwitch ("session_gui", "pregame_gui");
+                break;
+                case ("exit"):
+                        // If the player has chosen to shutdown and immediately return to operating system,
+
+                        exit();
+                break;
+        }
+}
+
+// ====================================================================
diff --git a/binaries/data/mods/official/gui/test/functions_pregame_mp.js b/binaries/data/mods/official/gui/test/functions_pregame_mp.js
new file mode 100644
index 0000000000..61f4a4509e
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_pregame_mp.js
@@ -0,0 +1,102 @@
+// ====================================================================
+
+function initMPSessionHost()
+{
+	var gameName = getGUIObjectByName("pregame_mp_host_gamename").caption;
+	guiSwitch ("pregame_mp_host", "pregame_mp_setup_host");
+	guiHide("pregame_mainmenu_versionnumber");
+ 
+	// Set up the server
+	var server = createServer();
+	// Welcome message
+	server.welcomeMessage = getGUIObjectByName("pregame_mp_host_welcomemsg").caption;
+	// Server Name
+	server.serverName = gameName;
+                              	
+	// start listening
+	var success = server.open();
+	if(!success) {
+		messageBox(400, 200, "Failed to start server. Please review the logfile for more information on the problem.", "Problem", 2, new Array(), new Array());
+	}
+
+	// Set the title for the setup screen
+	getGUIObjectByName("pregame_mp_setup_host_titlebar").caption = "Hosting: " + getGUIObjectByName("pregame_mp_host_gamename").caption;
+
+	// Set the host player's name on the setup screen
+	getGUIObjectByName("pregame_mp_setup_host_p1_txt").caption = "P1: " + getGUIObjectByName("pregame_mp_modesel_playername").caption + " (Host)";
+        
+	// Set the map to use
+	//g_GameAttributes.mapFile = mapName;
+
+	// -------------------------
+	// INCOMING CONNECTIONS
+	// -------------------------
+	server.onClientConnect=function (event) {
+		console.write("Client connected.");
+		//console.write("A new client has successfully connected! ID: " + event.id + ", Name: " + event.name + ", Session: " + event.session);
+		//console.write("New client.");
+		//var playerSlot = g_GameAttributes.getOpenSlot();
+		// assign a slot
+		//playerSlot.assignToSession(event.session);
+		//console.write("slot: " + playerSlot.player);
+		//console.write("got here");
+		// need to refresh the dialog control data here
+	};
+	
+	server.onClientDisconnect=function (event) {
+		console.write("Client disconnected.");
+	};	
+        
+	// CHAT
+	/*server.onChat=function (event) {
+		messageBox(400, 200, event.sender+" says: "+event.message, "Chat Message", 2, new Array(), new Array());
+	};*/
+
+	// Need "waiting for more players to join and start game" code here
+
+	/*btCaptions = new Array("OK");
+	btCode = new Array("startLoadingScreen();");
+	messageBox(400, 200, "Waiting for clients to join - Click OK to start the game.", "Ready", 0, btCaptions, btCode);*/
+	
+}
+
+// ====================================================================
+
+function initMPSessionClient(playerName, serverIP)
+{
+        GUIObjectHide("pregame_mp_ip");
+        GUIObjectHide("pregame_subwindow_bkg");
+
+        var client=createClient();
+        
+        client.playerName=playerName;
+        
+        client.onStartGame=function () {
+                messageBox(400, 200, "The game starts now!!!", "Get Ready!", 2, new Array(), new Array());
+                startLoadingScreen();
+        };
+        
+        client.onChat=function (event) {
+                messageBox(400, 200, event.sender+" says: "+event.message, "Chat Message", 2, new Array(), new Array());
+        };
+        
+        client.onConnectComplete=function (event) {
+                messageBox(400, 200, "Result message: "+event.message, "Connect complete", 2, new Array(), new Array());
+        };
+        
+        // Join MP game
+        var success = client.beginConnect(serverIP);
+        if(!success) {
+                messageBox(400, 200, "Failed to join game. Please review the logfile for more information on the problem.", "Failure", 2, new Array(), new Array());
+        }
+
+        // Need "waiting for game to start" code here - it should automatically start if the client recieves the start signal from the server,
+        // but I currently don't know how that could be done.
+
+        /*btCaptions = new Array("OK");
+        btCode = new Array("");
+        messageBox(400, 200, "Data: " + playerName + ";" + serverIP + ";", "Test", 0, btCaptions, btCode);*/
+}
+
+// ====================================================================
+
diff --git a/binaries/data/mods/official/gui/test/functions_pregame_options.js b/binaries/data/mods/official/gui/test/functions_pregame_options.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/binaries/data/mods/official/gui/test/functions_pregame_sp.js b/binaries/data/mods/official/gui/test/functions_pregame_sp.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/binaries/data/mods/official/gui/test/functions_session.js b/binaries/data/mods/official/gui/test/functions_session.js
new file mode 100755
index 0000000000..242009d010
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_session.js
@@ -0,0 +1,426 @@
+function initSession()
+{
+	// ============================================= CONSTANTS =================================================
+
+	GUIType="bottom";
+
+	// Coord-style size table.
+	SizeCoord = new Array();
+	SizeCoord.last = 0;
+
+	// Standard portrait widths.
+	crd_portrait_lrg_width = 64;
+	crd_portrait_lrg_height = crd_portrait_lrg_width;
+	crd_portrait_sml_width = 32;
+	crd_portrait_sml_height = crd_portrait_sml_width;
+
+	// Small icons (eg Movement Rate, Food).
+	crd_mini_icon_width = 20;
+	crd_mini_icon_height = crd_mini_icon_width;
+
+	// Define cell reference constants for icon sheets.
+	initCellReference();
+
+	// ============================================= GLOBALS =================================================
+
+        initGroupPane();
+        initResourcePool();
+        initStatusOrb();
+        initMapOrb();
+        initTeamTray();
+        initSubWindows();
+		initManual();
+		initJukebox();
+}
+
+// ====================================================================
+
+function initCellReference()
+{
+        // Define cell reference constants for icon sheets.
+
+        // icon_sheet_statistic
+        stat_accuracy                   = 0;
+        stat_attack                     = 1;
+        stat_armour                     = 2;
+        stat_los                        = 3;
+        stat_speed                      = 4;
+        stat_range                      = 5;
+        stat_hack                       = 6;
+        stat_pierce                     = 7;
+        stat_crush                      = 8;
+        stat_rank1                      = 9;
+        stat_rank2                      = 10;
+        stat_rank3                      = 11;
+        stat_garrison                   = 12;
+        stat_heart                      = 13;
+
+        // portrait_sheet_action
+                // generic actions
+        action_empty                    = 0;
+        action_attack                   = 1;
+        action_patrol                   = 2;
+        action_stop                     = 3;
+        action_gather_food              = 4;
+        action_gather_wood              = 5;
+        action_gather_stone             = 6;
+        action_gather_ore               = 7;
+        action_rally                    = 8;
+        action_repair                   = 9;
+        action_heal                     = 10;
+        action_scout                    = 11;
+        action_townbell                 = 12;
+        action_lock                     = 13;
+        action_unlock                   = 14;
+                // formation actions
+        action_formation_box            = 23;
+        action_formation_column_c       = 24;
+        action_formation_column_o       = 25;
+        action_formation_line_c         = 26;
+        action_formation_line_o         = 27;
+        action_formation_phalanx        = 28;
+        action_formation_skirmish       = 29;
+        action_formation_testudo        = 30;
+        action_formation_wedge          = 31;
+                // stance actions
+        action_stance_aggress           = 39;
+        action_stance_avoid             = 40;
+        action_stance_defend            = 41;
+        action_stance_hold              = 42;
+        action_stance_stand             = 43;
+                // tab actions
+        action_tab_command              = 48;
+        action_tab_train                = 49;
+        action_tab_buildciv             = 50;
+        action_tab_buildmil             = 51;
+        action_tab_research             = 52;
+        action_tab_formation            = 53;
+        action_tab_stance               = 54;
+        action_tab_barter               = 55;
+}
+
+// ====================================================================
+
+function setPortrait(objectName, portraitString, portraitSuffix, portraitCell) 
+{
+        // Use this function as a shortcut to change a portrait object to a different portrait image. 
+
+        // Accepts an object and specifies its default, rollover (lit) and disabled (grey) sprites.
+        // Sprite Format: "ui_portrait_"portraitString"_"portraitSuffix
+        // Sprite Format: "ui_portrait_"portraitString"_"portraitSuffix"_lit"
+        // Sprite Format: "ui_portrait_"portraitString"_"portraitSuffix"_grey"
+        // Note: Make sure the file follows this naming convention or bad things could happen.
+
+        // Get GUI object
+        setPortraitGUIObject = getGUIObjectByName(objectName);
+
+        // Set the three portraits.
+	if (portraitSuffix && portraitSuffix != "")
+	        setPortraitGUIObject.sprite = "ui_portrait_" + portraitString + "_" + portraitSuffix;
+	else
+	        setPortraitGUIObject.sprite = "ui_portrait_" + portraitString;
+
+        setPortraitGUIObject.sprite_over = setPortraitGUIObject.sprite + "_lit";
+        setPortraitGUIObject.sprite_disabled = setPortraitGUIObject.sprite + "_grey";
+
+        // If the source texture is a multi-frame image (icon sheet), specify correct cell.
+        if (portraitCell && portraitCell != "")
+                setPortraitGUIObject.cell_id = portraitCell;
+	else
+		setPortraitGUIObject.cell_id = "";
+}
+
+// ====================================================================
+
+function getObjectInfo() 
+{
+        // Updated each tick to extract entity information from selected unit(s).
+
+        // Don't process GUI when we're full-screen.
+        if (GUIType != "none")
+        {
+                if (!selection.length)         // If no entity selected,
+                {
+                        // Hide Status Orb
+                        getGUIObjectByName("session_status_orb").hidden = true;
+
+                        // Hide Group Pane.
+                        getGUIObjectByName("session_group_pane").hidden = true;
+
+                        getGlobal().MultipleEntitiesSelected = 0;
+                }
+                else                        // If at least one entity selected,
+                {
+                        // Store globals for entity information.
+//                        strString = "" + selection[0].position;
+//                        EntityPos = strString.substring(20,strString.length-3);
+
+                        UpdateStatusOrb(); // (later, we need to base this on the selected unit's stats changing)
+
+                        // Check if a group of entities selected
+                        if (selection.length > 1) 
+                        {
+                                // If a group pane isn't already open, and we don't have the same set as last time,
+                                // NOTE: This "if" is an optimisation because the game crawls if this set of processing occurs every frame.
+                                // It's quite possible for the player to select another group of the same size and for it to not be recognised.
+                                // Best solution would be to base this off a "new entities selected" instead of an on-tick.
+                                if (
+                                        // getGUIObjectByName("session_group_pane").hidden == true || 
+                                        selection.length != getGlobal().MultipleEntitiesSelected)
+                                {
+                                        UpdateGroupPane(); // (later, we need to base this on the selection changing)
+                                        getGlobal().MultipleEntitiesSelected = selection.length;
+                                }
+                        } 
+                        else
+                        {
+                                getGlobal().MultipleEntitiesSelected = 0;
+
+                                // Hide Group Pane.
+                                getGUIObjectByName("session_group_pane").hidden = true;
+                        }
+                }
+
+                // Modify any resources given/taken (later, we need to base this on a resource-changing event).
+                UpdateResourcePool();
+
+                // Update Team Tray (later, we need to base this on the player creating a group).
+                UpdateTeamTray();
+        }
+}
+
+// ====================================================================
+
+function MakeUnit(x, y, z, MakeUnitName)
+{
+        // Spawn an entity at the given coordinates.
+
+        DudeSpawnPoint = new Vector3D(x, y, z);
+        new Entity(getEntityTemplate(MakeUnitName), DudeSpawnPoint, 1.0);
+        // writeConsole(MakeUnitName + " created at " + DudeSpawnPoint);
+}
+
+// ====================================================================
+
+function selected()
+{
+        // Returns how many units selected.
+
+        if( selection.length > 0 )
+                return( selection[0] );
+        return( null );
+}
+
+// ====================================================================
+
+function FlipGUI(NewGUIType)
+{
+	// Sets the GUI coordinates and graphics so that the panel is either at the top or bottom of the screen.
+
+	switch (NewGUIType)
+	{
+		// Set which GUI to use.
+		case "top":
+		case "bottom":
+		case "none":
+			GUIType=NewGUIType;
+		break;
+		default:
+			// If no type specified, toggle.
+			if (GUIType == "top")
+				GUIType = "bottom";
+			else
+			if (GUIType == "bottom")
+				GUIType = "none";
+			else
+				GUIType = "top";
+		break;
+	}
+
+	if (GUIType != "none")
+	{
+		guiUnHide("session_gui");
+		guiUnHide("always_on");
+
+		// Seek through all sizes created.
+		for (FlipGUILoop = 0; FlipGUILoop <= SizeCoord.last-1; FlipGUILoop++)
+		{
+			// Set each object to the other size.
+			switch (GUIType)
+			{
+				case "bottom":
+					setSize(SizeCoord[FlipGUILoop].name, SizeCoord[FlipGUILoop].size1);
+					switch (SizeCoord[FlipGUILoop].name){
+						case "SN_MAP_ORB_SEGBOTTOM1":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segtop1";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segtop1" + "_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM2":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segtop2";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segtop2" + "_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM3":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segtop3";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segtop3" + "_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM4":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segtop4";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segtop4" + "_lit";
+						break;
+						case "SN_STATUS_PANE_BG":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_status_bg_top";
+						break;
+						default:
+						break;
+					}
+				break;
+				case "top":
+					setSize(SizeCoord[FlipGUILoop].name, SizeCoord[FlipGUILoop].size2);
+					switch (SizeCoord[FlipGUILoop].name){
+						case "SN_MAP_ORB_SEGBOTTOM1":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segbottom1";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segbottom1_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM2":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segbottom2";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segbottom2_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM3":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segbottom3";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segbottom3_lit";
+						break;
+						case "SN_MAP_ORB_SEGBOTTOM4":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_minimap_segbottom4";
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite_over = "session_panel_minimap_segbottom4_lit";
+						break;
+						case "SN_STATUS_PANE_BG":
+							getGUIObjectByName(SizeCoord[FlipGUILoop].name).sprite = "session_panel_status_bg_bottom";
+						break;
+						default:
+						break;
+					}
+				break;
+			}			
+		}
+
+		UpdateGroupPane();
+	}
+	else
+	{
+		guiHide("session_gui");
+		guiHide("always_on");
+	}
+
+	writeConsole("GUI flipped to " + GUIType + ".");
+
+}
+
+// ====================================================================
+
+function selectEntity(handler)
+{
+	endSelection();
+	startSelection(function (event) {
+			// Selection is performed when single-clicking the right mouse
+			// button.
+			if (event.button == SDL_BUTTON_RIGHT && event.clicks == 1)
+			{
+				handler(event.entity);
+			}
+			// End selection on first mouse-click
+			endSelection();
+		});
+}
+
+function selectLocation(handler)
+{
+	endSelection();
+	startSelection(function (event) {
+			// Selection is performed when single-clicking the right mouse
+			// button.
+			if (event.button == SDL_BUTTON_RIGHT && event.clicks == 1)
+			{
+				handler(event.x, event.y);
+			}
+			// End selection on first mouse-click
+			endSelection();
+		});
+}
+
+function startSelection(handler)
+{
+	gameView.startCustomSelection();
+	getGlobal().selectionWorldClickHandler=handler;
+	console.write("isSelecting(): "+isSelecting());
+}
+
+function endSelection()
+{
+	if (!isSelecting())
+		return;
+	
+	gameView.endCustomSelection();
+	getGlobal().selectionWorldClickHandler = null;
+}
+
+function isSelecting()
+{
+	return getGlobal().selectionWorldClickHandler != null;
+}
+
+// The world-click handler - called whenever the user clicks the terrain
+function worldClickHandler(event)
+{
+	args=new Array(null, null);
+
+	console.write("worldClickHandler: button "+event.button+", clicks "+event.clicks);
+
+	if (isSelecting())
+	{
+		getGlobal().selectionWorldClickHandler(event);
+		return;
+	}
+
+
+	// Right button single- or double-clicks
+	if (event.button == SDL_BUTTON_RIGHT && event.clicks <= 2)
+	{
+		if (event.clicks == 1)
+			cmd = event.command;
+		else if (event.clicks == 2)
+		{
+			console.write("Issuing secondary command");
+			cmd = event.secondaryCommand;
+		}
+	}
+	else
+		return;
+
+	switch (cmd)
+	{
+		// location target commands
+		case NMT_Goto:
+		case NMT_Patrol:
+			if (event.queued)
+			{
+				cmd = NMT_AddWaypoint;
+			}
+		case NMT_AddWaypoint:
+			args[0]=event.x;
+			args[1]=event.y;
+			break;
+		// entity target commands
+		case NMT_AttackMelee:
+		case NMT_Gather:
+			args[0]=event.entity;
+			args[1]=null;
+			break;
+		default:
+			console.write("worldClickHandler: Unknown command: "+cmd);
+			return;
+	}
+
+	issueCommand(selection, cmd, args[0], args[1]);
+}
+
+addGlobalHandler("worldClick", worldClickHandler);
diff --git a/binaries/data/mods/official/gui/test/functions_session_group_pane.js b/binaries/data/mods/official/gui/test/functions_session_group_pane.js
new file mode 100755
index 0000000000..22ad730584
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_session_group_pane.js
@@ -0,0 +1,218 @@
+function initGroupPane()
+{
+	// Populate the table of Group Pane portrait coordinates.
+
+	// Group Pane table.
+	crd_grppane_prt_col = new Array();
+	crd_grppane_prt_col.last = 0; 	// Last size added.
+	crd_grppane_prt_col.style = 2; 	// Style length.
+	crd_grppane_prt_row = new Array();
+	crd_grppane_prt_row_bar = new Array();
+	crd_grppane_prt_row.last = 0; 	// Last size added.
+	crd_grppane_prt_row.style = 2; 	// Style length.
+	crd_grppane_prt = new Array();
+	crd_grppane_prt.last = 0;	// Total group portraits.
+
+	// Build table of group pane coordinates.
+	initGroupPaneTable();
+}
+
+// ====================================================================
+
+function initGroupPaneTable()
+{
+	AddGroupPaneRow(0, 24, 		100, -62);	// Row 0
+	AddGroupPaneRow(0, 70, 		100, -102);	// Row 1
+	AddGroupPaneRow(0, 116,		100, -148);	// Row 2
+	AddGroupPaneRow(0, 162,		100, -194);	// Row 3
+//	AddGroupPaneRow(0, 208,		100, -240);	// Row 4
+//	AddGroupPaneRow(0, 254,		100, -286);	// Row 5
+//	AddGroupPaneRow(0, 300,		100, -332);	// Row 6
+	AddGroupPaneCol(50, -16, 	50, -16);	// Col 0
+	AddGroupPaneCol(50, -52, 	50, -52);	// Col 1
+	AddGroupPaneCol(50, 20, 	50, 20);	// Col 2
+	AddGroupPaneCol(50, -88, 	50, -88);	// Col 3
+	AddGroupPaneCol(50, 56, 	50, 56);	// Col 4
+	AddGroupPaneCol(50, -124, 	50, -124);	// Col 5
+	AddGroupPaneCol(50, 92, 	50, 92);	// Col 6
+	AddGroupPaneCol(50, -160, 	50, -160);	// Col 7
+	AddGroupPaneCol(50, 128, 	50, 128);	// Col 8
+	AddGroupPaneCol(50, -196, 	50, -196);	// Col 9
+	AddGroupPaneCol(50, 164, 	50, 164);	// Col 10
+	AddGroupPaneCol(50, 200, 	50, 200);	// Col 11
+	AddGroupPaneCol(50, 236, 	50, 236);	// Col 12
+}
+
+// ====================================================================
+
+function AddGroupPaneCol(rleft1, left1, rleft2, left2)
+{
+	// Add a set of column coordinates to the Group Pane table.
+
+	crd_grppane_prt_col[crd_grppane_prt_col.last] = new Array();
+
+	style=1;
+	crd_grppane_prt_col[crd_grppane_prt_col.last][style] = new Array(); 
+	crd_grppane_prt_col[crd_grppane_prt_col.last][style].size = new GUISize(left1, 0, left1 + crd_portrait_sml_width, 0, rleft1, 0, rleft1, 0);
+
+	style=0;
+	crd_grppane_prt_col[crd_grppane_prt_col.last][style] = new Array(); 
+	crd_grppane_prt_col[crd_grppane_prt_col.last][style].size = new GUISize(left2, 0, left2 + crd_portrait_sml_width, 0, rleft2, 0, rleft2, 0);
+
+	crd_grppane_prt_col.last++; // Increment array.
+}
+
+// ====================================================================
+
+function AddGroupPaneRow(rtop1, top1, rtop2, top2)
+{
+	// Add a set of row coordinates to the Group Pane table.
+
+	crd_grppane_prt_row[crd_grppane_prt_row.last] = new Array();
+
+	style=1;
+	crd_grppane_prt_row[crd_grppane_prt_row.last][style] = new Array();
+	crd_grppane_prt_row[crd_grppane_prt_row.last][style].size = new GUISize(0, top1, 0, top1 + crd_portrait_sml_height, 0, rtop1, 0, rtop1);
+
+	style=0;
+	crd_grppane_prt_row[crd_grppane_prt_row.last][style] = new Array();
+	crd_grppane_prt_row[crd_grppane_prt_row.last][style].size = new GUISize(0, top2, 0, top2 + crd_portrait_sml_height, 0, rtop2, 0, rtop2);
+
+	crd_grppane_prt_row.last++; // Increment array.
+}
+
+// ====================================================================
+
+function AddSizeGroupPane(objectName, row, col)
+{
+	// Used to store the two GUI style sizes for an object on creation.
+	// This is a special method that uses the group pane table to specify values.
+	// Used later by FlipGUI() to switch the objects to a new set of positions.
+
+	SizeCoord[SizeCoord.last] = new Object();
+	SizeCoord[SizeCoord.last].name = objectName;
+
+	style = 0; // Set top GUI style.
+	size_col = crd_grppane_prt_col[col][style].size;
+	size_row = crd_grppane_prt_row[row][style].size;
+	SizeCoord[SizeCoord.last].size1 = new GUISize(size_col.left, size_row.top, size_col.right, size_row.bottom, size_col.rleft, size_row.rtop, size_col.rright, size_row.rbottom);
+
+	style = 1; // Set bottom GUI style.
+	size_col = crd_grppane_prt_col[col][style].size;
+	size_row = crd_grppane_prt_row[row][style].size;
+	SizeCoord[SizeCoord.last].size2 = new GUISize(size_col.left, size_row.top, size_col.right, size_row.bottom, size_col.rleft, size_row.rtop, size_col.rright, size_row.rbottom);
+
+	SizeCoord.last++; // Increment counter for next entry.
+	crd_grppane_prt.last++; // Increment group pane portrait counter.
+}
+
+// ====================================================================
+
+function AddSizeGroupPaneBar(objectName)
+{
+	// Create a health bar for the last group pane portrait created.
+
+	var size1 = SizeCoord[SizeCoord.last-1].size1;
+	var size2 = SizeCoord[SizeCoord.last-1].size2;
+
+	AddSizeCoord(objectName,
+		size1.left, size1.bottom+2, size1.right, size1.bottom+6, size1.rleft, size1.rtop, size1.rright, size1.rbottom, 
+		size2.left, size2.bottom+2, size2.right, size2.bottom+6, size2.rleft, size2.rtop, size2.rright, size2.rbottom);
+}
+
+// ====================================================================
+
+function SelectUnit(unitNumber)
+{
+	// Sets the current unit selection to a given number in the selection[] array (selects a unit in the current selection).
+	// Occurs when clicking a portrait in the Group Pane.
+
+	clickedUnit = selection[unitNumber-1];
+	selection.clear();
+	selection.push(clickedUnit); 
+}
+
+// ====================================================================
+
+function UpdateGroupPane()
+{
+	// Reveal Group Pane.
+	getGUIObjectByName("session_group_pane").hidden = false;
+/*
+	// Set size of Group Pane background.
+	if (selection.length <= 13)
+	{
+		switch (GUIType)
+		{
+			case "top":
+				setSize("session_group_pane_bg", "50%-215 0% 50%+285 0%+86");
+			break;
+			case "bottom":
+				setSize("session_group_pane_bg", "50%-215 100%-86 50%+285 100%");
+			break;
+		}
+	}
+	else
+	if (selection.length > 13 && selection.length <= 26)
+	{
+		switch (GUIType)
+		{
+			case "top":
+				setSize("session_group_pane_bg", "50%-215 0% 50%+285 0%+127");
+			break;
+			case "bottom":
+				setSize("session_group_pane_bg", "50%-215 100%-127 50%+285 100%");
+			break;
+		}
+	}
+	else
+	if (selection.length > 26 && selection.length <= 39)
+	{
+		switch (GUIType)
+		{
+			case "top":
+				setSize("session_group_pane_bg", "50%-215 0% 50%+285 0%+168");
+			break;
+			case "bottom":
+				setSize("session_group_pane_bg", "50%-215 100%-168 50%+285 100%");
+			break;
+		}
+	}
+	else
+	{
+		switch (GUIType)
+		{
+			case "top":
+				setSize("session_group_pane_bg", "50%-215 0% 50%+285 0%+209");
+			break;
+			case "bottom":
+				setSize("session_group_pane_bg", "50%-215 100%-209 50%+285 100%");
+			break;
+		}
+	}
+*/
+	// Display appropriate portraits.						
+	for (groupPaneLoop = 1; groupPaneLoop <= crd_grppane_prt.last; groupPaneLoop++)
+	{
+		groupPanePortrait = getGUIObjectByName("SESSION_GROUP_PANE_PORTRAIT_" + groupPaneLoop);
+		groupPaneBar = getGUIObjectByName("SESSION_GROUP_PANE_PORTRAIT_" + groupPaneLoop + "_BAR");
+
+		// If it's a valid entity,
+		if (groupPaneLoop <= selection.length){
+			// Reveal and set to display this entity's portrait in the group pane.
+			groupPanePortrait.hidden = false;
+			groupPaneBar.hidden = false;
+			// Set progress bar for hitpoints.
+			if (selection[groupPaneLoop-1].traits.health.curr && selection[groupPaneLoop-1].traits.health.max)
+				groupPaneBar.caption = ((Math.round(selection[groupPaneLoop-1].traits.health.curr) * 100 ) / Math.round(selection[groupPaneLoop-1].traits.health.max));
+			// Set portrait.
+			setPortrait("SESSION_GROUP_PANE_PORTRAIT_" + groupPaneLoop, selection[groupPaneLoop-1].traits.id.icon, selection[groupPaneLoop-1].traits.id.civ_code, selection[groupPaneLoop-1].traits.id.icon_cell);
+		}
+		// If it's empty, hide its group portrait.
+		else
+		{
+			groupPanePortrait.hidden = true;
+			groupPaneBar.hidden = true;
+		}
+	}
+}
diff --git a/binaries/data/mods/official/gui/test/functions_session_map_orb.js b/binaries/data/mods/official/gui/test/functions_session_map_orb.js
new file mode 100755
index 0000000000..4abff769fd
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_session_map_orb.js
@@ -0,0 +1,140 @@
+function initMapOrb()
+{
+	SN_MINIMAP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 180; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-1].width; 
+	Crd[Crd.last-1].x	= 0; 
+	Crd[Crd.last-1].y	= 0; 
+
+	SN_MAP_ORB_SEGLEFT1 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 32; 
+	Crd[Crd.last-1].height	= 46; 
+	Crd[Crd.last-1].x	= Crd[SN_MINIMAP].width;
+	Crd[Crd.last-1].y	= Crd[SN_MINIMAP].height-Crd[Crd.last-1].height; 
+
+	SN_MAP_ORB_SEGLEFT1_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MINIMAP].width;
+	Crd[Crd.last-1].y	= 0; 
+
+	SN_MAP_ORB_SEGLEFT2 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 40; 
+	Crd[Crd.last-1].height	= 44; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGLEFT1].x; 
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGLEFT1].y-Crd[Crd.last-1].height;
+
+	SN_MAP_ORB_SEGLEFT2_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGLEFT1].x; 
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGLEFT2].y-Crd[Crd.last-1].height;
+
+	SN_MAP_ORB_SEGLEFT3 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_MAP_ORB_SEGLEFT2].width; 
+	Crd[Crd.last-1].height	= Crd[SN_MAP_ORB_SEGLEFT2].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGLEFT2].x;
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGLEFT2].y-Crd[Crd.last-1].height;
+
+	SN_MAP_ORB_SEGLEFT3_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGLEFT2].x;
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGLEFT1].y-Crd[Crd.last-1].height;
+
+	SN_MAP_ORB_SEGLEFT4 = new Object();
+	SN_MAP_ORB_SEGLEFT4 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_MAP_ORB_SEGLEFT1].width; 
+	Crd[Crd.last-1].height	= Crd[SN_MAP_ORB_SEGLEFT1].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGLEFT2].x;
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGLEFT3].y-Crd[Crd.last-1].height;
+
+	SN_MAP_ORB_SEGLEFT4_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGLEFT2].x;
+	Crd[Crd.last-1].y	= Crd[SN_MINIMAP].height-Crd[Crd.last-1].height;
+
+	SN_MAP_ORB_SEGBOTTOM1 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 46; 
+	Crd[Crd.last-1].height	= 32; 
+	Crd[Crd.last-1].x	= Crd[SN_MINIMAP].width-Crd[Crd.last-1].width;
+	Crd[Crd.last-1].y	= Crd[SN_MINIMAP].height; 
+
+	SN_MAP_ORB_SEGBOTTOM1_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MINIMAP].width-Crd[Crd.last-1].width;
+	Crd[Crd.last-1].y	= Crd[SN_MINIMAP].height; 
+
+	SN_MAP_ORB_SEGBOTTOM2 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 44; 
+	Crd[Crd.last-1].height	= 40; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGBOTTOM1].x-Crd[Crd.last-1].width; 
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGBOTTOM1].y;
+
+	SN_MAP_ORB_SEGBOTTOM2_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGBOTTOM1].x-Crd[Crd.last-1].width; 
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGBOTTOM1].y;
+
+	SN_MAP_ORB_SEGBOTTOM3 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_MAP_ORB_SEGBOTTOM2].width; 
+	Crd[Crd.last-1].height	= Crd[SN_MAP_ORB_SEGBOTTOM2].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGBOTTOM2].x-Crd[Crd.last-1].width;
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGBOTTOM2].y;
+
+	SN_MAP_ORB_SEGBOTTOM3_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGBOTTOM2].x-Crd[Crd.last-1].width;
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGBOTTOM2].y;
+
+	SN_MAP_ORB_SEGBOTTOM4 = new Object();
+	SN_MAP_ORB_SEGBOTTOM4 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_MAP_ORB_SEGBOTTOM1].width; 
+	Crd[Crd.last-1].height	= Crd[SN_MAP_ORB_SEGBOTTOM1].height; 
+	Crd[Crd.last-1].x	= Crd[SN_MAP_ORB_SEGBOTTOM3].x-Crd[Crd.last-1].width;
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGBOTTOM2].y;
+
+	SN_MAP_ORB_SEGBOTTOM4_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= 0;
+	Crd[Crd.last-1].y	= Crd[SN_MAP_ORB_SEGBOTTOM2].y;
+}
diff --git a/binaries/data/mods/official/gui/test/functions_session_resource_pool.js b/binaries/data/mods/official/gui/test/functions_session_resource_pool.js
new file mode 100755
index 0000000000..b3922d76bc
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_session_resource_pool.js
@@ -0,0 +1,143 @@
+function initResourcePool()
+{
+	SN_RESOURCE_COUNTER_SPAN = 5;
+
+	SN_RESOURCE_COUNTER_FOOD = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= crd_mini_icon_width+54; 
+	Crd[Crd.last-1].height	= crd_mini_icon_height; 
+	Crd[Crd.last-1].x	= -200; 
+	Crd[Crd.last-1].y	= 4; 
+
+	SN_RESOURCE_COUNTER_WOOD = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_RESOURCE_COUNTER_FOOD].width; 
+	Crd[Crd.last-1].height	= Crd[SN_RESOURCE_COUNTER_FOOD].height; 
+	Crd[Crd.last-1].x	= Crd[SN_RESOURCE_COUNTER_FOOD].x+Crd[SN_RESOURCE_COUNTER_FOOD].width+SN_RESOURCE_COUNTER_SPAN;  
+	Crd[Crd.last-1].y	= Crd[SN_RESOURCE_COUNTER_FOOD].y; 
+
+	SN_RESOURCE_COUNTER_STONE = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_RESOURCE_COUNTER_FOOD].width; 
+	Crd[Crd.last-1].height	= Crd[SN_RESOURCE_COUNTER_FOOD].height; 
+	Crd[Crd.last-1].x	= Crd[SN_RESOURCE_COUNTER_WOOD].x+Crd[SN_RESOURCE_COUNTER_WOOD].width+SN_RESOURCE_COUNTER_SPAN;  
+	Crd[Crd.last-1].y	= Crd[SN_RESOURCE_COUNTER_FOOD].y; 
+
+	SN_RESOURCE_COUNTER_ORE = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_RESOURCE_COUNTER_FOOD].width; 
+	Crd[Crd.last-1].height	= Crd[SN_RESOURCE_COUNTER_FOOD].height; 
+	Crd[Crd.last-1].x	= Crd[SN_RESOURCE_COUNTER_STONE].x+Crd[SN_RESOURCE_COUNTER_STONE].width+SN_RESOURCE_COUNTER_SPAN;  
+	Crd[Crd.last-1].y	= Crd[SN_RESOURCE_COUNTER_FOOD].y; 
+
+	SN_RESOURCE_COUNTER_POPULATION = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_RESOURCE_COUNTER_FOOD].width+9; 
+	Crd[Crd.last-1].height	= Crd[SN_RESOURCE_COUNTER_FOOD].height; 
+	Crd[Crd.last-1].x	= Crd[SN_RESOURCE_COUNTER_ORE].x+Crd[SN_RESOURCE_COUNTER_ORE].width+SN_RESOURCE_COUNTER_SPAN;  
+	Crd[Crd.last-1].y	= Crd[SN_RESOURCE_COUNTER_FOOD].y; 
+}
+
+// ====================================================================
+
+function AddResource(resourceName, resourceQty)
+{
+	// Creates a resource type.
+
+	// MT: Rewritten to use JavaScript's nice associative-array-alikes. Requires the valueOf() hack - I'm looking into this.
+
+	if (!localPlayer.resource)
+	{
+		// Define the base resource group if it does not exist.
+		localPlayer.resource = new Array();
+	}
+	
+	// Set resource name to upper-case to ensure it matches resource control name.
+	resourceName = resourceName.toUpperCase();
+
+	// Store resource's name and starting value.
+	localPlayer.resource.valueOf()[resourceName] = resourceQty;
+	
+	console.write("Added " + resourceName );
+}
+
+// ====================================================================
+
+function CreateResources()
+{
+	// Defines all resource types for future use.
+
+	AddResource("Food", 0);
+	AddResource("Wood", 0);
+	AddResource("Stone", 0);
+	AddResource("Ore", 0);
+	AddResource("Population", 0);
+	AddResource("Housing", 0);
+}
+
+// ====================================================================
+
+function GiveResources(resourceName, resourceQty)
+{
+	// Generic function to add resources to the player's Pool.
+
+	if( localPlayer.resource.valueOf()[resourceName] )
+	{
+	    localPlayer.resource.valueOf()[resourceName] += resourceQty;
+	    console.write("Earned " + resourceQty + " resources.");
+	    return( true );
+	}
+
+	// If the resource wasn't in the list, report an error.
+	return false;
+}
+
+// ====================================================================
+
+function DeductResources(resourceName, resourceQty)
+{
+	// Generic function to remove resources from the player's Pool.
+
+	if( localPlayer.resource.valueOf()[resourceName] )
+	{
+	    localPlayer.resource.valueOf()[resourceName] -= resourceQty;
+	    console.write("Deducted " + resourceQty + " resources.");
+	    return( true );
+	}
+
+	// If the resource wasn't in the list, report an error.
+	return false;
+}
+
+// ====================================================================
+
+function UpdateResourcePool()
+{
+	// Populate the resource pool with current quantities.
+
+	// MT: Rewritten to use JavaScript's nice associative-array-alikes. Requires the valueOf() hack - I'm looking into this.
+
+	pool = localPlayer.resource.valueOf();
+	for( resource in pool )
+	{
+		switch( resource )
+		{
+			case "POPULATION":
+				// If it's population, combine population and housing in one string.
+				getGUIObjectByName("SN_RESOURCE_COUNTER_POPULATION").caption = pool.POPULATION + "/" + pool.HOUSING;
+			break;
+			case "HOUSING":
+				// Skip housing, as it's handled as a component of population.
+			break;
+			default:
+				// Set the value of a normal resource caption.
+				getGUIObjectByName("SN_RESOURCE_COUNTER_" + resource ).caption = pool[resource].toString();
+			break;
+		}
+	}
+}
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_session_status_orb.js b/binaries/data/mods/official/gui/test/functions_session_status_orb.js
new file mode 100755
index 0000000000..53c534c5fc
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_session_status_orb.js
@@ -0,0 +1,838 @@
+function initStatusOrb()
+{
+	SN_STATUS_PANE_BG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 255; 
+	Crd[Crd.last-1].height	= 170; 
+	Crd[Crd.last-1].x	= 0; 
+	Crd[Crd.last-1].y	= 0; 
+
+	SN_STATUS_PANE_HEADING = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_STATUS_PANE_BG].width; 
+	Crd[Crd.last-1].height	= 14; 
+	Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_BG].x+2; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_BG].y+Crd[SN_STATUS_PANE_BG].height-Crd[Crd.last-1].height-3;
+
+	SN_STATUS_PANE_HEADING_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[Crd.last-2].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_BG].y+3;
+
+	SN_STATUS_PANE_PORTRAIT = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= crd_portrait_lrg_width; 
+	Crd[Crd.last-1].height	= crd_portrait_lrg_height; 
+	Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_HEADING].x+5; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_HEADING].y-Crd[Crd.last-1].height-7;
+
+	SN_STATUS_PANE_PORTRAIT_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[Crd.last-2].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_HEADING_FLP].y+Crd[SN_STATUS_PANE_HEADING_FLP].height+7;
+
+	SN_STATUS_PANE_ICON_RANK = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= crd_mini_icon_width; 
+	Crd[Crd.last-1].height	= crd_mini_icon_height; 
+	Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_PORTRAIT].x+Crd[SN_STATUS_PANE_PORTRAIT].width-Crd[Crd.last-1].width; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_PORTRAIT].y;
+
+	SN_STATUS_PANE_ICON_RANK_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[Crd.last-2].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_PORTRAIT_FLP].y;
+
+	SN_STATUS_PANE_NAME1 = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_STATUS_PANE_BG].width-Crd[SN_STATUS_PANE_PORTRAIT].width-10; 
+	Crd[Crd.last-1].height	= Crd[SN_STATUS_PANE_PORTRAIT].height; 
+	Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_PORTRAIT].x+Crd[SN_STATUS_PANE_PORTRAIT].width+2; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_PORTRAIT].y;
+
+	SN_STATUS_PANE_NAME1_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[Crd.last-2].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_PORTRAIT_FLP].y;
+
+	SN_STATUS_PANE_ICON_HP_BAR_SPAN = 2;
+	SN_STATUS_PANE_ICON_HP_TEXT_X_SPAN = 4;
+	SN_STATUS_PANE_ICON_HP_TEXT_Y_SPAN = 0;
+
+	SN_STATUS_PANE_ICON_HP_BAR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_STATUS_PANE_PORTRAIT].width; 
+	Crd[Crd.last-1].height	= 6; 
+	Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_PORTRAIT].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_PORTRAIT].y-Crd[Crd.last-1].height-SN_STATUS_PANE_ICON_HP_BAR_SPAN;
+
+	SN_STATUS_PANE_ICON_HP_BAR_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[Crd.last-2].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_PORTRAIT_FLP].y+Crd[SN_STATUS_PANE_PORTRAIT_FLP].height+SN_STATUS_PANE_ICON_HP_BAR_SPAN;
+
+	SN_STATUS_PANE_ICON_HP_TEXT = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 55; 
+	Crd[Crd.last-1].height	= Crd[SN_STATUS_PANE_ICON_HP_BAR].height; 
+	Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_NAME1].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_HP_BAR].y+SN_STATUS_PANE_ICON_HP_TEXT_Y_SPAN;
+
+	SN_STATUS_PANE_ICON_HP_TEXT_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[Crd.last-2].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_HP_BAR_FLP].y+SN_STATUS_PANE_ICON_HP_TEXT_Y_SPAN;
+
+	SN_STATUS_PANE_ICON_XP_BAR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_STATUS_PANE_ICON_HP_BAR].width; 
+	Crd[Crd.last-1].height	= Crd[SN_STATUS_PANE_ICON_HP_BAR].height;
+	Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_ICON_HP_BAR].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_HP_BAR].y-Crd[SN_STATUS_PANE_ICON_HP_BAR].height-SN_STATUS_PANE_ICON_HP_BAR_SPAN-1;
+
+	SN_STATUS_PANE_ICON_XP_BAR_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[Crd.last-2].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_HP_BAR_FLP].y+Crd[SN_STATUS_PANE_ICON_HP_BAR_FLP].height+SN_STATUS_PANE_ICON_HP_BAR_SPAN+1;
+
+	SN_STATUS_PANE_ICON_XP_TEXT = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_STATUS_PANE_ICON_HP_TEXT].width; 
+	Crd[Crd.last-1].height	= Crd[SN_STATUS_PANE_ICON_HP_TEXT].height; 
+	Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_ICON_HP_TEXT].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_XP_BAR].y+SN_STATUS_PANE_ICON_HP_TEXT_Y_SPAN;
+
+	SN_STATUS_PANE_ICON_XP_TEXT_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[Crd.last-2].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_XP_BAR_FLP].y+SN_STATUS_PANE_ICON_HP_TEXT_Y_SPAN;
+
+	SN_STATUS_PANE_2STAT = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 126; 
+	Crd[Crd.last-1].height	= 30; 
+	Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_ICON_HP_TEXT].x+Crd[SN_STATUS_PANE_ICON_HP_TEXT].width; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_HP_BAR].y+crd_mini_icon_width+1;
+
+	SN_STATUS_PANE_2STAT_FLP = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+	Crd[Crd.last-1].x	= Crd[Crd.last-2].x; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_HP_BAR_FLP].y+crd_mini_icon_width+1;
+
+	SN_STATUS_PANE_STAT = new Array();
+	SN_STATUS_PANE_STAT_FLP = new Array();
+	SN_STATUS_PANE_STAT.last = 0;
+	SN_STATUS_PANE_STAT.row_curr  = 1;
+	SN_STATUS_PANE_STAT.col_curr  = 1;
+	SN_STATUS_PANE_STAT.row  = 2;
+	SN_STATUS_PANE_STAT.col  = 6;
+	SN_STATUS_PANE_STAT.max	 = 12;
+	for (SN_STATUS_PANE_STAT.curr = 1; SN_STATUS_PANE_STAT.curr <= SN_STATUS_PANE_STAT.max; SN_STATUS_PANE_STAT.curr++)
+	{
+		SN_STATUS_PANE_STAT[SN_STATUS_PANE_STAT.curr] = addArrayElement(Crd, Crd.last); 
+		Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+		Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+		Crd[Crd.last-1].width	= (Crd[SN_STATUS_PANE_BG].width-14)/6; 
+		Crd[Crd.last-1].height	= 30; 
+
+		if (SN_STATUS_PANE_STAT.col_curr == 1)
+			Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_PORTRAIT].x; 
+		else
+			Crd[Crd.last-1].x	= Crd[Crd.last-3].x+Crd[Crd.last-3].width;
+
+		if (SN_STATUS_PANE_STAT.row_curr == 1)
+			Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_XP_BAR].y-Crd[Crd.last-1].height; 
+		else
+			Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_XP_BAR].y-Crd[Crd.last-1].height-Crd[Crd.last-3].height;
+
+		SN_STATUS_PANE_STAT_FLP[SN_STATUS_PANE_STAT.curr] = addArrayElement(Crd, Crd.last); 
+		Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+		Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+		Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+		Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+
+		if (SN_STATUS_PANE_STAT.col_curr == 1)
+			Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_PORTRAIT_FLP].x; 
+		else
+			Crd[Crd.last-1].x	= Crd[Crd.last-3].x+Crd[Crd.last-3].width;
+
+		if (SN_STATUS_PANE_STAT.row_curr == 1)
+			Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_XP_BAR_FLP].y+Crd[SN_STATUS_PANE_ICON_XP_BAR_FLP].height; 
+		else
+			Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_ICON_XP_BAR_FLP].y+Crd[SN_STATUS_PANE_ICON_XP_BAR_FLP].height+Crd[Crd.last-3].height;
+
+		if (SN_STATUS_PANE_STAT.col_curr == SN_STATUS_PANE_STAT.col)
+		{
+			SN_STATUS_PANE_STAT.row_curr++;
+			SN_STATUS_PANE_STAT.col_curr = 0;
+		}
+		SN_STATUS_PANE_STAT.col_curr++;
+	}
+	SN_STATUS_PANE_STAT.last = SN_STATUS_PANE_STAT.curr;
+
+	SN_STATUS_PANE_COMMAND = new Array();
+	SN_STATUS_PANE_COMMAND.tab = new Object();
+	SN_STATUS_PANE_COMMAND.list = new Object();
+	SN_STATUS_PANE_COMMAND.button = new Object();
+	SN_STATUS_PANE_COMMAND.tab.max = 13;		// Maximum number of buttons (either single or lists).
+	SN_STATUS_PANE_COMMAND.list.max = 11;		// Maximum number of entries in a list.
+	SN_STATUS_PANE_COMMAND.button.max = 5;		// Number of tabs that are single buttons (no list).
+	SN_STATUS_PANE_COMMAND.split = 9;			// When we reach this button, split the rows (remainder are vertical, not horizontal).
+	SN_STATUS_PANE_COMMAND.span = 2;			// Spacing between lists.
+	for (loop = 0; loop < SN_STATUS_PANE_COMMAND.list.max+1; loop++)
+		SN_STATUS_PANE_COMMAND[loop] = new Array();
+		
+	SN_STATUS_PANE_COMMAND_FLP = new Array();
+	for (loop = 0; loop < SN_STATUS_PANE_COMMAND.list.max+1; loop++)
+		SN_STATUS_PANE_COMMAND_FLP[loop] = new Array();
+
+	for (SN_STATUS_PANE_COMMAND.tab.curr = 1; SN_STATUS_PANE_COMMAND.tab.curr <= SN_STATUS_PANE_COMMAND.tab.max; SN_STATUS_PANE_COMMAND.tab.curr++)
+	{
+		for (SN_STATUS_PANE_COMMAND.list.curr = 1; SN_STATUS_PANE_COMMAND.list.curr <= SN_STATUS_PANE_COMMAND.list.max; SN_STATUS_PANE_COMMAND.list.curr++)
+		{
+			SN_STATUS_PANE_COMMAND[SN_STATUS_PANE_COMMAND.list.curr][SN_STATUS_PANE_COMMAND.tab.curr] = new Number( addArrayElement(Crd, Crd.last) ); 
+			Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+			Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+			Crd[Crd.last-1].width	= crd_portrait_sml_width; 
+			Crd[Crd.last-1].height	= crd_portrait_sml_height; 
+			
+			SN_STATUS_PANE_COMMAND[SN_STATUS_PANE_COMMAND.list.curr][SN_STATUS_PANE_COMMAND.tab.curr].type = new Object();
+			SN_STATUS_PANE_COMMAND[SN_STATUS_PANE_COMMAND.list.curr][SN_STATUS_PANE_COMMAND.tab.curr].name = new Object();
+			SN_STATUS_PANE_COMMAND[SN_STATUS_PANE_COMMAND.list.curr][SN_STATUS_PANE_COMMAND.tab.curr].last = new Object();
+
+			if (SN_STATUS_PANE_COMMAND.tab.curr >= SN_STATUS_PANE_COMMAND.split)
+			{
+				if (SN_STATUS_PANE_COMMAND.list.curr == 1)
+				{
+					Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_BG].x+Crd[SN_STATUS_PANE_BG].width; 
+
+					if (SN_STATUS_PANE_COMMAND.tab.curr == SN_STATUS_PANE_COMMAND.split && SN_STATUS_PANE_COMMAND.list.curr == 1)
+						Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_BG].y; 
+					else
+						Crd[Crd.last-1].y	= Crd[Crd.last-3].y+Crd[Crd.last-3].height; 		
+				}
+				else
+				{
+					Crd[Crd.last-1].x	= Crd[Crd.last-3].x+Crd[Crd.last-3].width+SN_STATUS_PANE_COMMAND.span; 				
+					Crd[Crd.last-1].y	= Crd[Crd.last-3].y;
+				}
+			}
+			else
+			{
+				if (SN_STATUS_PANE_COMMAND.list.curr == 1)
+				{
+					if (SN_STATUS_PANE_COMMAND.tab.curr == 1 && SN_STATUS_PANE_COMMAND.list.curr == 1)
+						Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_BG].x; 
+					else
+						Crd[Crd.last-1].x	= Crd[Crd.last-3].x+Crd[Crd.last-3].width; 		
+	
+					Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_BG].y+Crd[SN_STATUS_PANE_BG].height; 
+				}
+				else
+				{
+					Crd[Crd.last-1].x	= Crd[Crd.last-3].x; 				
+					Crd[Crd.last-1].y	= Crd[Crd.last-3].y+Crd[Crd.last-3].height+SN_STATUS_PANE_COMMAND.span;
+				}
+			}
+
+			SN_STATUS_PANE_COMMAND_FLP[SN_STATUS_PANE_COMMAND.list.curr][SN_STATUS_PANE_COMMAND.tab.curr] = addArrayElement(Crd, Crd.last); 
+			Crd[Crd.last-1].rleft	= Crd[Crd.last-2].rleft;	Crd[Crd.last-1].rtop	= top_screen; 
+			Crd[Crd.last-1].rright	= Crd[Crd.last-2].rright;	Crd[Crd.last-1].rbottom	= top_screen; 
+			Crd[Crd.last-1].width	= Crd[Crd.last-2].width; 
+			Crd[Crd.last-1].height	= Crd[Crd.last-2].height; 
+
+			if (SN_STATUS_PANE_COMMAND.tab.curr >= SN_STATUS_PANE_COMMAND.split)
+			{
+				if (SN_STATUS_PANE_COMMAND.list.curr == 1)
+				{
+					Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_BG].x+Crd[SN_STATUS_PANE_BG].width; 
+
+					if (SN_STATUS_PANE_COMMAND.tab.curr == SN_STATUS_PANE_COMMAND.split && SN_STATUS_PANE_COMMAND.list.curr == 1)
+						Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_BG].y; 
+					else
+						Crd[Crd.last-1].y	= Crd[Crd.last-3].y+Crd[Crd.last-3].height; 		
+				}
+				else
+				{
+					Crd[Crd.last-1].x	= Crd[Crd.last-3].x+Crd[Crd.last-3].width+SN_STATUS_PANE_COMMAND.span; 				
+					Crd[Crd.last-1].y	= Crd[Crd.last-3].y;
+				}
+			}
+			else
+			{
+				if (SN_STATUS_PANE_COMMAND.list.curr == 1)
+				{
+					if (SN_STATUS_PANE_COMMAND.tab.curr == 1 && SN_STATUS_PANE_COMMAND.list.curr == 1)
+						Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_BG].x; 
+					else
+						Crd[Crd.last-1].x	= Crd[Crd.last-3].x+Crd[Crd.last-3].width; 		
+	
+					Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_BG].y+Crd[SN_STATUS_PANE_BG].height; 
+				}
+				else
+				{
+					Crd[Crd.last-1].x	= Crd[Crd.last-3].x; 				
+					Crd[Crd.last-1].y	= Crd[Crd.last-3].y+Crd[Crd.last-3].height+SN_STATUS_PANE_COMMAND.span;
+				}
+			}
+		}
+	}
+
+	SN_STATUS_PANE_COMMAND_PROGRESS = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= crd_portrait_sml_width; 
+	Crd[Crd.last-1].height	= crd_portrait_sml_height;
+	Crd[Crd.last-1].x	= Crd[SN_STATUS_PANE_BG].x+Crd[SN_STATUS_PANE_BG].width; 
+	Crd[Crd.last-1].y	= Crd[SN_STATUS_PANE_BG].y;
+}
+
+// ====================================================================
+
+function UpdateList(listIcon, listCol)
+{
+	// Populates a given column of command icons with appropriate build portraits for the selected object.
+	// Returns an array of this selection.
+
+	// Build unit list.
+	if (selection[0].traits.id.civ_code && selection[0].actions.create && selection[0].actions.create.list)
+	{
+		listName = "";
+		switch (listIcon)
+		{
+			case action_tab_train:
+				if (selection[0].actions.create.list.unit)
+					listName = selection[0].actions.create.list.unit.toString();
+			break;
+			case action_tab_buildciv:
+				if (selection[0].actions.create.list.structciv)
+					listName = selection[0].actions.create.list.structciv.toString();
+			break;
+			case action_tab_buildmil:
+				if (selection[0].actions.create.list.structmil)
+					listName = selection[0].actions.create.list.structmil.toString();
+			break;
+			case action_tab_research:
+				if (selection[0].actions.create.list.tech)
+					listName = selection[0].actions.create.list.tech.toString();
+			break;
+			default:
+				return 0;
+			break;
+		}
+
+		if (listName != "")
+		{
+			// Enable tab portrait.
+			setPortrait("SN_STATUS_PANE_COMMAND_" + listCol + "_1", "sheet_action", "", listIcon);
+			guiUnHide("SN_STATUS_PANE_COMMAND_" + listCol + "_1");
+
+			// Store content info in tab button for future reference.
+			SN_STATUS_PANE_COMMAND[1][listCol].type = "list";
+
+			// Extract entity list into an array.
+			listArray = parseDelimiterString(listName, ";", listName.length);
+
+			// Reset list length.
+			SN_STATUS_PANE_COMMAND[1][listCol].last = 0;
+
+			// Populate appropriate command buttons.
+			for (createLoop = 0; createLoop < SN_STATUS_PANE_COMMAND.list.max; createLoop++)
+			{
+				if (createLoop < listArray.length)
+				{
+					// Get name of entity to display in list.
+					UpdateListEntityName = selection[0].traits.id.civ_code + "_" + listArray[createLoop];
+
+					setPortrait("SN_STATUS_PANE_COMMAND_" + listCol + "_" + parseInt(createLoop+2), getEntityTemplate(UpdateListEntityName).traits.id.icon, selection[0].traits.id.civ_code, getEntityTemplate(UpdateListEntityName).traits.id.icon_cell);
+					getGUIObjectByName("SN_STATUS_PANE_COMMAND_" + listCol + "_" + parseInt(createLoop+2)).caption = "";
+					guiUnHide("SN_STATUS_PANE_COMMAND_" + listCol + "_" + parseInt(createLoop+2));
+					
+					// Store content info in tab button for future reference.
+					SN_STATUS_PANE_COMMAND[parseInt(createLoop+2)][listCol].name = listArray[createLoop];
+					SN_STATUS_PANE_COMMAND[parseInt(createLoop+2)][listCol].last++;		
+				}
+				else
+					guiHide("SN_STATUS_PANE_COMMAND_" + listCol + "_" + parseInt(createLoop+2));
+			}
+
+			return listArray;
+		}
+	}
+
+	return 0;
+}
+
+// ====================================================================
+
+function UpdateCommand(listIcon, listCol)
+{
+	// Similar to UpdateList, but without the list.
+	// Updates a particular command button with a particular action.
+
+	if (
+            (listIcon == action_attack && selection[0].actions.attack)
+         || (listIcon == action_patrol && selection[0].actions.patrol)
+         || (listIcon == action_repair && selection[0].actions.repair)
+         || (listIcon == action_gather_food && selection[0].actions.gather && selection[0].actions.gather.food)
+         || (listIcon == action_gather_wood && selection[0].actions.gather && selection[0].actions.gather.wood)
+         || (listIcon == action_gather_stone && selection[0].actions.gather && selection[0].actions.gather.stone)
+         || (listIcon == action_gather_ore && selection[0].actions.gather && selection[0].actions.gather.ore)
+           )
+	{	
+		setPortrait("SN_STATUS_PANE_COMMAND_" + listCol + "_1", "sheet_action", "", listIcon);
+		guiUnHide("SN_STATUS_PANE_COMMAND_" + listCol + "_1");
+
+		// Store content info in tab button for future reference.
+		SN_STATUS_PANE_COMMAND[1][listCol].type = "command";
+		SN_STATUS_PANE_COMMAND[1][listCol].last = 0;
+		SN_STATUS_PANE_COMMAND[1][listCol].name = listIcon;
+		
+		return (listCol-1);
+	}
+	else
+		return (listCol);
+}
+
+// ====================================================================
+
+function PressCommandButton(GUIObject, list, tab)
+{
+	switch (list)
+	{
+	case 1:
+		GUIObject.caption = "";
+		if (SN_STATUS_PANE_COMMAND[list][tab].type == "list")
+		{
+//console.write("Clicked [" + list + "," + tab + "]: tab of type " + SN_STATUS_PANE_COMMAND[list][tab].type + "; " + SN_STATUS_PANE_COMMAND[list][tab].last + "; " + SN_STATUS_PANE_COMMAND[list][tab].name);
+			// Click the tab button to toggle visibility of its list (if it's of a list type).
+			GUIObjectToggle("SN_STATUS_PANE_COMMAND_" + tab + "_GROUP");
+		}
+		else
+		{
+			// Perform appropriate actions for different command buttons.
+console.write("Clicked [" + list + "," + tab + "]: command of type " + SN_STATUS_PANE_COMMAND[list][tab].type + "; " + SN_STATUS_PANE_COMMAND[list][tab].last + "; " + SN_STATUS_PANE_COMMAND[list][tab].name);
+
+			switch (SN_STATUS_PANE_COMMAND[list][tab].name)
+			{
+			case action_patrol:
+				// setCursor(...)
+				selectLocation(
+					function (x, y) {
+						issueCommand(selection, NMT_Patrol, x, y);
+					});
+				break;
+			case action_attack:
+				// setCursor(...)
+				selectEntity(
+					function (target) {
+						issueCommand(selection, NMT_AttackMelee, target);
+					});
+				break;
+			}
+		}
+		break;
+	default:
+		// Left-clicked list button.
+		console.write("Clicked [" + list + "," + tab + "]: list of type " + SN_STATUS_PANE_COMMAND[list][tab].type + "; " + SN_STATUS_PANE_COMMAND[list][tab].name);
+		// Attempt to add the entry to the queue.
+		attempt_add_to_build_queue( selection[0], selection[0].traits.id.civ_code + "_" + SN_STATUS_PANE_COMMAND[list][tab].name, list, tab);
+		break;
+	}
+}	
+
+// ====================================================================
+
+function UpdateCommandButtons()
+{
+	if( shouldUpdateStat( "actions.create.list" ) )
+	{
+		// Everything in this block is tied to properties in
+		// actions.create.list, the above check should limit the
+		// number of times this update is needlessly made.
+		
+		// Update train/research/build lists.
+		listCounter		= 1; 
+		unitArray 		= UpdateList(action_tab_train, listCounter); 		if (unitArray != 0)		 listCounter++;
+		structcivArray 	= UpdateList(action_tab_buildciv, listCounter);		if (structcivArray != 0) listCounter++;
+		structmilArray 	= UpdateList(action_tab_buildmil, listCounter);		if (structmilArray != 0) listCounter++;
+		techArray 		= UpdateList(action_tab_research, listCounter);		if (techArray != 0)		 listCounter++;
+		formationArray 	= UpdateList(action_tab_formation, listCounter);	if (formationArray != 0) listCounter++;
+		stanceArray 	= UpdateList(action_tab_stance, listCounter);		if (stanceArray != 0)	 listCounter++;
+	}
+	
+	if( shouldUpdateStat( "actions" ) )
+	{
+		// Update commands.
+		commandCounter = SN_STATUS_PANE_COMMAND.tab.max;
+		commandCounter = UpdateCommand(action_attack, commandCounter);
+		commandCounter = UpdateCommand(action_patrol, commandCounter);
+		commandCounter = UpdateCommand(action_repair, commandCounter);
+		commandCounter = UpdateCommand(action_gather_food, commandCounter);
+		commandCounter = UpdateCommand(action_gather_wood, commandCounter);
+		commandCounter = UpdateCommand(action_gather_stone, commandCounter);
+		commandCounter = UpdateCommand(action_gather_ore, commandCounter);
+
+		// Clear remaining buttons between them.
+		for (commandClearLoop = listCounter; commandClearLoop <= commandCounter; commandClearLoop++)
+		{
+			guiHide("SN_STATUS_PANE_COMMAND_" + commandClearLoop + "_1");
+			// If this slot could possibly contain a list, hide that too.
+			guiHide("SN_STATUS_PANE_COMMAND_" + commandClearLoop + "_GROUP");
+		}
+	}
+
+	// Update production queue.
+	GUIObject = getGUIObjectByName("SN_STATUS_PANE_COMMAND_PROGRESS");
+	// If the entity has a production item underway,
+	if (selection[0].actions.create && selection[0].actions.create.progress && selection[0].actions.create.progress.valueOf() && selection[0].actions.create.progress.valueOf().current && selection[0].actions.create.queue.valueOf() && selection[0].actions.create.queue.valueOf()[0].traits.creation.time)
+	{
+		// Set the value of the production progress bar.
+		GUIObject.caption = ((Math.round(Math.round(selection[0].actions.create.progress.valueOf().current)) * 100 ) / Math.round(selection[0].actions.create.queue.valueOf()[0].traits.creation.time));
+		// Set position of progress bar.
+		GUIObject.size = getGUIObjectByName("SN_STATUS_PANE_COMMAND_" + selection[0].actions.create.queue.valueOf()[0].tab + "_" + selection[0].actions.create.queue.valueOf()[0].list).size;
+		// Set progress bar tooltip.
+		GUIObject.tooltip = "Training " + selection[0].actions.create.queue.valueOf()[0].traits.id.generic + " ... " + (Math.round(selection[0].actions.create.queue.valueOf()[0].traits.creation.time-Math.round(selection[0].actions.create.progress.valueOf().current)) + " seconds remaining.");
+		// Reveal progressbar.
+		GUIObject.hidden  = false;
+		
+		// Seek through queue.
+		for( queueEntry = 0; queueEntry < selection[0].actions.create.queue.valueOf().length; queueEntry++)
+		{
+			// Update list buttons so that they match the number of entries of that type in the queue.
+			getGUIObjectByName("SN_STATUS_PANE_COMMAND_" + selection[0].actions.create.queue.valueOf()[queueEntry].tab + "_" + selection[0].actions.create.queue.valueOf()[queueEntry].list).caption++;
+		}
+	}
+	else
+	{
+		// Hide the progress bar.
+		GUIObject.hidden  = true;
+		GUIObject.tooltip = "";
+	}
+}
+
+// ====================================================================
+
+// Update-on-alteration trickery...
+
+// We don't really want to update every single time we get a
+// selection-changed or property-changed event; that could happen
+// a lot. Instead, use this bunch of globals to cache any changes
+// that happened between GUI updates.
+
+// This boolean determines whether the selection has been changed.
+var selectionChanged = false;
+
+// This boolean determines what the template of the selected object
+// was when last we looked
+var selectionTemplate = null;
+
+// This array holds the name of all properties that need to be updated
+var selectionPropertiesChanged = new Array();
+
+// This array holds a list of all the objects we hold property-change 
+// watches on
+var propertyWatches = new Array();
+ 
+// This function resets all the update variables, above
+function resetUpdateVars()
+{
+	if( selectionChanged )
+	{
+		for( watchedObject in propertyWatches )
+			propertyWatches[watchedObject].unwatchAll( selectionWatchHandler ); // Remove the handler
+		
+		propertyWatches = new Array();
+		if( selection[0] )
+		{
+			// Watch the object itself
+			selection[0].watchAll( selectionWatchHandler );
+			propertyWatches.push( selection[0] );
+			// And every parent back up the tree (changes there will affect
+			// displayed properties via inheritance)
+			var parent = selection[0].template
+			while( parent )
+			{
+				parent.watchAll( selectionWatchHandler );
+				propertyWatches.push( selection[0] );
+				parent = parent.parent;
+			}
+		}
+	}
+	selectionChanged = false;
+	if( selection[0] ) 
+	{
+		selectionTemplate = selection[0].template;
+	}
+	else
+		selectionTemplate = null;
+		
+	selectionPropertiesChanged = new Array();
+}
+
+// This function returns whether we should update a particular statistic
+// in the GUI (e.g. "actions.attack") - this should happen if: the selection
+// changed, the selection had its template altered (changing lots of stuff)
+// or an assignment has been made to that stat or any property within that
+// stat. 
+function shouldUpdateStat( statname )
+{
+	if( selectionChanged || ( selectionTemplate != selection[0].template ) )
+		return( true );
+	for( var property in selectionPropertiesChanged )
+	{
+		// If property starts with statname
+		if( selectionPropertiesChanged[property].substring( 0, statname.length ) == statname )
+			return( true );
+	}
+	return( false );	
+}
+
+// This function is a handler for the 'selectionChanged' event,
+// it updates the selectionChanged flag
+function selectionChangedHandler()
+{
+	selectionChanged = true;
+}
+
+// Register it.
+addGlobalHandler( "selectionChanged", selectionChangedHandler );
+
+// This function is a handler for a watch event; it updates the
+// selectionPropertiesChanged array
+function selectionWatchHandler( propname, oldvalue, newvalue )
+{
+	selectionPropertiesChanged.push( propname );
+	// This bit's important (watches allow the handler to change the value
+	// before it gets written; we don't want to affect things, so make sure
+	// the value we send back is the one that was going to be written)
+	return( newvalue ); 
+}
+
+function UpdateStatusOrb()
+{
+	// Update heading.
+	if( shouldUpdateStat( "player" ) || shouldUpdateStat( "traits.id.civ" ) )
+	{
+		GUIObject = getGUIObjectByName("SN_STATUS_PANE_HEADING");
+		GUIObject.caption = selection[0].player.name; // Player name (placeholder; replace with proper callsign).
+		if (selection[0].traits.id.civ)
+			GUIObject.caption += " [icon=bullet_icon] " + selection[0].traits.id.civ;
+	}
+	
+	// Update name text.
+	if( shouldUpdateStat( "traits.id" ) )
+	{
+		GUIObject = getGUIObjectByName("SN_STATUS_PANE_NAME1");
+		GUIObject.caption = "";
+		
+		// Personal name.
+		if (selection[0].traits.id.personal && selection[0].traits.id.personal != "")
+			GUIObject.caption += selection[0].traits.id.personal + "\n";
+		// Generic name.
+		if (selection[0].traits.id.generic)
+			GUIObject.caption += selection[0].traits.id.generic + "\n";
+		// Specific/ranked name.
+		if (selection[0].traits.id.ranked)
+		{
+			GUIObject = getGUIObjectByName("SN_STATUS_PANE_NAME1");
+			GUIObject.caption += selection[0].traits.id.ranked + "\n";
+		}
+		else{
+			if (selection[0].traits.id.specific)
+			{
+				GUIObject.caption += selection[0].traits.id.specific + "\n";
+			}
+		}
+	}
+	if( shouldUpdateStat( "traits.id.icon" ) )
+	{
+		// Update portrait
+		if (selection[0].traits.id.icon)
+			setPortrait("SN_STATUS_PANE_PORTRAIT", selection[0].traits.id.icon, selection[0].traits.id.civ_code, selection[0].traits.id.icon_cell);
+	}
+	if( shouldUpdateStat( "traits.up.rank" ) )
+	{
+		// Update rank.
+		GUIObject = getGUIObjectByName("SN_STATUS_PANE_ICON_RANK");
+		if (selection[0].traits.up.rank > 1)
+		{
+			GUIObject.sprite = "ui_icon_sheet_statistic";
+			GUIObject.cell_id = stat_rank1 + (selection[0].traits.up.rank-2);
+		}
+		else
+			GUIObject.sprite = "";
+	}
+	if( shouldUpdateStat( "traits.health" ) )
+	{
+		// Update hitpoints
+		if (selection[0].traits.health.curr && selection[0].traits.health.max)
+		{
+			getGUIObjectByName("SN_STATUS_PANE_ICON_HP_TEXT").caption = Math.round(selection[0].traits.health.curr) + "/" + Math.round(selection[0].traits.health.max);
+			getGUIObjectByName("SN_STATUS_PANE_ICON_HP_TEXT").hidden = false;
+			getGUIObjectByName("SN_STATUS_PANE_ICON_HP_BAR").caption = ((Math.round(selection[0].traits.health.curr) * 100 ) / Math.round(selection[0].traits.health.max));
+			getGUIObjectByName("SN_STATUS_PANE_ICON_HP_BAR").hidden = false;
+		}
+		else
+		{
+			getGUIObjectByName("SN_STATUS_PANE_ICON_HP_TEXT").hidden = true;
+			getGUIObjectByName("SN_STATUS_PANE_ICON_HP_BAR").hidden = true;
+		}
+	}
+	
+	if( shouldUpdateStat( "traits.up" ) )
+	{
+		// Update upgrade points
+		if (selection[0].traits.up && selection[0].traits.up.curr && selection[0].traits.up.req)
+		{
+			getGUIObjectByName("SN_STATUS_PANE_ICON_XP_TEXT").caption = Math.round(selection[0].traits.up.curr) + "/" + Math.round(selection[0].traits.up.req);
+			getGUIObjectByName("SN_STATUS_PANE_ICON_XP_TEXT").hidden = false;
+			getGUIObjectByName("SN_STATUS_PANE_ICON_XP_BAR").caption = ((Math.round(selection[0].traits.up.curr) * 100 ) / Math.round(selection[0].traits.up.req));
+			getGUIObjectByName("SN_STATUS_PANE_ICON_XP_BAR").hidden = false;
+		}
+		else
+		{
+			getGUIObjectByName("SN_STATUS_PANE_ICON_XP_TEXT").hidden = true;
+			getGUIObjectByName("SN_STATUS_PANE_ICON_XP_BAR").hidden = true;
+		}
+	}
+	if( shouldUpdateStat( "traits.garrison" ) )
+	{
+		// Update Supply/Garrison
+		GUIObject = getGUIObjectByName("SN_STATUS_PANE_2STAT");
+		GUIObject.caption = '';
+
+		if (selection[0].traits.garrison)
+		{
+			if (selection[0].traits.garrison.curr && selection[0].traits.garrison.max)
+			{
+				GUIObject.caption += '[icon="icon_statistic_garrison"] [color="100 100 255"]' + selection[0].traits.garrison.curr + '/' + selection[0].traits.garrison.max + '[/color] ';
+			}
+		}
+	}
+	if( shouldUpdateStat( "traits.supply" ) )
+	{
+		GUIObject = getGUIObjectByName("SN_STATUS_PANE_2STAT");
+		GUIObject.caption = '';
+
+		if (selection[0].traits.supply)
+		{
+			if (selection[0].traits.supply.curr && selection[0].traits.supply.max && selection[0].traits.supply.type)
+			{
+				// Special case for infinity.
+				if (selection[0].traits.supply.curr == "0" && selection[0].traits.supply.max == "0")
+					GUIObject.caption += '[icon="icon_resource_' + selection[0].traits.supply.type + '"] [color="100 100 255"] [icon="infinity_icon"] [/color] ';
+				else
+					GUIObject.caption += '[icon="icon_resource_' + selection[0].traits.supply.type + '"] [color="100 100 255"]' + selection[0].traits.supply.curr + '/' + selection[0].traits.supply.max + '[/color] ';
+			}
+		}
+	}
+	
+	// Update Attack stats
+	if( shouldUpdateStat( "actions.attack" ) )
+	{
+		if (selection[0].actions.attack && selection[0].actions.attack.damage && selection[0].actions.attack.damage > 0)
+			getGUIObjectByName("SN_STATUS_PANE_STAT1").caption = '[icon="icon_statistic_attack"]' + selection[0].actions.attack.damage;
+		else
+			getGUIObjectByName("SN_STATUS_PANE_STAT1").caption = "";
+
+		if (selection[0].actions.attack && selection[0].actions.attack.hack && selection[0].actions.attack.hack > 0)
+			getGUIObjectByName("SN_STATUS_PANE_STAT2").caption = '[icon="icon_statistic_hack"]' + Math.round(selection[0].actions.attack.hack*100) + '%';
+		else
+			getGUIObjectByName("SN_STATUS_PANE_STAT2").caption = "";
+
+		if (selection[0].actions.attack && selection[0].actions.attack.pierce && selection[0].actions.attack.pierce > 0)
+			getGUIObjectByName("SN_STATUS_PANE_STAT3").caption = '[icon="icon_statistic_pierce"]' + Math.round(selection[0].actions.attack.pierce*100) + '%';
+		else
+			getGUIObjectByName("SN_STATUS_PANE_STAT3").caption = "";
+
+		if (selection[0].actions.attack && selection[0].actions.attack.crush && selection[0].actions.attack.crush > 0)
+			getGUIObjectByName("SN_STATUS_PANE_STAT4").caption = '[icon="icon_statistic_crush"]' + Math.round(selection[0].actions.attack.crush*100) + '%';
+		else
+			getGUIObjectByName("SN_STATUS_PANE_STAT4").caption = "";
+
+		if (selection[0].actions.attack && selection[0].actions.attack.range && selection[0].actions.attack.range > 0)
+			getGUIObjectByName("SN_STATUS_PANE_STAT5").caption = '[icon="icon_statistic_range"]' + selection[0].actions.attack.range;
+		else
+			getGUIObjectByName("SN_STATUS_PANE_STAT5").caption = "";
+
+		if (selection[0].actions.attack && selection[0].actions.attack.accuracy && selection[0].actions.attack.accuracy > 0)
+			getGUIObjectByName("SN_STATUS_PANE_STAT6").caption = '[icon="icon_statistic_accuracy"]' + Math.round(selection[0].actions.attack.accuracy*100) + '%';
+		else
+			getGUIObjectByName("SN_STATUS_PANE_STAT6").caption = "";
+	}
+	// Update Armour & Other stats
+	if( shouldUpdateStat( "traits.armour" ) )
+	{
+		if (selection[0].traits.armour && selection[0].traits.armour.value && selection[0].traits.armour.value > 0)
+			getGUIObjectByName("SN_STATUS_PANE_STAT7").caption = '[icon="icon_statistic_armour"]' + selection[0].traits.armour.value;
+		else getGUIObjectByName("SN_STATUS_PANE_STAT7").caption = "";
+		if (selection[0].traits.armour && selection[0].traits.armour.hack && selection[0].traits.armour.hack > 0)
+			getGUIObjectByName("SN_STATUS_PANE_STAT8").caption = '[icon="icon_statistic_hack"]' + Math.round(selection[0].traits.armour.hack*100) + '%';
+		else getGUIObjectByName("SN_STATUS_PANE_STAT8").caption = "";
+		if (selection[0].traits.armour && selection[0].traits.armour.pierce && selection[0].traits.armour.pierce > 0)
+			getGUIObjectByName("SN_STATUS_PANE_STAT9").caption = '[icon="icon_statistic_pierce"]' + Math.round(selection[0].traits.armour.pierce*100) + '%';
+		else getGUIObjectByName("SN_STATUS_PANE_STAT9").caption = "";
+		if (selection[0].traits.armour && selection[0].traits.armour.crush && selection[0].traits.armour.crush > 0)
+			getGUIObjectByName("SN_STATUS_PANE_STAT10").caption = '[icon="icon_statistic_crush"]' + Math.round(selection[0].traits.armour.crush*100) + '%';
+		else getGUIObjectByName("SN_STATUS_PANE_STAT10").caption = "";
+	}
+	if( shouldUpdateStat( "actions.move" ) )
+	{
+		if (selection[0].actions.move && selection[0].actions.move.speed)
+			getGUIObjectByName("SN_STATUS_PANE_STAT11").caption = '[icon="icon_statistic_speed"]' + selection[0].actions.move.speed;
+			else getGUIObjectByName("SN_STATUS_PANE_STAT11").caption = "";
+	}
+	if( shouldUpdateStat( "traits.vision" ) )
+	{
+		if (selection[0].traits.vision && selection[0].traits.vision.los)
+			getGUIObjectByName("SN_STATUS_PANE_STAT12").caption = '[icon="icon_statistic_los"]' + selection[0].traits.vision.los;
+			else getGUIObjectByName("SN_STATUS_PANE_STAT12").caption = "";
+	}
+	
+	// Reveal Status Orb
+	getGUIObjectByName("session_status_orb").hidden = false;
+
+	// Update Command Buttons.
+	UpdateCommandButtons();
+	
+	resetUpdateVars();
+}
+
diff --git a/binaries/data/mods/official/gui/test/functions_session_subwindow_jukebox.js b/binaries/data/mods/official/gui/test/functions_session_subwindow_jukebox.js
new file mode 100644
index 0000000000..4823570617
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_session_subwindow_jukebox.js
@@ -0,0 +1,78 @@
+function initJukebox()
+{
+	// ============================================= GLOBALS =================================================
+
+	// Background of jukebox.
+	JUKEBOX_BKG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].x	= 80; // 120; 
+	Crd[Crd.last-1].y	= 180; // 150; 
+	Crd[Crd.last-1].width	= Crd[Crd.last-1].x*2-Crd[Crd.last-1].x; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-1].y*2-Crd[Crd.last-1].y;
+
+	// Title background of jukebox.
+	JUKEBOX_TITLEBAR = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 200; 
+	Crd[Crd.last-1].height	= 32; 
+	Crd[Crd.last-1].x	= -(Crd[Crd.last-1].width/2); 
+	Crd[Crd.last-1].y	= Crd[JUKEBOX_BKG].y-Crd[Crd.last-1].height;
+
+	// Title left of jukebox.
+	JUKEBOX_TITLEBAR_LEFT = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 50; 
+	Crd[Crd.last-1].height	= Crd[JUKEBOX_TITLEBAR].height; 
+	Crd[Crd.last-1].x	= -Crd[JUKEBOX_TITLEBAR].width+Crd[Crd.last-1].width; 
+	Crd[Crd.last-1].y	= Crd[JUKEBOX_TITLEBAR].y;
+
+	// Title right of jukebox.
+	JUKEBOX_TITLEBAR_RIGHT = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= Crd[JUKEBOX_TITLEBAR_LEFT].width; 
+	Crd[Crd.last-1].height	= Crd[JUKEBOX_TITLEBAR_LEFT].height; 
+	Crd[Crd.last-1].x	= -Crd[JUKEBOX_TITLEBAR].x; 
+	Crd[Crd.last-1].y	= Crd[JUKEBOX_TITLEBAR_LEFT].y;
+
+	// List of tracks.
+	JUKEBOX_LIST_FILE = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].x	= Crd[JUKEBOX_BKG].x+50; 
+	Crd[Crd.last-1].y	= Crd[JUKEBOX_BKG].y+50;
+	Crd[Crd.last-1].width	= Crd[Crd.last-1].x*2-Crd[Crd.last-1].x; 
+	Crd[Crd.last-1].height	= Crd[Crd.last-1].y*2-Crd[Crd.last-1].y+10; 
+
+	// Combobox to select category of tracks to list.
+	JUKEBOX_CATEGORY = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 90; 
+	Crd[Crd.last-1].height	= 35; 
+	Crd[Crd.last-1].x	= Crd[JUKEBOX_LIST_FILE].x; 
+	Crd[Crd.last-1].y	= Crd[JUKEBOX_BKG].y+10;
+
+	// Jukebox exit button.
+	JUKEBOX_EXIT_BUTTON = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 16;
+	Crd[Crd.last-1].height	= 16;
+	Crd[Crd.last-1].x	= Crd[JUKEBOX_BKG].x-Crd[Crd.last-1].width-10;
+	Crd[Crd.last-1].y	= Crd[JUKEBOX_BKG].y-Crd[Crd.last-1].height-10;
+}
+
+// ====================================================================
+
+function jukeboxDisplay()
+{
+//	// Display heading.
+//	JukeBoxBkg = getGUIObjectByName("JUKEBOX_TITLEBAR");
+//	JukeBoxBkg.caption = "Jukebox";
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_session_subwindow_manual.js b/binaries/data/mods/official/gui/test/functions_session_subwindow_manual.js
new file mode 100644
index 0000000000..c9b9ee211d
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_session_subwindow_manual.js
@@ -0,0 +1,448 @@
+function initManual()
+{
+	// ============================================ CONSTANTS ================================================
+
+	MANUAL = new Object();
+	MANUAL.span = 5;
+
+	// ============================================= GLOBALS =================================================
+
+	// Background of online manual.
+	MANUAL_BKG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= 50; 
+	Crd[Crd.last-1].height	= 50; 
+	Crd[Crd.last-1].x	= 50; 
+	Crd[Crd.last-1].y	= 50; 
+
+	// Online manual portrait.
+	MANUAL_PORTRAIT = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= left_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= crd_portrait_lrg_width; 
+	Crd[Crd.last-1].height	= crd_portrait_lrg_height; 
+	Crd[Crd.last-1].x	= Crd[MANUAL_BKG].x+10; 
+	Crd[Crd.last-1].y	= Crd[MANUAL_BKG].y+30; 
+
+	// Online manual rollover.
+	MANUAL_ROLLOVER = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 60; 
+	Crd[Crd.last-1].height	= Crd[MANUAL_PORTRAIT].height;
+	Crd[Crd.last-1].x	= Crd[MANUAL_PORTRAIT].x+Crd[MANUAL_PORTRAIT].width+MANUAL.span;
+	Crd[Crd.last-1].y	= Crd[MANUAL_PORTRAIT].y;
+
+	// Online manual history.
+	MANUAL_HISTORY = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[MANUAL_ROLLOVER].width;
+	Crd[Crd.last-1].height	= Crd[MANUAL_ROLLOVER].height;
+	Crd[Crd.last-1].x	= Crd[MANUAL_PORTRAIT].x;
+	Crd[Crd.last-1].y	= 60;
+
+	// Online manual text.
+	MANUAL_NAME = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= left_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+	Crd[Crd.last-1].width	= Crd[MANUAL_HISTORY].width;
+	Crd[Crd.last-1].height	= Crd[MANUAL_HISTORY].y+Crd[MANUAL_HISTORY].height+MANUAL.span;
+	Crd[Crd.last-1].x	= Crd[MANUAL_HISTORY].x;
+	Crd[Crd.last-1].y	= Crd[MANUAL_ROLLOVER].y+Crd[MANUAL_ROLLOVER].height+MANUAL.span;
+
+	// Online manual exit button.
+	MANUAL_EXIT_BUTTON = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= top_screen; 
+	Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= top_screen; 
+	Crd[Crd.last-1].width	= 16;
+	Crd[Crd.last-1].height	= 16;
+	Crd[Crd.last-1].x	= Crd[Crd.last-1].width+MANUAL.span*2-1;
+	Crd[Crd.last-1].y	= Crd[Crd.last-1].height+MANUAL.span*2-1;
+}
+
+// ====================================================================
+
+function manualDisplay()
+{
+	// Display heading.
+	ManualBkg = getGUIObjectByName("MANUAL_BKG");
+	ManualBkg.caption = "In-Game Help: ";
+	if (selection[0].traits.id.civ)
+		ManualBkg.caption += selection[0].traits.id.civ + ": ";
+	if (selection[0].traits.id.generic)
+		ManualBkg.caption += selection[0].traits.id.generic + ": ";
+	if (selection[0].traits.id.specific)
+		ManualBkg.caption += selection[0].traits.id.specific;
+
+	// Display portrait.
+	if (selection[0].traits.id.icon)
+	{
+		setPortrait("MANUAL_PORTRAIT", selection[0].traits.id.icon, selection[0].traits.id.civ_code, selection[0].traits.id.icon_cell);
+	}
+
+	// Display rollover text.
+	if (selection[0].traits.id.rollover)
+	{
+		ManualRollover = getGUIObjectByName("MANUAL_ROLLOVER");
+		ManualRollover.caption = selection[0].traits.id.rollover;
+	}
+
+	ManualText = getGUIObjectByName("MANUAL_NAME");
+	ManualText.caption = "";
+
+					// Display name(s).
+					if (selection[0].traits.id.generic)
+						ManualText.caption += selection[0].traits.id.generic;
+					if (selection[0].traits.id.generic && selection[0].traits.id.specific)
+						ManualText.caption += " - ";
+					if (selection[0].traits.id.specific)
+						ManualText.caption += selection[0].traits.id.specific;
+					if (selection[0].traits.id.specific && selection[0].traits.id.ranked)
+						ManualText.caption += " - ";
+					if (selection[0].traits.id.ranked)
+						ManualText.caption += selection[0].traits.id.ranked;
+					// Personal name.
+					if (selection[0].traits.id.personal && selection[0].traits.id.personal != "")
+						ManualText.caption += " - " + selection[0].traits.id.personal;
+					ManualText.caption += "\n";
+
+					// Display civilisation.
+					if (selection[0].traits.id.civ && selection[0].traits.id.civ_code)
+						ManualText.caption += "Civilisation: " + selection[0].traits.id.civ + " (" + selection[0].traits.id.civ_code + ")" + "\n";
+					if (!selection[0].traits.id.civ_code)
+						ManualText.caption += "Civilisation: " + selection[0].traits.id.civ + "\n";
+
+					// Display player info.
+					if (selection[0].player){
+						if (selection[0].player.name)
+							ManualText.caption += "Player Name: " + selection[0].player.name + "\n";
+						if (selection[0].player.id)
+							ManualText.caption += "Player ID: " + selection[0].player.id + "\n";
+						if (selection[0].player.colour)
+							ManualText.caption += "Player Colour: " + selection[0].player.colour + "\n";
+						if (selection[0].player.controlled)
+							ManualText.caption += "Player Controlled: " + selection[0].player.controlled + "\n";
+//						if (players[])
+//							ManualText.caption += "Players[]: " + players[] + "\n";
+					}
+					
+					// Display hitpoints.
+					if (selection[0].traits.health.curr && selection[0].traits.health.max && selection[0].traits.health)
+						ManualText.caption += "Hitpoints: " + selection[0].traits.health.curr + "/" + selection[0].traits.health.max + "\n";
+
+					// Display rank.
+					if (selection[0].traits.up.rank)
+						ManualText.caption += "Rank: " + selection[0].traits.up.rank + "\n";
+
+					// Display experience.
+					if (selection[0].traits.up && selection[0].traits.up.curr && selection[0].traits.up.req)
+						ManualText.caption += "XP: " + selection[0].traits.up.curr + "/" + selection[0].traits.up.req + "\n";
+
+					// Display population.
+					if (selection[0].traits.population)
+					{
+						if (selection[0].traits.population.sub)
+							ManualText.caption += "Pop: -" + selection[0].traits.population.sub + "\n";
+						if (selection[0].traits.population.add)
+							ManualText.caption += "Housing: +" + selection[0].traits.population.add + "\n";
+					}
+
+					// Display garrison.
+					if (selection[0].traits.garrison)
+					{
+						if (selection[0].traits.garrison.curr && selection[0].traits.garrison.max)
+							ManualText.caption += "Garrison: " + selection[0].traits.garrison.curr + "/" + selection[0].traits.garrison.max + "\n";
+					}
+
+					// Display supply.
+					if (selection[0].traits.supply)
+					{
+						if (selection[0].traits.supply.curr && selection[0].traits.supply.max && selection[0].traits.supply.type)
+						{
+							// If Supply is infinite,
+							if (selection[0].traits.supply.curr == "0" && selection[0].traits.supply.max == "0")
+								// Use infinity symbol.
+								ManualText.caption += "Supply: " + selection[0].traits.supply.curr + "/" + selection[0].traits.supply.max + " " + selection[0].traits.supply.type + " (" + selection[0].traits.supply.subtype + ")\n";
+							else
+								// Use numbers.
+								ManualText.caption += "Supply: 8 " + selection[0].traits.supply.type + " (" + selection[0].traits.supply.subtype + ")\n";
+						}
+					}
+
+					if (selection[0].traits.loot)
+					{
+						// Display UP on death.
+						if (selection[0].traits.loot.up)
+							ManualText.caption += "UP: " + selection[0].traits.loot.up + "\n";
+	
+						// Display loot.
+						if (selection[0].traits.loot.food || selection[0].traits.loot.wood || selection[0].traits.loot.stone || selection[0].traits.loot.ore)
+						{
+							ManualText.caption += "Loot: ";
+							if (selection[0].traits.loot.food)
+								ManualText.caption += selection[0].traits.loot.food + " Food ";
+							if (selection[0].traits.loot.wood)
+								ManualText.caption += selection[0].traits.loot.wood + " Wood ";
+							if (selection[0].traits.loot.stone)
+								ManualText.caption += selection[0].traits.loot.stone + " Stone ";
+							if (selection[0].traits.loot.ore)
+								ManualText.caption += selection[0].traits.loot.ore + " Ore ";
+							ManualText.caption += "\n";
+						}
+					}
+
+					// Display minimap.
+					if (selection[0].traits.minimap)
+					{
+
+						if (selection[0].traits.minimap && selection[0].traits.minimap.type)
+							ManualText.caption += "Map Type: " + selection[0].traits.minimap.type + "\n";
+
+						if (selection[0].traits.minimap && selection[0].traits.minimap.red && selection[0].traits.minimap.green && selection[0].traits.minimap.blue)
+							ManualText.caption += "Map Colour: " + selection[0].traits.minimap.red + "-" + selection[0].traits.minimap.green + "-" + selection[0].traits.minimap.blue + "\n";
+					}
+
+					// Armour.
+					if (selection[0].traits.armour)
+					{
+						ManualText.caption += "Armour: ";
+						
+						if (selection[0].traits.armour.value)
+						{
+							ManualText.caption += selection[0].traits.armour.value + " [";
+
+							if (selection[0].traits.armour.crush)
+								ManualText.caption += "Crush: " + Math.round(selection[0].traits.armour.crush*100) + "%, ";
+
+							if (selection[0].traits.armour.hack)
+								ManualText.caption += "Hack: " + Math.round(selection[0].traits.armour.hack*100) + "%, ";
+
+							if (selection[0].traits.armour.pierce)
+								ManualText.caption += "Pierce: " + Math.round(selection[0].traits.armour.pierce*100) + "%";
+
+							ManualText.caption += "]\n";
+						}
+					}
+
+					// Attack.
+					if (selection[0].actions.attack)
+					{
+						ManualText.caption += "Attack: ";
+						
+						if (selection[0].actions.attack.damage)
+						{
+							ManualText.caption += selection[0].actions.attack.damage + " [";
+
+							if (selection[0].actions.attack.crush)
+								ManualText.caption += "Crush: " + Math.round(selection[0].actions.attack.crush*100) + "%, ";
+
+							if (selection[0].actions.attack.hack)
+								ManualText.caption += "Hack: " + Math.round(selection[0].actions.attack.hack*100) + "%, ";
+
+							if (selection[0].actions.attack.pierce)
+								ManualText.caption += "Pierce: " + Math.round(selection[0].actions.attack.pierce*100) + "%";
+
+							ManualText.caption += "]\n";
+						}
+
+						if (selection[0].actions.attack.range)						
+							ManualText.caption += "Attack Range: " + selection[0].actions.attack.range + "\n";
+
+						if (selection[0].actions.attack.accuracy)						
+							ManualText.caption += "Attack Accuracy: " + selection[0].actions.attack.accuracy*100 + "%\n";
+					}
+
+					// Speed.
+					if (selection[0].actions.move)
+					{
+						if (selection[0].actions.move.speed)
+							ManualText.caption += "Speed: " + selection[0].actions.move.speed + "\n";
+
+						// Turn Radius.
+						if (selection[0].actions.move.turningradius)
+							ManualText.caption += "TurnRadius: " + selection[0].actions.move.turningradius + "\n";
+					}
+
+					// Vision.
+					if (selection[0].traits.vision)
+					{
+						if (selection[0].traits.vision.los)
+							ManualText.caption += "LOS: " + selection[0].traits.vision.los + "\n";
+					}
+
+					// Classes.
+					if (selection[0].traits.id.class1)
+						ManualText.caption += "Class1: " + selection[0].traits.id.class1 + "\n";
+					if (selection[0].traits.id.class2)
+						ManualText.caption += "Class2: " + selection[0].traits.id.class2 + "\n";
+					if (selection[0].traits.id.class3)
+						ManualText.caption += "Class3: " + selection[0].traits.id.class3 + "\n";
+
+					// Name directory.
+					if (selection[0].traits.id.personal1 && selection[0].traits.id.personal2)
+					ManualText.caption += "Name File: " + selection[0].traits.id.personal1 + " & " + selection[0].traits.id.personal2 + "\n";
+
+					// Internal flag.
+					if (selection[0].traits.id.internal_only)
+					ManualText.caption += "Internal: " + selection[0].traits.id.internal_only + "\n";
+
+					// Icon.
+					if (selection[0].traits.id.icon)
+					ManualText.caption += "Icon: " + selection[0].traits.id.icon + "\n";
+					if (selection[0].traits.id.icon_cell)
+					ManualText.caption += "Icon_Cell: " + selection[0].traits.id.icon_cell + "\n";
+
+					// Version.
+					if (selection[0].traits.id.version)
+					ManualText.caption += "Version: " + selection[0].traits.id.version + "\n";
+
+					// Lists.
+					if (selection[0].actions.create && selection[0].actions.create.list)
+					{
+						if (selection[0].actions.create.list.unit)
+							ManualText.caption += "Trains: " + selection[0].actions.create.list.unit + "\n";
+						if (selection[0].actions.create.list.structciv || selection[0].actions.create.list.structmil)
+						{
+							ManualText.caption += "Builds: ";
+							if (selection[0].actions.create.list.structciv)
+								ManualText.caption += selection[0].actions.create.list.structciv + " ";
+							if (selection[0].actions.create.list.structmil)
+								ManualText.caption += selection[0].actions.create.list.structmil + " ";
+							ManualText.caption += "\n";
+						}
+						if (selection[0].actions.create.list.tech)
+							ManualText.caption += "Research: " + selection[0].actions.create.list.research + "\n";
+					}
+
+
+					// Display types.
+					if (selection[0].traits.id.type)
+					{
+						ManualTypeString = "";
+						if (selection[0].traits.id.type.gaia)
+						{
+								ManualTypeString += "gaia ";
+							if (selection[0].traits.id.type.gaia.group.aqua)
+								ManualTypeString += "gaia.group.aqua ";
+							if (selection[0].traits.id.type.gaia.group.fauna)
+								ManualTypeString += "gaia.group.fauna ";
+							if (selection[0].traits.id.type.gaia.group.flora)
+								ManualTypeString += "gaia.group.flora ";
+							if (selection[0].traits.id.type.gaia.group.geo)
+								ManualTypeString += "gaia.group.geo ";
+							if (selection[0].traits.id.type.gaia.group.resource)
+								ManualTypeString += "gaia.group.resource ";
+						}
+						if (selection[0].traits.id.type.unit)
+						{
+							ManualTypeString += "unit ";
+							if (selection[0].traits.id.type.unit.group.citizensoldier)
+								ManualTypeString += "unit.group.citizensoldier ";
+							if (selection[0].traits.id.type.unit.group.hero)
+								ManualTypeString += "unit.group.hero ";
+							if (selection[0].traits.id.type.unit.group.military)
+								ManualTypeString += "unit.group.military ";
+							if (selection[0].traits.id.type.unit.group.ship)
+								ManualTypeString += "unit.group.ship ";
+							if (selection[0].traits.id.type.unit.group.siege)
+								ManualTypeString += "unit.group.siege ";
+							if (selection[0].traits.id.type.unit.group.superunit)
+								ManualTypeString += "unit.group.superunit ";
+							if (selection[0].traits.id.type.unit.group.support)
+								ManualTypeString += "unit.group.support ";
+							if (selection[0].traits.id.type.unit.group.trade)
+								ManualTypeString += "unit.group.trade ";
+							if (selection[0].traits.id.type.unit.group.warship)
+								ManualTypeString += "unit.group.warship ";
+							if (selection[0].traits.id.type.unit.group.worker)
+								ManualTypeString += "unit.group.worker ";
+							if (selection[0].traits.id.type.unit.material.mechanical)
+								ManualTypeString += "unit.material.mechanical ";
+							if (selection[0].traits.id.type.unit.material.organic)
+								ManualTypeString += "unit.material.organic ";
+							if (selection[0].traits.id.type.unit.attack.melee)
+								ManualTypeString += "unit.attack.melee ";
+							if (selection[0].traits.id.type.unit.attack.ranged)
+								ManualTypeString += "unit.attack.ranged ";
+							if (selection[0].traits.id.type.unit.foot)
+							{
+								ManualTypeString += "unit.foot ";
+								if (selection[0].traits.id.type.unit.foot.bow)
+									ManualTypeString += "unit.foot.bow ";
+								if (selection[0].traits.id.type.unit.foot.javelin)
+									ManualTypeString += "unit.foot.javelin ";
+								if (selection[0].traits.id.type.unit.foot.sling)
+									ManualTypeString += "unit.foot.sling ";
+								if (selection[0].traits.id.type.unit.foot.spear)
+									ManualTypeString += "unit.foot.spear ";
+								if (selection[0].traits.id.type.unit.foot.sword)
+									ManualTypeString += "unit.foot.sword ";
+							}
+							if (selection[0].traits.id.type.unit.mounted)
+							{
+								ManualTypeString += "unit.mounted ";
+								if (selection[0].traits.id.type.unit.mounted.bow)
+									ManualTypeString += "unit.mounted.bow ";
+								if (selection[0].traits.id.type.unit.mounted.javelin)
+									ManualTypeString += "unit.mounted.javelin ";
+								if (selection[0].traits.id.type.unit.mounted.spear)
+									ManualTypeString += "unit.mounted.spear ";
+								if (selection[0].traits.id.type.unit.mounted.sword)
+									ManualTypeString += "unit.mounted.sword ";
+								if (selection[0].traits.id.type.unit.weapon.bow)
+									ManualTypeString += "unit.weapon.bow ";
+								if (selection[0].traits.id.type.unit.weapon.javelin)
+									ManualTypeString += "unit.weapon.javelin ";
+								if (selection[0].traits.id.type.unit.weapon.sling)
+									ManualTypeString += "unit.weapon.sling ";
+								if (selection[0].traits.id.type.unit.weapon.spear)
+									ManualTypeString += "unit.weapon.spear ";
+								if (selection[0].traits.id.type.unit.weapon.sword)
+									ManualTypeString += "unit.weapon.sword ";
+							}
+						}
+						if (selection[0].traits.id.type.structure)
+						{
+							ManualTypeString += "structure ";
+							if (selection[0].traits.id.type.structure.group.defensive)
+								ManualTypeString += "structure.group.defensive ";
+							if (selection[0].traits.id.type.structure.group.housing)
+								ManualTypeString += "structure.group.housing ";
+							if (selection[0].traits.id.type.structure.group.offensive)
+								ManualTypeString += "structure.group.offensive ";
+							if (selection[0].traits.id.type.structure.group.supply)
+								ManualTypeString += "structure.group.supply ";
+							if (selection[0].traits.id.type.structure.group.support)
+								ManualTypeString += "structure.group.support ";
+							if (selection[0].traits.id.type.structure.group.tower)
+								ManualTypeString += "structure.group.tower ";
+							if (selection[0].traits.id.type.structure.group.train)
+								ManualTypeString += "structure.group.train ";
+							if (selection[0].traits.id.type.structure.group.wall)
+								ManualTypeString += "structure.group.wall ";
+							if (selection[0].traits.id.type.structure.phase.cp)
+								ManualTypeString += "structure.phase.cp ";
+							if (selection[0].traits.id.type.structure.phase.tp)
+								ManualTypeString += "structure.phase.tp ";
+							if (selection[0].traits.id.type.structure.phase.vp)
+								ManualTypeString += "structure.phase.vp ";
+							if (selection[0].traits.id.type.structure.material.stone)
+								ManualTypeString += "structure.material.stone ";
+							if (selection[0].traits.id.type.structure.material.wood)
+								ManualTypeString += "structure.material.wood ";
+						}
+
+						if (ManualTypeString != "")
+							ManualText.caption = ManualText.caption + "Type(s): " + ManualTypeString + "\n";
+					}
+
+					// Display history text.
+					if (selection[0].traits.id.history)
+					{
+						ManualHistory = getGUIObjectByName("MANUAL_HISTORY");
+						ManualHistory.caption = "History: " + selection[0].traits.id.history;
+					}
+}
+
diff --git a/binaries/data/mods/official/gui/test/functions_session_subwindows.js b/binaries/data/mods/official/gui/test/functions_session_subwindows.js
new file mode 100644
index 0000000000..a4bf147f2f
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_session_subwindows.js
@@ -0,0 +1,47 @@
+function initSubWindows()
+{
+	SN_INGAME_MENU_BG = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].x	= -100; 
+	Crd[Crd.last-1].y	= -150; 
+	Crd[Crd.last-1].width	= (Crd[Crd.last-1].x * -1) * 2; 
+	Crd[Crd.last-1].height	= (Crd[Crd.last-1].y * -1) * 2; 
+
+	SN_INGAME_MENU_BTN = new Object();
+	SN_INGAME_MENU_BTN.span = 5;
+
+	SN_INGAME_MENU_BTN_RETURN = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_INGAME_MENU_BG].width; 
+	Crd[Crd.last-1].height	= 34; 
+	Crd[Crd.last-1].x	= Crd[SN_INGAME_MENU_BG].x; 
+	Crd[Crd.last-1].y	= Crd[SN_INGAME_MENU_BG].y+Crd[SN_INGAME_MENU_BG].height-Crd[Crd.last-1].height; 
+
+	SN_INGAME_MENU_BTN_EXIT = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_INGAME_MENU_BTN_RETURN].width; 
+	Crd[Crd.last-1].height	= Crd[SN_INGAME_MENU_BTN_RETURN].height; 
+	Crd[Crd.last-1].x	= Crd[SN_INGAME_MENU_BTN_RETURN].x; 
+	Crd[Crd.last-1].y	= Crd[SN_INGAME_MENU_BTN_RETURN].y-Crd[SN_INGAME_MENU_BTN_RETURN].height-SN_INGAME_MENU_BTN.span; 
+
+	SN_INGAME_MENU_BTN_RESIGN = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_INGAME_MENU_BTN_RETURN].width; 
+	Crd[Crd.last-1].height	= Crd[SN_INGAME_MENU_BTN_RETURN].height; 
+	Crd[Crd.last-1].x	= Crd[SN_INGAME_MENU_BTN_RETURN].x; 
+	Crd[Crd.last-1].y	= Crd[SN_INGAME_MENU_BTN_EXIT].y-Crd[SN_INGAME_MENU_BTN_EXIT].height-SN_INGAME_MENU_BTN.span; 
+
+	SN_INGAME_MENU_BTN_JUKEBOX = addArrayElement(Crd, Crd.last); 
+	Crd[Crd.last-1].rleft	= mid_screen;	Crd[Crd.last-1].rtop	= mid_screen; 
+	Crd[Crd.last-1].rright	= mid_screen;	Crd[Crd.last-1].rbottom	= mid_screen; 
+	Crd[Crd.last-1].width	= Crd[SN_INGAME_MENU_BTN_RETURN].width; 
+	Crd[Crd.last-1].height	= Crd[SN_INGAME_MENU_BTN_RETURN].height; 
+	Crd[Crd.last-1].x	= Crd[SN_INGAME_MENU_BTN_RETURN].x; 
+	Crd[Crd.last-1].y	= Crd[SN_INGAME_MENU_BTN_RESIGN].y-Crd[SN_INGAME_MENU_BTN_RESIGN].height-SN_INGAME_MENU_BTN.span; 
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_session_team_tray.js b/binaries/data/mods/official/gui/test/functions_session_team_tray.js
new file mode 100755
index 0000000000..0342e8e122
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_session_team_tray.js
@@ -0,0 +1,65 @@
+function initTeamTray()
+{
+	SN_TEAM_TRAY = new Array();
+	SN_TEAM_TRAY.last = 0;
+	SN_TEAM_TRAY.max  = 9;
+	for (SN_TEAM_TRAY.curr = 1; SN_TEAM_TRAY.curr <= SN_TEAM_TRAY.max; SN_TEAM_TRAY.curr++)
+	{
+		SN_TEAM_TRAY[SN_TEAM_TRAY.curr] = addArrayElement(Crd, Crd.last); 
+		Crd[Crd.last-1].rleft	= right_screen;	Crd[Crd.last-1].rtop	= bottom_screen; 
+		Crd[Crd.last-1].rright	= right_screen;	Crd[Crd.last-1].rbottom	= bottom_screen; 
+		Crd[Crd.last-1].width	= crd_portrait_sml_width; 
+		Crd[Crd.last-1].height	= crd_portrait_sml_height; 
+		Crd[Crd.last-1].x	= -(Crd[Crd.last-1].width/2);
+
+		if (SN_TEAM_TRAY.curr == 1)
+			Crd[Crd.last-1].y	= Crd[SN_MINIMAP].height+(Crd[Crd.last-1].height/2); 
+		else
+			Crd[Crd.last-1].y	= Crd[Crd.last-2].y+Crd[Crd.last-2].width;
+	}
+	SN_TEAM_TRAY.last = SN_TEAM_TRAY.curr;
+}
+
+// ====================================================================
+
+function SelectGroup(groupNumber)
+{
+	// Set the current selection to the specified group (team) number, 1-9.
+	// If the group is already selected, centre on the group.
+
+	console.write( groupNumber );
+	
+	if (groups[groupNumber].length > 0)
+	{
+		// If group already selected,
+		if (selection.equals( groups[groupNumber] ) )
+		{
+			// Find the average position of the group
+			position_avg = new Vector3D();
+			for( t = 0; t < selection.length; t++ )
+				position_avg = position_avg.add( selection[t].position );
+			
+			position_avg = position_avg.divide( selection.length );
+			
+			setCameraTarget( position_avg ); // Centre on it.
+		}
+		else
+			selection = groups[groupNumber];	// If not, select it.
+	}
+}
+
+// ====================================================================
+
+function UpdateTeamTray()
+{
+	// Enable a Team Tray icon if its group has been created.
+	for (SN_TEAM_TRAY.curr = 1; SN_TEAM_TRAY.curr < SN_TEAM_TRAY.last; SN_TEAM_TRAY.curr++)
+	{					
+		if (groups[SN_TEAM_TRAY.curr].length > 0)
+			getGUIObjectByName("SN_TEAM_TRAY_" + SN_TEAM_TRAY.curr).hidden = false;
+		else
+			getGUIObjectByName("SN_TEAM_TRAY_" + SN_TEAM_TRAY.curr).hidden = true;
+	}
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_utility.js b/binaries/data/mods/official/gui/test/functions_utility.js
new file mode 100755
index 0000000000..46b5f1eff3
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_utility.js
@@ -0,0 +1,68 @@
+/*
+	DESCRIPTION	: Generic utility functions.
+	NOTES		: 
+*/
+
+// ====================================================================
+
+function getRandom(randomMin, randomMax)
+{
+	// Returns a random whole number in a min..max range.
+	// NOTE: There should probably be an engine function for this,
+	// since we'd need to keep track of random seeds for replays.
+
+	randomNum = randomMin + (randomMax-randomMin)*Math.random();  // num is random, from A to B 
+	return Math.round(randomNum);
+}
+
+// ====================================================================
+
+function parseDelimiterString (parseString, Delimiter) 
+{ 
+        // Seeks through the delimiters in a string and populates the elements of an array with fields found between them. 
+
+        // Declare local variables. 
+        parseLoop = 0; 
+        parseElement = 0; 
+        seekDelimiter = 0; 
+        parseArray = new Array(); 
+
+        // While we're still within the bounds of the string, 
+        while (parseLoop <= parseString.length) 
+        { 
+                // Seek until we find a delimiter. 
+                seekDelimiter = parseLoop; 
+                while (parseString[seekDelimiter] != Delimiter && seekDelimiter <= parseString.length) 
+                        seekDelimiter++; 
+
+                // If we found a delimiter within the string, 
+                if (seekDelimiter != parseString.length) 
+                { 
+                        // Store sub-string between start point and delimiter in array element. 
+                        parseArray[parseElement] = parseString.substring(parseLoop, seekDelimiter); 
+                        parseElement++; 
+                } 
+
+                // Move to after delimiter position for next seek. 
+                parseLoop = seekDelimiter+1; 
+        } 
+
+        // Store length of array. 
+        parseArray.length = parseElement; 
+
+        return parseArray; 
+}
+
+// ====================================================================
+
+function addArrayElement(Array) 
+{ 
+        // Adds an element to an array, updates its given index, and returns the index of the element. 
+
+        Array[Array.last] = new Object(); 
+        Array.last++; 
+
+        return (Array.last - 1); 
+} 
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_utility_animation.js b/binaries/data/mods/official/gui/test/functions_utility_animation.js
new file mode 100755
index 0000000000..d0479b351b
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_utility_animation.js
@@ -0,0 +1,34 @@
+/*
+	DESCRIPTION	: GUI animation functions (sliding in/out, fading, etc).
+	NOTES		: 
+*/
+
+// ====================================================================
+
+function GUISlideIn(GUIObject, SlideSpeed)
+{
+
+        // Just me testing some stuff :)
+        
+        var SlideObject = getGUIObjectByName(GUIObject);
+        var SizeVar = SlideObject.size;
+        //var Sizes = SizeVar.split(" ");
+
+        //var x_s = Sizes[0];
+        //var y_s = Sizes[1];
+        //var x_e = Sizes[2];
+        //var y_e = Sizes[3];
+        //var height = x_e - x_s;
+
+        //var Time = new Date();
+        //var StartTime = Time.getTime();
+        
+        var i = 0;
+        while(i <= 2) {
+                i++;
+                SlideObject.size = new GUISize(x_s, 0 + i, x_e, 0 + i + height);
+        }
+
+}
+
+// ====================================================================
diff --git a/binaries/data/mods/official/gui/test/functions_utility_coord.js b/binaries/data/mods/official/gui/test/functions_utility_coord.js
new file mode 100644
index 0000000000..02931fd7a1
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_utility_coord.js
@@ -0,0 +1,291 @@
+/*
+	DESCRIPTION	: Functions that support the coordinate system (ability to maintain and swap between multiple
+			  sizes for an object).
+	NOTES		: 
+*/
+
+//// THIS WILL BE REWRITTEN SHORTLY - AGAIN! ////
+
+// ====================================================================
+
+function initCoord()
+{
+	// Initialise coordinate set for this page.
+	Crd = new Array();
+	Crd.last = 0;
+
+	// Screen percentages.
+	top_screen = 0;
+	left_screen = 0;
+	mid_screen = 50;
+	bottom_screen = 100;
+	right_screen = 100;
+
+	// Coord-style size table.
+	SizeCoord = new Array();
+	SizeCoord.last = 0;
+}
+
+// ====================================================================
+
+function AddSizeCoord(objectName, left1, top1, right1, bottom1, rleft1, rtop1, rright1, rbottom1, left2, top2, right2, bottom2, rleft2, rtop2, rright2, rbottom2)
+{
+	// Used to store the two GUI style sizes for an object on creation (specified as coordinates).
+	// Used later by FlipGUI() to switch the objects to a new set of positions.
+
+	SizeCoord[SizeCoord.last] = new Object();
+	SizeCoord[SizeCoord.last].name = objectName;
+	SizeCoord[SizeCoord.last].size1 = new GUISize(left1, top1, right1, bottom1, rleft1, rtop1, rright1, rbottom1);
+	SizeCoord[SizeCoord.last].size2 = new GUISize(left2, top2, right2, bottom2, rleft2, rtop2, rright2, rbottom2);
+
+	SizeCoord.last++; // Increment counter for next entry.
+}
+
+// ====================================================================
+
+function AddSizeString(objectName, size1, size2)
+{
+	// Used to store the two GUI style sizes for an object on creation (specified as strings).
+	// Used later by FlipGUI() to switch the objects to a new set of positions.
+
+	SizeCoord[SizeCoord.last] = new Object();
+	SizeCoord[SizeCoord.last].name = objectName;
+	SizeCoord[SizeCoord.last].size1 = size1;
+	SizeCoord[SizeCoord.last].size2 = size2;
+
+	SizeCoord.last++; // Increment counter for next entry.
+}
+
+// ====================================================================
+
+function setSize(objectName, sizeString)
+{
+	// Use this function as a shortcut to change the size of a GUI control, specifying a size string. 
+
+        getGUIObjectByName(objectName).size = sizeString;
+}
+
+// ====================================================================
+
+function setSizeCoord(objectName, left, top, right, bottom, rleft, rtop, rright, rbottom)
+{
+	// Use this function as a shortcut to change the size of a GUI control, specifying individual coordinates. 
+
+	getGUIObjectByName(objectName).size = new GUISize(left, top, right, bottom, rleft, rtop, rright, rbottom);
+} 
+
+// ====================================================================
+
+function addSizeArray(objectArray, objectElement, objectX, objectY, objectWidth, objectHeight)
+{
+	// Adds a x/y/width/height element to a given coordinate array.
+
+	objectArray[objectElement] = new Object();
+	objectArray[objectElement].width = objectWidth;
+	objectArray[objectElement].height = objectHeight;
+	objectArray[objectElement].x = objectX;
+	objectArray[objectElement].y = objectY;
+
+	return objectElement;
+}
+
+// ====================================================================
+
+function addSizeArrayWH(objectArray, objectElement, objectWidth, objectHeight)
+{
+	// Creates and adds a width/height element to a given coordinate array.
+
+	objectArray[objectElement] = new Object();
+	objectArray[objectElement].width = objectWidth;
+	objectArray[objectElement].height = objectHeight;
+
+	return objectElement;
+}
+
+// ====================================================================
+
+function addSizeArrayXY(objectArray, objectElement, objectX, objectY)
+{
+	// Adds a x/y element to a given coordinate array and increments.
+
+	objectArray[objectElement].x = objectX;
+	objectArray[objectElement].y = objectY;
+
+	objectElement++;
+	return objectElement;
+}
+
+// ====================================================================
+
+function calcSizeArray(objectName, objectArrayElement, rleft, rtop, rright, rbottom)
+{
+	// Use this function as a shortcut to change the size of a GUI control, via an array containing x, y, width, height and 4 relative sizes. 
+	// Alternatively, specify 4 relative sizes to override and use these ones instead.
+
+	setSizeContainer = new Object();
+
+	// Override with relative parameter if given.
+	if (rleft && rtop && rright && rbottom)
+	{
+		objectArrayElement.rleft = rleft;
+		objectArrayElement.rtop = rtop;
+		objectArrayElement.rright = rright;
+		objectArrayElement.rbottom = rbottom;
+	}
+
+	setSizeContainer.rleft = objectArrayElement.rleft;
+	setSizeContainer.rtop = objectArrayElement.rtop;
+	setSizeContainer.rright = objectArrayElement.rright;
+	setSizeContainer.rbottom = objectArrayElement.rbottom;
+
+	// Define size dimensions.
+	switch (setSizeContainer.rleft)
+	{
+		case left_screen:
+			setSizeContainer.x1 = objectArrayElement.x;
+		break;
+		case right_screen:
+			setSizeContainer.x1 = -objectArrayElement.x-objectArrayElement.width;
+		break;
+		case mid_screen:
+			setSizeContainer.x1 = objectArrayElement.x;
+		break;
+	}
+	switch (setSizeContainer.rtop)
+	{
+		case top_screen:
+			setSizeContainer.y1 = objectArrayElement.y;
+		break;
+		case bottom_screen:
+			setSizeContainer.y1 = -objectArrayElement.y-objectArrayElement.height;
+		break;
+		case mid_screen:
+			setSizeContainer.y1 = objectArrayElement.y;
+		break;
+	}
+	switch (setSizeContainer.rright)
+	{
+		case left_screen:
+			setSizeContainer.x2 = objectArrayElement.x+objectArrayElement.width;
+		break;
+		case right_screen:
+			if (setSizeContainer.rleft == right_screen)
+				setSizeContainer.x2 = -objectArrayElement.x;
+			else
+				setSizeContainer.x2 = -objectArrayElement.width;				
+		break;
+		case mid_screen:
+			setSizeContainer.x2 = objectArrayElement.x+objectArrayElement.width;
+		break;
+	}
+	switch (setSizeContainer.rbottom)
+	{
+		case top_screen:
+			setSizeContainer.y2 = objectArrayElement.y+objectArrayElement.height;
+		break;
+		case bottom_screen:
+			if (setSizeContainer.rtop == bottom_screen)
+				setSizeContainer.y2 = -objectArrayElement.y;
+			else
+				setSizeContainer.y2 = -objectArrayElement.height;
+		break;
+		case mid_screen:
+			setSizeContainer.y2 = objectArrayElement.y+objectArrayElement.height;
+		break;
+	}
+
+	return new GUISize(setSizeContainer.x1, setSizeContainer.y1, setSizeContainer.x2, setSizeContainer.y2, setSizeContainer.rleft, setSizeContainer.rtop, setSizeContainer.rright, setSizeContainer.rbottom);
+}
+
+// ====================================================================
+
+function setSizeArray(objectName, objectArrayElement, rleft, rtop, rright, rbottom)
+{
+	// Set appropriate size for dimensions.
+	getGUIObjectByName(objectName).size = calcSizeArray(objectName, objectArrayElement, rleft, rtop, rright, rbottom);
+} 
+
+// ====================================================================
+
+function addSizeCoordArray(objectName, objectArrayElement, objectArrayElement_Flp)
+{
+	// Used to store the two GUI style sizes for an object on creation (specified as coordinates).
+	// Used later by FlipGUI() to switch the objects to a new set of positions.
+	// This uses the revised coordinate system, so it handles the flipping internally.
+	// If an optional secondary coordinate object is specified by parameter, it will
+	// use the values in this object for the flipped version, rather than automatically
+	// generating a top-down flip.
+
+	SizeCoord[SizeCoord.last] = new Object();
+	SizeCoord[SizeCoord.last].name = objectName;
+
+	// Determine relatives for the second size.
+	addSizeContainer = new Object();
+	if (objectArrayElement_Flp) // Specify new flipped coordinates from object.
+	{
+		addSizeContainer.rleft = objectArrayElement_Flp.rleft;
+		addSizeContainer.rtop = objectArrayElement_Flp.rtop;
+		addSizeContainer.rright = objectArrayElement_Flp.rright;
+		addSizeContainer.rbottom = objectArrayElement_Flp.rbottom;
+		addSizeContainer.width = objectArrayElement_Flp.width;
+		addSizeContainer.height = objectArrayElement_Flp.height;
+		addSizeContainer.x = objectArrayElement_Flp.x;
+		addSizeContainer.y = objectArrayElement_Flp.y;
+	}
+	else // Generate flipped version automatically.
+	{
+		addSizeContainer.rleft = objectArrayElement.rleft;
+		addSizeContainer.rtop = 100-objectArrayElement.rtop;
+		addSizeContainer.rright = objectArrayElement.rright;
+		addSizeContainer.rbottom = 100-objectArrayElement.rbottom;
+
+		if (addSizeContainer.rtop <= 0) addSizeContainer.rtop = 0;
+		if (addSizeContainer.rbottom <= 0) addSizeContainer.rbottom = 0;
+		if (addSizeContainer.rtop >= 100) addSizeContainer.rtop = 100;
+		if (addSizeContainer.rbottom >= 100) addSizeContainer.rbottom = 100;
+
+		addSizeContainer.x = objectArrayElement.x;
+		addSizeContainer.y = objectArrayElement.y;
+		addSizeContainer.width = objectArrayElement.width;
+		addSizeContainer.height = objectArrayElement.height;
+
+		if (addSizeContainer.rtop == 100 && objectArrayElement.y < 0) addSizeContainer.y = objectArrayElement.y*-1;
+		if (addSizeContainer.rbottom == 100 && objectArrayElement.y < 0) addSizeContainer.y = objectArrayElement.y*-1;
+	}
+
+	// Assign the two sizes to array for retrieval when needed.
+	SizeCoord[SizeCoord.last].size1 = calcSizeArray(objectName, objectArrayElement);
+	SizeCoord[SizeCoord.last].size2 = calcSizeArray(objectName, addSizeContainer);
+
+	SizeCoord.last++; // Increment counter for next entry.
+
+}
+
+// ====================================================================
+
+function setCoordInputUpDown(setCoordObjectUp, setCoordObjectDn, parentInput, rleft, rtop, rright, rbottom)
+{
+	// Set the coordinates for the up/down button for an input box.
+
+	setCoordObjectUp.rleft = 		rleft;
+	setCoordObjectUp.rtop = 		rtop;
+	setCoordObjectUp.rright = 		rright;
+	setCoordObjectUp.rbottom = 		rbottom;
+
+	setCoordObjectDn.rleft = 		rleft;
+	setCoordObjectDn.rtop = 		rtop;
+	setCoordObjectDn.rright = 		rright;
+	setCoordObjectDn.rbottom = 		rbottom;
+
+	setCoordObjectUp.width =	 	(Crd[parentInput].width/5)+3;
+	setCoordObjectUp.height =		(Crd[parentInput].height/2)+3;
+	setCoordObjectUp.x =			Crd[parentInput].x+Crd[parentInput].width-setCoordObjectUp.width;
+	setCoordObjectUp.y = 			Crd[parentInput].y;
+
+	setCoordObjectDn.width =	 	setCoordObjectUp.width;
+	setCoordObjectDn.height =		setCoordObjectUp.height;
+	setCoordObjectDn.x =			setCoordObjectUp.x;
+	setCoordObjectDn.y = 			Crd[parentInput].y+Crd[parentInput].height-setCoordObjectDn.height+2;
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_utility_debug.js b/binaries/data/mods/official/gui/test/functions_utility_debug.js
new file mode 100755
index 0000000000..97b5857ded
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_utility_debug.js
@@ -0,0 +1,7 @@
+function UpdateFPSCounter(mouse)
+{
+	g_mouse_x = mouse.x;
+	g_mouse_y = mouse.y;
+	getGUIObjectByName('FPS_Counter').caption = "FPS: " + getFPS() + " " + g_mouse_x + " " + g_mouse_y;
+}
+
diff --git a/binaries/data/mods/official/gui/test/functions_utility_entity.js b/binaries/data/mods/official/gui/test/functions_utility_entity.js
new file mode 100755
index 0000000000..c568cc7ae4
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_utility_entity.js
@@ -0,0 +1,11 @@
+function GetAttrib(getAttribName)
+{
+	// Simple helper function that elegantly checks if an entity attribute exists.
+	// Returns blank if it doesn't, or it's value if it does.
+
+	if (getAttribName)
+		return getAttribName;
+	else
+		return "";
+}
+
diff --git a/binaries/data/mods/official/gui/test/functions_utility_list.js b/binaries/data/mods/official/gui/test/functions_utility_list.js
new file mode 100644
index 0000000000..6614dd72e8
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_utility_list.js
@@ -0,0 +1,111 @@
+/*
+	DESCRIPTION	: Functions to manipulate objects with a 'list' property
+			  (used to handle the items in list, dropdown, etc.)
+	NOTES		: To ensure the selection is properly updated, it is important to
+			  use these functions and not manually access the list.
+*/
+
+// ====================================================================
+
+// Remove the item at the given index (pos) from the given list object (objectName).
+function removeItem (objectName, pos)
+{
+	var list = getGUIObjectByName (objectName).list;
+	var selected = getGUIObjectByName (objectName).selected;
+
+	list.splice(pos, 1);
+
+	getGUIObjectByName (objectName).list = list;
+
+	// It's important that we update the selection *after*
+	//  we've committed the changes to the list.
+
+	// Update the selected so the same element remains selected.
+	if (selected == pos)
+	{
+		getGUIObjectByName (objectName).selected = -1;
+	}
+	else
+	if (selected > pos)
+	{
+		getGUIObjectByName (objectName).selected = selected - 1;
+	}
+}
+
+// ====================================================================
+
+// Add the item at the given index (pos) to the given list object (objectName) with the given value (value).
+function addItem (objectName, pos, value)
+{
+	var list = getGUIObjectByName (objectName).list;
+	var selected = getGUIObjectByName (objectName).selected;
+
+	list.splice (pos, 0, value);
+
+	getGUIObjectByName (objectName).list = list;
+
+	// It's important that we update the selection *after*
+	//  we've committed the changes to the list.
+
+	// Update the selected so the same element remains selected.
+	if (selected >= pos)
+	{
+		getGUIObjectByName (objectName).selected = selected + 1;
+	}
+}
+
+// ====================================================================
+
+// Adds an element to the end of the list
+function pushItem (objectName, value)
+{
+	var list = getGUIObjectByName (objectName).list;
+	list.push (value);
+	getGUIObjectByName (objectName).list = list;
+	// No need to update selection
+}
+
+// ====================================================================
+
+// Removes the last element
+function popItem (objectName)
+{
+	var selected = getGUIObjectByName (objectName).selected;
+	removeItem(objectName, getNumItems(objectName)-1);
+
+	If (selected == getNumItems(objectName)-1)
+	{
+		getGUIObjectByName(objectName).selected = -1;
+	}
+}
+
+// ====================================================================
+
+// Retrieves the number of elements in the list
+function getNumItems (objectName)
+{
+	var list = getGUIObjectByName(objectName).list;
+	return list.length;
+}
+
+// ====================================================================
+
+// Retrieves the value of the item at 'pos'
+function getItemValue (objectName, pos)
+{
+	var list = getGUIObjectByName(objectName).list;
+	return list[pos];
+}
+
+// ====================================================================
+
+// Retrieves the value of the currently selected item
+function getCurrItemValue (objectName)
+{
+	if (getGUIObjectByName(objectName).selected == -1)
+		return "";
+	var list = getGUIObjectByName(objectName).list;
+	return list[getGUIObjectByName(objectName).selected];
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_utility_music.js b/binaries/data/mods/official/gui/test/functions_utility_music.js
new file mode 100755
index 0000000000..bc268b7f77
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_utility_music.js
@@ -0,0 +1,121 @@
+/*
+	DESCRIPTION	: Audio functions (eg "pick a random sound from a list", "build a playlist") go here.
+	NOTES		: 
+*/
+
+// ====================================================================
+
+// Quick run-down of the basic audio commands:
+
+// Save the specified audio file to handle "s".
+// s = new Sound( "audio/music/menu_track.ogg" );
+
+// Play the sound stored at handle "s" one time (it'll be automatically freed when the playback ends):
+// s.play();
+
+// Play the sound stored at handle "s" continuously:
+// s.loop();
+
+// Close "s" and free it from memory (use in conjunction with loop()):
+// s.free();
+
+// Adjust the gain (volume) of a sound (floating point range between 0 (silent) and 1 (max volume)).
+// s.SetGain(value);
+
+// ====================================================================
+
+function newRandomSound(soundType, soundSubType, soundPrePath)
+{
+	// Return a random audio file by category, to be assigned to a handle.
+
+	switch (soundType)
+	{
+		case "music":
+			randomSoundPath = "audio/music/"
+		break;
+		case "voice":
+			randomSoundPath = soundPrePath + "/";
+		break;
+		default:
+		break;
+	}
+
+	// Get names of sounds (attack, command, select, hit, pain).
+	// or
+	// Get names of "peace", "menu" (theme) and "battle" tracks.
+	soundArray = buildFileList(randomSoundPath, "*" + soundSubType + "*", false);
+	if (soundArray.length == 0)
+	{
+		console.write ("Failed to find sounds matching '*"+soundSubType+"*'");
+		return;
+	}
+	// Get a random number within the sound's range.
+	randomSound = getRandom (0, soundArray.length-1);
+	// Set name of track.
+	randomFileName = soundArray[randomSound];
+
+	// Build path to random audio file.
+	randomSoundPath = randomFileName;
+
+	console.write("Playing " + randomSoundPath + " ...");
+
+	return new Sound(randomSoundPath);
+}
+
+// ====================================================================
+
+function fadeOut (soundHandle, Rate)
+{
+	// Adjust the gain of a sound until it is zero.
+
+	// (This is a horrible hack, and needs to be replaced with a decent engine function.)
+
+	for (fadeLoop = 1; fadeLoop > 0; fadeLoop = fadeLoop - Rate)
+	{
+		soundHandle.setGain(fadeLoop);
+	}
+	
+	return true;
+}
+
+// ====================================================================
+
+function fadeIn (soundHandle, Gain, Rate)
+{
+	// Adjust the gain of a sound from zero up to the given value.
+
+	// (This is a horrible hack, and needs to be replaced with a decent engine function.)
+
+	for (fadeLoop = 0; fadeLoop < Gain; fadeLoop = fadeLoop + Rate)
+	{
+		soundHandle.setGain(fadeLoop);
+	}
+	
+	return true;	
+}
+
+// ====================================================================
+
+function crossFade (outHandle, inHandle, Rate)
+{
+	// Accepts two sound handles. Fades out the first and fades in the second at the specified rate.
+	// Note that it plays the in and frees the out while it's at it.
+
+	// (This is a horrible hack, and needs to be replaced with a decent engine function.)
+
+	if (outHandle)
+		fadeOut(outHandle, Rate);
+
+	if (inHandle)
+	{
+		inHandle.play();
+		fadeIn(inHandle, 1, Rate);
+	}
+
+	if (outHandle)
+		outHandle.free();
+
+	return true;
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_utility_object.js b/binaries/data/mods/official/gui/test/functions_utility_object.js
new file mode 100755
index 0000000000..3cb1e4955d
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_utility_object.js
@@ -0,0 +1,96 @@
+/*
+	DESCRIPTION	: Utility functions that manipulate GUI objects.
+	NOTES		: 
+*/
+
+// ====================================================================
+
+// Hide GUI object.
+function guiHide (objectName) 
+{
+        var guiObject = getGUIObjectByName (objectName);
+        guiObject.hidden = true;
+
+}
+
+// ====================================================================
+
+// Reveal GUI object.
+function guiUnHide (objectName)
+{
+        var guiObject = getGUIObjectByName (objectName);
+        guiObject.hidden = false;
+
+}
+
+// ====================================================================
+
+// Toggle visibility of GUI object.
+function guiToggle (objectName)
+{
+        // Get our GUI object
+        var guiObject = getGUIObjectByName (objectName);
+
+        // Toggle it
+        guiObject.hidden = !guiObject.hidden;
+}
+
+// ====================================================================
+
+// Change caption of GUI object and then make it visible.
+function guiRenameAndReveal (objectName, objectCaption)
+{
+        // Get our GUI object
+        var guiObject = getGUIObjectByName (objectName);
+
+	// Rename it
+	guiObject.caption = objectCaption;
+
+        // Toggle it
+        guiObject.hidden = false;
+}
+
+// ====================================================================
+
+// Increment/decrement the numeric caption of a GUI object.
+function guiModifyCaption (objectName, objectModifier, objectPlaces)
+{
+	// Adds a modifier to a GUI object's caption (eg increase a number by 1).
+	// Obviously don't use this unless you're sure the caption contains a number.
+	// objectPlaces specifies the number of decimal places to use for a floating point number.
+	// If not specified, it defaults to zero (whole number).
+
+        // Get our GUI object
+        var guiObject = getGUIObjectByName (objectName);
+
+	if (!objectPlaces)
+		objectPlaces = 0;
+	objectPlaces = Math.pow (10, objectPlaces);
+
+	guiObject.caption = 	(Math.round (objectPlaces * guiObject.caption)
+				+ Math.round (objectPlaces * objectModifier) ) / objectPlaces;
+}
+
+// ====================================================================
+
+// Set caption of a GUI object.
+function guiSetCaption (objectName, objectCaption)
+{
+	// Sets an object's caption to the specified value.
+
+        // Get our GUI object
+        var guiObject = getGUIObjectByName (objectName);
+
+	guiObject.caption = objectCaption;
+}
+
+// ====================================================================
+
+// Helper function that closes a given window (usually the current parent) and opens another one.
+function guiSwitch (closeWindowName, openWindowName)
+{
+	guiHide		(closeWindowName);
+	guiUnHide	(openWindowName);
+}
+
+// ====================================================================
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/test/functions_utility_test.js b/binaries/data/mods/official/gui/test/functions_utility_test.js
new file mode 100644
index 0000000000..e74a27fbdd
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/functions_utility_test.js
@@ -0,0 +1,40 @@
+    function updateOrbital()
+    {
+      if( !getGUIObjectByName( 'arena' ).hidden )
+      {
+        g_ballx += g_balldx;
+        g_bally += g_balldy;
+        if (g_ballx > 600) {
+          g_balldx *= -0.9;
+          g_ballx = 600-(g_ballx-600);
+        }
+        else if (g_ballx < 0) {
+          g_balldx *= -0.9;
+          g_ballx = -g_ballx;
+        }
+        if (g_bally > 400) {
+          g_balldy *= -0.9;
+          g_bally = 400-(g_bally-400);
+        }
+        else if (g_bally < 0) {
+          g_balldy *= -0.9;
+          g_bally = -g_bally;
+        }
+
+        // Gravitate towards the mouse
+        var vect_x = g_ballx-g_mousex;
+        var vect_y = g_bally-g_mousey;
+        var dsquared = vect_x*vect_x + vect_y*vect_y;
+        if (dsquared < 1000) dsquared = 1000;
+        var force = 10000.0 / dsquared;
+        var mag = Math.sqrt(dsquared);
+        vect_x /= mag; vect_y /= mag;
+        g_balldx -= force * vect_x;
+        g_balldy -= force * vect_y;
+  
+        var ball = getGUIObjectByName('ball');
+        var r=5;
+        ball.size = new GUISize(g_ballx-r, g_bally-r, g_ballx+r, g_bally+r);
+      }
+    }
+
diff --git a/binaries/data/mods/official/gui/test/hello.xml b/binaries/data/mods/official/gui/test/hello.xml
new file mode 100755
index 0000000000..0a1b2a5d26
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/hello.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE objects SYSTEM "../gui.dtd">
+
+<!--
+==========================================
+- TEST STUFF, MISCELLANEOUS, ARCHIVE -
+==========================================
+-->
+
+<objects>
+
+</objects>
diff --git a/binaries/data/mods/official/gui/test/setup.xml b/binaries/data/mods/official/gui/test/setup.xml
new file mode 100755
index 0000000000..37e5130122
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/setup.xml
@@ -0,0 +1,303 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no" ?>
+
+<!DOCTYPE setup SYSTEM "..\gui.dtd">
+
+<setup>
+	<!--
+	==========================================
+	- SETUP - SCROLLBARS
+	==========================================
+	-->
+
+	<scrollbar	name="wheatScrollBar"
+			width="12"
+			minimum_bar_size="4"
+			alwaysshown="false"
+			sprite_button_top="wheatArrowUp"
+			sprite_button_top_over="wheatArrowUpOver"
+			sprite_button_top_pressed="wheatArrowUpOver"
+			sprite_button_bottom="wheatArrowDn"
+			sprite_button_bottom_over="wheatArrowDnOver"
+			sprite_button_bottom_pressed="wheatArrowDnOver"
+			sprite_back_vertical="wheatScrollSpriteBar"
+			sprite_bar_vertical="wheatCheckBoxOpen"
+			sprite_bar_vertical_over="bkWhiteBorderBlack"
+			sprite_bar_vertical_pressed="bkWhiteBorderBlack"
+	/>
+
+        <!--
+NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
+NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
+	-->
+
+	<scrollbar	name="sb"
+			width="18"
+			minimum_bar_size="5"
+			sprite_button_top="sprite2"
+			sprite_button_top_over="null"
+			sprite_button_bottom="sprite2"
+			sprite_button_bottom_over="null"
+			sprite_back_vertical="bkFillGray"
+			sprite_bar_vertical="sprite2"
+			sprite_bar_vertical_over="null"
+			sprite_bar_vertical_pressed="null"
+			sprite_button_bottom_pressed="sprite2_pressed"
+			sprite_button_top_pressed="sprite2_pressed"
+	/>
+
+	<scrollbar	name="sb2"
+			width="37"
+			minimum_bar_size="5"
+			sprite_button_top="scroll"
+			sprite_button_top_over="null"
+			sprite_button_bottom="scroll"
+			sprite_button_bottom_over="null"
+			sprite_back_vertical="null"
+			sprite_bar_vertical="scroll_bar"
+			sprite_bar_vertical_over="null"
+			sprite_bar_vertical_pressed="null"
+			sprite_button_bottom_pressed="scroll"
+			sprite_button_top_pressed="scroll"
+	/>
+
+	<scrollbar	name="manual_scrollbar"
+			width="12"
+			minimum_bar_size="4"
+			alwaysshown="false"
+			sprite_button_top="sprite2"
+			sprite_button_top_over="scroll"
+			sprite_button_bottom="sprite2"
+			sprite_button_bottom_over="scroll"
+			sprite_back_vertical="bkFillGray"
+			sprite_bar_vertical="sprite2"
+			sprite_bar_vertical_over="scroll"
+			sprite_bar_vertical_pressed="sprite2_pressed"
+			sprite_button_bottom_pressed="sprite2_pressed"
+			sprite_button_top_pressed="sprite2_pressed"
+	/>
+
+	<scrollbar	name="atlas_scrollbar"
+			width="12"
+			minimum_bar_size="4"
+			alwaysshown="true"
+			sprite_button_top="atlas_global_button_up"
+			sprite_button_top_over="atlas_global_button_up_lit"
+			sprite_button_top_pressed="atlas_global_button_up_lit"
+			sprite_button_bottom="atlas_global_button_dn"
+			sprite_button_bottom_over="atlas_global_button_dn_lit"
+			sprite_button_bottom_pressed="atlas_global_button_dn_lit"
+			sprite_back_vertical="atlas_button"
+			sprite_bar_vertical="atlas_button"
+			sprite_bar_vertical_over="atlas_button_lit"
+			sprite_bar_vertical_pressed="atlas_button_lit"
+	/>
+
+	<!--
+	==========================================
+	- SETUP - ICONS
+	==========================================
+	-->
+
+		<!--
+		==========================================
+		- SETUP - ICONS - GENERIC
+		==========================================
+		-->
+
+		<icon	name="iconProduct"
+			sprite="iconProduct"
+			size="16 16"
+		/>
+		
+		<icon 	name="iconBullet"
+			sprite="iconBullet"
+			size="8 8" 
+		/>
+
+		<icon 	name="iconInfinity"
+			sprite="iconInfinity"
+			size="16 16" 
+		/>
+
+        <!--
+NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
+NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
+	-->
+
+		<!--
+		==========================================
+		- SETUP - ICONS - RESOURCE
+		==========================================
+		-->
+
+		<icon	name="icon_resource_food"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="16"
+			size="20 20" 
+		/>
+
+		<icon	name="icon_resource_wood"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="17"
+			size="20 20" 
+		/>
+
+		<icon	name="icon_resource_stone"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="18"
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_resource_ore"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="19"
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_resource_population"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="20"
+			size="20 20" 
+		/>
+
+		<!--
+		==========================================
+		- SETUP - ICONS - STATISTIC
+		==========================================
+		-->
+
+		<icon 	name="icon_statistic_garrison" 
+			sprite="ui_icon_sheet_statistic" 
+			cell_id="12" 
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_rank1"
+			sprite="ui_icon_sheet_statistic" 
+			cell_id="9" 
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_rank2"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="10" 
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_rank3"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="11" 
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_hp"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="13" 
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_accuracy"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="0"
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_armour"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="2"
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_attack"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="1"
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_crush"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="8" 
+			size="20 20" 
+		/>
+
+		<icon	name="icon_statistic_hack"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="6"
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_los"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="3"
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_pierce"
+			sprite="ui_icon_sheet_statistic" 
+			cell_id="7" 
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_range"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="5"
+			size="20 20" 
+		/>
+
+		<icon 	name="icon_statistic_speed"
+			sprite="ui_icon_sheet_statistic"
+			cell_id="4"
+			size="20 20" 
+		/>
+        
+	<!--
+	==========================================
+	- SETUP - TOOLTIPS
+	==========================================
+	-->
+
+	<tooltip	name="pgToolTip"
+			use_object="pgToolTip"
+			delay="0"
+			hide_object="true"
+	/>
+
+        <!--
+NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
+NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
+	-->
+
+	<tooltip 	name="snToolTip"
+			anchor="top"
+			buffer_zone="4"
+			delay="500"
+			font="tahoma12"
+			maxwidth="300"
+			offset="16 32"
+			sprite="bkWhiteBorderBlack"
+			textcolor="0 0 0"
+	/>
+
+	<!--
+	==========================================
+	- SETUP - COLORS
+	==========================================
+	-->
+
+	<color		name="black"
+	>0 0 0
+	</color>
+
+	<color		name="gold"
+	>237 227 167
+	</color>
+
+	<color		name="white"
+	>255 255 255
+	</color>
+
+	<color		name="gray"
+	>243 242 240
+	</color>
+
+</setup>
diff --git a/binaries/data/mods/official/gui/test/sprite1.xml b/binaries/data/mods/official/gui/test/sprite1.xml
new file mode 100644
index 0000000000..758d6a2a88
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/sprite1.xml
@@ -0,0 +1,1429 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no"?>
+
+<!DOCTYPE sprites SYSTEM "../gui.dtd">
+
+<!-- testing an update -->
+
+<sprites>
+
+	<!--
+	==========================================
+	GENERIC - BACKCOLOR SPRITES
+	==========================================
+	-->
+
+	<!-- Notes:
+		* backcolor doesn't seem to currently support the new color presets, so it's still using the RGB method. 
+		* Can we make size = 0 0 100% 100% by default? It's seems to be the most common value ("stretched sprite").
+		While we're here:
+		* Ask Gee about the assertion failure on startup, and how all the colour values are black (probably related);
+		* Ask him to remove the "error drawing sprite of 1x0 size" error, since this can happen legitimately sometimes
+		  (divider of 1 pixel width, progressbar at value 0)
+	-->
+
+	<sprite name="bkTranslucent">
+		<image 	backcolor="0 0 0 85"
+			size="0 0 100% 100%"
+		/>
+	</sprite>
+
+        <sprite name="bkWhiteBorderBlack">
+                <image 	backcolor="255 255 255"
+			size="0 0 100% 100%"
+			border="true"
+			bordercolor="0 0 0"
+		/>
+        </sprite>
+
+        <sprite name="bkBlueBorderBlack">
+                <image 	backcolor="0 0 255"
+			size="0 0 100% 100%"
+			border="true"
+			bordercolor="0 0 0"
+		/>
+        </sprite>
+
+	<sprite name="bkBorderBlack">
+		<image 	backcolor="0 0 0"
+			size="-1 -1 100%+1 0" 
+		/>
+		<image 	backcolor="0 0 0"
+			size="-1 100% 100%+1 100%+1" 
+		/>
+		<image 	backcolor="0 0 0"
+			size="-1 0 0 100%" 
+		/>
+		<image 	backcolor="0 0 0"
+			size="100% 0 100%+1 100%" 
+		/>
+        </sprite>
+
+	<sprite name="bkFillBlack">
+		<image 	backcolor="0 0 0"
+			size="0 0 100% 100%" 
+		/>
+	</sprite>
+
+	<sprite name="bkFillWhite">
+		<image 	backcolor="255 255 255"
+			size="0 0 100% 100%" 
+		/>
+	</sprite>
+
+	<sprite name="bkFillGray">
+		<image 	backcolor="243 242 240"
+			size="0 0 100% 100%" 
+		/>
+	</sprite>
+
+	<!--
+	==========================================
+	GENERIC - TILEABLE TEXTURES
+	==========================================
+	-->
+
+	<sprite name="textureGranite">
+		<image	texture="global/tile/granite.png"
+			size="0 0 100% 100%" 
+		/>
+	</sprite>
+
+	<sprite name="textureSand">
+		<image	texture="global/tile/sandstone.png"
+			size="0 0 100% 100%" 
+		/>
+	</sprite>
+
+	<!--
+	==========================================
+	GENERIC ICONS
+	==========================================
+	-->
+
+	<sprite name="iconProduct">
+		<image 	texture="global/icon/product_black.png"
+			size="0 0 100% 100%"
+		/>
+	</sprite>
+
+	<sprite name="iconBullet">
+                <image 	texture="global/icon/bullet.png"
+			size="0 0 100% 100%"
+		/>
+	</sprite>
+
+	<sprite name="iconInfinity">
+                <image 	texture="global/icon/infinity.png"
+			size="0 0 100% 100%"
+		/>
+	</sprite>
+
+	<!--
+	==========================================
+	SKIN - WHEAT
+	==========================================
+	-->
+
+	<sprite name="wheatWindowSand">
+		<!-- middle -->
+		<image	texture="global/tile/sandstone.png"
+			texture_size="0 0 128 128"
+			size="0%-10 0%-10 100%+10 100%+10" 
+		/>
+		<!-- Starting with top left corner continuing in a clockwise manner -->
+		<image 	texture="global/border/corner_bronze.png"
+			real_texture_placement="0 0 15 15"
+			size="0%-25 0%-25 0%-10 0%-10" 
+		/>
+		<image 	texture="global/border/top_marble.png"
+			texture_size="0 0 128 32"
+			size="0%-10 0%-25 100%+10 0%+7" 
+		/>
+		<image 	texture="global/border/corner_bronze.png"
+			real_texture_placement="0 0 15 15"
+			size="100%+10 0%-25 100%+25 0%-10" 
+		/>
+		<image	texture="global/border/right_marble.png"
+			texture_size="0 0 32 128"
+			size="100%-6 0%-10 100%+26 100%+10" 
+		/>
+                <image	texture="global/border/corner_bronze.png"
+			real_texture_placement="0 0 15 15"
+			size="100%+10 100%+10 100%+25 100%+25" 
+		/>
+                <image	texture="global/border/bottom_marble.png"
+			texture_size="0 0 128 32"
+			size="0%-10 100%-7 100%+10 100%+25" 
+		/>
+		<image 	texture="global/border/corner_bronze.png"
+			real_texture_placement="0 0 15 15"
+			size="0%-25 100%+10 0%-10 100%+25" 
+		/>
+		<image 	texture="global/border/left_marble.png"
+			texture_size="0 0 32 128"
+			size="0%-25 0%-10 0%+7 100%+10" 
+		/>
+	</sprite>
+
+	<sprite name="wheatWindowGranite">
+		<!-- middle -->
+		<image	texture="global/tile/granite.png"
+			texture_size="0 0 128 128"
+			size="0%-10 0%-10 100%+10 100%+10" 
+		/>
+		<!-- Starting with top left corner continuing in a clockwise manner -->
+		<image 	texture="global/border/corner_bronze.png"
+			real_texture_placement="0 0 15 15"
+			size="0%-25 0%-25 0%-10 0%-10" 
+		/>
+		<image 	texture="global/border/top_marble.png"
+			texture_size="0 0 128 32"
+			size="0%-10 0%-25 100%+10 0%+7" 
+		/>
+		<image 	texture="global/border/corner_bronze.png"
+			real_texture_placement="0 0 15 15"
+			size="100%+10 0%-25 100%+25 0%-10" 
+		/>
+		<image	texture="global/border/right_marble.png"
+			texture_size="0 0 32 128"
+			size="100%-6 0%-10 100%+26 100%+10" 
+		/>
+                <image	texture="global/border/corner_bronze.png"
+			real_texture_placement="0 0 15 15"
+			size="100%+10 100%+10 100%+25 100%+25" 
+		/>
+                <image	texture="global/border/bottom_marble.png"
+			texture_size="0 0 128 32"
+			size="0%-10 100%-7 100%+10 100%+25" 
+		/>
+		<image 	texture="global/border/corner_bronze.png"
+			real_texture_placement="0 0 15 15"
+			size="0%-25 100%+10 0%-10 100%+25" 
+		/>
+		<image 	texture="global/border/left_marble.png"
+			texture_size="0 0 32 128"
+			size="0%-25 0%-10 0%+7 100%+10" 
+		/>
+	</sprite>
+
+	<sprite name="wheatWindowTitle">
+		<image	texture="global/titlebar/left_gold_fern.png"
+			real_texture_placement="0 0 64 32"
+			size="0%+0 0%-10 5%+64 0%+22" 
+		/>
+                <image 	texture="global/titlebar/middle_gold_fern.png"
+			real_texture_placement="0 0 64 32"
+			size="5%+64 0%-10 95%-64 0%+22" 
+		/>
+                <image 	texture="global/titlebar/right_gold_fern.png"
+			real_texture_placement="0 0 64 32"
+			size="95%-64 0%-10 100%+0 0%+22" 
+		/>
+	</sprite>
+
+	<sprite name="wheatCheckBoxOpen">
+		<image	texture="global/button/checkbox_open_gray.png"
+			size="0 0 100% 100%" 
+		/>
+        </sprite>
+
+	<sprite name="wheatCheckBoxTick">
+		<image	texture="global/button/checkbox_tick_gray.png"
+			size="0 0 100% 100%" 
+		/>
+        </sprite>
+
+	<sprite name="wheatCheckBoxCross">
+		<image	texture="global/button/checkbox_cross_gray.png"
+			size="0 0 100% 100%" 
+		/>
+        </sprite>
+
+	<sprite name="wheatCheckBoxCrossOver">
+		<image	texture="global/button/checkbox_cross_over_gray.png"
+			size="0 0 100% 100%" 
+		/>
+        </sprite>
+
+	<sprite name="wheatArrowUp">
+		<image	texture="global/button/arrowbox_up.png"
+			size="0 0 100% 100%" 
+		/>
+        </sprite>
+
+	<sprite name="wheatArrowUpOver">
+		<image	texture="global/button/arrowbox_up_over.png"
+			size="0 0 100% 100%" 
+		/>
+        </sprite>
+
+	<sprite name="wheatArrowDn">
+		<image	texture="global/button/arrowbox_dn.png"
+			size="0 0 100% 100%" 
+		/>
+        </sprite>
+
+	<sprite name="wheatArrowDnOver">
+		<image	texture="global/button/arrowbox_dn_over.png"
+			size="0 0 100% 100%" 
+		/>
+        </sprite>
+	
+	<sprite name="wheatScrollSpriteBar">
+		<image	texture="global/border/right_marble.png"
+			real_texture_placement="16 0 32 128"
+			size="0 0 100% 100%" 
+		/>
+	</sprite>
+
+	<sprite name="wheatButton">
+		<image	texture="global/button/button_wood.png"
+			real_texture_placement="0 0 160 31" 
+			size="0 0 100% 100%" 
+		/>
+	</sprite>
+        
+	<sprite name="wheatButtonOver">
+		<image 	texture="global/button/button_wood.png"
+			real_texture_placement="0 32 160 64" 
+			size="0 0 100% 100%" 
+		/>
+        </sprite>
+
+	<sprite name="wheatIndentBorder">
+		<!-- Starting with top left corner continuing in a clockwise manner -->
+		<!-- Top border -->
+		<image	backcolor="109 122 146"
+			size="0 0 100%-1 1" 
+		/>
+		<!-- Right border -->
+		<image 	backcolor="220 223 228"
+			size="100%-1 0 100% 100%" 
+		/>
+		<!-- Bottom border -->
+		<image 	backcolor="220 223 228"
+			size="0 100%-1 100% 100%" 
+		/>
+		<!-- Left border -->
+		<image 	backcolor="109 122 146"
+			size="0 0 1 100%-1" 
+		/>
+		<!-- middle -->
+	</sprite>
+
+	<sprite name="wheatIndentFillDark">
+		<!-- Starting with top left corner continuing in a clockwise manner -->
+		<!-- Top border -->
+		<image	backcolor="109 122 146"
+			size="0 0 100%-1 1" 
+		/>
+		<!-- Right border -->
+		<image 	backcolor="220 223 228"
+			size="100%-1 0 100% 100%" 
+		/>
+		<!-- Bottom border -->
+		<image 	backcolor="220 223 228"
+			size="0 100%-1 100% 100%" 
+		/>
+		<!-- Left border -->
+		<image 	backcolor="109 122 146"
+			size="0 0 1 100%-1" 
+		/>
+		<!-- middle -->
+		<image 	backcolor="0 0 0 85"
+			size="1 1 100%-1 100%-1"
+		/>
+	</sprite>
+
+	<sprite name="wheatIndentFillLight">
+		<!-- Starting with top left corner continuing in a clockwise manner -->
+		<!-- Top border -->
+		<image	backcolor="109 122 146"
+			size="0 0 100%-1 1" 
+		/>
+		<!-- Right border -->
+		<image 	backcolor="220 223 228"
+			size="100%-1 0 100% 100%" 
+		/>
+		<!-- Bottom border -->
+		<image 	backcolor="220 223 228"
+			size="0 100%-1 100% 100%" 
+		/>
+		<!-- Left border -->
+		<image 	backcolor="109 122 146"
+			size="0 0 1 100%-1" 
+		/>
+		<!-- middle -->
+		<image 	backcolor="100 100 100 85"
+			size="1 1 100%-1 100%-1"
+		/>
+	</sprite>
+
+        <!--
+        ==========================================
+        SCREENSHOT WATERMARK
+        ==========================================
+        -->
+
+	<sprite	name="watermarkProduct">
+		<image	texture="global/watermark/product.png"
+			size="0 0 100% 100%" 
+		/>
+	</sprite>
+
+	<sprite	name="watermarkCompany">
+		<image	texture="global/watermark/company.png"
+		size="0 0 100% 100%" 
+		/>
+	</sprite>
+
+	<!--
+	==========================================
+	PAGE-SPECIFIC SPRITES
+	==========================================
+	-->
+
+		<!--
+		==========================================
+		PREGAME GUI - TEXTURE SPRITES - BACKDROPS
+		==========================================
+		-->
+
+		<sprite name="pgBackground">
+			<image 	texture="pregame/shell/parchment/background.dds"
+				real_texture_placement="0 0 1024 768"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<!--
+		==========================================
+		PREGAME GUI - TEXTURE SPRITES - LOGOS
+		==========================================
+		-->
+        
+		<sprite name="pgProductLogo">
+			<image 	texture="pregame/shell/logo/product.png"
+				real_texture_placement="0 0 480 218"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+        
+		<sprite name="pgCompanyLogo">
+			<image 	texture="pregame/shell/logo/company.png"
+				real_texture_placement="0 0 256 64"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<!--
+		==========================================
+		PREGAME GUI - TEXTURE SPRITES - BUTTONS
+		==========================================
+		-->
+
+		<sprite name="pgSinglePlayerOver">
+			<image 	texture="pregame/shell/parchment/singleplayer_over.dds"
+				real_texture_placement="0 0 256 256"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<sprite name="pgMultiPlayerOver">
+			<image 	texture="pregame/shell/parchment/multiplayer_over.dds"
+				real_texture_placement="0 0 256 256"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<sprite name="pgEditorOver">
+			<image 	texture="pregame/shell/parchment/scenarioeditor_over.dds"
+				real_texture_placement="0 0 256 256"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<sprite name="pgCampaignsOver">
+			<image 	texture="pregame/shell/parchment/campaigns_over.dds"
+				real_texture_placement="0 0 256 256"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<sprite name="pgOptionsOver">
+			<image 	texture="pregame/shell/parchment/options_over.dds"
+				real_texture_placement="0 0 256 256"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<sprite name="pgHistoryOver">
+			<image 	texture="pregame/shell/parchment/history_over.dds"
+				real_texture_placement="0 0 256 256"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<!--
+		==========================================
+		PREGAME GUI - LOADING SCREEN
+		==========================================
+		-->
+
+		<sprite name="load_concept_ce">
+			<image 	texture="loading/ui_concept_female_ce.png"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<sprite name="load_concept_he">
+			<image 	texture="loading/ui_concept_female_he.png"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<sprite name="load_concept_pe">
+			<image 	texture="loading/ui_concept_female_pe.png" 
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+		<sprite name="load_concept_ro">
+			<image 	texture="loading/ui_concept_female_ro.png"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+        
+		<sprite name="load_concept_ca">
+			<image 	texture="loading/ui_concept_female_ca.png"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+        
+		<sprite name="load_concept_ib">
+			<image 	texture="loading/ui_concept_female_ib.png"
+				size="0 0 100% 100%" 
+			/>
+		</sprite>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        <!--
+NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
+NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
+	-->
+
+
+
+
+
+
+
+
+
+
+
+        <!--
+        ==========================================
+        GENERIC BUTTONS
+        ==========================================
+        -->
+
+        <sprite name="sprite2">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <image backcolor="212 208 200" size="0 1 1 100%-1" />
+                <image backcolor="212 208 200" size="0 0 100%-1 1" />
+                <image backcolor="255 255 255" size="0 2 1 100%-2" />
+                <image backcolor="255 255 255" size="1 1 100%-2 2" />
+                <image backcolor="64 64 64" size="100%-1 0 100% 100%" />
+                <image backcolor="64 64 64" size="0 100%-1 100%-1 100%" />
+                <image backcolor="128 128 128" size="100%-2 1 100%-1 100%-1" />
+                <image backcolor="128 128 128" size="1 100%-2 100%-1 100%-1" />
+                <!-- middle -->
+                <image backcolor="212 208 200" size="2 2 100%-2 100%-2" />
+        </sprite>
+
+        <sprite name="sprite2_pressed">
+                <image backcolor="128 128 128" size="0 0 100% 100%" />
+                <image backcolor="212 208 200" size="1 1 100%-1 100%-1" z_level="1" />
+        </sprite>
+
+        <sprite name="grey">
+                <image backcolor="243 242 240" size="0 0 100% 100%" />
+        </sprite>
+
+        <sprite name="black">
+                <image backcolor="0 0 0" size="0 0 100% 100%" />
+        </sprite>
+
+        <sprite name="white_border">
+                <image backcolor="100 70 120" size="0 0 100% 100%" />
+                <image backcolor="255 255 255" size="-1 -1 100%+1 0" />
+                <image backcolor="255 255 255" size="-1 100% 100%+1 100%+1" />
+                <image backcolor="255 255 255" size="-1 0 0 100%" />
+                <image backcolor="255 255 255" size="100% 0 100%+1 100%" />
+        </sprite>
+
+        <sprite name="scroll">
+                <!--<image backcolor="128 128 128" size="0 0 100% 100%" />-->
+                <image backcolor="150 105 180" size="2 2 100%-2 100%-2" z_level="1" />
+        </sprite>
+        <sprite name="scroll_bar">
+                <!--<image backcolor="128 128 128" size="0 0 100% 100%" />-->
+                <image backcolor="150 105 180" size="2 0 100%-2 100%" z_level="1" />
+        </sprite>
+
+        <sprite name="green_bar">
+                <image backcolor="255 255 255" size="0 1 1 100%-1" />
+                <image backcolor="255 255 255" size="0 0 100%-1 1" />
+                <image backcolor="64 64 64" size="100%-1 0 100% 100%" />
+                <image backcolor="64 64 64" size="0 100%-1 100%-1 100%" />
+                <image backcolor="128 128 128" size="100%-2 1 100%-1 100%-1" />
+                <image backcolor="128 128 128" size="1 100%-2 100%-1 100%-1" />
+                <image backcolor="0 200 0" size="0 0 100% 100%" />
+        </sprite>
+
+        <sprite name="yellow_bar">
+                <image backcolor="255 255 255" size="0 1 1 100%-1" />
+                <image backcolor="255 255 255" size="0 0 100%-1 1" />
+                <image backcolor="64 64 64" size="100%-1 0 100% 100%" />
+                <image backcolor="64 64 64" size="0 100%-1 100%-1 100%" />
+                <image backcolor="128 128 128" size="100%-2 1 100%-1 100%-1" />
+                <image backcolor="128 128 128" size="1 100%-2 100%-1 100%-1" />
+                <image backcolor="255 255 0" size="0 0 100% 100%" />
+        </sprite>
+
+        <sprite name="blue_bar">
+                <image backcolor="255 255 255" size="0 1 1 100%-1" />
+                <image backcolor="255 255 255" size="0 0 100%-1 1" />
+                <image backcolor="64 64 64" size="100%-1 0 100% 100%" />
+                <image backcolor="64 64 64" size="0 100%-1 100%-1 100%" />
+                <image backcolor="128 128 128" size="100%-2 1 100%-1 100%-1" />
+                <image backcolor="128 128 128" size="1 100%-2 100%-1 100%-1" />
+                <image backcolor="0 0 255" size="0 0 100% 100%" />
+        </sprite>
+
+        <sprite name="blue_bar_outlined">
+                <image backcolor="0 0 0" size="-1 -1 100%+1 0" />
+                <image backcolor="0 0 0" size="-1 100% 100%+1 100%+1" />
+                <image backcolor="0 0 0" size="-1 0 0 100%" />
+                <image backcolor="0 0 0" size="100% 0 100%+1 100%" />
+                <image backcolor="0 0 255" size="0 0 100% 100%" />
+        </sprite>
+
+        <sprite name="back_bar">
+                <image backcolor="200 200 200" size="0 1 1 100%-1" />
+                <image backcolor="200 200 200" size="0 0 100%-1 1" />
+                <image backcolor="200 200 200" size="100%-1 0 100% 100%" />
+                <image backcolor="200 200 200" size="0 100%-1 100%-1 100%" />
+        </sprite>
+
+        <sprite name="only_white_border">
+                <image backcolor="255 255 255" size="-1 -1 100%+1 0" />
+                <image backcolor="255 255 255" size="-1 100% 100%+1 100%+1" />
+                <image backcolor="255 255 255" size="-1 0 0 100%" />
+                <image backcolor="255 255 255" size="100% 0 100%+1 100%" />
+        </sprite>
+
+        <sprite name="only_black">
+                <image backcolor="0 0 0" size="0 0 100% 100%" />
+        </sprite>
+
+        <!--
+        ==========================================
+        SESSION GUI - BACKCOLOR SPRITES
+        ==========================================
+        -->
+
+        <sprite name="session_tooltip_background">
+                <image backcolor="255 255 255" size="0 0 100% 100%" border="true" bordercolor="0 0 0"/>
+        </sprite>
+
+                <!--
+                ==========================================
+                MAP ORB
+                ==========================================
+                -->
+
+                <sprite name="session_panel_minimap_bg">
+                        <image texture="session/ui_session_panel_minimap_bg.png" texture_size="0 0 256 256" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_dummy">
+                        <image texture="session/ui_session_panel_minimap_dummy.png" texture_size="0 0 256 256" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segleft1">
+                        <image texture="session/ui_session_panel_minimap_segleft1.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segleft2">
+                        <image texture="session/ui_session_panel_minimap_segleft2.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segleft3">
+                        <image texture="session/ui_session_panel_minimap_segleft3.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segleft4">
+                        <image texture="session/ui_session_panel_minimap_segleft4.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segbottom1">
+                        <image texture="session/ui_session_panel_minimap_segbottom1.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segbottom2">
+                        <image texture="session/ui_session_panel_minimap_segbottom2.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segbottom3">
+                        <image texture="session/ui_session_panel_minimap_segbottom3.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segbottom4">
+                        <image texture="session/ui_session_panel_minimap_segbottom4.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segtop1">
+                        <image texture="session/ui_session_panel_minimap_segtop1.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segtop2">
+                        <image texture="session/ui_session_panel_minimap_segtop2.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segtop3">
+                        <image texture="session/ui_session_panel_minimap_segtop3.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segtop4">
+                        <image texture="session/ui_session_panel_minimap_segtop4.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segleft1_lit">
+                        <image texture="session/ui_session_panel_minimap_segleft1_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segleft2_lit">
+                        <image texture="session/ui_session_panel_minimap_segleft2_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segleft3_lit">
+                        <image texture="session/ui_session_panel_minimap_segleft3_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segleft4_lit">
+                        <image texture="session/ui_session_panel_minimap_segleft4_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segbottom1_lit">
+                        <image texture="session/ui_session_panel_minimap_segbottom1_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segbottom2_lit">
+                        <image texture="session/ui_session_panel_minimap_segbottom2_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segbottom3_lit">
+                        <image texture="session/ui_session_panel_minimap_segbottom3_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segbottom4_lit">
+                        <image texture="session/ui_session_panel_minimap_segbottom4_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segtop1_lit">
+                        <image texture="session/ui_session_panel_minimap_segtop1_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segtop2_lit">
+                        <image texture="session/ui_session_panel_minimap_segtop2_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segtop3_lit">
+                        <image texture="session/ui_session_panel_minimap_segtop3_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_minimap_segtop4_lit">
+                        <image texture="session/ui_session_panel_minimap_segtop4_lit.png" texture_size="0 0 64 64" size="0 0 100% 100%" />
+                </sprite>
+
+                <!--
+                ==========================================
+                STATUS ORB
+                ==========================================
+                -->
+
+                <sprite name="session_panel_status_bg_top">
+                        <image texture="session/ui_session_panel_status_bg_top.png" texture_size="0 0 256 256" size="0 0 100% 100%" />
+                </sprite>
+
+                <sprite name="session_panel_status_bg_bottom">
+                        <image texture="session/ui_session_panel_status_bg_bottom.png" texture_size="0 0 256 256" size="0 0 100% 100%" />
+                </sprite>
+
+                <!--
+                ==========================================
+                RESOURCE BAR
+                ==========================================
+                -->
+
+                <sprite name="resource_food_counter">
+                        <image texture="session/icons/ui_icon_sheet_statistic.png" real_texture_placement="0 128 64 192" texture_size="0 0 100% 100%" size="0 0 20 20" />
+                        <image texture="session/ui_session_panel_resource_counter.png" texture_size="0 0 64 64" size="21 0 100% 100%" />
+                </sprite>
+
+                <sprite name="resource_wood_counter">
+                        <image texture="session/icons/ui_icon_sheet_statistic.png" real_texture_placement="64 128 128 192" texture_size="0 0 100% 100%" size="0 0 20 20" />
+                        <image texture="session/ui_session_panel_resource_counter.png" texture_size="0 0 64 64" size="21 0 100% 100%" />
+                </sprite>
+
+                <sprite name="resource_stone_counter">
+                        <image texture="session/icons/ui_icon_sheet_statistic.png" real_texture_placement="128 128 192 192" texture_size="0 0 100% 100%" size="0 0 20 20" />
+                        <image texture="session/ui_session_panel_resource_counter.png" texture_size="0 0 64 64" size="21 0 100% 100%" />
+                </sprite>
+
+                <sprite name="resource_ore_counter">
+                        <image texture="session/icons/ui_icon_sheet_statistic.png" real_texture_placement="192 128 256 192" texture_size="0 0 100% 100%" size="0 0 20 20" />
+                        <image texture="session/ui_session_panel_resource_counter.png" texture_size="0 0 64 64" size="21 0 100% 100%" />
+                </sprite>
+
+                <sprite name="resource_population_counter">
+                        <image texture="session/icons/ui_icon_sheet_statistic.png" real_texture_placement="256 128 320 192" texture_size="0 0 100% 100%" size="0 0 20 20" />
+                        <image texture="session/ui_session_panel_resource_counter_long.png" texture_size="0 0 64 64" size="21 0 100% 100%" />
+                </sprite>
+
+                <!--
+                ==========================================
+                STATISTIC ICONS - SHEETS
+                ==========================================
+                -->
+
+                <sprite name="ui_icon_sheet_statistic">
+                        <image texture="session/icons/ui_icon_sheet_statistic.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+
+                <!--
+                ==========================================
+                BACKDROP SINGLE PORTRAITS
+                ==========================================
+                -->
+
+                <!-- Default (empty) portrait (circular). -->
+                <sprite name="ui_portrait_default_circle">
+                        <image texture="session/portraits/ui_portrait_default_circle.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+                <sprite name="ui_portrait_default_circle_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_default_circle.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+                <sprite name="ui_portrait_default_circle_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_default_circle.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+
+                <!-- Default (empty) portrait (square). -->
+                <sprite name="ui_portrait_default_square">
+                        <image texture="session/portraits/ui_portrait_default_square.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+                <sprite name="ui_portrait_default_square_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_default_square.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+                <sprite name="ui_portrait_default_square_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_default_square.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+
+                <!--
+                ==========================================
+                ACTION SHEET PORTRAITS - COMMANDS, TABS, STANCES, FORMATIONS, ETC
+                ==========================================
+                -->
+
+                <sprite name="ui_portrait_sheet_action">
+                        <image texture="session/portraits/ui_portrait_sheet_action.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_action_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_sheet_action.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_action_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_sheet_action.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+
+                <!--
+                ==========================================
+                ENTITY SINGLE PORTRAITS
+                ==========================================
+                -->
+
+                <!-- Pyrogenesis Dude portrait. -->
+                <sprite name="ui_portrait_unit_dude">
+                        <image texture="session/portraits/ui_portrait_unit_dude.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+                <sprite name="ui_portrait_unit_dude_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_unit_dude.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+                <sprite name="ui_portrait_unit_dude_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_unit_dude.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+
+                <!-- Pyrogenesis Dudette portrait. -->
+                <sprite name="ui_portrait_unit_dudette">
+                        <image texture="session/portraits/ui_portrait_unit_dudette.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+                <sprite name="ui_portrait_unit_dudette_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_unit_dudette.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+                <sprite name="ui_portrait_unit_dudette_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_unit_dudette.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+
+                <!-- Deciduous Tree portrait. -->
+                <sprite name="ui_portrait_flora_deciduotree_gaia">
+                        <image texture="session/portraits/ui_portrait_flora_deciduotree_gaia.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+                <sprite name="ui_portrait_flora_deciduotree_gaia_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_flora_deciduotree_gaia.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+                <sprite name="ui_portrait_flora_deciduotree_gaia_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_flora_deciduotree_gaia.png" texture_size="0 0 100% 100%" size="0 0 100% 100%" />
+                </sprite>
+
+                <!--
+                ==========================================
+                ENTITY SHEET PORTRAITS - CELTS
+                ==========================================
+                -->
+
+                <sprite name="ui_portrait_sheet_civ_celt">
+                        <image texture="session/portraits/ui_portrait_sheet_civ_celt.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_celt_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_celt.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_celt_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_celt.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+
+                <!--
+                ==========================================
+                ENTITY SHEET PORTRAITS - HELLENES
+                ==========================================
+                -->
+
+                <sprite name="ui_portrait_sheet_civ_hele">
+                        <image texture="session/portraits/ui_portrait_sheet_civ_hele.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_hele_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_hele.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_hele_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_hele.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+
+                <!--
+                ==========================================
+                ENTITY SHEET PORTRAITS - IBERIANS
+                ==========================================
+                -->
+
+                <sprite name="ui_portrait_sheet_civ_iber">
+                        <image texture="session/portraits/ui_portrait_sheet_civ_iber.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_iber_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_iber.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_iber_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_iber.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+
+                <!--
+                ==========================================
+                ENTITY SHEET PORTRAITS - CARTHAGINIANS
+                ==========================================
+                -->
+
+                <sprite name="ui_portrait_sheet_civ_kart">
+                        <image texture="session/portraits/ui_portrait_sheet_civ_kart.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_kart_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_kart.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_kart_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_kart.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+
+                <!--
+                ==========================================
+                ENTITY SHEET PORTRAITS - PERSIANS
+                ==========================================
+                -->
+
+                <sprite name="ui_portrait_sheet_civ_pers">
+                        <image texture="session/portraits/ui_portrait_sheet_civ_pers.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_pers_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_pers.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_pers_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_pers.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+
+                <!--
+                ==========================================
+                ENTITY SHEET PORTRAITS - ROMANS
+                ==========================================
+                -->
+
+                <sprite name="ui_portrait_sheet_civ_rome">
+                        <image texture="session/portraits/ui_portrait_sheet_civ_rome.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_rome_grey">
+                        <effect grayscale=""/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_rome.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+                <sprite name="ui_portrait_sheet_civ_rome_lit">
+                        <effect add_color="42 42 42 0"/>
+                        <image texture="session/portraits/ui_portrait_sheet_civ_rome.png" cell_size="64 64" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                </sprite>
+
+        <!--
+        ==========================================
+        EDITOR GUI - BACKCOLOR SPRITES
+        ==========================================
+        -->
+
+        <sprite name="atlas_window">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="129 134 142" size="0%+0 0%+0 100%-1 0%+1" />
+                <image backcolor="255 255 255" size="0%+1 0%+1 100%-1 0%+2" />
+                <image backcolor="80 97 127" size="2 0%+2 100%-2 0%+3" />
+                <!-- Right border -->
+                <image backcolor="80 97 127" size="100%-1 0%+0 100% 100%" />
+                <image backcolor="255 255 255" size="100%-1 0%+1 100%-2 100%-1" />
+                <image backcolor="129 134 142" size="100%-2 0%+3 100%-3 100%-2" />
+                <!-- Bottom border -->
+                <image backcolor="80 97 127" size="0%+1 100%-1 100% 100%" />
+                <image backcolor="255 255 255" size="0%+1 100%-1 100%-1 100%-2" />
+                <image backcolor="129 134 142" size="0%+2 100%-2 100%-2 100%-3" />
+                <!-- Left border -->
+                <image backcolor="129 134 142" size="0%+0 0%+0 0%+1 100%" />
+                <image backcolor="255 255 255" size="0%+1 0%+1 0%+2 100%-1" />
+                <image backcolor="80 97 127" size="0%+2 0%+2 0%+3 100%-3" />
+                <!-- middle -->
+                <image backcolor="184 190 201" size="3 3 100%-3 100%-3"/>
+        </sprite>
+
+        <sprite name="atlas_window_rt_border">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="129 134 142" size="0%+0 0%+0 100%-1 0%+1" />
+                <image backcolor="255 255 255" size="0%+1 0%+1 100%-1 0%+2" />
+                <image backcolor="80 97 127" size="2 0%+2 100%-2 0%+3" />
+                <!-- Right border -->
+                <image backcolor="80 97 127" size="100%-1 0%+0 100% 100%" />
+                <image backcolor="255 255 255" size="100%-1 0%+1 100%-2 100%-1" />
+                <image backcolor="129 134 142" size="100%-2 0%+3 100%-3 100%-2" />
+                <!-- Bottom border -->
+                <!-- Left border -->
+                <!-- middle -->
+                <image backcolor="184 190 201" size="0 3 100%-3 100%"/>
+        </sprite>
+
+        <sprite name="atlas_window_t_border">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="129 134 142" size="0%+0 0%+0 100%-1 0%+1" />
+                <image backcolor="255 255 255" size="0%+1 0%+1 100%-1 0%+2" />
+                <image backcolor="80 97 127" size="2 0%+2 100%-2 0%+3" />
+                <!-- Right border -->
+                <!-- Bottom border -->
+                <!-- Left border -->
+                <!-- middle -->
+                <image backcolor="184 190 201" size="0 3 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_window_white">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="129 134 142" size="0%+0 0%+0 100%-1 0%+1" />
+                <image backcolor="255 255 255" size="0%+1 0%+1 100%-1 0%+2" />
+                <image backcolor="80 97 127" size="2 0%+2 100%-2 0%+3" />
+                <!-- Right border -->
+                <image backcolor="80 97 127" size="100%-1 0%+0 100% 100%" />
+                <image backcolor="255 255 255" size="100%-1 0%+1 100%-2 100%-1" />
+                <image backcolor="129 134 142" size="100%-2 0%+3 100%-3 100%-2" />
+                <!-- Bottom border -->
+                <image backcolor="80 97 127" size="0%+1 100%-1 100% 100%" />
+                <image backcolor="255 255 255" size="0%+1 100%-1 100%-1 100%-2" />
+                <image backcolor="129 134 142" size="0%+2 100%-2 100%-2 100%-3" />
+                <!-- Left border -->
+                <image backcolor="129 134 142" size="0%+0 0%+0 0%+1 100%" />
+                <image backcolor="255 255 255" size="0%+1 0%+1 0%+2 100%-1" />
+                <image backcolor="80 97 127" size="0%+2 0%+2 0%+3 100%-3" />
+                <!-- middle -->
+                <image backcolor="255 255 255" size="3 3 100%-3 100%-3"/>
+        </sprite>
+
+        <sprite name="atlas_window_grey">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="129 134 142" size="0%-3 0%-3 100%+2 0%+1" />
+                <image backcolor="255 255 255" size="0%-2 0%-2 100%+2 0%+2" />
+                <image backcolor="80 97 127"   size="0%-1 0%-1 100%+1 0%+3" />
+                <!-- Right border -->
+                <image backcolor="80 97 127"   size="100%+2 0%-3 100%+0 100%+3" />
+                <image backcolor="255 255 255" size="100%+2 0%-2 100%+1 100%+2" />
+                <image backcolor="129 134 142" size="100%+1 0%+0 100%+0 100%+1" />
+                <!-- Bottom border -->
+                <image backcolor="80 97 127"   size="0%-2 100%+2 100%+3 100%+3" />
+                <image backcolor="255 255 255" size="0%-2 100%+2 100%+2 100%+1" />
+                <image backcolor="129 134 142" size="0%-1 100%+1 100%+1 100%+0" />
+                <!-- Left border -->
+                <image backcolor="129 134 142" size="0%-3 0%-3 0%-2 100%+3" />
+                <image backcolor="255 255 255" size="0%-2 0%-2 0%-1 100%+2" />
+                <image backcolor="80 97 127"   size="0%-1 0%-1 0%+0 100%+1" />
+                <!-- middle -->
+                <image backcolor="220 223 228" size="0%+0 0%+0 100%+0 100%+0"/>
+        </sprite>
+
+	<!-- Note from Gee
+		The size of the typing area of an input box, must be 0% 0% 100% 100%,
+		so that the selection-rectangles hides properly. That means the 'border'
+		should be placed outside... But not too far outside as it was here.
+		Adjusting so the text fits nicely is done with buffer_zone
+
+		Sorry for this, because the boxes has obviously become smaller, and
+		some things doesn't look right anymore. But it's the way it has to
+		be to look good in the end. Also the input-controls with attached
+		increment and decrement buttons, I can make that a built in type, 
+		so don't bother adjusting all those.
+	-->
+
+        <sprite name="atlas_input_box">
+                <image backcolor="220 223 228" size="-2 -2 100%+2 100%+2" />
+                <image backcolor="109 122 146" size="-2 -2 100%+1 100%+1" />
+                <image backcolor="184 190 201" size="-1 -1 100%+1 100%+1" />
+                <image backcolor="0 0 0"       size="-1 -1 100%   100%" />
+                <!-- middle -->
+                <image backcolor="220 223 228" size="0 0 100%   100%"/>
+        </sprite>
+
+        <sprite name="atlas_emboss">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="220 223 228" size="0 0 100% 1" />
+                <!-- Right border -->
+                <image backcolor="109 122 146" size="100%-1 1 100% 100%" />
+                <!-- Bottom border -->
+                <image backcolor="109 122 146" size="1 100%-1 100% 100%" />
+                <!-- Left border -->
+                <image backcolor="220 223 228" size="0 0 1 100%" />
+                <!-- middle -->
+                <image backcolor="184 190 201" size="1 1 100%-1 100%-1"/>
+        </sprite>
+
+        <sprite name="atlas_indent">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="109 122 146" size="0 0 100%-1 1" />
+                <!-- Right border -->
+                <image backcolor="220 223 228" size="100%-1 0 100% 100%" />
+                <!-- Bottom border -->
+                <image backcolor="220 223 228" size="0 100%-1 100% 100%" />
+                <!-- Left border -->
+                <image backcolor="109 122 146" size="0 0 1 100%-1" />
+                <!-- middle -->
+                <image backcolor="220 223 228" size="1 1 100%-1 100%-1"/>
+        </sprite>
+
+        <sprite name="atlas_hline">
+                <image backcolor="109 122 146" size="0% 0 100% 1" />
+                <image backcolor="220 223 228" size="0% 1 100% 2" />
+        </sprite>
+
+        <sprite name="atlas_vline">
+                <image backcolor="109 122 146" size="0 0 1 100%" />
+                <image backcolor="220 223 228" size="1 0 2 100%" />
+        </sprite>
+
+        <sprite name="atlas_toolbar_bkg">
+                <image backcolor="184 190 201" size="0 0 100% 100%-3" />
+                <image backcolor="109 122 146" size="0 100%-2 100% 100%-1" />
+                <image backcolor="220 223 228" size="0 100% 100% 100%-1" />
+                <image backcolor="147 152 161" size="0 100%-1 100% 100%" />
+        </sprite>
+
+        <sprite name="atlas_menubar_bkg">
+                <image backcolor="184 190 201" size="0 0 100% 100%-1" />
+                <image backcolor="0 0 0" size="0 100%-1 100% 100%" />
+        </sprite>
+
+        <sprite name="atlas_border">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="109 122 146" size="1 0 100%-1 1" />
+                <image backcolor="220 223 228" size="1 1 100%-3 2" />
+                <image backcolor="184 190 201" size="100%-1 1 100%-2 2" />
+                <!-- Right border -->
+                <image backcolor="220 223 228" size="100%-1 0 100% 100%" />
+                <image backcolor="109 122 146" size="100%-1 0 100%-2 100%-1" />
+                <!-- Bottom border -->
+                <image backcolor="220 223 228" size="0% 100%-1 100% 100%" />
+                <image backcolor="109 122 146" size="0% 100%-1 100% 100%-2" />
+                <!-- Left border -->
+                <image backcolor="109 122 146" size="0 1 1 100%-2" />
+                <image backcolor="220 223 228" size="1 1 2 100%-2" />
+        </sprite>
+
+        <sprite name="atlas_button">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="184 190 201" size="0 0 100%-1 1" />
+                <image backcolor="220 223 228" size="1 1 100%-2 2" />
+                <!-- Right border -->
+                <image backcolor="0 0 0" size="100%-1 0 100% 100%" />
+                <image backcolor="109 122 146" size="100%-1 1 100%-2 100%-1" />
+                <!-- Bottom border -->
+                <image backcolor="0 0 0" size="0 100%-1 100% 100%" />
+                <image backcolor="109 122 146" size="1 100%-1 100%-1 100%" />
+                <!-- Left border -->
+                <image backcolor="184 190 201" size="0 0 1 100%-1" />
+                <image backcolor="220 223 228" size="1 1 2 100%-1" />
+                <!-- middle -->
+                <image backcolor="184 190 201" size="2 2 100%-2 100%-2"/>
+        </sprite>
+
+        <sprite name="atlas_button_lit">
+                <effect add_color="42 42 42 0"/>
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="184 190 201" size="0 0 100%-1 1" />
+                <image backcolor="220 223 228" size="1 1 100%-2 2" />
+                <!-- Right border -->
+                <image backcolor="0 0 0" size="100%-1 0 100% 100%" />
+                <image backcolor="109 122 146" size="100%-1 1 100%-2 100%-1" />
+                <!-- Bottom border -->
+                <image backcolor="0 0 0" size="0 100%-1 100% 100%" />
+                <image backcolor="109 122 146" size="1 100%-1 100%-1 100%" />
+                <!-- Left border -->
+                <image backcolor="184 190 201" size="0 0 1 100%-1" />
+                <image backcolor="220 223 228" size="1 1 2 100%-1" />
+                <!-- middle -->
+                <image backcolor="184 190 201" size="2 2 100%-2 100%-2"/>
+        </sprite>
+
+        <sprite name="atlas_bkgcol">
+                <image backcolor="184 190 201" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_tooltip_background">
+                <image backcolor="255 255 255 95" size="0 0 100% 100%"/>
+        </sprite>
+
+        <!--
+        ==========================================
+        EDITOR GUI - TEXTURED SPRITES
+        ==========================================
+        -->
+
+        <sprite name="atlas_mainborder_lt_corner">
+                <image texture="atlas/atlas_mainborder_lt_corner.png" texture_size="0 0 64 64" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_mainborder_rt_corner">
+                <image texture="atlas/atlas_mainborder_rt_corner.png" texture_size="0 0 256 64" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_lb_corner">
+                <image texture="atlas/atlas_global_corner_lb.png" texture_size="0 0 32 32" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_rb_corner_x2">
+                <image texture="atlas/atlas_global_corner_rb_x2.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+                <image backcolor="184 190 201" size="0 100%-1 100% 100%"/>
+                <image backcolor="184 190 201" size="100%-1 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_arrow_up">
+                <image texture="atlas/atlas_global_arrow_up.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_arrow_dn">
+                <image texture="atlas/atlas_global_arrow_dn.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_arrow_lt">
+                <image texture="atlas/atlas_global_arrow_lt.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_arrow_rt">
+                <image texture="atlas/atlas_global_arrow_rt.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_sheet_toolbar_button">
+                <image texture="atlas/atlas_sheet_toolbar_button.png" cell_size="15 15" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_sheet_dropdown_button">
+                <image texture="atlas/atlas_global_sheet_dropdownbutton" cell_size="9 5" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_sheet_updown_button">
+                <image texture="atlas/atlas_global_sheet_dropdownbutton_updown.png" cell_size="9 5" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_button_up">
+                <image texture="atlas/atlas_global_button_up.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_button_up_lit">
+                <effect add_color="42 42 42 0"/>
+                <image texture="atlas/atlas_global_button_up.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_button_dn">
+                <image texture="atlas/atlas_global_button_dn.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_button_dn_lit">
+                <effect add_color="42 42 42 0"/>
+                <image texture="atlas/atlas_global_button_dn.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_slider_bar_h">
+                <image texture="atlas/atlas_global_slider_bar_h.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_slider_marker_h">
+                <image texture="atlas/atlas_global_slider_marker_h.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_slider_bar_v">
+                <image texture="atlas/atlas_global_slider_bar_v.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_slider_marker_v">
+                <image texture="atlas/atlas_global_slider_marker_v.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_tab">
+                <image texture="atlas/atlas_global_tab.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_global_tab_lit">
+                <image texture="atlas/atlas_global_tab_lit.png" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_sheet_icon">
+                <image texture="atlas/atlas_sheet_icon_15x15.png" cell_size="15 15" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_sheet_icon_indent">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="109 122 146" size="0 0 100%-1 1" />
+                <!-- Right border -->
+                <image backcolor="220 223 228" size="100%-1 0 100% 100%" />
+                <!-- Bottom border -->
+                <image backcolor="220 223 228" size="0 100%-1 100% 100%" />
+                <!-- Left border -->
+                <image backcolor="109 122 146" size="0 0 1 100%-1" />
+                <!-- middle -->
+                <image backcolor="220 223 228" size="1 1 100%-1 100%-1"/>
+
+                <image texture="atlas/atlas_sheet_icon_15x15.png" cell_size="15 15" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_sheet_icon_emboss">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="220 223 228" size="0 0 100% 1" />
+                <!-- Right border -->
+                <image backcolor="109 122 146" size="100%-1 1 100% 100%" />
+                <!-- Bottom border -->
+                <image backcolor="109 122 146" size="1 100%-1 100% 100%" />
+                <!-- Left border -->
+                <image backcolor="220 223 228" size="0 0 1 100%" />
+                <!-- middle -->
+                <image backcolor="184 190 201" size="1 1 100%-1 100%-1"/>
+
+                <image texture="atlas/atlas_sheet_icon_15x15.png" cell_size="15 15" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <sprite name="atlas_sheet_icon_border">
+                <!-- Starting with top left corner continuing in a clockwise manner -->
+                <!-- Top border -->
+                <image backcolor="0 255 0" size="0 0 100%-1 1" />
+                <!-- Right border -->
+                <image backcolor="0 255 0" size="100%-1 0 100% 100%" />
+                <!-- Bottom border -->
+                <image backcolor="0 255 0" size="0 100%-1 100% 100%" />
+                <!-- Left border -->
+                <image backcolor="0 255 0" size="0 0 1 100%-1" />
+
+                <image texture="atlas/atlas_sheet_icon_15x15.png" cell_size="15 15" texture_size="0 0 100% 100%" size="0 0 100% 100%"/>
+        </sprite>
+
+        <!--
+        ==========================================
+        TEMPORARY IMAGES
+        ==========================================
+        -->
+
+        <!-- Some more temps /Gee -->
+        <sprite name="test">
+                <image size="0 0 100% 100%" backcolor="100 100 250" />
+        </sprite>
+
+        <sprite name="test2">
+                <image size="0 0 100% 100%" backcolor="200 100 050" />
+        </sprite>
+
+        <sprite name="GeeTemp_selected">
+                <image size="0 0 100% 100%" backcolor="50 50 50" />
+        </sprite>
+
+      
+</sprites>
diff --git a/binaries/data/mods/official/gui/test/styles.xml b/binaries/data/mods/official/gui/test/styles.xml
new file mode 100755
index 0000000000..57195b0274
--- /dev/null
+++ b/binaries/data/mods/official/gui/test/styles.xml
@@ -0,0 +1,563 @@
+<?xml version="1.0" encoding="iso-8859-1" standalone="no"?>
+
+<!DOCTYPE styles SYSTEM "..\gui.dtd">
+
+<styles>
+	<!--
+	==========================================
+	- DEFAULT STYLE: The style with the name 'default' is special, it will
+	- be called by every object before any other style is loaded.
+	==========================================
+	-->
+
+	<style 	name="default"
+		absolute="false"
+		enabled="true"
+		ghost="false"
+		hidden="false"
+		size="0 0 100% 100%"
+		z="0"
+
+		font="verdana12"
+		buffer_zone="5"
+		multiline="false"
+	/>
+
+	<!--
+	==========================================
+	- STYLE - GLOBAL - WHEAT SKIN - PANES
+	==========================================
+	-->
+
+	<style 	name="wheatWindow"
+		sprite="wheatWindowSand"
+	/>
+
+	<style 	name="wheatWindowGranite"
+		sprite="wheatWindowGranite"
+	/>
+
+	<style 	name="wheatWindowTitleBar"
+		size="50%-150 0%-25 50%+150 0%-9"
+		font="prospero18"
+		sprite="wheatWindowTitle"
+		text_align="center"
+		text_valign="center"
+	/>
+
+	<!--
+	==========================================
+	- STYLE - GLOBAL - WHEAT SKIN - CONTROLS
+	==========================================
+	-->
+
+	<style 	name="wheatButton"
+		sprite="wheatButton"
+		sprite_over="wheatButtonOver"
+		text_align="center"
+		text_valign="center"
+	/>
+
+	<style 	name="wheatButtonFancy"
+		sprite="wheatButton"
+		sprite_over="wheatButtonOver"
+		font="prospero18"
+		text_align="center"
+		text_valign="center"
+	/>
+
+	<style 	name="wheatExit"
+		size="100%+9 0%-25 100%+25 0%-9"
+		sprite="wheatCheckBoxCross"
+		sprite_over="wheatCheckBoxCrossOver"
+		tooltip="Close this window and return to the previous screen."
+		tooltip_style="pgToolTip"
+	/>
+
+	<style 	name="wheatCheckBox"
+		size="100%+9 0%-25 100%+25 0%-9"
+		sprite="wheatCheckBoxOpen"
+		sprite_over="wheatCheckBoxCross"
+	/>
+
+	<style 	name="wheatList"
+		buffer_zone="5"
+		font="verdana12"
+		scrollbar="true"
+		scrollbar_style="wheatScrollBar"
+		sprite="wheatIndentFillLight"
+		sprite_selectarea="bkWhiteBorderBlack"
+		sprite_over="wheatIndentBorder"
+		textcolor="black"
+		textcolor_selected="white"
+		text_align="left"
+		text_valign="center"
+	/>
+
+	<style 	name="wheatDropDown"
+		buffer_zone="5"
+		dropdown_buffer="6"
+		dropdown_size="130"
+		font="verdana12"
+		scrollbar="true"
+		scrollbar_style="wheatScrollBar"
+		sprite="wheatButton"
+		sprite_list="wheatButton"
+		sprite_over="wheatButtonOver"
+		sprite_selectarea="bkFillGray"
+		sprite2="wheatButtonOver"
+		sprite2_pressed="wheatButtonOver"
+		textcolor="black"
+		textcolor_selected="white"
+		text_align="left"
+		text_valign="center"
+	/>
+
+	<!--
+	==========================================
+	- STYLE - GLOBAL - WHEAT SKIN - TEXT
+	==========================================
+	-->
+		<!--
+		=============================================================
+		- STYLE - GLOBAL - WHEAT SKIN - TEXT - LARGE HEADING
+		- Standard text. Largest heading. (eg "Player Slots" in host screen.)
+		=============================================================
+		-->
+
+		<style 	name="wheatTextHeadMaxBlack"
+			ghost="true"
+			font="giovanni22bold"
+			text_align="center"
+			textcolor="black"
+		/>
+
+		<!--
+		=============================================================
+		- STYLE - GLOBAL - WHEAT SKIN - TEXT - HEADING
+		- Standard text. Heading. (eg "Player Name").
+		=============================================================
+		-->
+
+		<style 	name="wheatTextHeadBlack"
+			ghost="true"
+			font="tahoma16"
+			textcolor="black"
+		/>
+
+		<style 	name="wheatTextHeadWhite"
+			ghost="true"
+			font="tahoma16"
+			textcolor="white"
+		/>
+
+		<style 	name="wheatTextHeadBlackRt"
+			ghost="true"
+			font="tahoma16"
+			text_align="right"
+			textcolor="black"
+		/>
+
+		<!--
+		=============================================================
+		- STYLE - GLOBAL - WHEAT SKIN - TEXT - SUBHEADING
+		- Standard text. Subheading.
+		=============================================================
+		-->
+
+		<style 	name="wheatTextHeadSubBlack"
+			ghost="true"
+			font="tahoma14"
+			textcolor="black"
+		/>
+
+		<!--
+		=============================================================
+		- STYLE - GLOBAL - WHEAT SKIN - TEXT - LABEL
+		- Standard text. Plain medium text (eg window text). Default.
+		=============================================================
+		-->
+
+		<style 	name="wheatTextLabelBlack"
+			ghost="true"
+			font="verdana12"
+			textcolor="black"
+		/>
+
+		<!--
+		=============================================================
+		- STYLE - GLOBAL - WHEAT SKIN - TEXT - SUB LABEL
+		- Standard text. Plain smaller label.
+		=============================================================
+		-->
+
+		<style 	name="wheatTextSubLabelBlack"
+			ghost="true"
+			font="verdana11"
+			textcolor="black"
+		/>
+
+		<!--
+		=============================================================
+		- STYLE - GLOBAL - WHEAT SKIN - TEXT - FOOTNOTE MAX
+		- Standard text. Large footnote.
+		=============================================================
+		-->
+
+		<style 	name="wheatTextFootMaxBlack"
+			ghost="true"
+			font="verdana10"
+			textcolor="black"
+		/>
+
+		<!--
+		=============================================================
+		- STYLE - GLOBAL - WHEAT SKIN - TEXT - FOOTNOTE
+		- Standard text. Normal footnote.
+		=============================================================
+		-->
+
+		<style 	name="wheatTextFootBlack"
+			ghost="true"
+			font="verdana9"
+			textcolor="black"
+		/>
+
+		<!--
+		=============================================================
+		- STYLE - GLOBAL - WHEAT SKIN - TEXT - SUBFOOTNOTE
+		- Standard text. Small subfootnote.
+		=============================================================
+		-->
+
+		<style 	name="wheatTextFootSubBlack"
+			ghost="true"
+			font="verdana8"
+			textcolor="black"
+		/>
+
+		<!--
+		=============================================================
+		- STYLE - GLOBAL - WHEAT SKIN - TEXT - FANCY - TITLEBAR
+		- Large and ornate. eg Window titlebar.
+		=============================================================
+		-->
+
+		<style 	name="fancyTextTitleGold"
+			ghost="true"
+			font="prospero18"
+			textcolor="gold"
+		/>
+
+		<style 	name="fancyTextTitleWhite"
+			ghost="true"
+			font="prospero18"
+			textcolor="white"
+		/>
+
+		<style 	name="fancyTextTitleBlack"
+			ghost="true"
+			font="prospero18"
+			textcolor="black"
+		/>
+
+		<!--
+		=============================================================
+		- STYLE - GLOBAL - WHEAT SKIN - TEXT - FANCY - HEADING
+		- Medium and ornate. eg Version number.
+		=============================================================
+		-->
+
+		<style 	name="fancyTextHeadGold"
+			ghost="true"
+			font="prospero16"
+			textcolor="gold"
+		/>
+
+		<style 	name="fancyTextHeadWhite"
+			ghost="true"
+			font="prospero16"
+			textcolor="white"
+		/>
+
+	<!--
+	==========================================
+	- STYLE - GLOBAL - WHEAT SKIN - BORDERS
+	==========================================
+	-->
+
+	<style	name="wheatBorderBlack"
+		sprite="bkBorderBlack"
+		sprite_selectarea="bkFillGray"
+		textcolor="black"
+		textcolor_selected="white"
+	/>
+
+	<style	name="wheatBorderBlackNote"
+		font="verdana9"
+		sprite="bkBorderBlack"
+		sprite_selectarea="bkFillGray"
+		textcolor="black"
+		textcolor_selected="white"
+	/>
+
+	<style	name="wheatDividerBlack"
+		sprite="bkBorderBlack"
+		sprite_selectarea="bkFillGray"
+		textcolor="black"
+		textcolor_selected="white"
+	/>
+
+	<!--
+	==========================================
+	- STYLE - GLOBAL - WHEAT SKIN - PROGRESS BARS
+	==========================================
+	-->
+
+	<style name="wheatProgressBarBlue"
+		sprite_background="bkBorderBlack"
+		sprite_bar="bkBlueBorderBlack"
+		ghost="true"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+	<!--
+	==========================================
+	- STYLE - UNIQUE
+	==========================================
+	-->
+
+		<!--
+		==========================================
+		- STYLE - UNIQUE - PREGAME
+		==========================================
+		-->
+
+		<style 	name="pgButton"
+			tooltip_style="pgToolTip"
+		/>
+
+
+        <!--
+NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
+NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED NOT YET CONVERTED 
+	-->
+
+	<!--
+	==========================================
+	- STYLE - UNIQUE - SESSION
+	==========================================
+	-->
+
+	<style name="resource_counter"
+		text_valign="bottom"
+		text_align="right"
+		font="prospero16"
+		textcolor="white"
+		tooltip_style="session_tooltip"
+		ghost="false"
+	/>
+
+	<style name="control_group"
+		size="0 0 100% 100%"
+	/>
+
+	<style name="session_object"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+	<style name="session_button_object"
+		text_align="center"
+		text_valign="center"
+		sprite="wheatButton"
+		sprite_over="wheatButtonOver"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+	<style name="session_ghost_object"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_miniheading_object"
+		font="verdana8"
+		textcolor="200 200 200"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_subheading_object"
+		font="verdana10"
+		textcolor="200 200 200"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_subheading_center_object"
+		font="verdana10"
+		textcolor="200 200 200"
+		text_align="center"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_subheading_left_object"
+		font="verdana10"
+		textcolor="200 200 200"
+		text_align="left"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_midheading_object"
+		font="verdana11"
+		textcolor="255 255 255"
+		text_align="center"
+		text_valign="bottom"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_midheading_center_bottom_object"
+		font="verdana11"
+		textcolor="255 255 255"
+		text_align="center"
+		text_valign="bottom"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_heading_object"
+		font="verdana12"
+		textcolor="200 200 200"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_heading_left_object"
+		font="verdana12"
+		textcolor="200 200 200"
+		text_align="left"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_text_object"
+		font="verdana10"
+		textcolor="255 255 255"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_text_left_object"
+		font="verdana10"
+		textcolor="255 255 255"
+		text_align="left"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_ghost_text_left_centre_object"
+		font="verdana10"
+		textcolor="255 255 255"
+		text_align="left"
+		text_valign="center"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+		ghost="true"
+	/>
+
+	<style name="session_minimap"
+		tooltip_style="session_tooltip"
+		tooltip=""
+	/>
+
+	<!-- Empty entity portrait. -->
+	<style 	name="portrait"
+		sprite="ui_portrait_default_square"
+		sprite_over="ui_portrait_default_square_lit"
+		sprite_disabled="ui_portrait_default_square_grey"
+		text_align="right"
+		textcolor="255 255 255"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+	<style name="portrait_progress"
+		sprite_background=""
+		sprite_bar="translucent_background"
+		text_align="center"
+		text_valign="center"
+		textcolor="255 255 255"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+	<style name="action"
+		sprite="ui_portrait_default_circle"
+		sprite_over="ui_portrait_default_circle_lit"
+		sprite_disabled="ui_portrait_default_circle_grey"
+		text_align="right"
+		textcolor="255 255 255"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+	<style name="action_left"
+		sprite="ui_portrait_default_circle"
+		sprite_over="ui_portrait_default_circle_lit"
+		sprite_disabled="ui_portrait_default_circle_grey"
+		text_align="left"
+		textcolor="255 255 255"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+	<!-- Entity progress bar. -->
+	<style name="group_portrait_bar"
+		sprite_background=""
+		sprite_bar="green_bar"
+		ghost="true"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+	<style name="up_bar"
+		sprite_background=""
+		sprite_bar="yellow_bar"
+		ghost="true"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+	<style name="blue_bar"
+		sprite_background=""
+		sprite_bar="blue_bar"
+		ghost="true"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+	<style name="blue_bar_outlined"
+		sprite_background="bkBorderBlack"
+		sprite_bar="blue_bar_outlined"
+		ghost="true"
+		tooltip_style="session_tooltip"
+		tooltip="(TBA)"
+	/>
+
+</styles>
diff --git a/binaries/data/mods/official/gui/text/credits.txt b/binaries/data/mods/official/gui/text/credits.txt
new file mode 100644
index 0000000000..f472d7c534
--- /dev/null
+++ b/binaries/data/mods/official/gui/text/credits.txt
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+"0 A.D."
+
+Cast of Characters
+Dude #768			Minion #392
+Dude #162			Minion #864
+Dude #794			Minion #894
+Dude #765			Minion #896
+Dude #668			Minion #331
+Dude #748			Minion #892
+Dude #963			Minion #870
+Dude #564			Minion #321
+Dude #731			Minion #891
+Polly Gonne			Dudette
+
+and introducing
+Roastin' Staff Rooster		as himself
+
+No historians were harmed during the development of this project.
+
+© 2002-2007 Wildfire Games. All rights reserved.
+
+This product is intended solely for private home use.  Public performance or other use is expressly prohibited.
\ No newline at end of file
diff --git a/binaries/data/mods/official/gui/text/tips.txt b/binaries/data/mods/official/gui/text/tips.txt
new file mode 100644
index 0000000000..e041f5be3d
--- /dev/null
+++ b/binaries/data/mods/official/gui/text/tips.txt
@@ -0,0 +1,209 @@
+"It is easier to train one dog than it is to train a hundred sheep."
+"Just because someone is foreign that doesn't give them the right not to speak English!"
+"I'd make a wonderful new man if I wasn't such a lying cheating bastard..."
+"When people start referring to you as sheep, you have to start worrying about their intentions."
+"Sheep don't write essays saying why they shouldn't be herded into buildings and turned into lamb chops, do they."
+"Wise man say, when setting out on the path of revenge, always dig two graves... You may be lucky and get one of your enemies' mates too."
+"No matter how advanced a civilisation is, they will never invent something that means they don't have to chase baddies through corridors."
+"Laziness is a good quality, laziness is the mother of genius, invention and ingenuity."
+"There is an esoteric aspect here that our gardener hasn't quite sussed".
+"Context is for the weak"
+"Not enough people in the world believe in fairys."
+"Can I torture them 'till they bleed?"
+"I like shiny things, even if they don't physically shine. It takes a shiny thing collector to understand that concept."
+"Wise man once say, when branching out from building hotels to building cruise liners, it is a good idea to seek advice from sailors."
+"See, once more, Asphalt saves the day."
+"The best measurement unit of bandwidth? ... Dollars I suspect."
+"Mind you, I have taken so many opposing stances to stupid ideas, I can't actually remember what I really do believe any more."
+"Of course it's tacky! Do you know how much extra you have to pay for something that will appeal to the modern Internet user?"
+"If you nag me on this, I just minimise the little window and you go into the flashing psycho bar. No real skin off my nose!"
+"The north has a lot to answer for in terms of music. It's all so grey and lacking in contrast. Dreay musicians with no character in their voices singing at the same monotonous dirge tone as their boringly played instruments. It's about as interesting as listening to a power supply."
+"I like to think of myself as one of the New Age lords of Karma. I figure all the old ones have died so someone needs to keep up the traditions."
+"It's a real shame that old people smell so much and break so easily. They would probably be great fun to hang around with otherwise."
+"Do really cool websites have "fucking A" records?"
+"I don't think they would know investigative journalism if it came with a huge sign and verbal announcements."
+"You can garauntee that if I have pictures of naked women on my screen then I am working."
+"I am going to convert all my Canadian Dollars to Turkish Lira. I can be an international money trader and make millions!"
+"I like Canada, it's a shame about Canadians. They are just like Germans only they speak worse English."
+"I don't play any game I can't cheat at, and if I can cheat there's no point in playing."
+"Rabbits are not sentient... Rabbits are pies waiting to happen."
+"I am more than happy to accept that people know more than me, most people know more than me, my main skill is just in knowing who they are."
+"Why do people want to talk to me about security? They never actually want to listen to what I have to say."
+"The Yahoo Auction site is sweet. It's like what nursery school kids would build if they were asked to create an auction site out of old washing up bottles and cereal boxes."
+"Choosing friends is easy... Be a child again. Ask yourself if this person rang your doorbell and said 'Are you coming out to play?', would you go, or would you make an excuse? If you wouldn't want to play with them as a kid then what hope do you have as a grown up!"
+"I have knives and guns, you have a teabag ... Let's be sensible!"
+"You simply can't increase safety by protecting people more. People use the added protection as performance enhancing devices and the risks always remain constant. Put simply, airbags are the best go-faster stripes you could add to your car."
+"The English like dates because dates show that we planted our flag first. If the fuzzy-wuzzies have neither flags nor calendars, then we can always show we planted our flag first, and therefore their land is actually ours!"
+Michael's 10 second Steeley Eyed Dealer of Death Course: "Aquire target, take 2 shots, evaluate damage, reaquire target or if it's twitching aquire a new one, take 2 shots and repeat all of that until you, or all of the bad guys are dead."
+"The English are not lazy as such, it's just that we just spend all our time learning good manners and other clever stuff rather than filling our heads with such nonesenses as foreign language, vocabulary and the mastery of gutteral contortions!"
+"Tea is why the British Empire worked; which scarily is actually true! Before anyone knew what germs were, the British habit of making tea meant that the British pioneers didn't get killed in places like India and Africa, simply because they boiled the water they drank. Also tea is a natural antiseptic, and killed a lot of other weird tropical diseases so the British stayed alive whilst the other Europeans all died... Quite ironic really. It also allowed the slum based workers in the industrial revolution to survive in their terrible circumstances for the same reasons, meaning we developed a better home industrial base than any other country. Gin and Tonic helped too, but the reader is free to work that one out for themselves".
+"I think Kids have a wonderful outlook on life and some brilliant ideas. It's when Kids start trying to act like grownups that the shit sets in and they start becoming deranged."
+"You know they say that the world is starting to get fucked up because its best rapper is white and it's best golfer is black. How come they haven't noticed that the best tennis players players seem to be black now too...?"
+"No wonder Blaire likes the US, it's just another little Britain being nurtured overseas... We never really left there did we? I think really it was a British long term plan to make them British without them realising it, then we could just join up with them a few hundred years later and so far, it's working beautifully."
+"And no, I don't agree the lyrics were brilliant. They showed a complete lack of understanding about the word 'ironic' which was somewhat... Ironic. Somewhat akin to somebody writing a song about failed love and writing about a broken kidney." -- On Alanis Morissette's "Jagged Little Pill".
+"If you are in a bad mood, for example, then going onto your system and putting everyone else in a foul mood should cheer you up no end. Rather like yoga but without all the stretching." -- Confessions.
+"I just realised I was wiping my nose with a kangaroo's bollocks."
+"I appear to be fundamentally and somewhat perversely drawn to meals you can eat with a spoon... I figure at the least this will help me in my old age."
+"If I could eat my own cheesey goodness, why would I be chatting you up, dearest?"
+"Every unsafe old version was a safe new version once."
+"I don't read newspapers. I do read the Daily Mail sometimes, but only because they are easy to steal from Little Chefs."
+"A glue gun it the answer! Well ... A Glue Gun is the answer to everything."
+"If they stopped taking monogamy for granted in Soap Operas, they'd actually have to think up some real plot-lines."
+"And not many people have had a Pterodactyl on a stick eaten by a Giant Tiger."
+"I fear that was stretching the practical limits of comic-timing to extremes."
+"If there is a God then I think it is his biggest joke ever making male and female humans look so similar that one could assume they are nearly the same."
+"Never shag someone you wouldn't spend 4 weeks alone in the jungle with."
+"I won't try and understand, my brain is small and mushy."
+"My cats and I need to have words about how they treat my pornography."
+"The US know that North Korea have nuclear weapons, and wants to go to war against them. The US know that Iraq wants to make nuclear weapons, and wants to go to war against them and the US knows that Israel has nuclear weapons and nobody says a thing."
+"I guess you could say that some of Bush's speeches sound a bit similar to some of Churchills... The difference is that Churchill wrote his own Speeches whereas Bush probably can't even write his own name."
+"If, after so many years, we can't even get anything approaching fair voting in the Eurovision Song Contest... What hope is there for a United European Parliament?"
+"I pointed out to him that most of my skills were about 6,000 years to 200 years old anyway, so it didn't really matter; I have seen very little of modern security technology that would be unfamiliar in concept to an iron age hill fort designer."
+"Someone accused me of being a tree hugger a few days ago, I pointed out that the last time I even got close to hugging a tree was whilst I was chainsawing down two of them that were in the way of me taking a good photograph."
+"Should we visit him in prison and bake him a cake with somebody else's files in it?" -- (On Cliff Stanford being questioned by the police over allegations of reading other people's email)
+"Incest may come with really good sex, but some of the other issues can be problematic."
+"Being in a night-club also makes people think that they have the "right" to try and make me dance, which is fine, as long as they accept that I have the right to make their joints go in ways that they weren't meant to go thus causing them short term excrutiating pain. Unfortunately, they seem to not accept this balance of rights so it often causes problems."
+"The one thing Americans should never, ever do is try and pass an opinion on Northern Ireland, not if they want to keep friends in either country anyway."
+"On the subject of Irony and Americans: Unless it is them quoting somebody else or it comes with a canned laughter track; how on earth are we meant to spot it? It's like expecting quantum theory to come from the paws of squirrels."
+"Drugs aside, there are two nearly sure-fire ways to get a woman into bed... A home cooked meal, preferably with an obscure home baked bread on the menu or alternatively, just buy her some wind-chimes."
+"I am a crap photographer. I just happen to be in the right place occasionally when a good photograph appears."
+"As far as their beligerancy towards humanity goes, goats and donkeys must be the most deadly animals on earth."
+"There's nothing much new in the world... There just aren't many people with a decent knowledge of history."
+"For the modern geek, Mac is the new black."
+"It worries me that most of the quotes I collect are mine... One day I may have to start agreeing with people that I am egotistical and arrogant. Or maybe... I am just lazy?"
+And quotes from other people, to prove I am not completely egotistical.
+"Heaven has no rage like love to hatred turned. And hell no fury like a woman scorned." (William Congreve)
+"To summon the demons of darkness, there is a price."
+"If Barbie is so popular, why do you have to buy her friends?"
+"Games are critical to a warlike society." Film: New Eden
+"You must be careful what you pretend to be because, in the end, you are what you pretend to be" Film: Mother Night. (Kurt Vonnegut)
+"Beware, toes you are stepping on today may be connected to the arse you are kissing tomorrow" Film: Body Count.
+"Poor Crusty, he's like a black velvet sheet come to life" - Lisa Simpson
+"But you got fired, and you still hang around like a big loser so why can't he?" - some witchy woman in Buffy the Vampire Slayer, the series.
+"Aren't we forgetting the true meaning of this day? The birth of Santa." - Bart - Simpsons.
+"What is your fascination with my forbidden closet of mystery?" - Chief Wigham - Simpsons.
+"If you love something set it free if it comes back, it was and always will be yours. If it never returns, it was never yours to begin with"
+"Then Fred said "let's have a cup of tea" and I said "Right oh!"".
+"Officially, I am here quite unofficially". - Troughton, The two doctors.
+"You can't keep blaming yourself. Just blame yourself once and then move on!" Homer Simpson.
+"The first time you buy a shed is undoubtedly a weird experience but after the next time it'll be a lot easier." - Some email that Amy got.
+"Spock knew nothing of children except that he had been one, had managed to get over it, and saw no need to dwell upon things that could not be helped."
+"If you don't want children get a cat, they can be just as much trouble but at least you get the pleasure of outliving them." - Tim the Goth.
+"My kids use the Internet far too much anyway. The only useful it has ever taught them is how to use the mouse with their left hands." - Radio 4.
+"I am a psychopath so I guess the difference is I have to think about not hurting people, as opposed to just knowing what is bad. Personally, I can't see that as a bad thing because all I see with you normal people is y'all hurting one another all the time because you don't think." -- A sane loonie.
+"Oh, no, my dear; I'm really a very good man, but I'm a very bad Wizard, I must admit." - Oz, The Wizard of Oz.
+"Do I look like someone who cares what God thinks?" Pinhead - Hellraiser.
+"That ideas should freely spread from one to another over the globe for the moral and mutual instruction of man, and improvement of his condition, seems to have been pecuiliarly and benevolently designed by nature, when she made them, like fire, expansible over all space, without lessening their density at any point, and like the air in which we breathe, move and have our physical being, incapable of confinement or exclusive appropriation. Inventions then cannot, in nature, be a subject of property." - Thomas Jefferson
+"It's better to have people think you a fool, than to open your mouth, and remove all doubt." - Samuel Clemens / Mark Twain
+"The nice thing about standards is that you have so many to choose from. Furthermore, if you do not like any of them, you can just wait for next year's model." - Andrew Tanenbaum
+"Mr Secretary, you are paying me a lot of money to do what I do. Go home and let me earn it." - Michael Ironside, Seaquest 2032.
+"I've really got to learn to do the damage and get out of town. It's the stay and gloat that gets me every time." - Ethan Hawke(?), Buffy.
+"Everybody who I know is right always agrees with me." - Unknown.
+"I see no more than you, but I have trained myself to notice what I see" - Sherlock Holmes.
+"Sometimes when live in cage too long, whole world seems like very big place." - Mr Miyage, Karate Kid 4.
+"He's a Lawyer, a sense of humour would only get in the way." -- Mr Roarke, Fantasy Island.
+"In real life... there is no backspace key" -- Ayla
+"Computer games don't affect kids; I mean if Pac-Man affected us as kids, we'd all be running around in darkened rooms, munching magic pills and listening to repetitive electronic music." -- Kristian Wilson, Nintendo, Inc, 1989
+"Besides being an infallible cure for enemy constipation, the canister fire does much to alter the geography of the place." -- From the Commander of B Squadron, 1st Armoured Regiment, Royal Australian Armoured Corps, re the use of the 20 pounder gun of the long gone, but, never to be forgotten Centurian Tank, on active service in the Republic of South Viet Nam 1970.
+"Certainly there is no hunting like the hunting of man and those who have hunted armed men long enough and liked it, never really care for anything else thereafter." -- Ernest Hemingway, April 1936 issue of Esquire. It was the first line of an article titled "On The Blue Water: A Gulf Stream Letter."
+"The secret of success is sincerity. Once you can fake that, you've got it made." -- Jean Gieraudoux
+"A single death is a tragedy, a million deaths is a statistic." -- Joseph Stalin.
+"The plate in front of us is placed over an extra-wide letter box. So that even the largest cheques can get through. LAW OFFICE, it says." -- Peter Hoeg: Miss Smilla's Feeling for Snow.
+"When you can't change the direction of the wind; adjust your sails" -- Max Depree.
+Daniel: "Can you break a log like that?" Miyage: "Don't know, never been attacked by tree." -- Karate Kid II.
+"I like babies and old people... What you see is what you get." -- Elly in Neighbours.
+"Ritzys: London, Paris, New York, Accrington" -- Sign outside a Night Club in Accrington somewhere around 1985.
+"This ain't a bridge... It's termites holding hands." -- Removal Van Driver in Chevy Chase's Funny Farm.
+"But if you trusted me, you never would have known I was lying to you!" -- Susan in Diagnosis Murder.
+"Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world." -- Albert Einstein.
+"I hate everybody equally! I'm an equal opportunity hater." -- Jerry ex-sas.
+"Don't try to teach a pig to sing; it will waste your time and will only annoy the pig." -- old Yiddish saying.
+"A fool cannot be protected from his folly. If you attempt to do so, you will not only arouse his animosity but also you will be attempting to deprive him of whatever benefit he is capable of deriving from experience. Never attempt to teach a pig to sing; it wastes your time and annoys the pig." -- Lazarus Long - Time Enough for Love (though the pig quote is more than likely borrowed from an old Yiddish saying above).
+"But the polysemic champion must be 'set'. Superficially it looks like a wholly unassuming monosyllable, the verbal equivalent of the single-celled organism. Yet it has 58 uses as a noun, 126 as a verb, and 10 as a participal adjective. Its meanings are so various and scattered that it takes the OED 60,000 words - the length of a short novel - to discuss them all. A foreigner could be excused for thinking that to know 'set' is to know English." -- Bill Bryson, Mother Tongue.
+"Hah! I remember when the police officers used to tell me, 'Slow down'. Now, it's the fucking doctors!" -- Ralph.
+"I've got nothing against poofters... but I was bought up to believe that dicky up the chuffter is abnormal, and vile" -- Oz, Auf Wiedersehen Pet.
+"[Apartheid] began before I was born and will probably be resolved long after I die. In the meantime I want to run." -- Zola Budd.
+"Never wear your best pants when you go to fight for freedom." -- Fortune cookie - http://home.nc.rr.com/rellis/fortunes/best_pants.htm
+"You are going to ruin my reputation long before you get to ruin me." -- Unknown.
+"In the end, it all comes down to dancing in silly hats." -- Terry Wogan, Eurovision 2002.
+"If God didn't mean for us to eat this animal, why did he make it out of turkey?" -- Clueless.
+"Yea, it was cute! Like a puppy with a glock." -- Sofie.
+"Girls are like internet domain names, the ones I like are already taken."
+"Your Hobbies and Interests cannot exceed 255 characters." -- msn.com
+"You can always rely on the Americans to do the right thing... After they've tried everything else" -- Winston Churchill
+"That money talks, I'll not deny. I heard it once. It said, 'Goodbye.'" -- Richard Armour
+".. No one who has something original or important to say will willingly run the risk of being misunderstood; people who write obscurely are either unskilled in writing or up to mischief." -- Peter Medawar
+"More information about asparagus can be found at http://www.asparagus.org/" -- From http://www.studentbmj.com/back_issues/0800/education/277.html
+"Against the assault of laughter nothing can stand." -- Mark Twain
+""There's nothing wrong with having nothing in common, otherwise there'd be no point in having two of us" -- Ben in My Family.
+"Hey Mr Burns, can I go with you to get the treasure? I won't eat much and I don't know the difference between right and wrong." -- Bart Simpson.
+"When one burns one's bridges, what a very nice fire it makes." -- Dylan Thomas.
+"Charlotte Church: Voice of an Angel, brain of a Goldfish." -- RI:SE Newsreader.
+"In Italy for thirty years under the Borgias they had warfare, terror, murder, bloodshed; they produced Michelangelo, Leonardo da Vinci and the Renaissance. In Switzerland they had brotherly love, five hundred years of democracy and peace, and what did they produce? The cuckoo clock!" -- Orson Welles in The Third Man (1949).
+"I believe what I said yesterday I don't know what I said but I know what I think and I assume its what I said."
+"I am shocked - sort of"
+"You know I'm not a lawyer - I don't do that"
+"If I know the answer I'll tell you the answer and if I don't I'll just respond cleverly" 
+"Boys are stupid. Throw rocks at them."
+"You're acting like you think the world doesn't need a 170 MPH SUV. Are you some sort of tree-hugging commie?" -- Steve Gombosi.
+"O what a tangled web we weave   When first we practise to deceive!  But when we've practised quite a while  How vastly we improve our style!" -- A Word Of Encouragement by J. R. Pope
+"They are basically witless midgets who spend most of their time trying to kill themselves" -- Dylan Moran on children.
+"I just don't trust something that bleeds for five days and doesn't die." -- Mr Garrison, Southpark.
+"Lisa: Let's put it on the Internet!  Bart: No. We have to reach people who's opinions actually matter." -- Simpsons.
+"A little knowledge is a dangerous thing. A little knowledge of Psychology is downright lethal." -- Amy in Judging Amy.
+"I think I have monogamy, I must have caught it from you people!" -- Samantha in Sex and the City.
+"Still, if you will not fight for the right when you can easily win without bloodshed, if you will not fight when your victory will be sure and not so costly, you may come to the moment when you will have to fight with all the odds against you and only a precarious chance for survival. There may be a worse case. You may have to fight when there is no chance of victory, because it is better to perish than to live as slaves." -- Sir Winston Churchill.
+"Don't forget what happened to the man who got everything he ever wanted... He lived happily ever after." -- Charlie, in his Chocolate Factory.
+"I should have known, no human being is that humane." -- Ripley, Alien 4.
+"If you hang out with me for long enough, you will find out I am not a man with whom to fuck" -- A rather incongruous quote from a bad pirate guy on Alien 4.
+"Vampires are bloodsuckers to whom the concept of honour is meaningless" -- Vampire Hunter D.
+"Lorry is the mental equivalent of a Dark Alley" -- Alan Cox.
+"Carpe diem, quam minimum credula postero" ("Seize the day, put no trust in the morrow") -- Horace.
+"The sociopath, lacking the restraints that hold a normal character together can become anything. Ammorality frees her to be universally perfect. A charming chameleon with a scorpion's tail."
+"A sociopath with no restraints can become anything... Ammorality frees her to be universally perfect, a charming chameleon with a scorpion's tail..." -- Color of Night
+"I don't want to spoil Lawrie's fun or reputation here, but I feel duty bound to point out that you're writing to someone about an article they wrote that may be true or may be ironic, and in either case you can't be sure whether their reply is true or ironic. There are few Englishmen who, faced with questions from an earnest, truth-seeking American, would be able to resist exploiting their gullability and winding them up something rotten." -- Richard Bartle on "Confessions of an Arch-Wizard".
+"I was a Wiccan for a few months, but then I realised it was like being a Brownie and I gave up." -- Gemma.
+"... He speaks English like he hates it." -- some film called "Never So Few".
+"You know what four dollars buys today? It doesn't even buy three dollars." -- Tony's dad in Saturday Night Fever.
+"(It's so easy interrogating a German because they are so scared.) You send in a naked woman and a bottle of whisky and they'll tell you anything" -- John Le Carre's daughter quoting him.
+Zorro: "Do you know how to use that thing?" (pointing at a sword) Alejandro: "Yes, the pointy end goes into the other man." -- Mask of Zorro.
+[On the subject of Britain outsourcing call-centre jobs to other countries] "... When you call British Rail now to find the next train to London you get put through to Bangladesh and when you call Number 10 [Downing Street] you get through to The Whitehouse." -- Tony Benn.
+"So, do you cook a lot of kosher food at home?" -- Ainsley Harriet to a conformant Jew.
+"You're off the edge of the map mate; here there be monsters." -- Pirates of the Caribbean.
+"You know, London! Cup o' tea, bad food, worse weather, Mary fucking Poppins... London!" -- Snatch
+"For I am a bear of very little brain, and long words bother me." -- Pooh.
+"God created a bard, and from the waste left over, three critics." -- Unknown.
+"To wives and sweet hearts - And may the two never meet." -- Old Sailors' Toast.
+"This made the tea undrinkable... Even for Americans" -- From Mary Poppins on the subject of the Boston Tea Party.
+"Sanity is not statistical." -- Orwell's 1984.
+"Printing is ruining bookselling. The end of the world is upon us." -- Victor Hugo, Hunchback of Notre-Dame.
+"Largely because Murdoch told him to. That's democray, one man one vote." -- Ian Pissflaps on "Have I got news for you" on the subject of Blair changing his mind on the EU constitution.
+"Flight controller zero looking very carefully at the situation. Obviously a major malfunction" -- NASA's live commentry on the Challenger Shuttle blowing up.
+"I am not even allowed a key; you swallow the thing one time and all of a sudden you are the weird key swallower who can't be trusted." -- Lab Technician in Legally Blonde 2.
+"The only thing necessary for the triumph of evil is for good men to do nothing." -- Sir Edmund Burke
+"If someone tries to kill you you try to kill 'em right back!" -- Firefly.
+"Those that knew him best deplored him most" -- Epitath.
+"There are a thousand hacking at the branches of evil to one who is striking at the root." -- Henry Thoreau
+"The wicked are always suprised to find that the good can be clever." -- Marquis de Vauvenargues.
+"Most of the evils of life arise from man's being unable to sit still in a room." -- Blaise Pascal.
+"If you forget yourself you become the universe" --Hkuin Ortegama.
+"You must learn some of my philosophy. Think only of the past as its remembrance gives you pleasure." -- Lizzie in Pride and Prejudice.
+"Every accused is presumed innocent unless proved guilty, and a hundred guilty persons may go free, so that not a single innocent person be declared guilty." -- Not quite a formal quote, but Thomas Jefferson is meant to have summed up this definition of the British Justice system with "better one hundred guilty men go free than one innocent man be condemned."
+"The young man knows the rules, but the old man knows the exceptions." -- Oliver Wendell Holmes (I think).
+"The two most powerful warriors are patience and time." -- Tolstoy.
+"A woman without a man is like a fish without a bicycle." -- Gloria Steinem.
+"Thanksgiving: The only time the British were glad to have Indian neighbours." -- Anon.
+"Nobody can ever make you feel inferior without your consent." -- Eleanor Roosevelt
+".. And relations between America and England are better than ever... You're like Mini Me to our Doctor Evil, helping out in our Zany Schemes in taking over the world." -- Marge Simpson's Christmas message to England (2004).
+"Wow! I've never been called an adult before... I've been tried as one but..." -- Otto from the Simpsons.
+"It's a global village, but most of the people in that village are idiots". -- Somebody on telly babbling about the Internet.
+"Rome.com wasn't built in a day..." -- Karl to Lou on Neighbours (probably nicked though)
+"Love is a funny thing to describe. It's so easy to feel and yet so slippery to talk about. It's like a bar of soap in the bathtub - you have it in your hand until you hold on too tight." - MJJ
+"... The first Church of the Obese Polygamist - Now known as the Church of England" -- Jonathan Meades
+"I wouldn't piss in his mouth if his teeth were on fire." -- Anon.
+"You sleep safe in your beds because rough men stand ready in the night to visit violence on those who do you harm" -- George Orwell
+"... The weight of the new radios also led to Land Rovers breaking axles during trials." -- http://tinyurl.com/4srnb
+"As below, so above; and as above so below. With this knowledge alone you may work miracles." -- Emerald Tablet of Hermes (2) From Fulcanelli trans.
+"I came to apologize, and make out with tongues." -- Bobby to Connie, King of the Hill.
+"If you are an alien, how come you sound like you are from the North?" "Lots of planets have a North!" -- (well, the new "Dr Who" had to have *one* good quote ...)
+"The problem with defending the purity of the English language is that English is about as pure as a cribhouse whore. We don't just borrow words; on occasion, English has pursued other languages down alleyways to beat them unconscious and rifle their pockets for new vocabulary." -- James D Nicoll
\ No newline at end of file