// JavaScript Document
var crr_btn = "rank_btn1"
var crr_rank = "rank_con1"

for (var i=1; i<4; i++){
document.getElementById("rank_btn"+i).onmouseover=function(){
	document.getElementById(crr_btn).style.backgroundPosition="top";
	document.getElementById(this.id).style.backgroundPosition = "bottom";
	crr_btn=this.id;
	
	switch(this.id){
		case "rank_btn1":
		document.getElementById(crr_rank).style.display="none";
		document.getElementById("rank_con1").style.display="block";
		crr_rank="rank_con1"
		break;
		
		case "rank_btn2":
		document.getElementById(crr_rank).style.display="none";
		document.getElementById("rank_con2").style.display="block"
		crr_rank="rank_con2"
		break;
		
		case "rank_btn3":
		document.getElementById(crr_rank).style.display="none";
		document.getElementById("rank_con3").style.display="block";
		crr_rank="rank_con3"
		break;
		
		default:
		break;

		}
	
	}
}