From a9cf3b0f8dc6386b9efd632d9cc1f237a6465d2e Mon Sep 17 00:00:00 2001
From: Simon Pamies <simon.marcel.pamies@sap.com>
Date: Mon, 13 Jun 2011 16:40:02 +0200
Subject: [PATCH] Leaderboard with emptied values; toggle of race and mark
 working

---
 .../web/browser/templates/leaderboard-live.pt | 1450 +++++------------
 1 file changed, 374 insertions(+), 1076 deletions(-)

diff --git a/python/src/sailing.web/sailing/web/browser/templates/leaderboard-live.pt b/python/src/sailing.web/sailing/web/browser/templates/leaderboard-live.pt
index a7b196c15e3..fc1207d6f98 100644
--- a/python/src/sailing.web/sailing/web/browser/templates/leaderboard-live.pt
+++ b/python/src/sailing.web/sailing/web/browser/templates/leaderboard-live.pt
@@ -41,222 +41,222 @@
               <tbody>
                 <tr class='odd' rowid='1'>
                   <td colid='1'>
-                    <span>1</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>GER10</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>EVANS</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='even' rowid='2'>
                   <td colid='1'>
-                    <span>2</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>GBR12</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>ALONSO</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='odd' rowid='3'>
                   <td colid='1'>
-                    <span>3</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>AUS15</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>ALONSO</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='even' rowid='4'>
                   <td colid='1'>
-                    <span>4</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>AUS1</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>BROTHERTHOl</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='odd' rowid='5'>
                   <td colid='1'>
-                    <span>5</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>IND66</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>ASQUITH</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='even' rowid='6'>
                   <td colid='1'>
-                    <span>6</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>SUI 89</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>CZAJKOWSKI</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='odd' rowid='7'>
                   <td colid='1'>
-                    <span>7</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>NZL878</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>NIELSEN</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='even' rowid='8'>
                   <td colid='1'>
-                    <span>8</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>USA23</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>NIELSEN</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='odd' rowid='9'>
                   <td colid='1'>
-                    <span>9</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>GBR25</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>PIASECKI</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='even' rowid='10'>
                   <td colid='1'>
-                    <span>10</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>AUS34</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>FONSECA</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='odd' rowid='11'>
                   <td colid='1'>
-                    <span>11</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>GER34</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>GRAEL</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='even' rowid='12'>
                   <td colid='1'>
-                    <span>12</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>GER2</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>NORREGAARD</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='odd' rowid='13'>
                   <td colid='1'>
-                    <span>13</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>GBR45</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>LANG</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='even' rowid='14'>
                   <td colid='1'>
-                    <span>14</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>AUS26</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>KOSTOV</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='odd' rowid='15'>
                   <td colid='1'>
-                    <span>15</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>SWE87</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>CUPAC</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='even' rowid='16'>
                   <td colid='1'>
-                    <span>16</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>NOR3</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>STORCK</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='odd' rowid='17'>
                   <td colid='1'>
-                    <span>17</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>GBR9</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>MOORE</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='even' rowid='18'>
                   <td colid='1'>
-                    <span>18</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>SUI28</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>DELLE</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='odd' rowid='19'>
                   <td colid='1'>
-                    <span>19</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>DEN234</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>RESCH</span>
+                    <span></span>
                   </td>
                 </tr>
                 <tr class='even' rowid='20'>
                   <td colid='1'>
-                    <span>20</span>
+                    <span></span>
                   </td>
                   <td colid='2'>
-                    <span>GER666</span>
+                    <span></span>
                   </td>
                   <td colid='3'>
-                    <span>DRAPER</span>
+                    <span></span>
                   </td>
                 </tr>
               </tbody>
@@ -270,72 +270,34 @@
               </li>
             </ul>
           </div>
+
           <!-- / WRAPPER FOR RACES -->
-          <div class='race' id='race-1'>
+          <tal:for repeat='bundle firstbundle[0]'>
+          <div class='race' id='race-${repeat["bundle"].number}' tal:define='raceid repeat["bundle"].number'>
             <!-- / FIRST ELEMENT WITH LIST -->
             <div class='main-box'>
-              <a class='main-box-active' href='#'>
+                <a class='main-box-active' href='javascript:;' onclick='$("#race-${raceid} .leg-wrap").toggle();'>
                 <ul>
