From fc4a8c3206352171894713508764152a682be95a Mon Sep 17 00:00:00 2001
From: Acumen <stuart@wildfiregames.com>
Date: Sat, 8 Jan 2005 18:25:09 +0000
Subject: [PATCH] A little more work on the Map Creator GUI of the Editor,
 which is slightly broken and I'll continue with it after Malte's done his
 update.

This was SVN commit r1673.
---
 ...las_global_sheet_dropdownbutton_updown.png |   4 +-
 .../data/mods/official/gui/test/7_atlas.xml   | 136 ++++++++-
 .../mods/official/gui/test/functions_atlas.js | 259 +++++++++++++++++-
 .../mods/official/gui/test/functions_coord.js |   4 +
 .../data/mods/official/gui/test/sprite1.xml   |  39 ++-
 .../data/mods/official/gui/test/styles.xml    |  21 ++
 6 files changed, 428 insertions(+), 35 deletions(-)

diff --git a/binaries/data/mods/official/art/textures/ui/atlas/atlas_global_sheet_dropdownbutton_updown.png b/binaries/data/mods/official/art/textures/ui/atlas/atlas_global_sheet_dropdownbutton_updown.png
index 40e38c71eb..dda3d5d195 100644
--- a/binaries/data/mods/official/art/textures/ui/atlas/atlas_global_sheet_dropdownbutton_updown.png
+++ b/binaries/data/mods/official/art/textures/ui/atlas/atlas_global_sheet_dropdownbutton_updown.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7204d1806221c29535c46df6926652630918a93c92320313d16d0e30ad581702
-size 298
+oid sha256:e32685ce9adf4d4eb78de1e51cdf3255dfd4ab3c737ced12cdff9735828836ee
+size 314
diff --git a/binaries/data/mods/official/gui/test/7_atlas.xml b/binaries/data/mods/official/gui/test/7_atlas.xml
index 149d1f257e..0743f04910 100644
--- a/binaries/data/mods/official/gui/test/7_atlas.xml
+++ b/binaries/data/mods/official/gui/test/7_atlas.xml
@@ -24,20 +24,148 @@
 					setSizeArray("atlas_left_pane_bkg", atlasCoord[ATLAS_LEFT_PANE_BKG], left_screen, top_screen, left_screen, bottom_screen);
 				]]></action>
 			</object>
+			<!-- LEFT SELECTION PANE HEADINGS -->
+			<object type="text" name="atlas_left_pane_section_heading_1" sprite="atlas_border" style="atlas_heading" text_align="left" hidden="false">Map Creator
+				<action on="Load"><![CDATA[
+					setSizeArray("atlas_left_pane_section_heading_1", atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_1], left_screen, top_screen, left_screen, top_screen);
+				]]></action>
+			</object>
+			<object type="text" name="atlas_left_pane_section_heading_2" sprite="atlas_border" style="atlas_sub_heading" hidden="false">Map Type
+				<action on="Load"><![CDATA[
+					setSizeArray("atlas_left_pane_section_heading_2", atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2], left_screen, top_screen, left_screen, top_screen);
+				]]></action>
+			</object>
+			<object type="text" name="atlas_left_pane_section_heading_3" sprite="atlas_border" style="atlas_sub_heading" hidden="false">Map Settings
+				<action on="Load"><![CDATA[
+					setSizeArray("atlas_left_pane_section_heading_3", atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3], left_screen, mid_screen, left_screen, mid_screen);
+				]]></action>
+			</object>
 
 			<!-- CREATE MAP SECTION MENU -->
 			<object type="empty" name="atlas_left_pane_section_map" size="0 0 100% 100%" z="1" hidden="false">
