<?xml version="1.0" encoding="utf-8"?>

<objects>

	<script file="gui/common/functions_civinfo.js"/>
	<script file="gui/common/functions_global_object.js"/>
	<script file="gui/common/functions_utility.js"/>
	<script file="gui/civinfo/civinfo.js"/>

	<!-- Add a translucent black background to fade out the menu page -->
	<object type="image" z="0" sprite="bkTranslucent"/>

	<object type="image" style="wheatWindow" size="50%-450 50%-300 50%+450 50%+300">

		<object style="wheatWindowTitleBar" type="text">Civilizations</object>

		<object type="button" style="wheatExit" tooltip_style="snToolTip">
			<action on="Press"><![CDATA[
				Engine.PopGuiPage();
			]]></action>
		</object>
		
		<!-- Civ selection -->
		
		<object size="25 10 100% 30">
			<object
				name="civSelectionHeading"
				type="text"
				font="serif-bold-20"
				text_align="left"
				size="0 0 300 100%">
				Civilization Selection
			</object>
			
			<object name="civSelection" type="dropdown" style="wheatDropDown" size="50%-100 0 50%+100 30">
				<action on="SelectionChange">selectCiv(this.list_data[this.selected]);</action>
			</object>
		</object>
		
		<!-- Civ data display -->

		<object size="25 50 100%-25 65%-5">
			<object type="image" sprite="bgInfoHeading" size="0 0 100% 40">
				<object
					name="civGameplayHeading"
					type="text"
					font="serif-bold-16"
					textcolor="255 255 255"
					text_align="left"
					text_valign="center"
					size="10 0 100% 100%"
				/>
			</object>
			
			<object type="image" sprite="bgInfoBox" size="0 40 33%-5 100%">
				<object
					name="civBonuses"
					type="text"
					font="serif-14"
					text_align="left"
					size="10 0 100%-10 100%-10"
				/>
			</object>
			
			<object type="image" sprite="bgInfoBox" size="33%+5 40 75%-5 100%">
				<object
					name="civTechs"
					type="text"
					font="serif-14"
					text_align="left"
					size="10 0 100%-10 100%-10"
				/>
			</object>
			
			<object type="image" sprite="bgInfoBox" size="75%+5 40 100% 100%">
				<object
					name="civHeroes"
					type="text"
					font="serif-14"
					text_align="left"
					size="10 0 100%-10 100%-10"
				/>
			</object>
			
		</object>
		
		
		<!-- Civ history display -->
		
		<object size="25 65% 100%-25 100%-50">
			<object type="image" sprite="bgInfoHeading" size="0 0 100% 35">
				<object
					name="civHistoryHeading"
					type="text"
					font="serif-bold-16"
					textcolor="255 255 255"
					text_align="left"
					text_valign="center"
					size="10 0 100% 100%"
				/>
			</object>
			
			<object type="image" sprite="bgInfoBox" size="0 35 100% 100%">
				<object
					name="civHistoryText"
					type="text"
					font="serif-14"
					text_align="left"
					size="10 0 100% 100%"
				/>
			</object>
			
		</object>
		
		<object
			type="button"
			style="wheatButton"
			font="serif-16"
			size="100%-140 100%-40 100%+3 100%+3"
		>Done
			<action on="Press"><![CDATA[
				Engine.PopGuiPage();
			]]></action>
		</object>
		
	</object>
	
</objects>