-                  <li rowid='1'>
-                    1
-                  </li>
-                  <li rowid='2'>
-                    2
-                  </li>
-                  <li rowid='3'>
-                    3
-                  </li>
-                  <li rowid='4'>
-                    4
-                  </li>
-                  <li rowid='5'>
-                    5
-                  </li>
-                  <li rowid='6'>
-                    6
-                  </li>
-                  <li rowid='7'>
-                    7
-                  </li>
-                  <li rowid='8'>
-                    8
-                  </li>
-                  <li rowid='9'>
-                    9
-                  </li>
-                  <li rowid='10'>
-                    10
-                  </li>
-                  <li rowid='11'>
-                    11
-                  </li>
-                  <li rowid='12'>
-                    12
-                  </li>
-                  <li rowid='13'>
-                    13
-                  </li>
-                  <li rowid='14'>
-                    14
-                  </li>
-                  <li rowid='15'>
-                    15
-                  </li>
-                  <li rowid='16'>
-                    16
-                  </li>
-                  <li rowid='17'>
-                    17
-                  </li>
-                  <li rowid='18'>
-                    18
-                  </li>
-                  <li rowid='19'>
-                    19
-                  </li>
-                  <li rowid='20'>
-                    20
-                  </li>
+                  <li rowid='1'></li>
+                  <li rowid='2'></li>
+                  <li rowid='3'></li>
+                  <li rowid='4'></li>
+                  <li rowid='5'></li>
+                  <li rowid='6'></li>
+                  <li rowid='7'></li>
+                  <li rowid='8'></li>
+                  <li rowid='9'></li>
+                  <li rowid='10'></li>
+                  <li rowid='11'></li>
+                  <li rowid='12'></li>
+                  <li rowid='13'></li>
+                  <li rowid='14'></li>
+                  <li rowid='15'></li>
+                  <li rowid='16'></li>
+                  <li rowid='17'></li>
+                  <li rowid='18'></li>
+                  <li rowid='19'></li>
+                  <li rowid='20'></li>
                 </ul>
                 <span>1</span>
               </a>
@@ -346,133 +308,53 @@
               <div class='leg-box'>
                 <span>M1</span>
                 <a class='leg-box-sort sort-asc' href='#'></a>
-                <a class='leg-box-active' href='#'>
+                <a class='leg-box-active' href='javascript:;' onclick='$(this).closest(".leg-wrap").find(".table-box, .race-table").toggle();'>
                   <ul>
-                    <li rowid='1'>
-                      1
-                    </li>
-                    <li rowid='2'>
-                      2
-                    </li>
-                    <li rowid='3'>
-                      3
-                    </li>
-                    <li rowid='4'>
-                      4
-                    </li>
-                    <li rowid='5'>
-                      5
-                    </li>
-                    <li rowid='6'>
-                      6
-                    </li>
-                    <li rowid='7'>
-                      7
-                    </li>
-                    <li rowid='8'>
-                      8
-                    </li>
-                    <li rowid='9'>
-                      9
-                    </li>
-                    <li rowid='10'>
-                      10
-                    </li>
-                    <li rowid='11'>
-                      11
-                    </li>
-                    <li rowid='12'>
-                      12
-                    </li>
-                    <li rowid='13'>
-                      13
-                    </li>
-                    <li rowid='14'>
-                      14
-                    </li>
-                    <li rowid='15'>
-                      15
-                    </li>
-                    <li rowid='16'>
-                      16
-                    </li>
-                    <li rowid='17'>
-                      17
-                    </li>
-                    <li rowid='18'>
-                      18
-                    </li>
-                    <li rowid='19'>
-                      19
-                    </li>
-                    <li rowid='20'>
-                      20
-                    </li>
+                    <li rowid='1'></li>
+                    <li rowid='2'></li>
+                    <li rowid='3'></li>
+                    <li rowid='4'></li>
+                    <li rowid='5'></li>
+                    <li rowid='6'></li>
+                    <li rowid='7'></li>
+                    <li rowid='8'></li>
+                    <li rowid='9'></li>
+                    <li rowid='10'></li>
+                    <li rowid='11'></li>
+                    <li rowid='12'></li>
+                    <li rowid='13'></li>
+                    <li rowid='14'></li>
+                    <li rowid='15'></li>
+                    <li rowid='16'></li>
+                    <li rowid='17'></li>
+                    <li rowid='18'></li>
+                    <li rowid='19'></li>
+                    <li rowid='20'></li>
                   </ul>
                 </a>
               </div>
               <div class='table-box'>
                 <ul>
