{% autoescape on %}
      <div class="gameitem">
        <h3 class="hidden">Game Info</h3>
        <ul class="gameinfo">
          <li class="gameid"><span><a href="{% url game_index game.id %}">{{ game.id }}: {{ game.start_time }} &ndash; {{ game.end_time }}</a></span></li>
          <li class="gamestatus"><span>{{ game.status }}</span></li>
          <li class="gamecode"><span>o:{{ game.round_mode }}[{{ game.game_length }}],{{ game.line_length }},{{ game.random_method }},{{ game.lines_per_turn }}</span></li>
        </ul>
        {% if players %}
        <h3 class="hidden">Player List</h3>
        <ul class="gameplayers">
          {% for player in players %}
          <li>{{ player.nick }}</li>
          {% endfor %}
        </ul>
        {% endif %}
        {% if lines %}
        <div class="progressblock" id="progressblock{{game.id}}">
          <div class="progressbar" id="progressbar{{game.id}}"></div>
        </div>
        <script>var pb = new YAHOO.widget.ProgressBar().render('progressbar{{game.id}}'); var space = YAHOO.util.Dom.getRegion('progressblock{{game.id}}'); pb.set('width', space.width-35); pb.set('minValue', 0); pb.set('maxValue', {{ game.game_length }}); pb.set('value', 0); if (0) { pb.set('anim', true); var anim = pb.get('anim'); anim.duration = 2; } pb.set('value', {{ lines|length }}-1);</script>
        {% endif %}
      </div>

<!--
  vi:tabstop=2:expandtab:autoindent
 -->
{% endautoescape %}