anchor.diff:  	
   	//loop through each row to retrieve the project name width, the project bar width and the project's truncated name width
   	for (var i = 0; i < noOfRows; i ++){
  -	var projectNameWidth = document.getElementById("nameId" + i).offsetWidth;
  - 	var projectBarWidth = document.getElementById("span" + i).offsetWidth;
  - 	var truncatedNameWidth = document.getElementById("truncName" + i).offsetWidth;
  - 	//retrieve the project name
  +	var nameWidth = document.getElementById("nameId" + i);
  +	var barWidth = document.getElementById("span" + i); 
  +	var truncName = document.getElementById("truncName" + i);
  +	var projectNameWidth = 0;
  +	var projectBarWidth = 0;
  +	var truncatedNameWidth = 0;
  +	var truncatedNameWidth = 0;
  +	
  +	if (nameWidth != null){
  +		projectNameWidth = nameWidth.offsetWidth;
  +	}
  +	
  +	if (barWidth != null){
  +		projectBarWidth = barWidth.offsetWidth;
  +	}
  +	
  +	if (truncName != null){
  +		truncatedNameWidth = truncName.offsetWidth;	
  +	}
  +	
    	var projectName = document.getElementById('metricsTable').getElementsByClassName('nameWidthClass')[i].innerHTML;  
    	//retrieve the projects truncated name
    	shortName = truncateName(projectName);
    	//retrieve the element  	
  - 	var element = document.getElementById('tablespace').getElementsByClassName('nameWidthClass')[i]; 	
  - 	//if the project name is greater than the bar width add a project name tool tip displaying the projects full name to the element
  + 	var element = document.getElementById('tablespace').getElementsByClassName('nameWidthClass')[i]; 
  + 	var elementTitle = element.innerHTML;	
    	
  - 	//if the project name width and the project bar width are zero... display the bar graph table...then get the project name and bar width (when toggling).
  - 	if ( projectNameWidth == 0 && projectBarWidth == 0){
  - 		showBargraphTable(metric);
  - 		projectNameWidth = document.getElementById("nameId" + i).offsetWidth;
  - 		projectBarWidth = document.getElementById("span" + i).offsetWidth;
  - 	
  - 	} 	
  - 		if ( projectNameWidth > projectBarWidth ){ 			
  + 	//if the project name is greater than the bar width add a project name tool tip displaying the projects full name to the element 	
  + 		if (projectNameWidth > projectBarWidth){  			
    			element.title = projectName;
  - 	 	  	//if the truncatedName is greater than the bar width eliminate the name altogether, else add the projectss truncated name to the bar  	 	  	 	 	 	 	
  + 			//if the truncatedName is greater than the bar width eliminate the name altogether, else add the project's truncated name to the bar  	 	  	 	 	 	 	
    	 		if (truncatedNameWidth >= projectBarWidth){ 	 	 
    	 				element.innerHTML = "&nbsp;"; 		
    	 			  	 	 	
  
positive.code: <% if (projectGroup != nil )%>
  <h1 style="color:#4B9FD5" ><%=projectGroup.value -%></h1><br>
  
  <div id="metricTableSpace" onload = "getProjectFullNames();">
  <table id = "metricsTable" class ="data" style = "table-layout:auto; width:100%" >
  <thead id = "metricTableHead"> 
    <tr valign ="top" >
  
negative.code:    				 projectName = document.getElementById('metricsTable').getElementsByTagName('td')[i].innerHTML;
     				 //used to calculate the width of the project's truncated name to compare with selected metric's bar width
     				 var nameWithSpanTags = document.getElementById('metricsTable').getElementsByTagName('td')[i];   				 
   	 	         var correctName = nameWithSpanTags.getElementsByTagName('span')[0].innerHTML;   				 
     				 var shortName = truncateName (correctName);   				 
     				
     				 nameIdGenerator = "name" + count;
  