$(document).ready(function(){

	$("#showinfo").click(function(){
		  $("#projectinfo").slideToggle("fast");
		  $(this).toggleClass("act");
		  $(this).toggleClass("inact");
	      $("#testimonial").hide();
	      $('#showquote').removeClass('act');
	      $('#showquote').addClass('inact');
		});
	$("#showquote").click(function(){
		  $("#testimonial").slideToggle("fast");
		  $(this).toggleClass("act");
		  $(this).toggleClass("inact");
	      $("#projectinfo").hide();
	      $('#showinfo').removeClass('act');
	      $('#showinfo').addClass('inact');
		});	
	$("#hidemenu").click(function () {
      $("#top").hide("slide", { direction: "left"}, "slow");
      $("#showmenu").show("slide", { direction: "left"}, "slow");
	      $("#projectinfo").hide();
	      $('#showinfo').removeClass('act');
	      $('#showinfo').addClass('inact');
	      $("#testimonial").hide();
	      $('#showquote').removeClass('act');
	      $('#showquote').addClass('inact');
	});	
	$("#showmenu").click(function () {
      $("#top").show("slide", { direction: "left"}, "slow");
      $("#showmenu").hide("slide", { direction: "left"}, "fast");
	});
	
	
  $('.tile').live("mouseenter", function(){  
      $(".overlay", this).stop().animate({top:'115px'},{queue:false,duration:400});  
  });
  $(".tile").live("mouseleave", function() {  
      $(".overlay", this).stop().animate({top:'200px'},{queue:false,duration:400});  
  });

	
	$("a:not(.nofade)").live("mouseenter", function() {
		if ($(this).text()) {
			try {
				if (!($(this).data('original-color'))) {
					$(this).data('original-color', $(this).css('color'));
				}
				$(this).animate({color: '#87a52e'}, 300);
			}
			catch (e) {}
		}
	});
	$("a:not(.nofade)").live('mouseleave', function() {
		if ($(this).text()) {
			try {
				$(this).animate({color: $(this).data('original-color')}, 300);
			}
			catch(e) {}
		}
	});
	
	$("#supersize a, #prev a, #next a, .activeslide").die("mouseenter").die("mouseleave");

  var $tiles = $('.tilelist');
  var $data = $tiles.clone();
  $("#filter a").click(function(e) {
  	e.preventDefault();
  	
  	$("#filter a").removeClass("active").addClass("faded").data('original-color', '#A2A6A6').mouseleave();
  	$(this).removeClass("faded").addClass("active");
  	
  	var newType = $(this).data('type');
  	location.hash = "#" + newType;
    if (newType  == 'all') {
      var $filteredData = $data.find('li');
    } else {
      var $filteredData = $data.find('li.' + newType);
    }
    $tiles.quicksand($filteredData, {
      duration: 600,
      easing: 'easeInOutQuad',
      adjustHeight: 'auto',
      useScaling: false
    });

  });
  

});