"use strict";

/**
 * Contact Subject select in Serviceflap.
 * Display Contacts from contactSubjects select
 */
;

(function ($, window, document, undefined) {
  'use strict';

  var $document,
      $docElement,
      $scope = $('.js-contactsubject'),
      selectContactsBySubject = function selectContactsBySubject(subject) {
    $scope.find('.js-contactsubject-contacts.is-active').removeClass('is-active');
    $scope.find('#' + subject).addClass('is-active');
  },
      init = function init() {
    if ($scope.length) {
      $document = $(document);
      $docElement = $(document.documentElement);
      $scope.on('change', '.js-contactsubject-select', function () {
        selectContactsBySubject(this.value);
      }); // initially show contacts by preselected subject

      selectContactsBySubject($scope.find('.js-contactsubject-select option:selected').val());
    }
  };

  init();
})(jQuery, window, document);