anchor.diff:  <% end %>
   
   
  -<br><h1 style="color:#4B9FD5; text-decoration:underline; cursor: pointer" id = "title" title = "Remove graph" onclick = "hideBargraphTable();" ></h1>
  +<br><h1 style="color:#4B9FD5; text-decoration:underline; cursor: pointer" id = "title" title = "Remove graph" onclick = "hideBargraphTable();" ></h1><br>
  +
   <div id="tablespace"></div>
  +
   <!------------------------------------ JAVASCRIPT---------------------------------------------------------------->
  +
  +<!--<script src = "/javascripts/projectComparison.js" type="text/javascript"></script>-->
   <script type="text/javascript">
  -<!--<script src = "/javascripts/projectComparison.js" type="text/javascript"></script>-->
  +
   <!--hides the metrics table-->
   function hideTable(){
  -	document.getElementById("metricsTable").style.visibility =  "hidden";  
  +	document.getElementById("metricsTable").style.visibility =  "hidden"; 
  +	
   }
   
   <!--Displays the metrics table-->
  
positive.code: 	var numberOfTdElements = document.getElementById('metricsTable').getElementsByTagName('td').length;	
  	return numberOfTdElements;
  } 
   <!--Retrieves the number of 'th' elements in the metrics table representing the number of columns-->
  function getNumberOfColumnsInTable(){
  	//retrieves the number of 'th' elements in the metrics table
  	var numberOfThElements = document.getElementById('metricsTable').getElementsByTagName('th').length;	
  	return numberOfThElements;	
  } 
    
   <!--Dynamically creates the table with the selected metric, team image and team name-->
   
   function CreateTable(metric){  	
  	//this is the metric's id: (coverage, points...etc. depending on what the user selected)
  	var metricValue = metric +"Value";	
  	   
      var elements =getNumberOfElementsInTable();
      var columns = getNumberOfColumnsInTable();
      //variables representing if a new row needs to be created in the table and if the metric selected has been found
      var newRow; 
      var metricFound;
                 
      var tablecontents = "";
      tablecontents = "<table id = 'barGraphTable' style='table-layout: fixed; width: 50%; border: 0px' class = 'data' > " +
      "<thead style = 'border: 0px'>" + 
     	"<tr style = 'border: 0px'>"+
      "<th style = 'border: 0px' align='right' width = '50'></th>" +
  
negative.code:    
     projectName = nil
     projectImage = nil
      
  %>
  
  <!--Loops through the properties array that contains all the groups of projects for the 
  