TABS (Pestañas) en JS

[bathory84]

Hola que tal muchachos, tengo unas TABS (Pestañas) en mi página web que funcionan bien, pero no como las necesito, es decir.

Cuando abre la pagina, en la primera pestaña (ACTIVA) aparecen todas las fotos, cuando solo deberian aparecer las fotos de esa pestaña, ya cuando cambio de pestaña y me regreso a ésta pues si se filtra y funciona. Obvio en el codigo JS tiene señalado que funciona es cuando le de Click, pero yo no se mucho de JS.

Yo lnecesito es que cuando cargue la página ya las pestañas vengan filtradas (cada imagen en su respectiva TAB) y No todas automaticas en la primera pestaña activa, aqui les muestro el codigo:

Código Java:

POTENZA.Isotope = function () {
   loadScript(plugin_path + 'isotope/isotope.pkgd.min.js', function() {
      var $isotope = $(".isotope"),
          $itemElement = '.grid-item',
          $filters = $('.isotope-filters');      
        if ($isotope.exists()) {
            $isotope.isotope({
            resizable: true,
            itemSelector: $itemElement,
              masonry: {
                gutterWidth: 10
              }
            });     
       $filters.on( 'click', 'button', function() {
         var $val = $(this).attr('data-filter');
             $isotope.isotope({ filter: $val });       
             $filters.find('.active').removeClass('active');
             $(this).addClass('active');
      });     
    }
   }); 
}
 

Ustedes me ayudarán que es lo que tengo que cambiar.