$(document).ready(function(){
	//References
	var sections = $("#about div.nav li");
	var loading = $("#loading");
	var content = $("#about .inner-content");
	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
			case "about":
				content.delay(2000).queue(function( nxt ) {
    				$(this).hide().load("about.html", hideLoading).fadeIn(2000, 0);
    				nxt();
					return false;
				}); 
				break;
			case "process":
				content.delay(2000).queue(function( nxt ) {
    				$(this).hide().load("process.html", hideLoading).fadeIn(2000, 0);
    				nxt();
					return false;
				});
				break;
			case "policies":
				content.delay(2000).queue(function( nxt ) {
    				$(this).hide().load("policies.html", hideLoading).fadeIn(2000, 0);
    				nxt();
					return false;
				});
				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(2000, 0);
	};
	
	var sections1 = $("#services div.nav li");
	var loading1 = $("#loading1");
	var content1 = $("#services .inner-content");

	//Manage click events
	sections1.click(function(){
		//show the loading bar
		showLoading1();
		//load selected section
		switch(this.id){
			case "faq":
				content1.delay(2000).queue(function( nxt ) {
    				$(this).hide().load("faq.html", hideLoading1).fadeIn(2000, 0);
    				nxt();
					return false;
				});
				break;
			case "what":
				content1.delay(2000).queue(function( nxt ) {
    				$(this).hide().load("what.html", hideLoading1).fadeIn(2000, 0);
    				nxt();
					return false;
				});
				break;
			case "how":
				content1.delay(2000).queue(function( nxt ) {
    				$(this).hide().load("how.html", hideLoading1).fadeIn(2000, 0);
    				nxt();
					return false;
				});
				break;
			case "ratecard":
				content.delay(2000).queue(function( nxt ) {
    				$(this).hide().load("ratecard.html", hideLoading).fadeIn(2000, 0);
    				nxt();
					return false;
				});
				break;
			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;
		}
	});

	//show loading bar
	function showLoading1(){
		loading1
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading1(){
		loading1.fadeTo(2000, 0);
	};
	
	//References
	var sections2 = $("#header .main-navigation li");
	var content2 = $("#content");
	
	//Manage click events
	sections2.click(function(){
		//load selected section
		switch(this.id){
			case "home":
				content2.slideUp(2000);
				showLoading1();
				content2.delay(3000).queue(function( nxt ) {
				$(this).removeClass('about services portfolio contact');			
				$(this).addClass('home');
    			$(this).load("home.html", hideLoading1).fadeIn(2000, 0);
    			nxt();
				return false;
				});
				content2.slideDown(2000);
				break;
			case "about":
				content2.slideUp(2000);
				showLoading1();
				content2.delay(3000).queue(function( nxt ) {
				$(this).removeClass('home services portfolio contact');										
				$(this).addClass('about');									
    			$(this).load("about-us.html", hideLoading1).fadeIn(2000, 0);
    			nxt();
				return false;
				});
				content2.slideDown(2000);
				break;
			case "services":
				content2.slideUp(2000);
				showLoading1();
				content2.delay(3000).queue(function( nxt ) {
				$(this).removeClass('about home portfolio contact');										
				$(this).addClass('services');									
    			$(this).load("services.html", hideLoading1).fadeIn(2000, 0);
    			nxt();
				return false;
				});
				content2.slideDown(2000);
				break;
			case "portfolio":
				content2.slideUp(2000);
				showLoading1();
				content2.delay(3000).queue(function( nxt ) {
				$(this).removeClass('about services home contact');										
				$(this).addClass('portfolio');									
    			$(this).load("portfolio.html");
    			nxt();
				return false;
				});
				content2.slideDown(2000);
				break;
			case "contact":
				content2.slideUp(2000);
				showLoading1();
				content2.delay(3000).queue(function( nxt ) {
				$(this).removeClass('about services portfolio home');										
				$(this).addClass('contact');									
    			$(this).load("contact.html", hideLoading1).fadeIn(2000, 0);
    			nxt();
				return false;
				});
				content2.slideDown(2000);
				break;	
				
			default:
				//hide loading bar if there is no selected section
				
				break;
		}
	});	
});