-                  <li rowid='1'>
-                    1
-                  </li>
-                  <li rowid='2'>
-                    2
-                  </li>
-                  <li rowid='3'>
-                    3
-                  </li>
-                  <li rowid='4'>
-                    4
-                  </li>
-                  <li rowid='5'>
-                    5
-                  </li>
-                  <li rowid='6'>
-                    6
-                  </li>
-                  <li rowid='7'>
-                    7
-                  </li>
-                  <li rowid='8'>
-                    8
-                  </li>
-                  <li rowid='9'>
-                    9
-                  </li>
-                  <li rowid='10'>
-                    10
-                  </li>
-                  <li rowid='11'>
-                    11
-                  </li>
-                  <li rowid='12'>
-                    12
-                  </li>
-                  <li rowid='13'>
-                    13
-                  </li>
-                  <li rowid='14'>
-                    14
-                  </li>
-                  <li rowid='15'>
-                    15
-                  </li>
-                  <li rowid='16'>
-                    16
-                  </li>
-                  <li rowid='17'>
-                    17
-                  </li>
-                  <li rowid='18'>
-                    18
-                  </li>
-                  <li rowid='19'>
-                    19
-                  </li>
-                  <li rowid='20'>
-                    20
-                  </li>
+                  <li rowid='1'></li>
+                  <li rowid='2'></li>
+                  <li rowid='3'></li>
+                  <li rowid='4'></li>
+                  <li rowid='5'></li>
+                  <li rowid='6'></li>
+                  <li rowid='7'></li>
+                  <li rowid='8'></li>
+                  <li rowid='9'></li>
+                  <li rowid='10'></li>
+                  <li rowid='11'></li>
+                  <li rowid='12'></li>
+                  <li rowid='13'></li>
+                  <li rowid='14'></li>
+                  <li rowid='15'></li>
+                  <li rowid='16'></li>
+                  <li rowid='17'></li>
+                  <li rowid='18'></li>
+                  <li rowid='19'></li>
+                  <li rowid='20'></li>
                 </ul>
                 <a class='table-box-sort sort-asc' href='#'></a>
               </div>
@@ -516,342 +398,342 @@
                   </tr>
                   <tr class='odd' rowid='1'>
                     <td colid='1'>
-                      <span>1</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>30</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>20</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>50</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>10</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='even' rowid='2'>
                     <td colid='1'>
-                      <span>2</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>31</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>21</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>51</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>11</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='odd' rowid='3'>
                     <td colid='1'>
-                      <span>3</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>32</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>22</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>52</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>12</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='even' rowid='4'>
                     <td colid='1'>
-                      <span>4</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>33</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>23</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>53</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>13</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='odd' rowid='5'>
                     <td colid='1'>
-                      <span>5</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>34</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>24</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>54</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>14</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='even' rowid='6'>
                     <td colid='1'>
-                      <span>6</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>35</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>25</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>55</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>15</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='odd' rowid='7'>
                     <td colid='1'>
-                      <span>7</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>36</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>26</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>56</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>16</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='even' rowid='8'>
                     <td colid='1'>
-                      <span>8</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>37</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>27</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>57</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>17</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='odd' rowid='9'>
                     <td colid='1'>
-                      <span>9</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>38</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>28</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>58</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>18</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='even' rowid='10'>
                     <td colid='1'>
-                      <span>10</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>39</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>29</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>59</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>19</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='odd' rowid='11'>
                     <td colid='1'>
-                      <span>11</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>40</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>30</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>60</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>20</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='even' rowid='12'>
                     <td colid='1'>
-                      <span>12</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>41</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>31</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>61</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>21</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='odd' rowid='13'>
                     <td colid='1'>
-                      <span>13</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>42</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>32</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>62</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>22</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='even' rowid='14'>
                     <td colid='1'>
-                      <span>14</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>43</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>33</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>63</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>23</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='odd' rowid='15'>
                     <td colid='1'>
-                      <span>15</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>44</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>34</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>64</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>24</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='even' rowid='16'>
                     <td colid='1'>
-                      <span>16</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>45</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>35</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>65</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>25</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='odd' rowid='17'>
                     <td colid='1'>
-                      <span>17</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>46</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>36</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>66</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>26</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='even' rowid='18'>
                     <td colid='1'>
-                      <span>18</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>47</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>37</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>67</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>27</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='odd' rowid='19'>
                     <td colid='1'>
-                      <span>19</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>48</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>38</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>68</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>28</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                   <tr class='even' rowid='20'>
                     <td colid='1'>
-                      <span>20</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='2'>
-                      <span>49</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='3'>
-                      <span>39</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='4'>
-                      <span>69</span>
+                      <span>&nbsp;</span>
                     </td>
                     <td colid='5'>
-                      <span>29</span>
+                      <span>&nbsp;</span>
                     </td>
                   </tr>
                 </tbody>
@@ -864,66 +746,26 @@
                 <a class='leg-box-sort sort-desc' href='#'></a>
                 <a class='leg-box-active' href='#'>
                   <ul>
