anchor.diff:  
   <table cellspacing="4">
   
  +  <tr>  
  +    <td class="dojo panel box">
  +      Enter the <i>kata-id</i>
  +      <input name="kata_id" 
  +             id="kata_id" 
  +             type="text" 
  +             size="5" 
  +             value="<%=@kata_id-%>">
  +      and click your avatar.
  +    </td>  
  +  </tr>
  +
     <tr>
       <td class="dojo panel box">
  +
  +      <input readonly 
  +             type="hidden"
  +             name="avatar" 
  +             id="avatar" 
  +             type="text" 
  +             size="15" 
  +             value="">
  +
         <% chunks = chunk_array(@avatars.sort, 4) -%>
         <table cellpadding="7">
         <% chunks.each do |chunk| -%>
  
positive.code:     </td>
    </tr>
  
    <tr>
      <td class="dojo panel box">
        1. Click your avatar
        <input readonly 
               type="hidden"
               name="avatar" 
               id="avatar" 
               type="text" 
               size="15" 
               value="">
        <img alt="" 
             name="avatar_1"
             src=""
             title="" />
        <img alt="" 
             name="avatar_2"
             src=""
             title="" />
      </td>
    </tr>
  
    <tr>  
      <td class="dojo panel box">
        2. Enter the <i>kata-id</i>
        <input name="kata_id" 
               id="kata_id" 
               type="text" 
               size="10" 
               value="<%=@kata_id-%>">
      </td>  
    </tr>
  
    <tr>  
      <td class="dojo panel box">
        3. Click <%= submit_tag 'start kata', :name => 'start' -%>
      </td>  
    </tr>
  
  </table>
  
  <% end -%> 
  
  
  
negative.code: <script language="JavaScript"><!--
  function select_avatar(name)
  {
    $("avatar").value = name;
    document.chooseAvatar.submit();
  }
  //--></script>
  
  <form name="chooseAvatar" action="/kata/start">
  
  <noscript>
   &nbsp;
  