$(document).ready(function() {
       $('ul.portfolio img').css('opacity',0.2);
       
       $('ul#filter a').click(function(e) {
               e.stopPropagation();
               e.preventDefault();
               
               $(this).css('outline','none');
               $('ul#filter .current').removeClass('current');
               $(this).parent().addClass('current');
               
               var filterVal = $(this).text().toLowerCase().replace(' ','-');
               
               
               if(filterVal == 'all' || filterVal == '') {
                       $('ul.portfolio li a img').each(function() {
                               $(this).animate({ opacity: 1.0 }, 500);
                       });
               } else {
                       $('ul.portfolio li').each(function() {
                               if($(this).attr('class').indexOf(filterVal) != -1) {
                                       $(this).children('a').children('img').animate({ opacity: 1.0 }, 400);
                               } else {
                                       $(this).children('a').children('img').animate({ opacity: 0.2 }, 400);
                               }
                       });
               }
       });
});