<script language="javascript">
{literal}
		var current_color = 'white';
		
		
		function ChangeCurrentcolor(color)
		{
			current_color = color;
			current_color_picker.style.backgroundColor = color;
		}

		function UpdateCellColor(cell,data)
		{
			document.getElementById(cell).style.backgroundColor = current_color;
			data.value = current_color;
			
		}
{/literal}
		</script>

<table cellspacing="0" cellpadding="10" border="0" style="border:1px solid darkred" background="../images/game/background1.jpg">
<tr><td>
<table align="align" width="720" style="font-size:13px">
	<tr>
		<td><b style="font-size:14pt">{t}Coalition LOGO Editor{/t}</b> <br />
		<br />

		<form name="logo_form" method="post">
		<table width="100%">
			<tr>
				<td valign="top">{$logo_data_html}</td>
				<td valign="top">

				<table bgcolor="yellow" cellpadding="0" cellspacing="1" border="0">
					<tr>
						<td>
						<table name="table_current_color" cellspacing="0" cellpadding="5"
							border="0">
							<tr>
								<td id="current_color_picker" bgcolor="{$current_color}"><font
									color="black"><b>{t}Current color{/t}</b></font></td>
							</tr>
						</table>
						</td>
					</tr>
				</table>
				{$color_palette_html} <br/>
				<br />
				<img src="img_logo.php?data={$logo_data}" border="1"
					bordercolor="yellow"><br />
				<br />
				<input type="submit" value="{t}Save logo{/t}"> <input type="button"
					value="{t}Fill{/t}"
					onclick="window.location='logo_editor_coalition.php?fill='+escape(current_color)">
				</td>
		</table>
		</td>
	</tr>
</table>
</form>
</td></tr>
<tr><td>
<form method="post">
<b style="color:yellow">{t}Import / Export logo data{/t}</b><br/>
<textarea name="logo_data_update" rows="2" cols="80" class="text_area">
{$logo_data}
</textarea><br/>
<input type="submit" value="{t}Update logo{/t}">
</form>
</td></tr>
</table>