function init() {
	document.getElementById("btn-bio").className = "selected";
	
	document.getElementById("bio-tab").style.display = "block";
	document.getElementById("exp-tab").style.display = "none";
	document.getElementById("edu-tab").style.display = "none";
	document.getElementById("more-tab").style.display = "none";
}

function hideAll () {
	document.getElementById("btn-bio").className = "";
	document.getElementById("btn-exp").className = "";
	document.getElementById("btn-edu").className = "";
	document.getElementById("btn-more").className = "";
	
	document.getElementById("bio-tab").style.display = "none";
	document.getElementById("exp-tab").style.display = "none";
	document.getElementById("edu-tab").style.display = "none";
	document.getElementById("more-tab").style.display = "none";
}


function viewBio () {
	hideAll ();
	document.getElementById("bio-tab").style.display = "block";
	document.getElementById("btn-bio").className = "selected";
}


function viewExp () {
	hideAll ();
	document.getElementById("exp-tab").style.display = "block";
	document.getElementById("btn-exp").className = "selected";
}

function viewEdu () {
	hideAll ();
	document.getElementById("edu-tab").style.display = "block";;
	document.getElementById("btn-edu").className = "selected";
}

function viewMore () {
	hideAll ();
	document.getElementById("more-tab").style.display = "block";
	document.getElementById("btn-more").className = "selected";
}

window.onload = init;