$(document).ready(function(){

$(".productionthumbnail").hover(
  function () {
    $(this).find("img").animate({
      opacity: "0.5"
    }, "fast")
}, function () {
    $(this).find("img").animate({
      opacity: "1"
    }, "fast")
});

$("#workfilter span").click(function () {
if ($(this).hasClass("selected"))
  return false;
$(".productionthumbnail").hide();
$("#workfilter span").removeClass("selected");
$(this).addClass("selected");
    if ($("#workfilter span.selected").hasClass("a"))
      $(".productionthumbnail").fadeIn();
    if ($("#workfilter span.selected").hasClass("m"))
      $(".productionthumbnail.m").fadeIn();
    if ($("#workfilter span.selected").hasClass("f"))
      $(".productionthumbnail.f").fadeIn();
    if ($("#workfilter span.selected").hasClass("c"))
      $(".productionthumbnail.c").fadeIn();


});

$(".productionthumbnail").fadeIn(1000);


});