-				<object type="text" name="atlas_left_pane_section_map_heading_1" sprite="atlas_border" style="atlas_heading" text_align="left" hidden="false">Map Creation
+				<!-- MAP SIZE SETTINGS -->
+				<object type="input" name="atlas_left_pane_section_map_tile_height_input_box" sprite="atlas_input_box" style="atlas_label_text" hidden="false">
 					<action on="Load"><![CDATA[
-						setSizeArray("atlas_left_pane_section_map_heading_1", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_HEADING_1], left_screen, top_screen, left_screen, top_screen);
+						setSizeArray("atlas_left_pane_section_map_tile_height_input_box", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX], left_screen, top_screen, left_screen, top_screen);
 					]]></action>
 				</object>
-				<object type="text" name="atlas_left_pane_section_map_heading_2" sprite="atlas_border" style="atlas_sub_heading" hidden="false">Map Type
+				<object type="text" name="atlas_left_pane_section_map_tile_x" style="atlas_label_text" hidden="false">x
 					<action on="Load"><![CDATA[
-						setSizeArray("atlas_left_pane_section_map_heading_2", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_HEADING_2], left_screen, top_screen, left_screen, top_screen);
+						setSizeArray("atlas_left_pane_section_map_tile_x", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_X], left_screen, top_screen, left_screen, top_screen);
+					]]></action>
+				</object>
+				<object type="input" name="atlas_left_pane_section_map_tile_width_input_box" sprite="atlas_input_box" style="atlas_label_text" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_tile_width_input_box", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_WIDTH_INPUT_BOX], left_screen, top_screen, left_screen, top_screen);
+					]]></action>
+				</object>
+				<object type="text" name="atlas_left_pane_section_map_size_label" style="atlas_label_text" hidden="false">Size:
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_size_label", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_LABEL], left_screen, top_screen, left_screen, top_screen);
+					]]></action>
+				</object>
+				<object type="empty" name="atlas_left_pane_section_map_size_radio" size="0 0 100% 100%" z="1" hidden="false">
+					<object type="button" name="atlas_left_pane_section_map_size_button_small" style="atlas_button" hidden="false">Small
+						<action on="Load"><![CDATA[
+							setSizeArray("atlas_left_pane_section_map_size_button_small", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_SMALL], left_screen, top_screen, left_screen, top_screen);
+						]]></action>
+					</object>
+					<object type="button" name="atlas_left_pane_section_map_size_button_medium" style="atlas_button" font="tahoma9" hidden="false">Medium
+						<action on="Load"><![CDATA[
+							setSizeArray("atlas_left_pane_section_map_size_button_medium", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_MEDIUM], left_screen, top_screen, left_screen, top_screen);
+						]]></action>
+					</object>
+					<object type="button" name="atlas_left_pane_section_map_size_button_large" style="atlas_button" hidden="false">Large
+						<action on="Load"><![CDATA[
+							setSizeArray("atlas_left_pane_section_map_size_button_large", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_LARGE], left_screen, top_screen, left_screen, top_screen);
+						]]></action>
+					</object>
+					<object type="button" name="atlas_left_pane_section_map_size_button_huge" style="atlas_button" hidden="false">Huge
+						<action on="Load"><![CDATA[
+							setSizeArray("atlas_left_pane_section_map_size_button_huge", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE], left_screen, top_screen, left_screen, top_screen);
+						]]></action>
+					</object>
+				</object>
+				<object type="text" name="atlas_left_pane_section_map_size_hr" sprite="atlas_hline" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_size_hr", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_HR], left_screen, top_screen, left_screen, top_screen);
+					]]></action>
+				</object>
+				<!-- MAP SETTINGS -->
+				<object type="text" name="atlas_left_pane_section_map_settings_player_label" style="atlas_label_text" hidden="false">Players:
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_settings_player_label", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL], left_screen, mid_screen, left_screen, mid_screen);
+					]]></action>
+				</object>
+				<object type="input" name="atlas_left_pane_section_map_settings_player_input_box" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_settings_player_input_box", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX], left_screen, mid_screen, left_screen, mid_screen);
+					]]></action>
+				</object>
+				<object type="button" name="atlas_left_pane_section_map_settings_player_input_box_up" sprite="atlas_sheet_updown_button" cell_id="0" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_settings_player_input_box_up", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_UP], left_screen, mid_screen, left_screen, mid_screen);
+					]]></action>
+				</object>
+				<object type="button" name="atlas_left_pane_section_map_settings_player_input_box_dn" sprite="atlas_sheet_updown_button" cell_id="1" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_settings_player_input_box_dn", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_DN], left_screen, mid_screen, left_screen, mid_screen);
+					]]></action>
+				</object>
+				<object type="text" name="atlas_left_pane_section_map_settings_settlement_label" style="atlas_label_text" hidden="false">Settlements:
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_settings_settlement_label", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_LABEL], left_screen, mid_screen, left_screen, mid_screen);
+					]]></action>
+				</object>
+				<object type="input" name="atlas_left_pane_section_map_settings_settlement_input_box" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_settings_settlement_input_box", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX], left_screen, mid_screen, left_screen, mid_screen);
+					]]></action>
+				</object>
+				<object type="button" name="atlas_left_pane_section_map_settings_settlement_input_box_up" sprite="atlas_sheet_updown_button" cell_id="0" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_settings_settlement_input_box_up", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_UP], left_screen, mid_screen, left_screen, mid_screen);
+					]]></action>
+				</object>
+				<object type="button" name="atlas_left_pane_section_map_settings_settlement_input_box_dn" sprite="atlas_sheet_updown_button" cell_id="1" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_settings_settlement_input_box_dn", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_DN], left_screen, mid_screen, left_screen, mid_screen);
+					]]></action>
+				</object>
+				<object type="text" name="atlas_left_pane_section_map_settings_resources_label" style="atlas_label_text" hidden="false">Resources:
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_settings_resources_label", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_LABEL], left_screen, mid_screen, left_screen, mid_screen);
+					]]></action>
+				</object>
+<!-- NOTE: Needs to be made a drop-down box when this control becomes available (options Low (.5), Normal (0), High (2) ). -->
+				<object type="input" name="atlas_left_pane_section_map_settings_resources_combo_box" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_settings_resources_combo_box", atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_COMBO_BOX], left_screen, mid_screen, left_screen, mid_screen);
+					]]></action>
+				</object>
+				<!-- GENERATE -->
+				<object type="text" name="atlas_left_pane_section_map_generate_terrain_map_label" style="atlas_label_text" hidden="false">Terrain Map:
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_generate_terrain_map_label", atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL], left_screen, bottom_screen, left_screen, bottom_screen);
+					]]></action>
+				</object>
+				<object type="input" name="atlas_left_pane_section_map_generate_terrain_map_input_box" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_generate_terrain_map_input_box", atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX], left_screen, bottom_screen, left_screen, bottom_screen);
+					]]></action>
+				</object>
+				<object type="text" name="atlas_left_pane_section_map_generate_height_map_label" style="atlas_label_text" hidden="false">Height Map:
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_map_generate_height_map_label", atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_HEIGHT_MAP_LABEL], left_screen, bottom_screen, left_screen, bottom_screen);
+					]]></action>
+				</object>
+				<object type="input" name="atlas_left_pane_section_map_generate_height_map_input_box" hidden="false">
+					<action on="Load"><![CDATA[
+						setSizeArray("atlas_left_pane_section_generate_height_map_input_box", atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_HEIGHT_MAP_INPUT_BOX], left_screen, bottom_screen, left_screen, bottom_screen);
 					]]></action>
 				</object>
 			</object>
