$(document).ready(function() {

    $("[unique-script-id='w-w-dm-id'] .btn-box").click(function() {
      $(this).parent().children(".overlay").show();
  
    });
  
  
    $("[unique-script-id='w-w-dm-id'] .close").click(function() {
      $(".overlay").hide();
    });
  
    $("[unique-script-id='w-w-dm-id'] .list").click(function() {
      const value = $(this).attr('data-filter');
      if (value == 'all') {
        $("[unique-script-id='w-w-dm-id'] .squareImg").show('1000');
      } else {
        $("[unique-script-id='w-w-dm-id'] .squareImg").not('.' + value).hide('1000');
        $("[unique-script-id='w-w-dm-id'] .squareImg").filter('.' + value).show('1000');
      }
    })
    $("[unique-script-id='w-w-dm-id'] .list").click(function() {
      $(this).addClass('active').siblings().removeClass('active');
    })
  })