$("#work_wrap #close").click(function() {
		$("#work_wrap").animate({left: "960" }, 500, function() { $(this).empty(); });
	});
	
	$("#content_type li a").click(function() {
		var fadeInData = function fadeInData() { $('#thework').fadeIn(); }
		var toLoad = $(this).attr('href');
		var loadData = function loadData() { $('#thework').load(toLoad, fadeInData); }
		var toAnimate = $(this).attr('class');
		var sizeShift = function sizeShift() {
			$('#client_wrap').animateToClass(toAnimate, 500, loadData);
		}
		$('#thework').fadeOut(sizeShift);
		$('#content_type li a').removeClass('active');
    	$(this).addClass('active');
    	if ($(this).hasClass('print')){
    		$(".nav.video").fadeOut();
    		$(".nav.image").fadeIn();
    		$('.nav.image li a').removeClass('active');
    		$('.nav.image li a.one').addClass('active');
    	}
    	if ($(this).hasClass('video')){
    		$(".nav.image").fadeOut();
    		$(".nav.video").fadeIn();
    		$('.nav.video li a').removeClass('active');
    		$('.nav.video li a.videoone').addClass('active');
    	}
    	if ($(this).hasClass('case')){
    		$(".nav.image").fadeOut();
    		$(".nav.video").fadeOut();
    	}
    	return false;
	});
	
	$(".nav.image li a").click(function() {
		var fadeInData = function fadeInData() { $('#thework').fadeIn(); }
		var toLoad = $(this).attr('href');
		var loadData = function loadData() { $('#thework').load(toLoad, fadeInData); }
		var toAnimate = $(this).attr('class');
		var sizeShift = function sizeShift() {
			$('#client_wrap').animateToClass(toAnimate, 500, loadData);
		}
		$('#thework').fadeOut(sizeShift);
		$('.nav li a').removeClass('active');
    	$(this).addClass('active');
    	return false;
});