Need some help with jquery plugin for responsive fullscreen isotope.

Need some help with jquery plugin for responsive fullscreen isotope.

Hi.
I'm using this plugin (see code below) for a responsive fullscreen isotope portfolio gallery:

The problem is that if I use the following at the beginning of the script:

  1. var container = $('.gallery-isotope');

Filtering works, but it won't go fullscreen.

If I use:
  1. var $container = $('.gallery-isotope');

It goes fullscreen, but the filtering doesn't work any more.
Hopefully someone here can point out what the problem is.
Thanks in advance for any help.

Here the full script:
  2. jQuery(document).ready(function () {
  3.     (function ($) {


  6.         var container = $('.gallery-isotope');


  9.         function getNumbColumns() {
  10.             var winWidth = $(window).width(),
  11.                 columnNumb = 1;


  14.             if (winWidth > 1500) {
  15.                 columnNumb = 6;
  16.             } else if (winWidth > 1200) {
  17.                 columnNumb = 5;
  18.             } else if (winWidth > 900) {
  19.                 columnNumb = 4;
  20.             } else if (winWidth > 600) {
  21.                 columnNumb = 3;
  22.             } else if (winWidth > 300) {
  23.                 columnNumb = 2;
  24.             }

  26.             return columnNumb;
  27.         }


  30.         function setColumnWidth() {
  31.             var winWidth = $(window).width(),
  32.                 columnNumb = getNumbColumns(),
  33.                 postWidth = Math.floor(winWidth / columnNumb);

  35.         }

  37.         $('#portfolio-filter #filter a').click(function () {
  38.             var selector = $(this).attr('data-filter');

  40.             $(this).parent().parent().find('a').removeClass('current');
  41.             $(this).addClass('current');

  43.             container.isotope({
  44.                 filter: selector
  45.             });

  47.             setTimeout(function () {
  48.                 reArrangeProjects();
  49.             }, 300);


  52.             return false;
  53.         });

  55.         function reArrangeProjects() {
  56.             setColumnWidth();
  57.             container.isotope('reLayout');
  58.         }


  61.         container.imagesLoaded(function () {
  62.             setColumnWidth();


  65.             container.isotope({
  66.                 itemSelector: '.box',
  67.                 layoutMode: 'masonry',
  68.                 resizable: false
  69.             });
  70.         });




  75.         $(window).on('debouncedresize', function () {
  76.             reArrangeProjects();

  78.         });


  81.     })(jQuery);
  82. });