$(document).ready(function(){
	//References
	var sections = $("#selectionmenu li");
	var loading = $("#loading");
	var content = $("#pricelistholder");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "twentyone":
				content.load("fwf.html #list_twentyone", hideLoading);
				break;
			case "amber":
				content.load("fwf.html #list_amber", hideLoading);
				break;
			case "bistrofil":
				content.load("fwf.html #list_bistrofil", hideLoading);
				break;
			case "bordeaux":
				content.load("fwf.html #list_bordeaux", hideLoading);
				break;
			case "bubbagump":
				content.load("fwf.html #list_bubbagump", hideLoading);
				break;
			case "chateau":
				content.load("fwf.html #list_chateau", hideLoading);
				break;
			case "cornertree":
				content.load("fwf.html #list_cornertree", hideLoading);
				break;
			case "cuillere":
				content.load("fwf.html #list_cuillere", hideLoading);
				break;
			case "firelake":
				content.load("fwf.html #list_firelake", hideLoading);
				break;
			case "gourmand":
				content.load("fwf.html #list_gourmand", hideLoading);
				break;
			case "incontro":
				content.load("fwf.html #list_incontro", hideLoading);
				break;
			case "myrons":
				content.load("fwf.html #list_myrons", hideLoading);
				break;
			case "namaste":
				content.load("fwf.html #list_namaste", hideLoading);
				break;
			case "oysterboy":
				content.load("fwf.html #list_oysterboy", hideLoading);
				break;
			case "pasto":
				content.load("fwf.html #list_pasto", hideLoading);
				break;
			case "pp":
				content.load("fwf.html #list_pp", hideLoading);
				break;
			case "ponticello":
				content.load("fwf.html #list_ponticello", hideLoading);
				break;
			case "cicou":
				content.load("fwf.html #list_cicou", hideLoading);
				break;
			case "sala":
				content.load("fwf.html #list_sala", hideLoading);
				break;
			case "salabistro":
				content.load("fwf.html #list_salabistro", hideLoading);
				break;
			case "sentro":
				content.load("fwf.html #list_sentro", hideLoading);
				break;	
			case "swagat":
				content.load("fwf.html #list_swagat", hideLoading);
				break;
			case "palms":
				content.load("fwf.html #list_palms", hideLoading);
				break;
			case "trio":
				content.load("fwf.html #list_trio", hideLoading);
				break;
			case "zao":
				content.load("fwf.html #list_zao", hideLoading);
				break;
			case "zenses":
				content.load("fwf.html #list_zenses", hideLoading);
				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);
	};
});