$(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 "1":
      case "2":
      case "3":
      case "4":
      case "5":
      case "6":
      case "7":
      case "8":
      case "9":
      case "10":
      case "l1":
	  case "12":
	  case "13":
	  case "l4":
	  case "l5":
	  case "l6":
	  case "l7":
	  case "l8":
	  case "l9":
	  case "20":
	  case "21":
	  case "22":
      content.load("sections.html #" + "section_" + this.id , hideLoading);
      break;
      default:
      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);
	};
});