{if $voteboxOnly}
<div class="viewPost_sidebar_voteBox_container" id="viewPost_sidebar_voteBox_container_{$cPost->data.post_id}" style="width:258px;">
{/if}
{if $allowanceLeft}
<div class="" style="background:#666;color:#fff;text-align:center;padding:3px;">
	{if $categoryaccess->getData('votingScheme') eq 'up' || $categoryaccess->getData('votingScheme') eq 'updown'}
	You have {$allowanceLeftValue} vote{if $allowanceLeftValue != 1}s{/if} remaining
	{else if $categoryaccess->getData('votingScheme') eq 'pointsAward'}
	You have {$allowanceLeftValue} {if $categoryaccess->getData('renameScoring')}vote{else}point{/if}{if $allowanceLeftValue != 1}s{/if} remaining
	{else if $categoryaccess->getData('votingScheme') eq 'stars'}
	You can rate {$allowanceLeftValue} more idea{if $allowanceLeftValue != 1}s{/if}
	{/if}
</div>
{/if}
<div id="viewPost_sidebar_voteBox" class="viewPost_sidebar_voteBox viewPost_sidebar_voteBox-{$cPost->data.post_id} {if !$categoryaccess->getData('canVoteIdeas')}viewPost_sidebar_voteBox_disabled{/if}" {if $cPost->data.post_category eq 296}style="display:none;"{* HACK (296) *}{/if}>
    {assign var='post_id' value=$cPost->data.post_id}
    <div class="clear"><!--IE--></div>
    {assign var='voteTotal' value=$arrVotes.$post_id.score|floatval}
    {if $categoryaccess->getData('votingScheme') eq 'updown' || !$categoryaccess->getData('votingScheme')}
        <div class="voteBox_total">
            {if $categoryaccess->getData('blindVoting') && $categoryaccess->getData('canModerate') eq 0}
                <span class="caps">{"Idea score"|gettext}</span><br />
                The total score has been hidden because 'blind voting' is turned on
            {else}
                <span class="caps">{"Idea score"|gettext}</span>
                <span class="totalVotes">{$voteTotal|intval}</span>
                <span class="totalVotesLabel caps">{if $voteTotal ne 1 && $voteTotal ne -1}{"Points"|gettext}{else}{"Point"|gettext}{/if}</span><br/>
            {/if}
        </div>
    {elseif $categoryaccess->getData('votingScheme') eq 'up'}
        <div class="voteBox_total" style="margin-top:13px;">
            {if $categoryaccess->getData('blindVoting') && $categoryaccess->getData('canModerate') eq 0}
                The total score has been hidden because 'blind voting' is turned on
            {else}
                <span class="totalVotes">{$voteTotal|intval}</span>
                <span class="totalVotesLabel caps">{if $voteTotal ne 1 && $voteTotal ne -1}{"Votes"|gettext}{else}{"Vote"|gettext}{/if}</span><br/>
            {/if}
        </div>
    {elseif $categoryaccess->getData('votingScheme') eq 'stars'}
        <div class="voteBox_total vote-stars left">
            {if $categoryaccess->getData('blindVoting') && $categoryaccess->getData('canModerate') eq 0}
                <span class="caps">{"Average score"|gettext}</span>
                {"The average score is hidden because 'blind voting' is turned on"|gettext}
            {elseif $voteTotal eq 0}
                <span class="caps">{"Average score"|gettext}</span>
                <div class="labelLower">{"Not enough ratings yet"|gettext}</div>
            {else}
                {assign var=voteTotalInteger value=$voteTotal|floor}
                {assign var=voteTotalFraction value=$voteTotal*18-$voteTotalInteger*18}
                {assign var=voteTotalFractionOn value=$voteTotalInteger+1}
                {assign var=optionOptions value=$categoryaccess->getData('votingScheme_optionOptions')}
                <div class="label" style="margin-left:2px;">{"Average score"|gettext}</div>
                <div style="margin-left:{math equation="57-( x * 20 / 2 )" x=$optionOptions.maxStars}px">
                <span class="vote-star">
                    <div class="vote-star vote-star-inneroverlay {if $voteTotal gte 1}vote-star-on{/if}"><!--IE--></div>
                </span>
                <span class="vote-star">
                    <div class="vote-star vote-star-inneroverlay {if $voteTotal gte 2 || $voteTotalFractionOn eq 2}vote-star-on{/if}" {if $voteTotalFractionOn eq 2}style="width:{$voteTotalFraction}px;"{/if}><!--IE--></div>
                </span>
                <span class="vote-star">
                    <div class="vote-star vote-star-inneroverlay {if $voteTotal gte 3 || $voteTotalFractionOn eq 3}vote-star-on{/if}" {if $voteTotalFractionOn eq 3}style="width:{$voteTotalFraction}px;"{/if}><!--IE--></div>
                </span>
                {if $optionOptions.maxStars gt 3}
                    <span class="vote-star">
                        <div class="vote-star vote-star-inneroverlay {if $voteTotal gte 4 || $voteTotalFractionOn eq 4}vote-star-on{/if}" {if $voteTotalFractionOn eq 4}style="width:{$voteTotalFraction}px;"{/if}><!--IE--></div>
                    </span>
                {/if}
                {if $optionOptions.maxStars gt 4}
                    <span class="vote-star">
                        <div class="vote-star vote-star-inneroverlay {if $voteTotal gte 5 || $voteTotalFractionOn eq 5}vote-star-on{/if}" {if $voteTotalFractionOn eq 5}style="width:{$voteTotalFraction}px;"{/if}><!--IE--></div>
                    </span>
                {/if}
                </div>
            {/if}
        </div>
    {elseif $categoryaccess->getData('votingScheme') eq 'pointsAward'}
        <div class="voteBox_total">
            {if $categoryaccess->getData('blindVoting') && $categoryaccess->getData('canModerate') eq 0}
                <span class="caps">{"Idea score"|gettext}</span><br />
                The total score has been hidden because 'blind voting' is turned on
            {else}
                <span class="caps">{"Idea score"|gettext}</span>
                <span class="totalVotes">{$voteTotal|intval}</span>
                <span class="totalVotesLabel caps">{if $voteTotal ne 1 && $voteTotal ne -1}{"Points"|gettext}{else}{"Point"|gettext}{/if}</span><br/>
            {/if}
        </div>
    {/if}

    {if isset($commentVotesUser.$post_id)}
    {assign var='userVote' value=$commentVotesUser.$post_id}
    {assign var='userVoteDir' value=$userVote->data.vote_direction}    
    {else}
    {assign var='userVoteDir' value=0}    
    {/if}

    <div class="postVoteOptions">
    	{if $cPost->hasReachedFinalMilestone()}
    		<span style="padding-top:0;margin-top:9px;" class="disabledMessage">
    			Voting is disabled because this idea has reached the final milestone
    		</span>
    	{else if $votingWalletEnabled && !$allowanceLeft && $userVoteDir eq 0}
    		<span style="padding-top:4px;margin-top:5px;" class="disabledMessage">
    			Voting is disabled because you have used up your voting allowance
    		</span>
    	{else if ((!$timeLeft.ongoing && !$cPost->hasReachedFinalMilestone()) || ($cPost->data.post_moderationstatus eq 5)) && $category->data.category_milestonesresettime}
    		<span style="padding-top:0;margin-top:0px;" class="disabledMessage">
    			Voting is disabled because the idea hasn't progressed through the challenge within the defined time limit.
    		</span>
        {else if intval($smarty.request.forPhase) ne 0 && $category->tempData.phase->data.phase_id ne $smarty.request.forPhase}
            <span class="disabledMessage">{"Voting is not available when viewing previous phases."|gettext}</span>
        {else if $currentMilestone|is_object && ($currentMilestone->getConditionType() == 'review' || $currentMilestone->getConditionType() == 'elaborate')}
        	<span style="padding-top:{$voteBoxPadding}px;" class="disabledMessage">{$voteBoxText|gettext}</span>
		{else if $timeLimit && $hasMilestones && !$cPost->hasReachedFinalMilestone() && (!$timeLeft.ongoing || $cPost->data.post_moderationstatus eq 5)}
			{if !$timeLeft.ongoing || $cPost->data.post_moderationstatus eq 5}
				<span style="padding-top:0;" class="disabledMessage">{"Voting is disabled because the idea did not complete all the milestones within the time limit ."|gettext}</span>
			{/if}
        {elseif $categoryaccess->getData('canVoteIdeas')}
            {if $categoryaccess->getData('votingScheme') eq 'updown' || !$categoryaccess->getData('votingScheme')}
                <div class="votingArea {if intval($userVoteDir) ne 0}voted{/if}">
                    {if intval($userVoteDir) eq 0}
                        <ul>
                            <li class="form_button vote_up"><a href="#" onclick="Post.vote('viewPost_sidebar_voteBox_container','{$cPost->data.post_id}','1','viewPostVotebox','{$user->getActionKey()}', {$voteboxOnly});return false;" class="userInteraction requireValidUser">{*"Vote up"|gettext*}+1</a></li>
                            <li class="form_button vote_down"><a href="#" onclick="Post.vote('viewPost_sidebar_voteBox_container','{$cPost->data.post_id}','-1','viewPostVotebox','{$user->getActionKey()}', {$voteboxOnly});return false;" class="userInteraction requireValidUser">{*"Demote"|gettext*}-1</a></li>
                        </ul>
                    {else}
                        <span class="caps">
                            {"You chose"|gettext} 
                        </span>

                        {if $userVoteDir eq 1}
                            <div class="totalVotes liked">
                                <!--IE-->
                            </div>
                        {else}
                            <div class="totalVotes disliked">
                                <!--IE-->
                            </div>
                        {/if}
                        
                        <div class="label">
                            <a href="#" class="cancel" {* data-tip="Remove your vote" *} onclick="Vote.cancel({$userVote->data.vote_id}, {$cPost->data.post_id}, 'viewPostVotebox', 'viewPost_sidebar_voteBox_container', '{$user->getActionKey()}', {$voteboxOnly}); return false;">{"CANCEL"|gettext}</a>
                        </div>
                    {/if}
                </div>
            {elseif $categoryaccess->getData('votingScheme') eq 'up'}
                <div class="votingArea {if intval($userVoteDir) ne 0}voted{/if}" >
                    {if intval($userVoteDir) eq 0}
                        <span class="caps">
                            {"Vote for this idea"|gettext} 
                        </span>
                        <ul>
                        {if $current_milestone_id}
                            <li class="form_button vote_up"><a href="#" onclick="Post.vote('viewPost_sidebar_voteBox_container','{$cPost->data.post_id}','1','viewPostVotebox','{$user->getActionKey()}', {$voteboxOnly}, {$current_milestone_id});return false;" class="userInteraction requireValidUser">{*"Vote up"|gettext*}+1</a></li>
                        {else}
                        	<li class="form_button vote_up"><a href="#" onclick="Post.vote('viewPost_sidebar_voteBox_container','{$cPost->data.post_id}','1','viewPostVotebox','{$user->getActionKey()}', {$voteboxOnly});return false;" class="userInteraction requireValidUser">{*"Vote up"|gettext*}+1</a></li>
                        {/if}
                        </ul>
                    {else}
                        <span class="caps">
                            {"You chose"|gettext} 
                        </span>

                        {if $userVoteDir eq 1}
                            <div class="totalVotes liked">
                                <!--IE-->
                            </div>
                        {/if}

                        <div class="label">
                            <a href="#" class="cancel" {* data-tip="Remove your vote" *} onclick="Vote.cancel({$userVote->data.vote_id}, {$cPost->data.post_id}, 'viewPostVotebox', 'viewPost_sidebar_voteBox_container', '{$user->getActionKey()}', {$voteboxOnly}); return false;">{"CANCEL"|gettext}</a>
                        </div>
                    {/if}
                </div>
            {elseif $categoryaccess->getData('votingScheme') eq 'stars'}
                <div class="votingArea vote-stars-user vote-stars {if intval($userVoteDir) ne 0}voted{/if}">
                    {if intval($userVoteDir) eq 0}
                        <div class="label">{"Score this idea"|gettext}</div>
                    {else}
                        <div class="label">{"You chose"|gettext}</div>
                    {/if}
                    {assign var=optionOptions value=$categoryaccess->getData('votingScheme_optionOptions')}
                    <div style="margin-left:{math equation="57-( x * 20 / 2 )" x=$optionOptions.maxStars}px" onmouseout="Post.starsHighlight({$userVoteDir},$(this).up('.vote-stars-user'));">
                    <a href="#" {if intval($userVoteDir) eq 0}onmouseover="Post.starsHighlight(1,$(this).up('.vote-stars-user'));" onclick="Post.vote('viewPost_sidebar_voteBox_container','{$cPost->data.post_id}','1','viewPostVotebox','{$user->getActionKey()}', {$voteboxOnly}, true);return false;"{else}style="cursor:default;"{/if} class="vote-star {if $userVoteDir gte 1}vote-star-on{/if} userInteraction requireValidUser"><!--IE--></a>
                    <a href="#" {if intval($userVoteDir) eq 0}onmouseover="Post.starsHighlight(2,$(this).up('.vote-stars-user'));" onclick="Post.vote('viewPost_sidebar_voteBox_container','{$cPost->data.post_id}','2','viewPostVotebox','{$user->getActionKey()}', {$voteboxOnly}, true);return false;"{else}style="cursor:default;"{/if} class="vote-star {if $userVoteDir gte 2}vote-star-on{/if} userInteraction requireValidUser"><!--IE--></a>
                    <a href="#" {if intval($userVoteDir) eq 0}onmouseover="Post.starsHighlight(3,$(this).up('.vote-stars-user'));" onclick="Post.vote('viewPost_sidebar_voteBox_container','{$cPost->data.post_id}','3','viewPostVotebox','{$user->getActionKey()}', {$voteboxOnly}, true);return false;"{else}style="cursor:default;"{/if} class="vote-star {if $userVoteDir gte 3}vote-star-on{/if} userInteraction requireValidUser"><!--IE--></a>
                    {if $optionOptions.maxStars gt 3}
                        <a href="#" {if intval($userVoteDir) eq 0}onmouseover="Post.starsHighlight(4,$(this).up('.vote-stars-user'));" onclick="Post.vote('viewPost_sidebar_voteBox_container','{$cPost->data.post_id}','4','viewPostVotebox','{$user->getActionKey()}', {$voteboxOnly}, true);return false;"{else}style="cursor:default;"{/if} class="vote-star {if $userVoteDir gte 4}vote-star-on{/if} userInteraction requireValidUser"><!--IE--></a>
                    {/if}
                    {if $optionOptions.maxStars gt 4}
                        <a href="#" {if intval($userVoteDir) eq 0}onmouseover="Post.starsHighlight(5,$(this).up('.vote-stars-user'));" onclick="Post.vote('viewPost_sidebar_voteBox_container','{$cPost->data.post_id}','5','viewPostVotebox','{$user->getActionKey()}', {$voteboxOnly}, true);return false;"{else}style="cursor:default;"{/if} class="vote-star {if $userVoteDir gte 5}vote-star-on{/if} userInteraction requireValidUser"><!--IE--></a>
                    {/if}
                    
                    </div>
                    {if intval($userVoteDir) ne 0}
                    <div class="label">
                        <a href="#" class="cancel" {* data-tip="Remove your vote" *} onclick="Vote.cancel({$userVote->data.vote_id}, {$cPost->data.post_id}, 'viewPostVotebox', 'viewPost_sidebar_voteBox_container', '{$user->getActionKey()}', {$voteboxOnly}, true); return false;">{"CANCEL"|gettext}</a>
                    </div>
                    {/if}
                </div>
            {elseif $categoryaccess->getData('votingScheme') eq 'pointsAward'}
                <div class="votingArea vote-scoreAward {if intval($userVoteDir) ne 0}voted{/if}">
                    
                    {if intval($userVoteDir) eq 0}
                        <div class="label">
                            {if $categoryaccess->getData('renameScoring')}
                                {"Award some votes"|gettext|strtoupper}
                            {else}
                                {"Award some points"|gettext|strtoupper}
                            {/if}
                        </div>
                        {assign var=optionOptions value=$categoryaccess->getData('votingScheme_optionOptions')}
                        {*{if $votingWalletEnabled && ($allowanceLeftValue|intval < $optionOptions.maxScore|intval)}
                        	{assign var=maxOption value=$allowanceLeftValue}
                        {else}
                        	{assign var=maxOption value=$optionOptions.maxScore}
                        {/if}*}
                       	{assign var=maxOption value=$optionOptions.maxScore}

                        <select id="pointsAwardSelect-{$cPost->data.post_id}" class="pointsAwardSelect userInteraction" name="pointsAwardVote" onchange="Post.vote('viewPost_sidebar_voteBox_container', '{$cPost->data.post_id}', $F(this), 'viewPostVotebox', '{$user->getActionKey()}', {$voteboxOnly});">
                            <option value="0" {if intval($userVoteDir) eq 0}selected="selected"{/if} >0</option>
                            {for $maxScore = 1 to $maxOption}
                                <option value="{$maxScore}" {if intval($userVoteDir) eq $maxScore}selected="selected"{/if}>{$maxScore}</option>
                            {/for}
                        </select>
                    {else}
                        <div class="label">
                            {"You chose"|gettext|strtoupper} 
                        </div>
                        <span class="totalVotes">
                        {$userVoteDir}
                        </span>
                        
                        <div class="label">
                            <a href="#" class="cancel" {* data-tip="Remove your vote" *} onclick="Vote.cancel({$userVote->data.vote_id}, {$cPost->data.post_id}, 'viewPostVotebox', 'viewPost_sidebar_voteBox_container', '{$user->getActionKey()}', {$voteboxOnly}); return false;">{"CANCEL"|gettext}</a>
                        </div>
                    {/if}

                </div>
            {/if}
        {else}
            <span class="disabledMessage">{"Idea voting is closed"|gettext}</span>
        {/if}
    </div>

    <div class="clear"><!--IE--></div>
    {if $categoryaccess->getData('blindVoting') && $categoryaccess->getData('canModerate') eq 1}
        <span class="accessMessage">{"Blind voting is turned on, but you can see the total because you are a moderator"|gettext}</span>
    {/if}
