{var error = !pollOnKeySpecified || moreThanOnePollForThisParent}
    {if error}
	    {if !pollOnKeySpecified}
		    <span class="slErrorText">pollOnKey not specified -- this parameter is required</span>
	    {elseif moreThanOnePollForThisParent}
		    <span class="slErrorText">More than one poll for the given pollOnKey -- aborting</span>
	    {/if}
    {else}
	    {var createMode = !poll}
	    {var resultMode = (poll && poll.CurrentUserHasVoted) || (poll && poll.IsClosed) || (isAnonymous && !anonymousUsersCanVoteInPolls) || options.showResultsOnly}
	    {var voteMode = !resultMode}
	    {if createMode}
		    ${createPoll}
	    {elseif resultMode || voteMode}
		    {eval}
		    switchViews = function(showVoteView) {
			    if (showVoteView) {
				    document.getElementById(resultsId).style.display = 'none';
				    document.getElementById(voteId).style.display = 'block';
			    }
			    else {
				    document.getElementById(voteId).style.display = 'none';
				    document.getElementById(resultsId).style.display = 'block';				
			    }
		    }
		    {/eval}
		    <div class="slPoll">
			    <div class="slResults" {if voteMode}style="display:none;"{/if} id="${resultsId}">
   				    {if (!isAnonymous || (isAnonymous && anonymousUsersCanVoteInPolls)) && !poll.CurrentUserHasVoted && !poll.IsClosed && !options.showResultsOnly}<a href="javascript:void(0)" onclick="switchViews(true); return false;" class="slVoteLink" id="${resultsId}_GoVote">Go vote!</a>{/if}
			        <div style="float:left; width:120px; padding-bottom:3px;">
			            <h3 id="${resultsId}_ResultsHeader">
			                Poll Results
			            </h3>
			        </div>
			        <div style="float:left; width:120px; padding-bottom:5px; color:White;">
				        <h4><div style="color:White; font-size:12px;">${poll.Question}</div></h4>
				    </div>
	                <table class="slAnswerStats" cellpadding="0" cellspacing="0" border="0">	
	  			    {for answer in poll.Answers}
					    {var answerPercent = Math.round(answer.Percentage * 100)}
					    <tr class="slAnswerStat slAnswerStat_${answer_index}">
                            <td id="${resultsId}_AnswerCount_${answer_index}" class="slAnswerCount">
                                ${answer.PercentageStr }%
                            </td>
                            <td class="slAnswerBarCell">
                                <div class="slAnswerBar">
                                    <div class="slAnswerBarPercent slAnswerBarPercent_${answerPercent}" style="width: ${answerPercent}%;"></div>
                                </div>
                            </td>
	                        <td class="slAnswer">${answer.Answer}</td>
	                    </tr>
			        {/for}
				    </table>
			    </div>
			    <div class="slVote" {if resultMode}style="display:none;"{/if} id="${voteId}">
				    <div class="slErrorText" id="${answerIsRequiredErrorId}">You must select one answer before submitting your vote.</div>
				    <div style="float:left; padding-left:3px; color:White; font-weight:bold; padding-top:5px; padding-bottom:9px;">
				        People Poll
				    </div>
				    <h4>${poll.Question}</h4>
				    <table class="slAnswers" cellspacing="0" cellpadding="0" border="0">
					    {for answer in poll.Answers}
						    {var answerId = poll.PollKey.Key + '.' + answer_index}
					    <tr>
						    <td class="slAnswerInput"><input type="radio" name="answers" id="slPollAnswer${answer_index}" value="${answer_index}" id="${answerId}"/></td>
						    <td class="slAnswerText"><label for="${answerId}">${answer.Answer}</label></td>
					    </tr>
					    {/for}
				    </table>
				    <div class="slSendAnswer" style="padding-top: 10px;">
				    <input id="${voteId}_VoteButton" class="slVoteButton" type="button" value="Vote" onclick="WIDGETINSTANCE.answerPoll(); return false;"/>
				    </div>
			    </div>
		    </div>
	    {/if}
    {/if}