$(document).ready(function(){
	//References
	var sections = $(".vidLink li, .vid1 li, #vid2 li, #vid3 li, #show li");
	var loading = $("#loading");
	var content = $("#showreelBlank");
	
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "playshowreel":
				//content.slideUp();
				content.load("showreel/showreel.htm", hideLoading);
				//content.slideDown();
			break;
			
			case "playvid1":
			case "vidWatch1":
				//content.slideUp();
				content.load("showreel/showreel.htm", hideLoading);
				 $('#menu').css({display:'none'});
				 $('#showreelBlank').css({display:'block'});
			break;
			
			case "playvid2":
			case "vidWatch2":
				//content.slideUp();
				content.load("showreel/composite2010.htm", hideLoading);
				 $('#menu').css({display:'none'});
				 $('#showreelBlank').css({display:'block'});
			break;
			
			case "playvid3":
			case "vidWatch3":
				//content.slideUp();
				content.load("showreel/specialeffects2010.htm", hideLoading);
				 $('#menu').css({display:'none'});
				 $('#showreelBlank').css({display:'block'});
			break;
			
			case "showmenu":
				content.load("showreel/blank.htm", hideLoading);
				$('#menu').css({display:'block'});
				 $('#showreelBlank').css({display:'none'});
			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);
	};
});