<div id="battle_variants_form" style="display:none;">
<!--    -->
<div id="battle_variants_form_ext">
<table>
<tr>
<td align="center">
<a title="  1  - {FIRST_TEXT}" href="javascript:battles.vote('$AUTHOR_NAME$', 1);">
{FIRST_TEXT}
</a>
</td>
<td align="center">
<a title="  2  - {SECOND_TEXT}" href="javascript:battles.vote('$AUTHOR_NAME$', 2);">
{SECOND_TEXT}
</a>
</td>
</tr>
<tr>
<td>
<a title="  1  - {FIRST_TEXT}" href="javascript:battles.vote('$AUTHOR_NAME$', 1);">
<img style="width:100px;" src="{FIRST_IMAGE}"/>
</a>
</td>
<td>
<a title="  2  - {SECOND_TEXT}" href="javascript:battles.vote('$AUTHOR_NAME$', 2);">
<img style="width:100px;" src="{SECOND_IMAGE}"/>
</a>
</td>
</tr>
<tr>
<td align="center">
<b>
{FIRST_PERCENT}% <font color="red">({VARIANT_1})</font>
</b>
</td>
<td align="center">
<b>
{SECOND_PERCENT}% <font color="red">({VARIANT_2})</font>
</b>
</td>
</tr>
</table>
</div>
<!--    -->
</div>
<script type="text/javascript">
battles.get('$AUTHOR_NAME$', function(data){
$('#battle_variants').html(unescape($('#battle_variants_form_ext').html()).replace(/\{([A-Z0-9_-]+)\}/g, function(a, b){
return (b == 'FIRST_PERCENT' ? ((data.variant_1 + data.variant_2) > 0 ? Math.round(data.variant_1 / (data.variant_1 + data.variant_2) * 100) : 0) : (b == 'SECOND_PERCENT' ? ((data.variant_1 + data.variant_2) > 0 ? Math.round(data.variant_2 / (data.variant_1 + data.variant_2) * 100) : 0) : data[b.toLowerCase()]));
}))
});
</script>