text: var $ba;
  var $ba_img_before;
  
  var orig_width = 1000;
  var orig_height = 667;
  
  
  function render(width) {
      var new_width = width;
      var ratio = new_width / orig_width;
      var new_height = orig_height * ratio;
      
      // reset old slider
      $('.ui-draggable').remove();
      $('.balinks').remove();
      $('div[style]').removeAttr('style');
      $('img[style]').removeAttr('style');
      $('img').each( function(i) {
          if ($(this).attr('src') == './js/lib/lt-small.png' ||
              $(this).attr('src') == './js/lib/rt-small.png') {
              $(this).remove();
          }
      });
      
      // create new slider
      $.each($ba_img_before, function(k,v) {
          $(v).width(new_width);
          $(v).height(new_height);
      });
      $('#before-after-1').beforeAfter( { beforeLinkText: 'Original', afterLinkText: 'Revealed' } );
  
      // update responsive iframe
      sendHeightToParent();
  }
  
  /*
   * NB: Use window.load instead of document.ready
   * to ensure all images have loaded
   */
  $(window).load(function() {
      $ba = $('#before-after');
      $ba_img_before = $ba.find('.before img');
  
      setupResponsiveChild({
          renderCallback: render
      });
  })
  