var mostVoted = (res.vote_counts[optionId] === mostVotes);

var percent = (!res.total_votes) ? 0 : Math.round((res.vote_counts[optionId] / res.total_votes) * 100);

var percentRel = (mostVotes === 0) ? 0 : Math.round((res.vote_counts[optionId] / mostVotes) * 100);

$this.toggleClass('voted', voted);

$this.toggleClass('most-votes', mostVoted);

<!-- BEGIN _file -->

<!-- IF _file.S_DENIED -->

<p>[{_file.DENIED_MESSAGE}]</p>

<!-- ELSE -->

<!-- IF _file.S_THUMBNAIL -->

<dl class="thumbnail">

</dl>

<!-- ENDIF -->

<!-- IF _file.S_IMAGE -->

<dl class="file">

<dt class="attach-image"><img src="{_file.U_INLINE_LINK}" class="postimage" alt="{_file.DOWNLOAD_NAME}" onclick="viewableArea(this);" /></dt>

</dl>

<!-- ENDIF -->

<!-- IF _file.S_WM_FILE -->

<!-- method used here from http://alistapart.com/articles/byebyeembed / autosizing seems to not work always, this will not fix -->

<object width="320" height="285" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="wmstream_{_file.ATTACH_ID}">

<a href="{_file.U_DOWNLOAD_LINK}">{_file.DOWNLOAD_NAME}</a> [ {_file.FILESIZE} {_file.SIZE_LANG} | {_file.L_DOWNLOAD_COUNT} ]</p>

<!-- ENDIF -->

<!-- ENDIF -->

<!-- END _file -->

// Safari and Chrome

if (s.setBaseAndExtent) {

var l = (e.innerText.length > 1) ? e.innerText.length - 1 : 1;

}

// Firefox and Opera

else {

<div class="action-bar top">

<div class="pagination">

{TOTAL_TOPICS}

<!-- INCLUDE pagination.html -->

&bull; {PAGE_NUMBER}

<!-- ENDIF -->

</div>

<dt <!-- IF topicrow.TOPIC_ICON_IMG -->style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF -->>

<!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}" class="icon-link"></a><!-- ENDIF -->

<div class="list-inner">

<!-- IF topicrow.S_SELECT_TOPIC --><a href="{topicrow.U_SELECT_TOPIC}" class="topictitle">[ {L_SELECT_MERGE} ]</a>&nbsp;&nbsp; <!-- ENDIF -->

<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>

<!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED --><a href="{topicrow.U_MCP_QUEUE}">{topicrow.UNAPPROVED_IMG}</a> <!-- ENDIF -->

<!-- IF topicrow.S_TOPIC_DELETED or topicrow.S_POSTS_DELETED --><a href="{topicrow.U_MCP_QUEUE}">{topicrow.DELETED_IMG}</a> <!-- ENDIF -->

<!-- IF topicrow.S_TOPIC_REPORTED --><a href="{topicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF -->

<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->

{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}

</div>

</div>

</dt>

<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>

<div class="action-bar bottom">

<div class="pagination">

{TOTAL_TOPICS}

<!-- INCLUDE pagination.html -->

&bull; {PAGE_NUMBER}

<!-- ENDIF -->

</div>

<form method="post" id="mcp_approve" action="{U_APPROVE_ACTION}">

<p class="post-notice deleted">

<input class="button1" type="submit" value="{L_RESTORE}" name="action[restore]" />

<input type="hidden" name="post_id_list[]" value="{POST_ID}" />

{S_FORM_TOKEN}

</p>

</dl>

<!-- ENDIF -->

<dl>

<dt><label for="subject">{L_SPLIT_SUBJECT}{L_COLON}</label></dt>

<dd><input type="text" name="subject" id="subject" size="45" maxlength="124" tabindex="2" value="{SPLIT_SUBJECT}" title="{L_SPLIT_SUBJECT}" class="inputbox" /></dd>

</dl>

<dl>

<dt><label>{L_SPLIT_FORUM}{L_COLON}</label></dt>

<dd><select name="to_forum_id">{S_FORUM_SELECT}</select></dd>

<h3 id="review">