-                    <li rowid='1'>
-                      1
-                    </li>
-                    <li rowid='2'>
-                      2
-                    </li>
-                    <li rowid='3'>
-                      3
-                    </li>
-                    <li rowid='4'>
-                      4
-                    </li>
-                    <li rowid='5'>
-                      5
-                    </li>
-                    <li rowid='6'>
-                      6
-                    </li>
-                    <li rowid='7'>
-                      7
-                    </li>
-                    <li rowid='8'>
-                      8
-                    </li>
-                    <li rowid='9'>
-                      9
-                    </li>
-                    <li rowid='10'>
-                      10
-                    </li>
-                    <li rowid='11'>
-                      11
-                    </li>
-                    <li rowid='12'>
-                      12
-                    </li>
-                    <li rowid='13'>
-                      13
-                    </li>
-                    <li rowid='14'>
-                      14
-                    </li>
-                    <li rowid='15'>
-                      15
-                    </li>
-                    <li rowid='16'>
-                      16
-                    </li>
-                    <li rowid='17'>
-                      17
-                    </li>
-                    <li rowid='18'>
-                      18
-                    </li>
-                    <li rowid='19'>
-                      19
-                    </li>
-                    <li rowid='20'>
-                      20
-                    </li>
+                    <li rowid='1'></li>
+                    <li rowid='2'></li>
+                    <li rowid='3'></li>
+                    <li rowid='4'></li>
+                    <li rowid='5'></li>
+                    <li rowid='6'></li>
+                    <li rowid='7'></li>
+                    <li rowid='8'></li>
+                    <li rowid='9'></li>
+                    <li rowid='10'></li>
+                    <li rowid='11'></li>
+                    <li rowid='12'></li>
+                    <li rowid='13'></li>
+                    <li rowid='14'></li>
+                    <li rowid='15'></li>
+                    <li rowid='16'></li>
+                    <li rowid='17'></li>
+                    <li rowid='18'></li>
+                    <li rowid='19'></li>
+                    <li rowid='20'></li>
                   </ul>
                 </a>
               </div>
@@ -934,66 +776,26 @@
                 <a class='leg-box-sort sort-desc' href='#'></a>
                 <a class='leg-box-active' href='#'>
                   <ul>
-                    <li rowid='1'>
-                      1
-                    </li>
-                    <li rowid='2'>
-                      2
-                    </li>
-                    <li rowid='3'>
-                      3
-                    </li>
-                    <li rowid='4'>
-                      4
-                    </li>
-                    <li rowid='5'>
-                      5
-                    </li>
-                    <li rowid='6'>
-                      6
-                    </li>
-                    <li rowid='7'>
-                      7
-                    </li>
-                    <li rowid='8'>
-                      8
-                    </li>
-                    <li rowid='9'>
-                      9
-                    </li>
-                    <li rowid='10'>
-                      10
-                    </li>
-                    <li rowid='11'>
-                      11
-                    </li>
-                    <li rowid='12'>
-                      12
-                    </li>
-                    <li rowid='13'>
-                      13
-                    </li>
-                    <li rowid='14'>
-                      14
-                    </li>
-                    <li rowid='15'>
-                      15
-                    </li>
-                    <li rowid='16'>
-                      16
-                    </li>
-                    <li rowid='17'>
-                      17
-                    </li>
-                    <li rowid='18'>
-                      18
-                    </li>
-                    <li rowid='19'>
-                      19
-                    </li>
-                    <li rowid='20'>
-                      20
-                    </li>
+                    <li rowid='1'></li>
+                    <li rowid='2'></li>
+                    <li rowid='3'></li>
+                    <li rowid='4'></li>
+                    <li rowid='5'></li>
+                    <li rowid='6'></li>
+                    <li rowid='7'></li>
+                    <li rowid='8'></li>
+                    <li rowid='9'></li>
+                    <li rowid='10'></li>
+                    <li rowid='11'></li>
+                    <li rowid='12'></li>
+                    <li rowid='13'></li>
+                    <li rowid='14'></li>
+                    <li rowid='15'></li>
+                    <li rowid='16'></li>
+                    <li rowid='17'></li>
+                    <li rowid='18'></li>
+                    <li rowid='19'></li>
+                    <li rowid='20'></li>
                   </ul>
                 </a>
               </div>
@@ -1004,66 +806,26 @@
                 <a class='leg-box-sort sort-desc' href='#'></a>
                 <a class='leg-box-active' href='#'>
                   <ul>
