anchor.diff:     			if (elementId != "name" && elementId != "image" ){     				
      					//if the element's id is equal to the metric category selected and the selected metric hasn't been found yet
      					if (metricFound == false && (( elementId == metricValue)) ){
  -   						var metric = document.getElementById('metricsTable').getElementsByTagName('td')[i].innerHTML;  						
  -   						tablecontents += "<td style = 'border: 0px'align='left' >" + metric + "</td>";
  -   						metricFound = true; 
  -   						newRow = true;  						   						
  +   						 metric = document.getElementById('metricsTable').getElementsByTagName('td')[i].innerHTML;
  +   						 metricAsNumber = parseInt(removeCommasOrPercentage(metric)); 
  +   						 metricArray.push(metricAsNumber);
  +   						 idGenerator = idName + count;
  +   						 divGenerator = "div" + count;
  +   							    						    						 
  +   					     tablecontents += "<td style = 'display: none' id = '" + idGenerator + "'nowrap='' align='left' >" + metric + "</td>";
  +   					  	 
  +   					  	 metricFound = true; 
  +   						 newRow = true;  
  +   						 count++					   						
      						}
      						
      			}
      		   //if the new row property set to true, end the creation of a new row
      		   if(newRow){
  -      		tablecontents += "</tr>";
  -      		
  -      	} 		  		
  +      		 tablecontents += "</tr>";    		 
  +      	 	 
  +      		          
  +      		} 		
  +      	    		 		
          }
        
      	tablecontents += "</tbody>";
      	tablecontents += "</table>";
  -   	document.getElementById("tablespace").innerHTML = tablecontents;    
  -   
  +   	document.getElementById("tablespace").innerHTML = tablecontents; 
  +    var scale = getBarGraphScale(metricArray);
  +    showBars( idName, scale, noOfRows );
  +    
  +        
   }     
   
   </script>
  
positive.code:     "<th style = 'border: 0px'></th>"+    
      "</tr>"+    
      "</thead> " +
      "<tbody style = 'border: 0px'> ";
        
     
     
     //go through each element for each row in the metrics table, extracting the needed information
        for (var i = 0; i < elements; i ++){ 
        	newRow = false;
        	//row creation is based on the number of columns. Create a new row if the expression evaluates to true      	
        	if ( (i + columns) % columns == 0 ){
        	tablecontents += "<tr style = 'border: 0px'>";
        	//new row...now looking for the next row's metric value
        	metricFound = false;
        	}
     		   		
     		//retrieve the element's id to verify what metrics need to be selected
     		var elementId = document.getElementById('metricsTable').getElementsByTagName('td')[i].id;
     			
     			//retrieve the image, if the td element id is "image"
     			if (elementId == "image"){
     				//retrieve the element's value and add it to the new table
     				var image = document.getElementById('metricsTable').getElementsByTagName('td')[i].innerHTML;
     				tablecontents += "<td style = 'border: 0px' align='right' width = '50'>" + image + "</td>";
     				   				
     			}
     			//retrieve the name, if the td element id is "name"
     			if (elementId == "name"){
     				//retrieve the element's value and add it to the new table
     				var projectName = document.getElementById('metricsTable').getElementsByTagName('td')[i].innerHTML;
     				tablecontents += "<td style = 'border: 0px' align='left'>" + projectName + "</td>";
     				
     				
     				
     			}
  
negative.code: <% end %>
  
  
  <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">
  
  <!--hides the metrics table-->
  function hideTable(){
  	document.getElementById("metricsTable").style.visibility =  "hidden"; 
  	
  }
  
  <!--Displays the metrics table-->
  