+
 		</object>
 
 		<!-- BOTTOM SELECTION PANE: Context panel along the bottom of the screen. -->
diff --git a/binaries/data/mods/official/gui/test/functions_atlas.js b/binaries/data/mods/official/gui/test/functions_atlas.js
index 6ade3f6e80..238e425c95 100755
--- a/binaries/data/mods/official/gui/test/functions_atlas.js
+++ b/binaries/data/mods/official/gui/test/functions_atlas.js
@@ -9,6 +9,12 @@ function initAtlas()
 	atlasCoord = new Array();
 	atlasCoord_Last = 0;
 
+	// =============================================   GLOBALS =================================================
+
+	ATLAS_COUNTER_BOX = new Object();
+	ATLAS_COUNTER_BOX.width = 9;
+	ATLAS_COUNTER_BOX.height = 5;
+
 	// ============================================= MAIN SCREEN ===============================================
 
 	// Top-left corner piece of main editor frame.
@@ -212,10 +218,10 @@ function initAtlas()
 		atlasCoord[ATLAS_MINIMAP_BKG].y+atlasCoord[ATLAS_MINIMAP_BKG].height+4
 	);
 
-	// ============================================= CREATE MAP SECTION ===============================================
+	// ============================================= GENERIC LEFT SECTION MENU ===============================================
 
