anchor.diff:  }
    
    <!--Dynamically creates the table with the selected metric, team image and team name--> 
  -  function createTable(metric){ 
  +  function createTable(metric, barGraphTitle){ 
     	showBargraphTable();
   	//this is the metric's id: (coverage, points...etc. depending on what the user selected)
   	var metricValue = metric +"Value";	
  
positive.code:    
     projectName = nil
     projectImage = nil
      
  %>
  
  <!--Loops through the properties array that contains all the groups of projects for the 
  
negative.code:                             
      //create a new table depending on what metric the user selected
      var tablecontents = "";
      tablecontents = "<table id = 'barGraphTable' style='table-layout: auto; width: 100%'  class = 'data'> " +
      
      "<thead style = 'border: 0px' height = '14px'>" + 
     	"<tr align = 'left' style = 'border: 0px' height = '14px'>"+
      "<th style = 'border: 0px' align='right' height = '14px'></th>" +
      "<th id = 'barGraphMetricHeader' style = 'border: 0px; text-transform:capitalize; text-decoration:underline; cursor: pointer ' onclick = location.reload(true) title = 'Project comparison table' height = '14px'>"+barGraphTitle+"</th>"+
      "<th style = 'border: 0px' height = '14px'></th>"+    
      "</tr>"+    
      "</thead> " +
      "<tbody style = 'border: 0px'> ";      
  