anchor.diff:  <% for @Property in Property.find(:all, :conditions => {:prop_key => "sonar.score.projectGroup"}) %>
   <% if (@Property.value == projectGroup.value )%>
   <tr class="<%= cycle('even', 'odd') -%>">
  -<td id = "image" align="right" width = "50" >
  +<td id = "image" align="left"  >
   <span><img alt height = "16" title width = '16' src="/images/display?project_id=<%= @Property.resource_id -%>" onerror="this.src='/images/profiles/projects/default.png'" />
   </span>
   
  
positive.code: <!--<script src = "/javascripts/projectComparison.js" type="text/javascript"></script>-->
  <script type="text/javascript">
  
  <!--hides the metrics table-->
  function hideTable(){
  	document.getElementById("metricsTable").style.visibility =  "hidden"; 
  	
  }
  
  <!--Displays the metrics table-->
  function displayTable(){
  	document.getElementById("metricsTable").style.visibility =  "visible"; 
  }
  
  <!--hides the bar graph table-->
  function hideBargraphTable(){
  	document.getElementById("tablespace").style.display =  "none";
  	document.getElementById("title").style.display =  "none"; 
  		
  }
  
  <!--shows the bar graph table-->
  function showBargraphTable(){
  	document.getElementById("tablespace").style.display =  "table";
  	document.getElementById("title").style.display =  "inline";
  	
  	 
  }
  
  <!--Retrieves metric title and displays it under the project comparison widget table-->
  function retrieveTitle(elem){
  	 
  	//retrieves the header title
  	var metric = elem.innerHTML;
  	//retrieves the header id
  	var metricId = elem.id;
  	var drilldownTitle = document.getElementById("title");
  	drilldownTitle.innerHTML = metric;
  	
  	//creates a new table 
  	createTable(metricId);
  			
  }
   
   <!--Retrieves the number of 'td' elements in the metrics table-->
  
negative.code:    
     projectName = nil
     projectImage = nil
         
  %>
  
  <!--Loops through the properties array that contains all the groups of projects for the 
  