{if !$comparelist}
<div align="center">
<b>
<a href="{url _base='index.php'}">
<#No valid players selected for comparison#><br>
<#Go to player ranks and select players first#>
</a>
</b>
</div>
{else}
<script type="text/javascript">
web.startMouseCapture();
var totalplayers = {$totalplayers};
{literal}
function comparepos(idx) {
	return "place: " + (idx+1) + " of " + totalplayers;
}
{/literal}
</script>

<span id="box_tooltip" class="tooltip-box"><span id="tooltip">?</span></span>

<div class="frame1">
	<div align="left" style="padding-left: 5px">
		<#Comparing#> {$totalplayers} <#players#>
		[ <a href="{url c=$comparestr _encode=0}"><#Direct link to compare these players again#></a> ]
	</div>
<div align="center">
<div class="frame2">

<table border="0" cellspacing="0" cellpadding="0" id="comparetable">
	<tr align="center">
		<td class="label">&nbsp;</td>
{foreach from=$players item='p'}
		<td width="100" class="label shade3"><a href="{url _base='player.php' id=$p.plrid}">{iconimg icon=$p.icon} {flagimg cc=$p.cc cn=$p.cn} {$p.name|escape}</a></td>
{/foreach}
	</tr>
	<tr align="center">
		<td class="label"><#Skill#><br><#History#></td>
{foreach from=$players item='p'}
		<td><img src="imgcompare.php?plrid={$p.plrid}&min={$min.skill}&max={$max.skill}&v=skill"></td>
{/foreach}
	</tr>
{foreach from=$statkeys item='stat'}
	<tr align="center">
		<td class="label">{$stat}</td>
	{foreach from=$players item='p'}
		<td class="text" onmouseover='web.tooltip(1,comparepos({$comparelist[$stat][$p.plrid]}),"tooltip",this)' onmouseout='web.tooltip(0)' bgcolor='{statgradient plrid=$p.plrid stat=$stat}'>{$p[$stat]}</td>
	{/foreach}
	</tr>
{/foreach}
</table>

</div>
{* footer under table *}

</div>
</div>
<br>

<div style="float: left">

<div class="small-frame1" style="width: 250px" >
	<div align="left" style="padding-left: 5px"><#Color Chart#></div>
<div align="center">
<div class="small-frame2">

<table width="100%" border="0" cellspacing="0" cellpadding="2">
	<tr align="center">
		<td class="header-cell"><#Best#></td>
		<td class="header-cell"><#Color#></td>
	</tr>
{foreach name='grad' from=$gradientlist item='g'}
	<tr align="center">
		<td class="label">{$smarty.foreach.grad.index+1}</td>
<!--		<td bgcolor="#{$g|string_format:'%06X'}">#{$g|string_format:'%06X'}</td>-->
		<td bgcolor="#{$g}">#{$g}</td>
	</tr>
{/foreach}
	<tr align="center">
		<td class="header-cell"><#Worst#></td>
		<td class="header-cell">&nbsp;</td>
	</tr>
</table>

</div>
{* footer under table *}
</div>
</div>

</div>

{/if}