function viewStatistics(ID)
{	  
	switch(ID)
	{
		case 'hB':
			document.getElementById('hB').style.display = "";
			// Set active CSS
			document.getElementById("span" + ID).setAttribute("class", "selectedStatDiv");
	  	document.getElementById("span" + ID).setAttribute("className", "selectedStatDiv");			
			document.getElementById("stata" + ID).setAttribute("class", "selectedStatDiv");
	  	document.getElementById("stata" + ID).setAttribute("className", "selectedStatDiv");	
	  	
			document.getElementById("spansO").setAttribute("class", "");
	  	document.getElementById("spansO").setAttribute("className", "");			
			document.getElementById("statasO").setAttribute("class", "");
	  	document.getElementById("statasO").setAttribute("className", "");	
	  	
			document.getElementById("spansK").setAttribute("class", "");
	  	document.getElementById("spansK").setAttribute("className", "");			
			document.getElementById("statasK").setAttribute("class", "");
	  	document.getElementById("statasK").setAttribute("className", "");

			
	  
			document.getElementById('sO').style.display = "none";
			document.getElementById('sK').style.display = "none";

			
			
		break;
		
		case 'sO':
			document.getElementById('sO').style.display = "";
			document.getElementById("span" + ID).setAttribute("class", "selectedStatDiv");
			document.getElementById("span" + ID).setAttribute("className", "selectedStatDiv");	
			document.getElementById("stata" + ID).setAttribute("class", "selectedStatDiv");
	  	document.getElementById("stata" + ID).setAttribute("className", "selectedStatDiv");	
	  	
			document.getElementById("spanhB").setAttribute("class", "");
	  	document.getElementById("spanhB").setAttribute("className", "");			
			document.getElementById("statahB").setAttribute("class", "");
	  	document.getElementById("statahB").setAttribute("className", "");	
	  	
			document.getElementById("spansK").setAttribute("class", "");
	  	document.getElementById("spansK").setAttribute("className", "");			
			document.getElementById("statasK").setAttribute("class", "");
	  	document.getElementById("statasK").setAttribute("className", "");

	  	
			
			
			document.getElementById('hB').style.display = "none";
			document.getElementById('sK').style.display = "none";

			
		break;
		
		case 'sK':
			document.getElementById('sK').style.display = "";
			document.getElementById("span" + ID).setAttribute("class", "selectedStatDiv");
			document.getElementById("span" + ID).setAttribute("className", "selectedStatDiv");		
			document.getElementById("stata" + ID).setAttribute("class", "selectedStatDiv");
	  	document.getElementById("stata" + ID).setAttribute("className", "selectedStatDiv");	
			
			document.getElementById("spanhB").setAttribute("class", "");
	  	document.getElementById("spanhB").setAttribute("className", "");			
			document.getElementById("statahB").setAttribute("class", "");
	  	document.getElementById("statahB").setAttribute("className", "");	
	  	
			document.getElementById("spansO").setAttribute("class", "");
	  	document.getElementById("spansO").setAttribute("className", "");			
			document.getElementById("statasO").setAttribute("class", "");
	  	document.getElementById("statasO").setAttribute("className", "");

			
	  	
			document.getElementById('hB').style.display = "none";
			document.getElementById('sO').style.display = "none";

			
		break;

		
		default:
			document.getElementById('hB').style.display = "";
			document.getElementById("spanhB").setAttribute("class", "selectedStatDiv");
	  	document.getElementById("spanhB").setAttribute("className", "selectedStatDiv");		
			document.getElementById("stata" + ID).setAttribute("class", "selectedStatDiv");
	  	document.getElementById("stata" + ID).setAttribute("className", "selectedStatDiv");	
	  				
			document.getElementById('SO').style.display = "none";
			document.getElementById('sK').style.display = "none";

				
		break;
	}
}