</div>

{if $timeLimit && $hasMilestones && !$cPost->hasReachedFinalMilestone()}
	{if $timeLeft.ongoing && $cPost->data.post_moderationstatus neq 5}
		<div id="clock-ticker" class="clock-ticker" style="float:left;margin:0;margin-top:10px;width:244px;">
			<div class="clockTitle">
				Time left
			</div>
			<div class="block" style="margin-right:0;">
				<span class="clock-item clock-days{if $timeLeft.days lt 1} clock-item-inactive{/if}" id="numdays">{$timeLeft.days}</span>
				<footer class="label">Days</footer>
			</div>
			<div class="block" style="margin-right:0;">
				<span class="clock-item clock-hours{if $timeLeft.hours lt 1 && $timeLeft.days lt 1} clock-item-inactive{/if}" id="numhours">{$timeLeft.hours}</span>
				<footer class="label">Hours</footer>
			</div>
			<div class="block" style="margin-right:0;">
				<span class="clock-item clock-minutes{if $timeLeft.minutes lt 1 && $timeLeft.hours lt 1 && $timeLeft.days lt 1} clock-item-inactive{/if}" id="numminutes">{$timeLeft.minutes}</span>
				<footer class="label">Minutes</footer>
			</div>
			<div class="block" style="margin-right:0;">
				<span class="clock-item clock-seconds{if $timeLeft.seconds lt 1 && $timeLeft.minutes lt 1 && $timeLeft.hours lt 1 && $timeLeft.days lt 1} clock-item-inactive{/if}" id="numseconds">{$timeLeft.seconds}</span>
				<footer class="label">Seconds</footer>
			</div>
			<div class="clear"></div>
			
			<div id="timer_paused_warning" {if is_object($currentMilestone) && $currentMilestone->isTimerTrigger()}style="display:none;"{/if}>
				<div class="smallNoticeIcon" style="float:left;"><img src="{$vars.resourcesUrl}warning.gif" title="Warning triangle"></div>
				<div style="float:left;width:210px;margin-left:7px;"><b>Timer paused while awaiting moderator approval</b></div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
		
		{if is_object($currentMilestone) && $currentMilestone->isTimerTrigger()}
		<script>
			(function() {
				Category.alterMilestoneTimer('start');
			})();
		</script>
		{/if}
		<div class="clear"></div>
		
	{else}
		<div class="viewPost_sidebar_timelimit mdl-alert">
			{"This idea did not complete all the milestones within the time limit and has now been locked"|gettext}.
		</div>
	{/if}
{/if}

{if !$voteboxOnly}
    {if intval($smarty.request.forPhase) ne 0 && $category->tempData.phase->data.phase_id ne $smarty.request.forPhase}
    <div class="themeMessage">
        {"You are not viewing the current phase of this challenge. Stats and subscribers are not available when viewing previous phases."|gettext}
    </div>
    {else}
        {include file="$templateSource/html/post/view_sidebar_votebreakdown.html"}
    {/if}
{else}
    </div>
{/if}

<script type="text/javascript">
    (function() {
        /*
         * Register the tooltip closing function
         */
        Category.closeTooltipOnMouseout({$cPost->data.post_id}, "viewPost_sidebar_voteBox_container_");
        {if $vars.ajax}
            applyUserInteraction();
        {/if}
            
        /*
         * If there's a "points remaining" value at the top, update it too
         * 
         */
        {if $votingWalletEnabled}
            var pointsRemainingElement = $('challengeWalletPointsRemaining');
            if (pointsRemainingElement!==null) {
                pointsRemainingElement.update({$allowanceLeftValue});
            }
        {/if}

    })();
    
</script>