<span class="right-box"><a href="#review" onclick="viewableArea(getElementById('topicreview'), true); var rev_text = getElementById('review').getElementsByTagName('a').item(0).firstChild; if (rev_text.data == '{LA_EXPAND_VIEW}'){rev_text.data = '{LA_COLLAPSE_VIEW}'; } else if (rev_text.data == '{LA_COLLAPSE_VIEW}'){rev_text.data = '{LA_EXPAND_VIEW}'};">{L_EXPAND_VIEW}</a></span>

</h3>

<div id="topicreview">

<div class="action-bar bottom">

<div class="pagination">

{TOTAL_POSTS}

<!-- INCLUDE pagination.html -->

&bull; {PAGE_NUMBER}

<!-- ENDIF -->

</div>

<!-- DEFINE $MICRODATA = ' itemtype="http://data-vocabulary.org/Breadcrumb" itemscope=""' -->

<!-- EVENT overall_header_breadcrumbs_before -->

<li class="small-icon icon-home breadcrumbs">

<!-- EVENT overall_header_breadcrumb_prepend -->

<!-- BEGIN navlinks -->

<!-- EVENT overall_header_navlink_prepend -->

<!-- EVENT overall_header_navlink_append -->

<!-- END navlinks -->

<!-- EVENT overall_header_breadcrumb_append -->

<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active"><!-- ENDIF -->

<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}"><!-- ENDIF -->

<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&amp;t={S_TOPIC_ID}"><!-- ENDIF -->

<!-- ENDIF -->

<!-- IF U_CANONICAL -->

<!-- ENDIF -->

<link href="{T_STYLESHEET_LINK}" rel="stylesheet">

<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->

<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">

<dt><label for="icon">{L_ICON}{L_COLON}</label></dt>

<dd>

<label for="icon"><input type="radio" name="icon" id="icon" value="0" checked="checked" tabindex="1" /> <!-- IF S_SHOW_TOPIC_ICONS -->{L_NO_TOPIC_ICON}<!-- ELSE -->{L_NO_PM_ICON}<!-- ENDIF --></label>

</dd>

</dl>

<!-- ENDIF -->

<fieldset class="submit-buttons">

{S_HIDDEN_ADDRESS_FIELD}

{S_HIDDEN_FIELDS}

<!-- IF S_HAS_DRAFTS --><input type="submit" accesskey="d" tabindex="8" name="load" value="{L_LOAD_DRAFT}" class="button2" onclick="load_draft = true;" />&nbsp; <!-- ENDIF -->

<!-- IF S_SAVE_ALLOWED --><input type="submit" accesskey="k" tabindex="7" name="save" value="{L_SAVE_DRAFT}" class="button2" />&nbsp; <!-- ENDIF -->

<input type="submit" tabindex="5" name="preview" value="{L_PREVIEW}" class="button1"<!-- IF not S_PRIVMSGS --> onclick="document.getElementById('postform').action += '#preview';"<!-- ENDIF --> />&nbsp;

<!-- INCLUDE overall_header.html -->

<!-- IF TOPIC_TITLE -->

<!-- ELSE -->

<h2 class="posting-title"><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></h2>

<!-- ENDIF -->

<!-- ENDIF -->

<div class="postbody">

<h3>{L_PREVIEW}{L_COLON} {PREVIEW_SUBJECT}</h3>

<!-- ENDIF -->

<link href="{T_STYLESHEET_LINK}" rel="stylesheet">

<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->

<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">

{L_MESSAGE_HISTORY}{L_COLON}

</h3>

<div id="topicreview">

<script type="text/javascript">

// <![CDATA[

<div class="postbody" id="pr{history_row.MSG_ID}">

<h3><a href="{history_row.U_VIEW_MESSAGE}" <!-- IF history_row.S_CURRENT_MSG -->class="current"<!-- ENDIF -->>{history_row.SUBJECT}</a></h3>

<ul class="post-buttons">

<li>

<a <!-- IF history_row.U_QUOTE -->href="{history_row.U_QUOTE}"<!-- ELSE -->href="#postingbox" onclick="addquote({history_row.MSG_ID}, '{history_row.MESSAGE_AUTHOR_QUOTE}', '{LA_WROTE}');"<!-- ENDIF --> title="{L_QUOTE} {history_row.MESSAGE_AUTHOR}" class="button icon-button quote-icon">

