$(document).ready(function(){
	//References
	var sections = $("#menu-principal li");
	var loading = $("#loading");
	var content = $("#main");
	
	
	//Manage click events
	sections.mouseover(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "nav-lycee":
				//content.slideUp();
				content.removeClass("formations");
				content.removeClass("etude");
				content.load("/le-lycee-jean-xxiii/ #nav", hideLoading).addClass("lycee");
				//content.slideDown();
				break;
			case "nav-formations":
				//content.slideUp();
				content.removeClass("lycee");
				content.removeClass("etude");
				content.load("/nos-formations/ #nav", hideLoading).addClass("formations");
				//content.slideDown();
				break;
			case "nav-etude":
				//content.slideUp();
				content.removeClass("lycee");
				content.removeClass("formations");
				content.load("/la-vie-a-jean-xxiii/ #nav", hideLoading).addClass("etude");;
				//content.slideDown();
				break;
			case "nav-actu":
				//content.slideUp();
				content.removeClass("lycee");
				content.removeClass("etude");
				content.removeClass("formations");
				content.load("accueil #actu-home", hideLoading);
				//content.slideDown();
				break;
			case "nav-agenda":
				//content.slideUp();
				content.removeClass("lycee");
				content.removeClass("etude");
				content.removeClass("formations");
				content.load("accueil #agenda-home", hideLoading);
				//content.slideDown();
				break;
			case "nav-contact":
				//content.slideUp();
				content.removeClass("lycee");
				content.removeClass("etude");
				content.removeClass("formations");
				content.load("accueil #contact-home", hideLoading);
				//content.slideDown();
				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);
	};
	
	
	//Function d'ajout-suppression de class au vignette
	sections.mouseover(function() {
		sections.each(function(){
			$(this).removeClass("active");
		});
		$(this).addClass("active");
	}); 
	
	
	
	
});