// JavaScript Document
$(document).ready(function(){
	
	// hide initial extras
	$(".expander").hide();
	$("#loader").hide();
	$("#background-fader").hide();
	
	// show initial content
	$(".expander").slideUp(300, function(){  newPage('pxp-services')  });

	// primary nav
	$(".primary-link").mouseup(function() {
		//set button states
		$('.nav-heading, .primary-link').removeClass('selected');
		$(this).addClass('selected');
		// transition in new page content
		var target = $(this).attr('page');
		$(".expander").slideUp(300, function(){  newPage(target)  });
	});
	
	function newPage(page){
		// show spinner
		$("#loader").fadeIn('fast');
		// show 2nd canvas
		$("#background-fader").show();
		// set main canvas to new image
		$("#background-overlay").css("background-image", "url(images/canvas-"+page+".jpg)");
		
		// load new html content, register callback
		$("#page-content-container").load("pages/"+page+".html", function() {
			// slide down
			$(".expander").slideDown(300);
			// hide spinner
			$("#loader").fadeOut('fast');
			// fade 2nd canvas (old image) to show new
			$("#background-fader").delay(350).fadeOut(800, function(){ 
				$('#background-fader').css('background-image','url(images/canvas-'+page+'.jpg)');
			});
		});
	};
	
});