$(document).ready(function(){
	//References
	var sections = $("#menu li");
	var loading = $("#loading");
	var content = $(".content");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			
			case "home":
				//content.slideUp();
				content.load("sections.html #section_home", hideLoading);
				//content.slideDown();
				break;
			case "Property":
				//content.slideUp();
				content.load("sections.html #section_Property", hideLoading);
				//content.slideDown();
				break;
			case "Appraised":
				//content.slideUp();
				content.load("sections.html #section_Appraised", hideLoading);
				//content.slideDown();
				break;
			case "Values":
				//content.slideUp();
				content.load("sections.html #section_Values", hideLoading);
				//content.slideDown();
				break;
			case "Assessed":
				//content.slideUp();
				content.load("sections.html #section_Assessed", hideLoading);
				//content.slideDown();
				break;
			case "Rights":
				//content.slideUp();
				content.load("sections.html #section_Rights", hideLoading);
				//content.slideDown();
				break;
			case "Residency":
				//content.slideUp();
				content.load("exemption.html #section_Residency", hideLoading);
				//content.slideDown();
				break;
			case "Refund":
				//content.slideUp();
				content.load("exemption.html #section_Refund", hideLoading);
				//content.slideDown();
				break;
			case "SecondHome":
				//content.slideUp();
				content.load("exemption.html #section_SecondHome", hideLoading);
				//content.slideDown();
				break;
			case "Exemption":
				//content.slideUp();
				content.load("exemption.html #section_Exemption", hideLoading);
				//content.slideDown();
				break;
			case "Coalville":
				//content.slideUp();
				content.load("dmv_sections.html #section_Coalville", hideLoading);
				//content.slideDown();
				break;
			case "Kamas":
				//content.slideUp();
				content.load("dmv_sections.html #section_Kamas", hideLoading);
				//content.slideDown();
				break;
			case "Park_City":
				//content.slideUp();
				content.load("dmv_sections.html #section_Park_City", hideLoading);
				//content.slideDown();
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});

	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
});