<span>{L_QUOTE} {history_row.MESSAGE_AUTHOR}</span>

</a>

</li>

</ul>

<!-- ENDIF -->

<p class="author">{history_row.MINI_POST_IMG} {L_SENT_AT}{L_COLON} <strong>{history_row.SENT_DATE}</strong><br />

{L_MESSAGE_BY_AUTHOR} {history_row.MESSAGE_AUTHOR_FULL}</p>

</div>

<!-- END history_row -->

</div>

<hr />

<p><a href="#cp-main" class="top2">{L_BACK_TO_TOP}</a></p>

<fieldset class="submit-buttons">

<input type="hidden" name="export_option" value="CSV" />

<input class="button1" type="submit" name="submit_export" value="{L_EXPORT_FOLDER}" />&nbsp;

{S_FORM_TOKEN}

</fieldset>

</form>

<div class="postbody">

<h3 class="first">{SUBJECT}</h3>

<ul class="post-buttons">

<!-- EVENT ucp_pm_viewmessage_post_buttons_before -->

<!-- IF U_EDIT -->

<!-- EVENT ucp_pm_viewmessage_post_buttons_after -->

</ul>

<!-- ENDIF -->

<p class="author">

<strong>{L_SENT_AT}{L_COLON}</strong> {SENT_DATE}

<!-- INCLUDE overall_header.html -->

<h2 class="topic-title"><!-- EVENT viewtopic_topic_title_prepend --><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><!-- EVENT viewtopic_topic_title_append --></h2>

<!-- NOTE: remove the style="display: none" when you want to have the forum description on the topic body -->

<!-- IF FORUM_DESC --><div style="display: none !important;">{FORUM_DESC}<br /></div><!-- ENDIF -->

</div>

<!-- INCLUDE viewtopic_topic_tools.html -->

<!-- IF S_DISPLAY_SEARCHBOX -->

<div class="search-box" role="search">

<!-- EVENT viewtopic_body_pagination_top_after -->

</div>

<!-- IF S_HAS_POLL -->

<form method="post" action="{S_POLL_ACTION}" data-ajax="vote_poll" class="topic_poll">

<fieldset class="polls">

<!-- BEGIN poll_option -->

<!-- EVENT viewtopic_body_poll_option_before -->

<dt><!-- IF S_CAN_VOTE --><label for="vote_{poll_option.POLL_OPTION_ID}">{poll_option.POLL_OPTION_CAPTION}</label><!-- ELSE -->{poll_option.POLL_OPTION_CAPTION}<!-- ENDIF --></dt>

<!-- IF S_CAN_VOTE --><dd style="width: auto;" class="poll_option_select"><!-- IF S_IS_MULTI_CHOICE --><input type="checkbox" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ELSE --><input type="radio" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ENDIF --></dd><!-- ENDIF -->

<dd class="resultbar<!-- IF not S_DISPLAY_RESULTS --> hidden<!-- ENDIF -->"><div class="<!-- IF poll_option.POLL_OPTION_PCT < 20 -->pollbar1<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->pollbar2<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->pollbar3<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->" style="width:{poll_option.POLL_OPTION_PERCENT_REL};">{poll_option.POLL_OPTION_RESULT}</div></dd>

<hr />

<!-- ENDIF -->

<!-- BEGIN postrow -->

<!-- EVENT viewtopic_body_postrow_post_before -->

<!-- IF postrow.S_FIRST_UNREAD -->

<h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>

<!-- EVENT viewtopic_body_post_buttons_list_before -->

<!-- IF not S_IS_BOT -->

<ul class="post-buttons">

<!-- EVENT viewtopic_body_post_buttons_before -->

<!-- IF postrow.U_EDIT -->

<form method="post" class="mcp_approve" action="{postrow.U_APPROVE_ACTION}">

<p class="post-notice deleted">

<strong>{L_POST_DELETED_ACTION}</strong>

<input class="button1" type="submit" value="{L_RESTORE}" name="action[restore]" />

<input type="hidden" name="post_id_list[]" value="{postrow.POST_ID}" />

{S_FORM_TOKEN}

</div>

</div>

<!-- ENDIF -->

<!-- IF .pagination or TOTAL_POSTS -->

<div class="pagination">