$(function() {
	// fade intro photo and project links in
	$(".introPhoto").animate({opacity:1}, 2000);
	$("#folioNav").animate({opacity:1}, 1500);

	// when protfolio links are clicked load photos	
	$('#folioNav').click(function(){
		$(".introPhoto").css("display", "none");
	 });
	
	$("#folio1").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#photoNav").css("top","73px"),
		$("#slideshow").addClass("loading").load("project-walnut.htm");
	});
	$("#folio2").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#photoNav").css("top","96px"),
		$("#slideshow").addClass("loading").load("project-abiah.htm");
	
	});
	$("#folio3").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-athertyn.htm"),
		$("#photoNav").css("top","119px");
	
	});
	$("#folio4").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-chelsea.htm"),
		$("#photoNav").css("top","142px");
	});
	$("#folio5").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-chester-county.htm"),
		$("#photoNav").css("top","165px");
	});
	$("#folio6").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-cira-center.htm"),
		$("#photoNav").css("top","188px");
	});
	$("#folio7").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-citadel-bank.htm"),
		$("#photoNav").css("top","211px");
	});
	$("#folio8").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-fb-capital.htm"),
		$("#photoNav").css("top","234px");
	});
	$("#folio9").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-st-davids.htm"),
		$("#photoNav").css("top","257px");
	});
	$("#folio10").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-science-lab.htm"),
		$("#photoNav").css("top","280px");
	});
	$("#folio11").click(function(){
		$(this).css("color","#000"),
		$("#slideshow").addClass("loading").load("project-collegeville.htm"),
		$("#photoNav").css("top","303px");
	});
	$("#folio12").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-shire.htm"),
		$("#photoNav").css("top","326px");
	});
	$("#folio13").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-society-hill.htm"),
		$("#photoNav").css("top","349px");
	});
	$("#folio14").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-stafford-hospital.htm"),
		$("#photoNav").css("top","372px");
	});
	$("#folio15").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-symphony-house.htm"),
		$("#photoNav").css("top","395px");
	});
	$("#folio16").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#slideshow").addClass("loading").load("project-suzanne-roberts.htm"),
		$("#photoNav").css("top","418px");
	});
		
	$("#folio20").click(function(){
		$('li').css("color","#999"),
		$(this).css("color","#555"),
		$("#photoNav").css("top","465px"),
		$("#slideshow").addClass("loading").load("project-select.htm");
	});

});