//References
var sections = $("#menu li");
var loading = $("#loading");
var content = $("#content");

function showcontent(page)
{
	var loading = $("#loading");	
	var content = $("#content");
		//show the loading bar
	//showLoading();
	//load selected section
//	var page = "p1";
	
	switch(page){
		case "p1":
			content.fadeOut(300, function(){
				content.load("index_2.html", hideLoading);
				content.fadeIn(300);
			});
			break;
		case "p2":
			content.fadeOut(300, function(){
				content.load("aboutus.html", hideLoading);
				content.fadeIn(300);
			});
			break;
		case "p3":
			content.fadeOut(300, function(){
				content.load("acoustic_solutions.html", hideLoading);
				content.fadeIn(300);
			});
			break;
		case "p4":
			content.fadeOut(300, function(){
				content.load("kam.html", hideLoading);
				content.fadeIn(300);
			});
			break;
			case "p5":
			content.fadeOut(300, function(){
				content.load("club_management.html", hideLoading);
				content.fadeIn(300);
			});
			break;
			case "p6":
			content.fadeOut(300, function(){
				content.load("events_house.html", hideLoading);
				content.fadeIn(300);
			});
			break;
			case "p7":
			content.fadeOut(300, function(){
				content.load("contactus.html", hideLoading);
				content.fadeIn(300);
			});
			break;
		default:
			//hide loading bar if there is no selected section
			//hideLoading();
			break;
	}
}
//show loading bar
function showLoading(){
	var loading = $("#loading");
	loading
		.css({visibility:"visible"})
		.css({opacity:"1"})
		.css({display:"block"})
	;
}
//hide loading bar
function hideLoading(){
	var loading = $("#loading");	
	loading.fadeTo(1000, 0);
};