$(document).ready(function(){
	//References
	var sections = $("#nav li");
	var loading = $("#loading");
	var content = $("#contentContainer");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "inicio":
				content.load("capa.html", hideLoading);
				break;
			case "occam":
				content.load("occam.html", hideLoading);
				break;
			case "colecao":
				content.load("colecao.html", hideLoading);
				break;
			case "campanhas":
				content.load("campanhas.html", hideLoading);
				break;
			case "representantes":
				content.load("representantes.html", hideLoading);
				break;
			case "preview":
				content.load("preview.html", hideLoading);
				break;
			case "contato":
				content.load("contato.html", hideLoading);
				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);
	};
});