Responsive call to a flexslider carousel

custom-flexslider-carousel.js

(function() {
 
	  // store the slider in a local variable
	  var $window = $(window),
	      flexslider = { vars:{} };
	 
	  // tiny helper function to add breakpoints
	  function getGridSize() {
	    return (window.innerWidth < 600) ? 2 :
	           (window.innerWidth < 900) ? 2 : 3;
	  }
	 
	  $(function() {
	    SyntaxHighlighter.all();
	  });
	 
	  $window.load(function() {
	    $('.flexslider').flexslider({
	      animation: "slide",
	      animationLoop: false,
	      itemWidth: 210,
	      itemMargin: 10,
	      minItems: getGridSize(), // use function to pull in initial value
	      maxItems: getGridSize() // use function to pull in initial value
	    });
	  });
	 
	  // check grid size on resize event
	  $window.resize(function() {
	    var gridSize = getGridSize();
	 
	    flexslider.vars.minItems = gridSize;
	    flexslider.vars.maxItems = gridSize;
	  });
	}());