-                    <li rowid='1'>
-                      1
-                    </li>
-                    <li rowid='2'>
-                      2
-                    </li>
-                    <li rowid='3'>
-                      3
-                    </li>
-                    <li rowid='4'>
-                      4
-                    </li>
-                    <li rowid='5'>
-                      5
-                    </li>
-                    <li rowid='6'>
-                      6
-                    </li>
-                    <li rowid='7'>
-                      7
-                    </li>
-                    <li rowid='8'>
-                      8
-                    </li>
-                    <li rowid='9'>
-                      9
-                    </li>
-                    <li rowid='10'>
-                      10
-                    </li>
-                    <li rowid='11'>
-                      11
-                    </li>
-                    <li rowid='12'>
-                      12
-                    </li>
-                    <li rowid='13'>
-                      13
-                    </li>
-                    <li rowid='14'>
-                      14
-                    </li>
-                    <li rowid='15'>
-                      15
-                    </li>
-                    <li rowid='16'>
-                      16
-                    </li>
-                    <li rowid='17'>
-                      17
-                    </li>
-                    <li rowid='18'>
-                      18
-                    </li>
-                    <li rowid='19'>
-                      19
-                    </li>
-                    <li rowid='20'>
-                      20
-                    </li>
+                    <li rowid='1'></li>
+                    <li rowid='2'></li>
+                    <li rowid='3'></li>
+                    <li rowid='4'></li>
+                    <li rowid='5'></li>
+                    <li rowid='6'></li>
+                    <li rowid='7'></li>
+                    <li rowid='8'></li>
+                    <li rowid='9'></li>
+                    <li rowid='10'></li>
+                    <li rowid='11'></li>
+                    <li rowid='12'></li>
+                    <li rowid='13'></li>
+                    <li rowid='14'></li>
+                    <li rowid='15'></li>
+                    <li rowid='16'></li>
+                    <li rowid='17'></li>
+                    <li rowid='18'></li>
+                    <li rowid='19'></li>
+                    <li rowid='20'></li>
                   </ul>
                 </a>
               </div>
@@ -1074,66 +836,26 @@
                 <a class='leg-box-sort sort-desc' href='#'></a>
                 <a class='leg-box-active' href='#'>
                   <ul>
-                    <li rowid='1'>
-                      1
-                    </li>
-                    <li rowid='2'>
-                      2
-                    </li>
-                    <li rowid='3'>
-                      3
-                    </li>
-                    <li rowid='4'>
-                      4
-                    </li>
-                    <li rowid='5'>
-                      5
-                    </li>
-                    <li rowid='6'>
-                      6
-                    </li>
-                    <li rowid='7'>
-                      7
-                    </li>
-                    <li rowid='8'>
-                      8
-                    </li>
-                    <li rowid='9'>
-                      9
-                    </li>
-                    <li rowid='10'>
-                      10
-                    </li>
-                    <li rowid='11'>
-                      11
-                    </li>
-                    <li rowid='12'>
-                      12
-                    </li>
-                    <li rowid='13'>
-                      13
-                    </li>
-                    <li rowid='14'>
-                      14
-                    </li>
-                    <li rowid='15'>
-                      15
-                    </li>
-                    <li rowid='16'>
-                      16
-                    </li>
-                    <li rowid='17'>
-                      17
-                    </li>
-                    <li rowid='18'>
-                      18
-                    </li>
-                    <li rowid='19'>
-                      19
-                    </li>
-                    <li rowid='20'>
-                      20
-                    </li>
+                    <li rowid='1'></li>
+                    <li rowid='2'></li>
+                    <li rowid='3'></li>
+                    <li rowid='4'></li>
+                    <li rowid='5'></li>
+                    <li rowid='6'></li>
+                    <li rowid='7'></li>
+                    <li rowid='8'></li>
+                    <li rowid='9'></li>
+                    <li rowid='10'></li>
+                    <li rowid='11'></li>
+                    <li rowid='12'></li>
+                    <li rowid='13'></li>
+                    <li rowid='14'></li>
+                    <li rowid='15'></li>
+                    <li rowid='16'></li>
+                    <li rowid='17'></li>
+                    <li rowid='18'></li>
+                    <li rowid='19'></li>
+                    <li rowid='20'></li>
                   </ul>
                 </a>
               </div>
@@ -1144,66 +866,26 @@
                 <a class='leg-box-sort sort-desc' href='#'></a>
                 <a class='leg-box-active' href='#'>
                   <ul>
