$('document').ready(function() {

		    var 
		      speed = 1000,   // animation speed
		      $wall = $('#wrapper').find('.wrap')
		    ;

		    $wall.masonry({
		      columnWidth: 50, 
		      // only apply masonry layout to visible elements
		      itemSelector: '.box:not(.invis)',
		      animate: true,
		      animationOptions: {
			    duration: 750,			
			    easing: 'linear',
			    queue: false
			  }
		    });

		    $('.filtering-nav a[rel*=filter]').click(function(){
		      var colorClass = '.' + $(this).attr('class');
			  
			  $(this).parents().siblings().removeClass('active');
			  $(this).parents().addClass('active');

		      if(colorClass=='.all') {
		        // show all hidden boxes
		        $wall.children('.invis')
		          .toggleClass('invis').fadeIn(speed);
		      } else {  
		        // hide visible boxes 
		        $wall.children().not(colorClass).not('.invis')
		          .toggleClass('invis').fadeOut(speed);
		        // show hidden boxes
		        $wall.children(colorClass+'.invis')
		          .toggleClass('invis').fadeIn(speed);
		      }
		      $wall.masonry();

		      return false;
		    });

});