window.onload = function(){
	hideHeading();
	showContents('panel01');
	setTabClick('navPanel01','panel01');
	setTabClick('navPanel02','panel02');
	setTabClick('navPanel03','panel03');
	setTabClick('navPanel04','panel04');
	setTabClick('navPanel05','panel05');
};

function hideHeading() {
	hide('panel01Heading');
	hide('panel02Heading');
	hide('panel03Heading');
	hide('panel04Heading');
	hide('panel05Heading');
}

function showContents(contentName){
	hide('panel01'); 
	hide('panel02'); 
	hide('panel03'); 
	hide('panel04'); 
	hide('panel05'); 
	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.onmouseover = function(){
		showContents(this.contents);
		return false;
	};
}

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