-                    <li rowid='1'>
-                      1
-                    </li>
-                    <li rowid='2'>
-                      2
-                    </li>
-                    <li rowid='3'>
-                      3
-                    </li>
-                    <li rowid='4'>
-                      4
-                    </li>
-                    <li rowid='5'>
-                      5
-                    </li>
-                    <li rowid='6'>
-                      6
-                    </li>
-                    <li rowid='7'>
-                      7
-                    </li>
-                    <li rowid='8'>
-                      8
-                    </li>
-                    <li rowid='9'>
-                      9
-                    </li>
-                    <li rowid='10'>
-                      10
-                    </li>
-                    <li rowid='11'>
-                      11
-                    </li>
-                    <li rowid='12'>
-                      12
-                    </li>
-                    <li rowid='13'>
-                      13
-                    </li>
-                    <li rowid='14'>
-                      14
-                    </li>
-                    <li rowid='15'>
-                      15
-                    </li>
-                    <li rowid='16'>
-                      16
-                    </li>
-                    <li rowid='17'>
-                      17
-                    </li>
-                    <li rowid='18'>
-                      18
-                    </li>
-                    <li rowid='19'>
-                      19
-                    </li>
-                    <li rowid='20'>
-                      20
-                    </li>
+                    <li rowid='1'></li>
+                    <li rowid='2'></li>
+                    <li rowid='3'></li>
+                    <li rowid='4'></li>
+                    <li rowid='5'></li>
+                    <li rowid='6'></li>
+                    <li rowid='7'></li>
+                    <li rowid='8'></li>
+                    <li rowid='9'></li>
+                    <li rowid='10'></li>
+                    <li rowid='11'></li>
+                    <li rowid='12'></li>
+                    <li rowid='13'></li>
+                    <li rowid='14'></li>
+                    <li rowid='15'></li>
+                    <li rowid='16'></li>
+                    <li rowid='17'></li>
+                    <li rowid='18'></li>
+                    <li rowid='19'></li>
+                    <li rowid='20'></li>
                   </ul>
                 </a>
               </div>
@@ -1214,66 +896,26 @@
                 <a class='leg-box-sort sort-desc' href='#'></a>
                 <a class='leg-box-active' href='#'>
                   <ul>
-                    <li rowid='1'>
-                      1
-                    </li>
-                    <li rowid='2'>
-                      2
-                    </li>
-                    <li rowid='3'>
-                      3
-                    </li>
-                    <li rowid='4'>
-                      4
-                    </li>
-                    <li rowid='5'>
-                      5
-                    </li>
-                    <li rowid='6'>
-                      6
-                    </li>
-                    <li rowid='7'>
-                      7
-                    </li>
-                    <li rowid='8'>
-                      8
-                    </li>
-                    <li rowid='9'>
-                      9
-                    </li>
-                    <li rowid='10'>
-                      10
-                    </li>
-                    <li rowid='11'>
-                      11
-                    </li>
-                    <li rowid='12'>
-                      12
-                    </li>
-                    <li rowid='13'>
-                      13
-                    </li>
-                    <li rowid='14'>
-                      14
-                    </li>
-                    <li rowid='15'>
-                      15
-                    </li>
-                    <li rowid='16'>
-                      16
-                    </li>
-                    <li rowid='17'>
-                      17
-                    </li>
-                    <li rowid='18'>
-                      18
-                    </li>
-                    <li rowid='19'>
-                      19
-                    </li>
-                    <li rowid='20'>
-                      20
-                    </li>
+                    <li rowid='1'></li>
+                    <li rowid='2'></li>
+                    <li rowid='3'></li>
+                    <li rowid='4'></li>
+                    <li rowid='5'></li>
+                    <li rowid='6'></li>
+                    <li rowid='7'></li>
+                    <li rowid='8'></li>
+                    <li rowid='9'></li>
+                    <li rowid='10'></li>
+                    <li rowid='11'></li>
+                    <li rowid='12'></li>
+                    <li rowid='13'></li>
+                    <li rowid='14'></li>
+                    <li rowid='15'></li>
+                    <li rowid='16'></li>
+                    <li rowid='17'></li>
+                    <li rowid='18'></li>
+                    <li rowid='19'></li>
+                    <li rowid='20'></li>
                   </ul>
                 </a>
               </div>
@@ -1284,390 +926,46 @@
                 <a class='leg-box-sort sort-desc' href='#'></a>
                 <a class='leg-box-active' href='#'>
                   <ul>
