$(function(){
		
		//fade-in functions
		$('#home').fadeIn(2000);
		$('#misc').fadeIn(1000);
		$('#services').fadeIn(1000);
		$('#content').fadeIn(1000);
				
		$('#collin').click(function(){
			$('#content').load("bio/collin.html")
				.removeClass('blank').addClass('team');
		});
		
		$('#kelly').click(function(){
			$('#content').load("bio/kelly.html")
				.removeClass('blank').addClass('team');
		});
		
		$('#joesph').click(function(){
			$('#content').load("bio/joesph.html")
				.removeClass('blank').addClass('team');
		});
		
	});

	
//Background Script
//Up to 4 images positioned absolutely on top of each other. 
//Fades One image to reveal background
	$(document).ready(function() {
		
		//Delays Images to 
	    $(".one").delay(1500).animate({
	        opacity: 0
	    }, {
	        queue: true,
	        duration: 2000
	    }),
		//Long Delay
	    $(".two").delay(5000)
			.removeClass('pageLoad') //display:none - image loads 'blank'
			.animate({
	        opacity: 0
	    }, {
	        queue: true,
	        duration: 2000
	    });
		//Even Longer Delay
	    $(".three").delay(9000)
			.removeClass('pageLoad')
			.animate({
	        opacity: 0
	    }, {
	        queue: true,
	        duration: 2000
	    });
		$(".four").removeClass('pageLoad'); //Removes the display none on final background image
		
		//Fades in Logo Container
		$('.container').delay(10000).fadeIn(1500);		
	});