anchor.diff:  	newName= projectName.substring(0, 3) + '...';
   	return newName;
   }
  -
   
   <!--Alternates row colors between blue, red and yellow-->
   function getColor( row ){
  
positive.code:  				document.getElementById("name" + i).innerHTML = "<span style='display:inline-block; overflow:hidden; width:10px'></span><span id = "+spanId+" title = '"+projectName+"'  style = 'display: inline-block; white-space:nowrap ;background-color: "+ color +"; width:"+ barWidth + "px';>"+shortName+"</span><span style='display:inline-block; width:6px'><span style = 'display:inline-block'>"+metricValue+"</span>";
   	 		}else{
   	 			projectName = document.getElementById('metricsTable').getElementsByClassName('nameWidthClass')[i].innerHTML;
   	 			shortName = "";
   	 			document.getElementById("name" + i).innerHTML = "<span style='display:inline-block; overflow:hidden; width:10px'></span><span id = "+spanId+" title = '"+projectName+"'  style = 'display: inline-block; white-space:nowrap ;background-color: "+ color +"; width:"+ barWidth + "px';>"+shortName+"</span><span style='display:inline-block; width:6px'><span style = 'display:inline-block'>"+metricValue+"</span>";
   	 	 	}
   		}
   	}
  
negative.code:  	 	var projectNameWidth = document.getElementById("nameId" + i).offsetWidth;
   	 	var projectBarWidth = document.getElementById("span" + i).offsetWidth;
   	 	
   	 	if( projectNameWidth > projectBarWidth ){
   	 		if (projectNameWidth > limitedBarWidth ){
   	 			projectName = document.getElementById('metricsTable').getElementsByClassName('nameWidthClass')[i].innerHTML;
  