// JavaScript Document
function change(id){
	if(id=="5"){
	document.getElementById(id).style.visibility="visible";
	document.getElementById(id).style.position = "";
	document.getElementById("6").style.position = "absolute";
	document.getElementById("7").style.position = "absolute";
	document.getElementById("6").style.visibility="hidden";
	document.getElementById("7").style.visibility="hidden";
	document.getElementById("8").style.visibility="hidden";
	document.getElementById("1").style.backgroundColor = "#aabfff";
	document.getElementById("5").style.backgroundColor = "#aabfff";
	}else if(id=="6"){
	document.getElementById(id).style.visibility="visible";
	document.getElementById(id).style.position = "";
	document.getElementById("5").style.position = "absolute";
	document.getElementById("7").style.position = "absolute";
	document.getElementById("5").style.visibility="hidden";
	document.getElementById("7").style.visibility="hidden";
	document.getElementById("8").style.visibility="hidden";
	document.getElementById("2").style.backgroundColor = "#d4dfff";
	document.getElementById("6").style.backgroundColor = "#d4dfff";
	}else if(id=="8"){
	document.getElementById(id).style.visibility="visible";
	document.getElementById(id).style.position = "";
	document.getElementById("5").style.position = "absolute";
	document.getElementById("7").style.position = "absolute";
	document.getElementById("6").style.position = "absolute";
	document.getElementById("5").style.visibility="hidden";
	document.getElementById("7").style.visibility="hidden";
	document.getElementById("6").style.visibility="hidden";
	document.getElementById("4").style.backgroundColor = "#6699FF";
	document.getElementById("8").style.backgroundColor = "#6699FF";
	}else{
	document.getElementById(id).style.visibility="visible";
	document.getElementById(id).style.position = "";
	document.getElementById("5").style.position = "absolute";
	document.getElementById("6").style.position = "absolute";
	document.getElementById("5").style.visibility="hidden";
	document.getElementById("6").style.visibility="hidden";
	document.getElementById("8").style.visibility="hidden";
	document.getElementById("3").style.backgroundColor = "#7f9fFF";
	document.getElementById("7").style.backgroundColor = "#7f9fFF";
	}
}
 function upto(){
	document.getElementById("5").style.visibility="visible";
	document.getElementById("5").style.position = "";
	document.getElementById("6").style.position = "absolute";
	document.getElementById("7").style.position = "absolute";
	document.getElementById("8").style.position = "absolute";
	document.getElementById("6").style.visibility="hidden";
	document.getElementById("7").style.visibility="hidden";
	document.getElementById("8").style.visibility="hidden";
	document.getElementById("3").style.backgroundColor = "#7f9fFF";
	document.getElementById("7").style.backgroundColor = "#7f9fFF";
	document.getElementById("2").style.backgroundColor = "#d4dfff";
	document.getElementById("6").style.backgroundColor = "#d4dfff";
	document.getElementById("1").style.backgroundColor = "#aabfff";
	document.getElementById("5").style.backgroundColor = "#aabfff";
	document.getElementById("4").style.backgroundColor = "#6699FF";
	document.getElementById("8").style.backgroundColor = "#6699FF";
	}