-	// Second heading of Create Map section menu.
-	ATLAS_LEFT_PANE_SECTION_MAP_HEADING_2		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+	// Second heading of section menu.
+	ATLAS_LEFT_PANE_SECTION_HEADING_2		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
 		atlasCoord[ATLAS_LEFT_PANE_BKG].width-2,
 		21+2
 	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
@@ -223,14 +229,253 @@ function initAtlas()
 		atlasCoord[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].y+atlasCoord[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].height+29
 	);
 
-	// Topmost heading of Create Map section menu.
-	ATLAS_LEFT_PANE_SECTION_MAP_HEADING_1		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
-		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_HEADING_2].width,
+	// Topmost heading of section menu.
+	ATLAS_LEFT_PANE_SECTION_HEADING_1		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2].width,
 		31
 	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
-		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_HEADING_2].x,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2].x,
 		atlasCoord[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].y+atlasCoord[ATLAS_MAINBORDER_TOOLBAR_BKG_MAX].height
 	);
+
+	// Third heading of section menu.
+	ATLAS_LEFT_PANE_SECTION_HEADING_3		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2].x,
+		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 = 10;
+
+	// ============================================= 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		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		30,
+		14
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2].x+atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2].width-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].width-ATLAS_LEFT_PANE_SECTION.RMARGIN,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2].y+atlasCoord[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				= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		20,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].x-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_X].width,
+		atlasCoord[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		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_X].x-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].y
+	);
+
+	// "Size:" label.
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_LABEL		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		32,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_WIDTH_INPUT_BOX].x-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_LABEL].width,
+		atlasCoord[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	= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		40,
+		20
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2].x+atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_2].width-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].width-ATLAS_LEFT_PANE_SECTION.RMARGIN+2,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_TILE_HEIGHT_INPUT_BOX].y+atlasCoord[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	= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].x-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].width-ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_SPAN,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].y
+	);
+
+	// "Medium" map size button.
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_MEDIUM	= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_LARGE].x-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_LARGE].width-ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_SPAN,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].y
+	);
+
+	// "Small" map size button.
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_SMALL	= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_MEDIUM].x-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_MEDIUM].width-ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_SPAN,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].y
+	);
+
+	// Horizontal rule at end of Map Size settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SIZE_HR		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_BKG].width-ATLAS_LEFT_PANE_SECTION.LMARGIN-ATLAS_LEFT_PANE_SECTION.RMARGIN,
+		2
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_BKG].x+ATLAS_LEFT_PANE_SECTION.LMARGIN,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SIZE_BUTTON_HUGE].y+atlasCoord[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		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		40,
+		15
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3].x+ATLAS_LEFT_PANE_SECTION.LMARGIN,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3].y+atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3].height+ATLAS_LEFT_PANE_SECTION.TMARGIN
+	);
+
+	// Players "counter" input box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		32,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].x+atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].width,
+		atlasCoord[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	= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		ATLAS_COUNTER_BOX.width,
+		ATLAS_COUNTER_BOX.height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].x+atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].width-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_UP].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].y
+	);
+
+	// Players down button for "counter" input box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_DN	= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		ATLAS_COUNTER_BOX.width,
+		ATLAS_COUNTER_BOX.height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].x+atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].width-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX_UP].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].y+atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].height-atlasCoord[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	= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_INPUT_BOX].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3].x+atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3].width-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].width-ATLAS_LEFT_PANE_SECTION.RMARGIN,
+		atlasCoord[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	= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		ATLAS_COUNTER_BOX.width,
+		ATLAS_COUNTER_BOX.height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].x+atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].width-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_UP].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].y
+	);
+
+	// Settlements down button for "counter" input box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_DN	= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		ATLAS_COUNTER_BOX.width,
+		ATLAS_COUNTER_BOX.height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].x+atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].width-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_UP].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].y+atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].height-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX_DN].height
+	);
+
+	// "Settlements" label for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_LABEL		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		62,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].x-atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_LABEL].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_SETTLEMENT_INPUT_BOX].y
+	);
+
+	// "Resources:" label for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_LABEL		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		40,
+		15
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].x+ATLAS_LEFT_PANE_SECTION.LMARGIN,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].y+atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].height+ATLAS_LEFT_PANE_SECTION.TMARGIN
+	);
+
+	// Resources "drop-down" box for Map Settings.
+	ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_COMBO_BOX	= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		32,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_PLAYER_LABEL].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_LABEL].x+atlasCoord[ATLAS_LEFT_PANE_SECTION_MAP_SETTINGS_RESOURCES_LABEL].width,
+		atlasCoord[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		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3].width-ATLAS_LEFT_PANE_SECTION.LMARGIN-ATLAS_LEFT_PANE_SECTION.RMARGIN,
+		20
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3].x+ATLAS_LEFT_PANE_SECTION.LMARGIN,
+		-ATLAS_LEFT_PANE_SECTION.BMARGIN-atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].height
+	);
+
+	// "Terrain Map:" label.
+	ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		32,
+		20
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3].x+ATLAS_LEFT_PANE_SECTION.LMARGIN,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3].y+atlasCoord[ATLAS_LEFT_PANE_SECTION_HEADING_3].height+ATLAS_LEFT_PANE_SECTION.TMARGIN
+	);
+
+	// Height Map input box.
+	ATLAS_LEFT_PANE_SECTION_GENERATE_HEIGHT_MAP_INPUT_BOX		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].x,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].y-atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_INPUT_BOX].height-atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL].height
+	);
+
+	// "Height Map:" label.
+	ATLAS_LEFT_PANE_SECTION_GENERATE_HEIGHT_MAP_LABEL		= addSizeArrayWH(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL].width,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL].height
+	); atlasCoord_Last 			= addSizeArrayXY(atlasCoord, atlasCoord_Last,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL].x,
+		atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL].y-atlasCoord[ATLAS_LEFT_PANE_SECTION_GENERATE_TERRAIN_MAP_LABEL].height
+	);
 }
 
 // ====================================================================
