$(document).ready(function(){
    
    // Using multiple unit types within one animation.
    $(".nav-item").hover(
	 function(){
      $(this).animate({
        opacity: 1.0,
      }, 300 );
     },
	 function(){
      $(this).animate({
        opacity: 0.6,
      }, 300 );
     }
    );
    
    $('ul#filter a').click(function() {
                $(this).css('outline','none');
                $('ul#filter .current').removeClass('current');
                $(this).parent().addClass('current');
                
                var filterVal = $(this).text().toLowerCase().replace(' ','-');
                                
                if(filterVal == 'all') {
                        $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
                } else {
                        
                        $('ul#portfolio li').each(function() {
                                if(!$(this).hasClass(filterVal)) {
                                        $(this).fadeOut('normal').addClass('hidden');
                                } else {
                                        $(this).fadeIn('slow').removeClass('hidden');
                                }
                        });
                }
                
                return false;
    });
    
    $('a[rel*=facebox]').facebox()

});