$(document).ready(function(){
	$("#atab1").addClass("tab-open");

	$("#navi li").click(function() { hcSwapTab($(this).attr("id")); });
	
	function hcSwapTab(hcBtn) {
		switch(hcBtn) {
			case "atab1": var hcPanel = "a1"; break;
			case "atab2": var hcPanel = "a2"; break;
			case "atab3": var hcPanel = "a3"; break;
			case "atab4": var hcPanel = "a4"; break;
			case "atab5": var hcPanel = "a5"; break;
			case "atab6": var hcPanel = "a6"; break;
			case "atab7": var hcPanel = "a7"; break;
			case "atab8": var hcPanel = "a8"; break;
			case "atab9": var hcPanel = "a9"; break;
			case "atab10": var hcPanel = "a10"; break;
			case "atab11": var hcPanel = "a11"; break;
		}
		$("#" + hcBtn).addClass("tab-open");
		$("#" + hcBtn).siblings("li").removeClass("tab-open");
		$("div.aInfo").hide();

		$("#" + hcPanel).show();
	}
});