function navigate(navId)
{

	var nav = navId.id;
	var disp = "nav" + nav.replace("left","");

	for(i = 0; i <= 8; i++)
	{
		if(document.getElementById("nav" + i))
		document.getElementById("nav" + i).style.display= "none";

	}
		document.getElementById(disp).style.display= "block";


}

function displaySpan(spanId){
	document.getElementById("nav0").style.display= "none";
	document.getElementById(spanId).style.display= "block";
}

function rotateStats(span, id)
{
	if(id == 1)
	{
		// is stat1
		id = "2";
		document.getElementById(span+"_5").className = 'invisible';
		document.getElementById(span+"_4").className = 'invisible';
		document.getElementById(span+"_2").className = 'invisible';
		document.getElementById(span+"_3").className = 'invisible';
		document.getElementById(span+"_1").className = 'visible';

	}
	else if(id == 2)
	{
		// is stat2
		id = "3";
		document.getElementById(span+"_5").className = 'invisible';
		document.getElementById(span+"_4").className = 'invisible';
		document.getElementById(span+"_1").className = 'invisible';
		document.getElementById(span+"_3").className = 'invisible';
		document.getElementById(span+"_2").className = 'visible';
	}
	else if(id == 3)
	{
		// is stat2
		id = "4";
		document.getElementById(span+"_5").className = 'invisible';
		document.getElementById(span+"_4").className = 'invisible';
		document.getElementById(span+"_1").className = 'invisible';
		document.getElementById(span+"_3").className = 'visible';
		document.getElementById(span+"_2").className = 'invisible';
	}
	else if(id == 4)
	{
		// is stat2
		id = "5";
		document.getElementById(span+"_5").className = 'invisible';
		document.getElementById(span+"_4").className = 'visible';
		document.getElementById(span+"_1").className = 'invisible';
		document.getElementById(span+"_3").className = 'invisible';
		document.getElementById(span+"_2").className = 'invisible';
	}
	else if(id == 5)
	{
		// is stat2
		id = "1";
		document.getElementById(span+"_5").className = 'visible';
		document.getElementById(span+"_4").className = 'invisible';
		document.getElementById(span+"_1").className = 'invisible';
		document.getElementById(span+"_3").className = 'invisible';
		document.getElementById(span+"_2").className = 'invisible';
	}
	else{
		id = "1";
		document.getElementById(span+"_1").className = 'invisible';
		document.getElementById(span+"_2").className = 'invisible';
		document.getElementById(span+"_3").className = 'visible';
	}

	//alert(span + "====" + visibleSpan);
	var call = "rotateStats('" + span + "','"+ id+"')";
	timer2=setTimeout(call,5000);
}