-                    <li rowid='1'>
-                      1
-                    </li>
-                    <li rowid='2'>
-                      2
-                    </li>
-                    <li rowid='3'>
-                      3
-                    </li>
-                    <li rowid='4'>
-                      4
-                    </li>
-                    <li rowid='5'>
-                      5
-                    </li>
-                    <li rowid='6'>
-                      6
-                    </li>
-                    <li rowid='7'>
-                      7
-                    </li>
-                    <li rowid='8'>
-                      8
-                    </li>
-                    <li rowid='9'>
-                      9
-                    </li>
-                    <li rowid='10'>
-                      10
-                    </li>
-                    <li rowid='11'>
-                      11
-                    </li>
-                    <li rowid='12'>
-                      12
-                    </li>
-                    <li rowid='13'>
-                      13
-                    </li>
-                    <li rowid='14'>
-                      14
-                    </li>
-                    <li rowid='15'>
-                      15
-                    </li>
-                    <li rowid='16'>
-                      16
-                    </li>
-                    <li rowid='17'>
-                      17
-                    </li>
-                    <li rowid='18'>
-                      18
-                    </li>
-                    <li rowid='19'>
-                      19
-                    </li>
-                    <li rowid='20'>
-                      20
-                    </li>
+                    <li rowid='1'></li>
+                    <li rowid='2'></li>
+                    <li rowid='3'></li>
+                    <li rowid='4'></li>
+                    <li rowid='5'></li>
+                    <li rowid='6'></li>
+                    <li rowid='7'></li>
+                    <li rowid='8'></li>
+                    <li rowid='9'></li>
+                    <li rowid='10'></li>
+                    <li rowid='11'></li>
+                    <li rowid='12'></li>
+                    <li rowid='13'></li>
+                    <li rowid='14'></li>
+                    <li rowid='15'></li>
+                    <li rowid='16'></li>
+                    <li rowid='17'></li>
+                    <li rowid='18'></li>
+                    <li rowid='19'></li>
+                    <li rowid='20'></li>
                   </ul>
                 </a>
               </div>
             </div>
           </div>
