/**
 * @file
 * Toggle through product thumbnails
 */

(function($) {
  Drupal.behaviors.product_gallery = {
    attach: function (context, settings) {
      "use strict";
      if (typeof context['location'] !== "undefined") {
        $('.js-product-gallery-thumb').on('click', function () {
          var $thumb = $(this);
          var $target = $($thumb.attr('data-show'));
          var $zoom = $('.js-product-gallery-zoom-image');
          var activeThumbClass = 'm-product-gallery__thumbnail--active';
          var activeImgClass = 'm-product-gallery__item--active';
          var $zoomSrc = $target.find('.js-product-gallery-image');

          if (!$thumb.hasClass(activeThumbClass)) {
            $target.addClass(activeImgClass).siblings('.js-product-gallery-main').removeClass(activeImgClass);
            $thumb.addClass(activeThumbClass).siblings('.js-product-gallery-thumb').removeClass(activeThumbClass);
            $zoom.attr('src', $zoomSrc.attr('src')).attr('alt', $zoomSrc.attr('alt'));
            var $video = $target.siblings('.js-product-gallery-main').find('video');

            if ($video[0]) {
              $video[0].pause();
            }
          }
        });
        Respond.to({
          'media': 'screen and (min-width: 768px)',
          'namespace': 'powi_product_gallery_zoom',
          'fallback': 'else',
          'if': function _if() {
          },
          'else': function _else() {
            var $zoomModal = $('#product_gallery_zoom_modal');

            if ($zoomModal && $zoomModal.data('zfPlugin')) {
              $zoomModal.foundation('close');
            }
          }
        });
      }
    }
  };
})(jQuery);