<script>
$(document).ready(function() {
$('.team-filters ul li a').click(function() {
$('.team-filters ul li a').removeClass('active');
$(this).addClass('active');
});
// var selector = $(this).attr('data-filter');
var $container = $('.isotope').isotope({
filter: $container,
itemSelector: '.element-item',
});
$('#filters').on('click', 'a', function() {
var filterValue = $(this).attr('data-filter');
// use filterFn if matches value
// filterValue = filterFns[filterValue] || filterValue;
$container.isotope({
filter: filterValue
});
});
$container.imagesLoaded(function() {
$container.isotope('layout');
});
// return false;
var initShow = 6;
var counter = initShow;
var iso = $container.data('isotope');
loadMore(initShow); //execute function onload
function loadMore(toShow) {
$container.find(".hidden").removeClass("hidden");
var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) {
return item.element;
});
$(hiddenElems).addClass('hidden');
$container.isotope('layout');
//when no more to load, hide show more button
if (hiddenElems.length == 0) {
jQuery("#load-more").hide();
} else {
jQuery("#load-more").show();
};
}
//append load more button
// $container.after('<button id="load-more"> Load More</button>');
//when load more button clicked
$("#load-more").click(function(event) {
event.preventDefault();
if ($('#filters').data('clicked')) {
//when filter button clicked, set initial value for counter
counter = initShow;
$('#filters').data('clicked', false);
} else {
counter = counter;
};
counter = counter + initShow;
loadMore(counter);
});
//when filter button clicked
$("#filters").click(function() {
// alert("sd;lk");
$(this).data('clicked', true);
loadMore(initShow);
});
});
</script>
