// JavaScript Document
 $(document).ready(function(){  
    // all the code goes here! including functions!!!  
   
   //References  
        var sections = $("#menu li");  
        var loading = $("#loading");  
       var content = $("#content");  
   
       //show loading bar  
    function showLoading(){  
        loading  
            .css({visibility:"visible"})  
            .css({opacity:"1"})  
            .css({display:"block"})  
        ;  
    }  
    //hide loading bar  
   function hideLoading(){  
       loading.fadeTo(1000, 0);  
       content.slideDown();  
   };  
//Manage click events
sections.click(function(){
	//show the loading bar
	showLoading();
	//load selected section
	switch(this.id){
		case "funkraum":
			content.slideUp();
			content.load("sections.html #section_funkraum", hideLoading);
			break;
		case "cultureLab":
			content.slideUp();
			content.load("sections.html #section_cultureLab", hideLoading);
			break;
		case "apnoea":
			content.slideUp();
			content.load("sections.html #section_apnoea", hideLoading);
			break;
		case "james_brown":
			content.slideUp();
			content.load("sections.html #section_james_brown", hideLoading);
			break;
		case "horrortrope":
			content.slideUp();
			content.load("sections.html #section_horrortrope", hideLoading);
			break;
		case "arts_vs_works":
			content.slideUp();
			content.load("sections.html #section_arts_vs_works", hideLoading);
			break;
		case "indefinite_article":
			content.slideUp();
			content.load("sections.html #section_indefinite_article", hideLoading);
			break;
		case "shootout":
			content.slideUp();
			content.load("sections.html #section_shootout", hideLoading);
			break;
		case "OCWU":
			content.slideUp();
			content.load("sections.html #section_OCWU", hideLoading);
			break;
		case "props1":
			content.slideUp();
			content.load("sections.html #section_props1", hideLoading);
			break;
		case "props2":
			content.slideUp();
			content.load("sections.html #section_props2", hideLoading);
			break;
		case "a_slow_battle":
			content.slideUp();
			content.load("sections.html #section_a_slow_battle", hideLoading);
			break;
		case "ncbe":
			content.slideUp();
			content.load("sections.html #section_ncbe", hideLoading);
			break;
		case "after_grad":
			content.slideUp();
			content.load("sections.html #section_after_grad", hideLoading);
			break;
		case "frontier":
			content.slideUp();
			content.load("sections.html #section_frontier", hideLoading);
			break;
		case "subj_noSubj":
			content.slideUp();
			content.load("sections.html #section_subj_noSubj", hideLoading);
			break;
		case "celebrity":
			content.slideUp();
			content.load("sections.html #section_celebrity", hideLoading);
			break;
		case "skate_tricks":
			content.slideUp();
			content.load("sections.html #section_skate_tricks", hideLoading);
			break;
		case "gg_mobius":
			content.slideUp();
			content.load("sections.html #section_gg_mobius", hideLoading);
			break;
		case "sleights":
			content.slideUp();
			content.load("sections.html #section_sleights", hideLoading);
			break;
		case "farewell_party":
			content.slideUp();
			content.load("sections.html #section_farewell_party", hideLoading);
			break;
		case "slices":
			content.slideUp();
			content.load("sections.html #section_slices", hideLoading);
			break;
		case "RBHD":
			content.slideUp();
			content.load("sections.html #section_RBHD", hideLoading);
			break;
		case "STT":
			content.slideUp();
			content.load("sections.html #section_STT", hideLoading);
			break;
		default:
			//hide loading bar if there is no selected section
			hideLoading();
			break;
	}
});


});