$(function() {
	campusChange(0, true);

	function campusChange(num, flg) {
		var div = "#teacherArera";
		teacherChange(0, div + ":eq("+num+")", true);
		$(div).hide();
		if(flg){
			$(div + ":eq("+num+")").show();
		}else {
			$(div + ":eq("+num+")").fadeIn("fast");
		};
	};

	function teacherChange(num, e, flg) {
		$(e +" > div").hide();
		if(flg){
			$(e +" > div:eq("+num+")").show();
		}else {
			$(e +" > div:eq("+num+")").fadeIn("fast");
		};

		$("li", e).each(function(i){
			$(this).unbind();
			if(i == num){
				$(this).html("<strong>"+$(this).text()+"</strong>");
			}else {
				$(this).html("<a href=\"#\">"+$(this).text()+"</a>").click(function(f){
					f.preventDefault();
					teacherChange(i, e, false);
				});
			}
		});
	};
});