diff --git a/binaries/data/mods/official/gui/test/functions_coord.js b/binaries/data/mods/official/gui/test/functions_coord.js
index 080e39a57a..3728b1eede 100644
--- a/binaries/data/mods/official/gui/test/functions_coord.js
+++ b/binaries/data/mods/official/gui/test/functions_coord.js
@@ -149,6 +149,10 @@ function setSizeArray(objectName, objectArrayElement, rleft, rtop, rright, rbott
 	if (rleft == left_screen && rtop == top_screen && rright == left_screen && rbottom == bottom_screen)
 		// Object is aligned between left top and left bottom.
 		getGUIObjectByName(objectName).size = new GUISize(objectArrayElement.x, objectArrayElement.y, objectArrayElement.x+objectArrayElement.width, 0, rleft, rtop, rright, rbottom);
+	else
+	if (rleft == left_screen && rtop == mid_screen && rright == left_screen && rbottom == mid_screen)
+		// Object is aligned to middle left.
+		getGUIObjectByName(objectName).size = new GUISize(objectArrayElement.x, objectArrayElement.y, objectArrayElement.x+objectArrayElement.width, objectArrayElement.y+objectArrayElement.height, rleft, rtop, rright, rbottom);
 } 
 
 // ====================================================================
diff --git a/binaries/data/mods/official/gui/test/sprite1.xml b/binaries/data/mods/official/gui/test/sprite1.xml
index d8fda73e3b..9a4a1aa27b 100644
--- a/binaries/data/mods/official/gui/test/sprite1.xml
+++ b/binaries/data/mods/official/gui/test/sprite1.xml
@@ -783,21 +783,12 @@
 	</sprite>
 
 	<sprite name="atlas_input_box">
