{exp:hop_minifizer:js}
	<script src="//cdn.guideofus.com/files/js/third_party/isotope.2.2.2.pkgd.js"></script>
{/exp:hop_minifizer:js}

<script>
	$( function() {
	  // quick search regex
	  var qsRegex;
	  var regionRegex;
	  var ratingRegex;
	  
	  // init Quick Search Isotope
	  var $grid = $('.item-grid').isotope({
	    itemSelector: '.item-box',
	    layoutMode: 'fitRows',
	    filter: function() {
		  var $this = $(this);
	      var searchResult = qsRegex ? $(this).text().match( qsRegex ) : true;
	      var regionResult = regionRegex ? $(this).text().match( regionRegex ) : true;
	      var ratingResult = ratingRegex ? $(this).text().match( ratingRegex ) : true;
	      return searchResult && regionResult && ratingResult;
	    }
	  });
	
	  // use value of search field to filter
	  var $quicksearch = $('.quicksearch').on('keyup change click', debounce( function() {
	    qsRegex = new RegExp( $quicksearch.val(), 'gi' );
	    $grid.isotope();   
	  }, 200) );
	  
	  //Dropdown filters
	  var $regionSearch = $('.region-filter').on( 'change', function() {
	    // get filter value from option value
	    regionRegex = new RegExp( $(this).val(), 'gi' );
	    $grid.isotope();
	  });

	  //Dropdown filters
	  var $ratingSearch = $('.rating-filter').on( 'change', function() {
	    // get filter value from option value
	    ratingRegex = new RegExp( $(this).val(), 'gi' );
	    $grid.isotope();
	  });

	  
	}); //function
	
	// debounce so filtering doesn't happen every millisecond
	function debounce( fn, threshold ) {
	  var timeout;
	  return function debounced() {
	    if ( timeout ) {
	      clearTimeout( timeout );
	    }
	    function delayed() {
	      fn();
	      timeout = null;
	    }
	    timeout = setTimeout( delayed, threshold || 100 );
	  }
	}

	$(function(){
	    $('.bg-image').map(function(){
	        var _this = $(this);
	        setTimeout(function(){
	            _this.addClass('ss-zoom-fixed');
	        },4800);
	    });
	});

</script>
<!--Isotope-->