<@sx.head />
<@s.url id="url" value="/hangman/images/hangman.png" /> Hangman" width="197" height="50" border="0"/> <#-- Guesses Left -->
<@s.set name="guessLeftImageName" value="%{'Chalkboard_'+hangman.guessLeft()+'.png'}" /> <@s.url id="url" value="%{'/hangman/images/'+#guessLeftImageName}" /> No. Guesses Left" width="20" height="20" border="0" />
<@s.url id="url" value="/hangman/images/guesses-left.png" /> Guesses Left" width="164" height="11" border="0"/>
<#-- Display Scaffold -->
<@s.set name="scaffoldImageName" value="%{'scaffold_'+hangman.guessLeft()+'.png'}" /> <@s.url id="url" value="%{'/hangman/images/'+#scaffoldImageName}" /> " border="0"/>

<@s.url id="url" value="/hangman/images/guess.png" /> Current Guess" align="MIDDLE" width="127" height="20" border="0"/>

 <#-- Display Vacab -->
<@s.iterator id="currentCharacter" value="%{hangman.vocab.inCharacters()}" stat="stat"> <#if hangman.characterGuessedBefore(currentCharacter)> <@s.set name="chalkboardImageName" value="%{'Chalkboard_'+#currentCharacter.toString()+'.png'}" /> <@s.url id="url" value="%{'/hangman/images/'+#chalkboardImageName}" /> <@s.property value=" src="<@s.property value="%{#url}" />" width="36" border="0"/> <#else> <@s.url id="url" value="/hangman/images/Chalkboard_underscroll.png" /> _" width="36" border="0"/>

<@s.url id="url" value="/hangman/images/choose.png" /> Choose" height="20" width="151" border="0"/>

<#-- Show Characters Available -->
<@s.iterator id="currentCharacter" value="%{hangman.charactersAvailable}" status="stat"> <@s.set name="chalkboardImageName" value="%{'Chalkboard_'+#currentCharacter+'.png'}" /> <@s.url id="chalkboardImageUrl" value="%{'/hangman/images/'+#chalkboardImageName}" /> <@s.url id="spacerUrl" value="/hangman/images/letter-spacer.png" /> <@s.url id="blankUrl" value="ajax/blank.action" includeContext="false" /> <@sx.a id="%{#currentCharacter}" beforeNotifyTopics="topicGuessMade" showErrorTransportText="true"> " width="36" border="0" />