"use strict";

/**
 * Disorder Type select in Serviceflap.
 * Display Contacts from contactSubjects select
 */
;

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

  var $document,
      $docElement,
      $scope = $('.js-disorder'),
      selectArea = function selectArea(areaId) {
    $scope.find('.js-disorder-area.is-active .js-disorder-typeselect').val('0').trigger('change');
    $scope.find('.js-disorder-area.is-active').removeClass('is-active');
    $scope.find('#' + areaId).addClass('is-active');
  },
      selectType = function selectType(typeId) {
    $scope.find('.js-disorder-type.is-active').removeClass('is-active');
    $scope.find('#' + typeId).addClass('is-active');
  },
      init = function init() {
    if ($scope.length) {
      $scope.on('change', '.js-disorder-areaselect', function () {
        selectArea(this.value);
      });
      $scope.on('change', '.js-disorder-typeselect', function () {
        selectType(this.value);
      });
    }
  };

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