$(function() {	
	$("nav #about-link").click(function () {
		showAboutMe($(this));
	});
});

function showAboutMe(evt) {
	$("#work-container").animate({height:'750px'}, 500, "swing");
	$("#work-container").css("border-top", "1px solid #ccc");		
	$("#work-container").css("border-bottom", "1px solid #ccc");
	$("#project-container .project").fadeOut(500);
	$("#about-container").fadeIn(500);
	scrollToProject();
}

function scrollToProject(){
    $('html,body').animate({scrollTop: $("#work-container").offset().top},500);
}