//Display Hide And Visible
window.onload = function(){
	
var primary = $("Primary");
var junior =  $("Junior");
var tab = $('GradeTab');

var total =  $("Total");
var subject =  $("Subject");
var prefecture =  $("Prefecture");
var rankingtab = $("RankingTab");

	$$('li#PrimaryTab').each(function(node){
			node.onclick = function(){
				if(primary.className == "invisible" && junior.className == ""){
					primary.className = "";
					junior.className = "invisible";
					tab.className = "clr primary";
				}else{
				}
			}
																																				 
	});
	$$('li#JuniorTab').each(function(node){
			node.onclick = function(){
				if(primary.className == "" && junior.className == "invisible"){
					primary.className = "invisible";
					junior.className = "";
					tab.className = "clr junior";
				}else{
				}
			}
	});
	$$('li#TotalTab').each(function(node){
			node.onclick = function(){
				if(total.style.display == "none"){
					total.style.display = "";
					subject.style.display = "none";
					//prefecture.style.display = "none";
					rankingtab.className = "clr total";
				}else{
				}
			}
	});
		$$('li#SubjectTab').each(function(node){
			node.onclick = function(){
				if(subject.style.display == "none"){
					total.style.display = "none";
					subject.style.display = "";
					//prefecture.style.display = "none";
					rankingtab.className = "clr subject";
				}else{
				}
			}
	});
	/*
	$$('li#PrefectureTab').each(function(node){
			node.onclick = function(){
				if(prefecture.style.display == "none"){
					total.style.display = "none";
					subject.style.display = "none";
					prefecture.style.display = "";
					rankingtab.className = "clr prefecture";
				}else{
				}
			}
	});
	*/
}