# Showcase - Hangman

<@s.head theme="ajax" debug="false" />

<@s.url id="url" value="/hangman/images/hangman.png" /> " 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}" /> " width="20" height="20" border="0" />

<@s.url id="url" value="/hangman/images/guesses-left.png" /> " 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" /> " 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}" /> " 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" /> " 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" /> <@s.a theme="ajax" href="%{blankUrl}" id="%{#currentCharacter}" notifyTopics="topicGuessMade" showErrorTransportText="true"> " width="36" border="0" />