$(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("content/basis_ma_service_sdn_bhd.php", hideLoading);
				content.slideDown();
				break;
			
			case "public_programme":
				//content.slideUp();
				content.load("content/public_programme.php", hideLoading);
				//content.fadeIn(500);
				break;
			
			case "programme_list":
				//content.slideUp();
				content.load("content/programme_list.php", hideLoading);
				//content.fadeIn(500);
				break;
			
			case "gallery":
			//content.slideUp();
			hideLoading();
		//	content.load("", hideLoading);
			//content.fadeIn(500);
			break;
				
			case "room_rental":
				//content.slideUp();
				content.load("content/roomrental.php", hideLoading);
				//content.fadeIn(500);
				break;
				
			case "training_calendar":
				//content.slideUp();
				content.load("content/training_calendar.php", hideLoading);
				//content.fadeIn(500);
				break;
			
		
			case "interviews":
				content.slideUp();
				content.load("sections.html #section_interviews", hideLoading);
				content.slideDown();
				break;
			case "external":
				content.slideUp();
				content.load("test.php", hideLoading);
				content.fadeIn(500);
				break;
			case "contact":
				//content.slideUp();
				content.load("content/contact.php", hideLoading);
				//content.fadeIn(500);
				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);
	};
});