$(document).ready(function(){
	//References
	var sections = $("#workNav 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":
				
				content.load("Ajax/sections_Identity.html #1", hideLoading);
				
				break;
			case "2":
				
				content.load("Ajax/sections_Identity.html #2", hideLoading);
				
				break;
			case "3":
				
				content.load("Ajax/sections_Identity.html #3", hideLoading);
				
				break;
			case "4":
				
				content.load("Ajax/sections_Identity.html #4", hideLoading);
				
				break;
			case "5":
				
				content.load("Ajax/sections_Identity.html #5", hideLoading);
				
				break;
			case "6":
				
				content.load("Ajax/sections_Identity.html #6", hideLoading);
				
				break;
			case "7":
				
				content.load("Ajax/sections_Identity.html #7", hideLoading);
				
				break;
			case "8":
				
				content.load("Ajax/sections_Identity.html #8", hideLoading);
				
				break;
			case "9":
				
				content.load("Ajax/sections_Identity.html #9", hideLoading);
				
				break;
			case "10":
				
				content.load("Ajax/sections_Identity.html #10", hideLoading);
				
				break;
			case "11":
				
				content.load("Ajax/sections_Identity.html #11", hideLoading);
				
				break;
				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"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
});

$(document).ready(function(){
	//References
	var sections = $("#workNav li");
	var loading = $("#loading");
	var content = $("#content2");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "1":
				content.load("Ajax/sections_Identity.html #1a", hideLoading);
				break;
			case "2":
				content.load("Ajax/sections_Identity.html #2a", hideLoading);
				break;
			case "3":
				content.load("Ajax/sections_Identity.html #3a", hideLoading);
				break;
			case "4":
				content.load("Ajax/sections_Identity.html #4a", hideLoading);
				break;
			case "5":
				content.load("Ajax/sections_Identity.html #5a", hideLoading);
				break;
			case "6":
				content.load("Ajax/sections_Identity.html #6a", hideLoading);
				break;
			case "7":
				content.load("Ajax/sections_Identity.html #7a", hideLoading);
				break;
			case "8":
				content.load("Ajax/sections_Identity.html #8a", hideLoading);
				break;
			case "9":
				content.load("Ajax/sections_Identity.html #9a", hideLoading);
				break;
				break;
			case "10":
				content.load("Ajax/sections_Identity.html #10a", hideLoading);
				break;
				break;
			case "11":
				content.load("Ajax/sections_Identity.html #11a", hideLoading);
				break;	
				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"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
});