ycb.vn/assets/scripts/isotope-init.js

jQuery(function($){
	$(window).load(function() {

		// Main function.
		function portfolioIsotope() {
			var $container = $('.portfolio-content');
			$container.isotope({
				itemSelector: '.portfolio-item',
				masonry: {
					itemSelector: ".portfolio-item",
					columnWidth: ".portfolio-item",
					gutter: 20
				}
			});
		} portfolioIsotope();

		// Filter.
		$('.filter a').click(function(){
		  var selector = $(this).attr('data-filter');
			$('.portfolio-content').isotope({ filter: selector });
			$(this).parent().find('a').removeClass('active');
			$(this).addClass('active');
		  return false;
		});

		// Resize.
		var isIE8 = $.browser.msie && +$.browser.version === 8;
		if (isIE8) {
			document.body.onresize = function () {
				portfolioIsotope();
			};
		} else {
			$(window).resize(function () {
				portfolioIsotope();
			});
		}

		// Orientation change.
		window.addEventListener("orientationchange", function() {
			portfolioIsotope();
		});
	});
});