anchor.diff:  });
   
   
  -$("#PrecisionValue").html(gon.totalMarkedCompiles/gon.totalCompiles);
  -$("#RecallValue").html(gon.totalNumCorrect/(gon.totalNumCorrect +gon.totalNumInCorrect ));
  +$("#PrecisionValue").html(gon.totalMarkedCompiles / gon.totalCompiles);
  +$("#RecallValue").html(gon.totalNumCorrect / (gon.totalNumCorrect + gon.totalNumInCorrect));
  +
   
   </script>
  
positive.code:           MarkupGrid[currMarkup.user] = new Array();
          }
  
          for (var j = currMarkup.first_compile_in_phase; j <= currMarkup.last_compile_in_phase; j++) {
            MarkupGrid[currMarkup.user][j] = currMarkup.tdd_color;
          }
  
  
negative.code: </script>
  
  <input type="hidden" id="refreshed" value="no">
  <script type="text/javascript">
  //this will reload the page.  Kinda a hack, will implement ajax table loading when I have more time.
  onload=function(){
    var e=document.getElementById("refreshed");
    if(e.value=="no")e.value="yes";
    else{e.value="no";location.reload();}
      }
      </script>
  
      <style>
      td.view_kata {
        background: url('<%= image_url('icons/icon_component.gif') %>') no-repeat center center;
        cursor: pointer;
      }
      td.markup {
        background: url('<%= image_url('icons/pencil.png') %>') no-repeat center center;
        cursor: pointer;
      }
      td.comparison {
        background: url('<%= image_url('icons/copy.gif') %>') no-repeat center center;
        cursor: pointer;
      }
      /*/comparison*/
  
      td.compile_count {
        text-align: center;
      }
      td.markup_length {
        text-align: center;
      }
      .ui-button{
        height:20px;
      }
      .ui-button-text{
        font-size: 10px;
      }
      </style>
  
      <h2>Manual Markup Assignments for <%= @researcher %></h3>
      <b>Precision: </b><a id="PrecisionValue"></a>
      <b>Recall: </b><a id="RecallValue"></a>
      <b>InterRater: </b><a id="InterRater"></a>
      <BR><BR>
  
  
      <table id="myTable" class="display" cellspacing="0" width="100%">
      <thead>
      <tr>
      <th>Display<br>Cycles</th>
      <th>Compile<br>Count</th>
      <th>CyberDojo<br>ID</th>
      <th>Avatar</th>
      <th>Kata<br>Name</th>
      <th>Lang/<br>Framework</th>
      <th>Markups</th>
      <th>Markup Agreement</th>
      <th>Precision</th>
      <th>Recall</th>
      <th>InterRated</th>
      <th>InterRater Agreement</th>
      <th>Markup</th>
      <th>Comparison</th>
      </tr>
      </thead>
  
      <tfoot>
      <tr>
      <th>Display<br>Cycles</th>
      <th>Compile<br>Count</th>
      <th>CyberDojo<br>ID</th>
      <th>Avatar</th>
      <th>Kata<br>Name</th>
      <th>Lang/<br>Framework</th>
      <th>Markups</th>
      <th>Markup Agreement</th>
      <th>Precision</th>
      <th>Recall</th>
      <th>InterRated</th>
      <th>InterRater Agreement</th>
      <th>Markup</th>
      <th>Comparison</th>
      </tr>
      </tfoot>
  
      </table>
  
  <script>
  $(document).ready(function() {
    // console.log(gon);
    gon.all_sessions_markup.forEach(
      function(element, index) {
        // console.log(element);
  