-          <!-- / REST RACES -->
-          <div class='race' id='race-2'>
-            <div class='main-box'>
-              <a class='main-box-nonactive' href='#'>
-                <ul>
-                  <li rowid='1'>
-                    1
-                  </li>
-                  <li rowid='2'>
-                    2
-                  </li>
-                  <li rowid='3'>
-                    3
-                  </li>
-                  <li rowid='4'>
-                    4
-                  </li>
-                  <li rowid='5'>
-                    5
-                  </li>
-                  <li rowid='6'>
-                    6
-                  </li>
-                  <li rowid='7'>
-                    7
-                  </li>
-                  <li rowid='8'>
-                    8
-                  </li>
-                  <li rowid='9'>
-                    9
-                  </li>
-                  <li rowid='10'>
-                    10
-                  </li>
-                  <li rowid='11'>
-                    11
-                  </li>
-                  <li rowid='12'>
-                    12
-                  </li>
-                  <li rowid='13'>
-                    13
-                  </li>
-                  <li rowid='14'>
-                    14
-                  </li>
-                  <li rowid='15'>
-                    15
-                  </li>
-                  <li rowid='16'>
-                    16
-                  </li>
-                  <li rowid='17'>
-                    17
-                  </li>
-                  <li rowid='18'>
-                    18
-                  </li>
-                  <li rowid='19'>
-                    19
-                  </li>
-                  <li rowid='20'>
-                    20
-                  </li>
-                </ul>
-                <span>2</span>
-              </a>
-              <a class='main-box-sort sort-desc' href='#'></a>
-            </div>
-          </div>
-          <div class='race' id='race-3'>
-            <div class='main-box'>
-              <a class='main-box-nonactive' href='#'>
-                <ul>
-                  <li rowid='1'>
-                    1
-                  </li>
-                  <li rowid='2'>
-                    2
-                  </li>
-                  <li rowid='3'>
-                    3
-                  </li>
-                  <li rowid='4'>
-                    4
-                  </li>
-                  <li rowid='5'>
-                    5
-                  </li>
-                  <li rowid='6'>
-                    6
-                  </li>
-                  <li rowid='7'>
-                    7
-                  </li>
-                  <li rowid='8'>
-                    8
-                  </li>
-                  <li rowid='9'>
-                    9
-                  </li>
-                  <li rowid='10'>
-                    10
-                  </li>
-                  <li rowid='11'>
-                    11
-                  </li>
-                  <li rowid='12'>
-                    12
-                  </li>
-                  <li rowid='13'>
-                    13
-                  </li>
-                  <li rowid='14'>
-                    14
-                  </li>
-                  <li rowid='15'>
-                    15
-                  </li>
-                  <li rowid='16'>
-                    16
-                  </li>
-                  <li rowid='17'>
-                    17
-                  </li>
-                  <li rowid='18'>
-                    18
-                  </li>
-                  <li rowid='19'>
-                    19
-                  </li>
-                  <li rowid='20'>
-                    20
-                  </li>
-                </ul>
-                <span>3</span>
-              </a>
-              <a class='main-box-sort sort-desc' href='#'></a>
-            </div>
-          </div>
-          <div class='race' id='race-4'>
-            <div class='main-box'>
-              <a class='main-box-nonactive' href='#'>
-                <ul>
-                  <li rowid='1'>
-                    1
-                  </li>
-                  <li rowid='2'>
-                    2
-                  </li>
-                  <li rowid='3'>
-                    3
-                  </li>
-                  <li rowid='4'>
-                    4
-                  </li>
-                  <li rowid='5'>
-                    5
-                  </li>
-                  <li rowid='6'>
-                    6
-                  </li>
-                  <li rowid='7'>
-                    7
-                  </li>
-                  <li rowid='8'>
-                    8
-                  </li>
-                  <li rowid='9'>
-                    9
-                  </li>
-                  <li rowid='10'>
-                    10
-                  </li>
-                  <li rowid='11'>
-                    11
-                  </li>
-                  <li rowid='12'>
-                    12
-                  </li>
-                  <li rowid='13'>
-                    13
-                  </li>
-                  <li rowid='14'>
-                    14
-                  </li>
-                  <li rowid='15'>
-                    15
-                  </li>
-                  <li rowid='16'>
-                    16
-                  </li>
-                  <li rowid='17'>
-                    17
-                  </li>
-                  <li rowid='18'>
-                    18
-                  </li>
-                  <li rowid='19'>
-                    19
-                  </li>
-                  <li rowid='20'>
-                    20
-                  </li>
-                </ul>
-                <span>4</span>
-              </a>
-              <a class='main-box-sort sort-desc' href='#'></a>
-            </div>
-          </div>
-          <div class='race' id='race-5'>
-            <div class='main-box'>
-              <a class='main-box-nonactive' href='#'>
-                <ul>
-                  <li rowid='1'>
-                    1
-                  </li>
-                  <li rowid='2'>
-                    2
-                  </li>
-                  <li rowid='3'>
-                    3
-                  </li>
-                  <li rowid='4'>
-                    4
-                  </li>
-                  <li rowid='5'>
-                    5
-                  </li>
-                  <li rowid='6'>
-                    6
-                  </li>
-                  <li rowid='7'>
-                    7
-                  </li>
-                  <li rowid='8'>
-                    8
-                  </li>
-                  <li rowid='9'>
-                    9
-                  </li>
-                  <li rowid='10'>
-                    10
-                  </li>
-                  <li rowid='11'>
-                    11
-                  </li>
-                  <li rowid='12'>
-                    12
-                  </li>
-                  <li rowid='13'>
-                    13
-                  </li>
-                  <li rowid='14'>
-                    14
-                  </li>
-                  <li rowid='15'>
-                    15
-                  </li>
-                  <li rowid='16'>
-                    16
-                  </li>
-                  <li rowid='17'>
-                    17
-                  </li>
-                  <li rowid='18'>
-                    18
-                  </li>
-                  <li rowid='19'>
-                    19
-                  </li>
-                  <li rowid='20'>
-                    20
-                  </li>
-                </ul>
-                <span>5</span>
-              </a>
-              <a class='main-box-sort sort-desc' href='#'></a>
-            </div>
-          </div>
+          </tal:for>
         </div>
         <!-- / THE RIGHT BAR -->
         <div id='right-systembar'>
           <a class='slide-forward' href='#'>
             <span class='race-count'>
-              <ul class='race-bundle-1'>
-                <li class='race-1'>
-                  1
-                </li>
-                <li class='race-2'>
-                  2
-                </li>
-                <li class='race-3'>
-                  3
-                </li>
-              </ul>
-              <ul class='race-bundle-2'>
-                <li class='race-1'>
-                  1
-                </li>
-                <li class='race-2'>
-                  2
-                </li>
-                <li class='race-3'>
-                  3
-                </li>
-              </ul>
-              <ul class='race-bundle-3'>
-                <li class='race-1'>
-                  1
-                </li>
-                <li class='race-2'>
-                  2
-                </li>
-                <li class='race-3'>
-                  3
+              <tal:for repeat="bundle lastbundle">
+              <ul class='race-bundle-${repeat["bundle"].number}'>
+                <tal:for repeat="race bundle">
+                <li class='race-${event.races.index(race)+1}'>
+                    ${event.races.index(race)+1}
                 </li>
+                </tal:for>
               </ul>
+              </tal:for>
             </span>
           </a>
           <div class='function-btn-wrapper'>
@@ -1688,6 +986,6 @@
       </div>
     </div>
   </body>
-  <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
+  <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
   <script src='/moderator-static/app.js' type='text/javascript'></script>
 </html>