$(document).ready(function(){
	//References
	var sections = $("#togglemenu p");
	var loading2= $("#loading2");
	var loading3= $("#loading3");
	var loading4= $("#loading4");
	var loading5= $("#loading5");
	var loading6= $("#loading6");
	var loading7= $("#loading7");
	var loading8= $("#loading8");
	var loading9= $("#loading9");
	var loading10= $("#loading10");
	var loading11= $("#loading11");
	var content2 = $("#content2");
	var content3 = $("#content3");
	var content4 = $("#content4");
	var content5 = $("#content5");
	var content6 = $("#content6");
	var content7 = $("#content7");
	var content8 = $("#content8");
	var content9 = $("#content9");
	var content10 = $("#content10");
	var content11 = $("#content11");
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "goto11":
				content2.slideUp(100);
				content2.load("descrizioni.asp?str_id=1", hideLoading);
				content2.slideDown(3000);
				break;
			case "goto12":
				content3.slideUp(100);
				content3.load("descrizioni.asp?str_id=59", hideLoading);
				content3.slideDown(3000);
				break;
			case "goto13":
				content4.slideUp(100);
				content4.load("descrizioni.asp?str_id=60", hideLoading);
				content4.slideDown(3000);
				break;
			case "goto14":
				content5.slideUp(100);
				content5.load("descrizioni.asp?str_id=61", hideLoading);
				content5.slideDown(3000);
				break;
			case "goto15":
				content6.slideUp(2);
				content6.load("descrizioni.asp?str_id=63", hideLoading);
				content6.slideDown(3000);
				break;
			case "goto16":
				content7.slideUp(2);
				content7.load("descrizioni.asp?str_id=62", hideLoading);
				content7.slideDown(3000);
				break;
			case "goto17":
				content8.slideUp(2);
				content8.load("descrizioni.asp?str_id=65", hideLoading);
				content8.slideDown(3000);
				break;
			case "goto18":
				content9.slideUp(2);
				content9.load("descrizioni.asp?str_id=66", hideLoading);
				content9.slideDown(3000);
				break;
			case "goto19":
				content10.slideUp(2);
				content10.load("descrizioni.asp?str_id=67", hideLoading);
				content10.slideDown(3000);
				break;
			case "goto20":
				content11.slideUp(2);
				content11.load("descrizioni.asp?str_id=69", hideLoading);
				content11.slideDown(3000);
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});

	//show loading bar
	function showLoading(){
		loading2
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		loading3
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		loading4
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		loading5
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		loading6
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		loading7
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		loading8
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		loading9
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		loading10
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
		loading11
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading2.fadeTo(1000, 0);
		loading3.fadeTo(1000, 0);
		loading4.fadeTo(1000, 0);
		loading5.fadeTo(1000, 0);
		loading6.fadeTo(1000, 0);
		loading7.fadeTo(1000, 0);
		loading8.fadeTo(1000, 0);
		loading9.fadeTo(1000, 0);
		loading10.fadeTo(1000, 0);
		loading11.fadeTo(1000, 0);
	};
});