-		<!-- Starting with top left corner continuing in a clockwise manner -->
-		<!-- Top border -->
-		<image backcolor="109 122 146" size="0 0 100%-1 0" />
-		<image backcolor="0 0 0" size="0 1 100%-2 1" />
-		<!-- Right border -->
-		<image backcolor="220 223 228" size="100% 0 100% 100%" />
-		<image backcolor="184 190 201" size="100%-1 1 100%-1 100%-1" />
-		<!-- Bottom border -->
-		<image backcolor="220 223 228" size="0 100% 100% 100%" />
-		<image backcolor="184 190 201" size="1 100%-1 100%-1 100%-1" />
-		<!-- Left border -->
-		<image backcolor="109 122 146" size="0 0 0 100%-1" />
-		<image backcolor="0 0 0" size="1 1 1 100%-2" />
+		<image backcolor="220 223 228" size="-4 -5 100%+2 100%+1" />
+		<image backcolor="109 122 146" size="-4 -5 100%+1 100%" />
+		<image backcolor="184 190 201" size="-3 -4 100%+1 100%" />
+		<image backcolor="0 0 0"       size="-3 -4 100%   100%-1" />
 		<!-- middle -->
-		<image backcolor="220 223 228" size="2 2 100%-2 100%-2"/>
+		<image backcolor="220 223 228" size="-2 -3 100%   100%-1"/>
 	</sprite>
 
 	<sprite name="atlas_emboss">
@@ -817,25 +808,25 @@
 	<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 0" />
+		<image backcolor="109 122 146" size="0 0 100%-1 1" />
 		<!-- Right border -->
-		<image backcolor="220 223 228" size="100% 0 100% 100%" />
+		<image backcolor="220 223 228" size="100%-1 0 100% 100%" />
 		<!-- Bottom border -->
-		<image backcolor="220 223 228" size="0 100% 100% 100%" />
+		<image backcolor="220 223 228" size="0 100%-1 100% 100%" />
 		<!-- Left border -->
-		<image backcolor="109 122 146" size="0 0 0 100%-1" />
+		<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% 0" />
-		<image backcolor="220 223 228" size="0% 1 100% 1" />
+		<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 0 100%" />
-		<image backcolor="220 223 228" size="1 0 1 100%" />
+		<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">
@@ -937,6 +928,10 @@
 		<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_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>
+
         <!--
         ==========================================
         TEMPORARY IMAGES
diff --git a/binaries/data/mods/official/gui/test/styles.xml b/binaries/data/mods/official/gui/test/styles.xml
index 3700a230a4..cac62b7fdb 100755
--- a/binaries/data/mods/official/gui/test/styles.xml
+++ b/binaries/data/mods/official/gui/test/styles.xml
@@ -103,4 +103,25 @@
 		text_align="center"
 		text_valign="center"
 	/>
+
+	<style name="atlas_label_text"
+		tooltip_style="atlas_tooltip"
+		tooltip=""
+		textcolor="0 0 0"
+		font="tahoma10"
+		text_align="center"
+		text_valign="center"
+	/>
+
+	<style name="atlas_button"
+		sprite="atlas_emboss"
+		sprite_over="atlas_indent"
+		sprite_pressed="atlas_indent"
+		tooltip_style="atlas_tooltip"
+		tooltip="[font=tahoma10b]Button[font=tahoma10]\nClick to do something."
+		textcolor="0 0 0"
+		font="tahoma10"
+		text_align="center"
+		text_valign="center"
+	/>
 </styles>