<?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="ModernDialog" size="50%-500 50%-368 50%+500 50%+370">

		<object style="TitleText" type="text" size="50%-128 -18 50%+128 14">
			<translatableAttribute id="caption">Civilizations</translatableAttribute>
		</object>

		<!-- Civ selection -->
		<object size="25 10 100% 30">
			<object
				name="civSelectionHeading"
				type="text"
				font="sans-bold-20"
                textcolor="white"
				text_align="left"
				size="50%-420 10 50%-96 48">
				<translatableAttribute id="caption">Civilization Selection</translatableAttribute>
			</object>

			<object name="civSelection" type="dropdown" style="ModernDropDown" size="50%-96 10 50%+96 40">
				<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="TranslucentPanelThinBorder" size="0 5 100% 40">
				<object
					name="civGameplayHeading"
					type="text"
					font="sans-bold-16"
					textcolor="white"
					text_align="left"
					text_valign="center"
					size="10 0 100% 100%"
				/>
			</object>

			<object type="image" sprite="ModernDarkBoxGold" size="0 45 33%-5 100%">
				<object
					name="civBonuses"
					type="text"
					font="sans-14"
                                        textcolor="white"
					text_align="left"
					size="10 0 100%-10 100%-10"
				/>
			</object>

			<object type="image" sprite="ModernDarkBoxGold" size="33%+5 45 75%-5 100%">
				<object
					name="civTechs"
					type="text"
					font="sans-14"
                                        textcolor="white"
					text_align="left"
					size="10 0 100%-10 100%-10"
				/>
			</object>

			<object type="image" sprite="ModernDarkBoxGold" size="75%+5 45 100% 100%">
				<object
					name="civHeroes"
					type="text"
					font="sans-14"
                                        textcolor="white"
					text_align="left"
					size="10 0 100%-10 100%-10"
				/>
			</object>

		</object>


		<!-- Civ history display -->
		<object size="25 65% 100%-25 100%-56">
			<object type="image" sprite="TranslucentPanelThinBorder" size="0 0 100% 35">
				<object
					name="civHistoryHeading"
					type="text"
					font="sans-bold-16"
					textcolor="white"
					text_align="left"
					text_valign="center"
					size="10 0 100% 100%"
				/>
			</object>

			<object type="image" sprite="ModernDarkBoxGold" size="0 35 100% 100%">
				<object
					name="civHistoryText"
					type="text"
					font="sans-14"
                                        textcolor="white"
					text_align="left"
					size="10 0 100% 100%"
				/>
			</object>

		</object>

		<object
			type="button"
			style="StoneButton"
			size="100%-164 100%-52 100%-24 100%-24"
			hotkey="cancel"
		>
			<translatableAttribute id="caption">Close</translatableAttribute>
			<action on="Press">
				<![CDATA[
					Engine.PopGuiPage();
				]]>
			</action>
		</object>

	</object>

</objects>
