// JavaScript Document

function tab1() {
	document.getElementById("tab1").className = "tabbg-on";
	document.getElementById("tab2").className = "tabbg";
	document.getElementById("tab3").className = "tabbg";
	document.getElementById("tab4").className = "tabbg";
	document.getElementById("t1").style.display = "block";
	document.getElementById("t2").style.display = "none";
	document.getElementById("t3").style.display = "none";
	document.getElementById("t4").style.display = "none";
}

function tab2() {
	document.getElementById("tab1").className = "tabbg";
	document.getElementById("tab2").className = "tabbg-on";
	document.getElementById("tab3").className = "tabbg";
	document.getElementById("tab4").className = "tabbg";
	document.getElementById("t2").style.display = "block";
	document.getElementById("t1").style.display = "none";
	document.getElementById("t3").style.display = "none";
	document.getElementById("t4").style.display = "none";
}

function tab3() {
	document.getElementById("tab1").className = "tabbg"; 
	document.getElementById("tab2").className = "tabbg";
	document.getElementById("tab3").className = "tabbg-on";
	document.getElementById("tab4").className = "tabbg";
	document.getElementById("t3").style.display = "block";
	document.getElementById("t4").style.display = "none";
	document.getElementById("t2").style.display = "none";
	document.getElementById("t1").style.display = "none";
}


function tab4() {
	document.getElementById("tab1").className = "tabbg";
	document.getElementById("tab2").className = "tabbg";
	document.getElementById("tab3").className = "tabbg";
	document.getElementById("tab4").className = "tabbg-on";
	document.getElementById("t4").style.display = "block";
	document.getElementById("t3").style.display = "none";
	document.getElementById("t2").style.display = "none";
	document.getElementById("t1").style.display = "none";
}