<!-- PROJECTS THUMBNAIL ANIMATION -->
	$(document).ready(function(){
	//Project thumbnails
		$("a.boxLink").hover(function(){
			$("div.boxTitle", this).animate({ top: "95px" }, 300);
			$("div.boxCover", this).animate({ opacity: "1.0" }, 400);
		}, function() {
			$("div.boxTitle", this).animate({ top: "143px" }, 300);
			$("div.boxCover", this).animate({ opacity: "0.0" }, 400);
		});
	});
	
	
  $(document).ready(function(){
    
    $("#works").click(function () {
      $('a#sketches').addClass("filter");
      $('a#sketches').removeClass("active");
      $('a#works').addClass("active");
      $('a#works').removeClass("filter");
      $('.sketch').hide("fast");
      $('.work').show("fast");
    });
    
    $("#sketches").click(function () {
      $('a#works').addClass("filter");
      $('a#works').removeClass("active");
      $('a#sketches').addClass("active");
      $('a#sketches').removeClass("filter");
      $('.work').hide("fast");
      $('.sketch').show("fast");
    });
    
    $("#showall").click(function () {
      $('a#sketches').addClass("filter");
      $('a#sketches').removeClass("active");
      $('a#works').addClass("filter");
      $('a#works').removeClass("active");
      $('.work').show("fast");
      $('.sketch').show("fast");
    });
    
    $("a.logo").hover(function(){
	  $("h1", this).css("background-color", "FFF200");
	  $("div", this).css("background-color", "FFF200");
	}, function() {
	  $("h1", this).css("background-color", "FFF");
	  $("div", this).css("background-color", "FFF");
	});
    
  });