window.onload = function(){
	hideHeading();
	showContents('tab01');
	setTabClick('navTab01','tab01');
	setTabClick('navTab02','tab02');
	setTabClick('navTab03','tab03');
	setTabClick('navTab04','tab04');
};

function hideHeading() {
	hide('tab01Heading');
	hide('tab02Heading');
	hide('tab03Heading');
	hide('tab04Heading');
}

function showContents(contentName){
	hide('tab01'); 
	hide('tab02'); 
	hide('tab03'); 
	hide('tab04'); 
	show(contentName);
	chengeTabs(contentName);
}
function chengeTabs(contentName){
	var e = document.getElementById('nav');
	e.className = contentName;
}

function setTabClick(li,div) {
	var e = document.getElementById(li).getElementsByTagName('a')[0];
	e.contents = div;
	e.onclick = function(){
		showContents(this.contents);
		return false;
	};
}

function hide(elementId) {
	document.getElementById(elementId).style.display = "none";
}
function show(elementId) {
	document.getElementById(elementId).style.display = "";
}