var prevBtn = 'profile';

$(document).ready(function(){
	//References
	var sections = $("#menu a");
	var loading = $("#loading");
	var content = $("#content");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		//showLoading();
		//load selected section
		switch(this.id){
			case "profile":
				content.slideUp();
				content.load("content.html #section_profile");
				content.slideDown();
				break;
			case "portfolio":
				content.slideUp();
				content.load("content.html #section_portfolio");
				content.slideDown();
				break;
			case "skills":
				content.slideUp();
				content.load("content.html #section_skills");
				content.slideDown();
				break;
			case "resume":
				content.slideUp();
				content.load("content.html #section_resume");
				content.slideDown();
				break;
			case "contact":
				content.slideUp();
				content.load("content.html #section_contact");
				content.slideDown();
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
		
		document.getElementById(prevBtn).style.backgroundPosition = 'top left';
		prevBtn = this.id;
		document.getElementById(this.id).style.backgroundPosition = 'top right';
	});
	//Manage click events
	document.getElementById('profile').style.backgroundPosition = 'top right';
	//show loading bar
	function showLoading(){
		loading
			.css({display:"block"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
		loading
			.css({display:"none"})
		;
	};
});