  ?$(document).ready(function () {
    const SITECORE_VALUES = {
        LANG: $('#lang').val(),
        SEARCH_RESULT_LINK: $('#searchResultLink').val(),
        DEFAULT_CATEGORY_ID: $('#defaultCategoryID').val(),
        DEFAULT_SUBCATEGORY_ID: $('#defaultSubCategoryID').val(),
        SUBCATEGORY_TEXT: $('#subCategoryText').val()
    };

    // categoryMap(categoryId, categoryObject)
    var categoryMap = new Map();
    // subCategoryMap(subCategoryId, categoryId)
    var subCategoryMap = new Map();
    // childrenCategoryMap(categoryId, category.children)
    var childrenCategoryMap = new Map();

    var targetNode = document.getElementById('category-select');
    var config = { attributes: true };
    var callback = function (mutationsList, observer) {
        // Use traditional 'for loops' for IE 11
        for (let i = 0; i < mutationsList.length; i++) {
            let mutation = mutationsList[i];
            if (mutation.type === 'attributes' && mutation.attributeName === "aria-activedescendant") {
                loadSubCategoryOption(targetNode.getAttribute('aria-activedescendant'));
                $('#search-box-button-2').text(SITECORE_VALUES.SUBCATEGORY_TEXT);
                $('#subCategory-select').attr('aria-activedescendant', '');
            }
        }
    };
    var observer = new MutationObserver(callback);
    observer.observe(targetNode, config);

    $.get(
        '/webapi/GetCategoryRest', { lang: SITECORE_VALUES.LANG },
        function (data) {
            if (data) {
                // カテゴリとサブカテゴリのドロップダウンボックスデータ初期化
                data.categories.forEach(function (category, index, array) {
                    // カテゴリ非表示の場合、処理をスキップする
                    if (category.categorytreedisplayoff_flag == "TRUE") {
                        return false;
                    }

                    var option = createOptionElement(category.category_id, category.name);
                    $('#category-select').append(option);
                    childrenCategoryMap.set(category.category_id, category.children);
                    categoryMap.set(category.category_id, category);

                    category.children.forEach(function (subCategory, index, array) {

                        if (subCategory.categorytreedisplayoff_flag == "TRUE") {
                            return false;
                        }

                        subCategory.parentCategoryId = category.category_id;
                        // subCategoryオブジェクトにすべての情報がまとまる
                        subCategoryMap.set(subCategory.category_id, subCategory);
                    });
                });
                // デフォルトカテゴリとデフォルトサブカテゴリのデータ初期化
                observer.disconnect();
                selectDefaultCategory();
                observer.observe(targetNode, config);
            }
        }
    );

    function loadSubCategoryOption(categoryId) // void function
    {
        if (typeof($('#search-box-button-2').attr('disabled')) != "undefined"){
            $('#search-box-button-2').removeAttr('disabled');
        }
        $('#subCategory-select').empty();
        var defaultSubOption = createOptionElement('all-subCategory', SITECORE_VALUES.SUBCATEGORY_TEXT); //crate default option!
        $('#subCategory-select').append(defaultSubOption);

        if (categoryId && childrenCategoryMap.has(categoryId)) {
            childrenCategoryMap.get(categoryId).forEach(function (subCategory, index, array) {
                if (subCategory.categorytreedisplayoff_flag == "TRUE") {
                    return false;
                }

                // Case15523 「/MEMS振動子」表記と「水晶発振器」の選択肢削除
                if (subCategory.category_id === 'cgsubResonators') {
                    subCategory.name = subCategory.name.replace('/MEMS振動子', '').replace('/MEMS谐振器', '').replace('/MEMS Resonators', '');
                }
                if (subCategory.category_id === 'cgsubCrystalOscillators') {
                    return false;
                }

                var option = createOptionElement(subCategory.category_id, subCategory.name);
                $('#subCategory-select').append(option);
            });
        }
        if ($('#subCategory-select').find('li').length == 1) {
            $('#search-box-button-2').attr("disabled", true);
        }
    }

    function createOptionElement(val, name) {
        var $option = $('<li role="option"></li>').attr('id', val).text(name);
        return $option;
    }

    function selectDefaultCategory() {
        var isValidCategory = (SITECORE_VALUES.DEFAULT_CATEGORY_ID && categoryMap.has(SITECORE_VALUES.DEFAULT_CATEGORY_ID));
        var isValidSubCategory = (SITECORE_VALUES.DEFAULT_SUBCATEGORY_ID && subCategoryMap.has(SITECORE_VALUES.DEFAULT_SUBCATEGORY_ID));

        // デフォルトカテゴリデータが存在する。デフォルトカテゴリデータが有効する。
        if (isValidCategory) {
            // カテゴリの割り当て
            loadSubCategoryOption(SITECORE_VALUES.DEFAULT_CATEGORY_ID);
            bindLi('category-select', 'search-box-button-1', categoryMap.get(SITECORE_VALUES.DEFAULT_CATEGORY_ID).name, 'li[id=' + SITECORE_VALUES.DEFAULT_CATEGORY_ID + ']');
        }

        // デフォルトサブカテゴリデータが存在する。デフォルトサブカテゴリデータが有効する。
        if (isValidSubCategory) {
            var parentCategoryId = subCategoryMap.get(SITECORE_VALUES.DEFAULT_SUBCATEGORY_ID).parentCategoryId;
            if (parentCategoryId == SITECORE_VALUES.DEFAULT_CATEGORY_ID) {
                bindLi('subCategory-select', 'search-box-button-2', categoryMap.get(parentCategoryId).name + ' ' + subCategoryMap.get(SITECORE_VALUES.DEFAULT_SUBCATEGORY_ID).name, 'li[id=' + SITECORE_VALUES.DEFAULT_SUBCATEGORY_ID + ']');
            }
            // defaultCategoryIDが不正（未設定または存在しないなど）のために親カテゴリと一致しない場合はdefaultSubCategoryIDを選択し、親カテゴリを設定する
            else if (!isValidCategory) {
                // カテゴリの割り当て
                loadSubCategoryOption(parentCategoryId);
                bindLi('category-select', 'search-box-button-1', categoryMap.get(parentCategoryId).name, 'li[id=' + parentCategoryId + ']');
                bindLi('subCategory-select', 'search-box-button-2', categoryMap.get(parentCategoryId).name + ' ' + subCategoryMap.get(SITECORE_VALUES.DEFAULT_SUBCATEGORY_ID).name, 'li[id=' + SITECORE_VALUES.DEFAULT_SUBCATEGORY_ID + ']');
            }
            //もし、親カテゴリが一致しない場合はdefaultCategoryIDを優先する（defaultSubCategoryIDは選択しない）
        }
    }

    function getUrl() {
        var categoryId = $('#category-select').find('li[aria-selected="true"]').attr("id");
        if (categoryId == 'all-category') {
            categoryId = null;
        }
        var subCategoryId = $('#subCategory-select').find('li[aria-selected="true"]').attr("id");
        if (subCategoryId == 'all-subCategory') {
            subCategoryId = null;
        }
        var targetCategoryId = subCategoryId || categoryId;
        var url = "";

        // カテゴリが選択されてなかったら
        if (!targetCategoryId) {
            return SITECORE_VALUES.SEARCH_RESULT_LINK;
        }

        var tagetCategoryObj = subCategoryMap.get(targetCategoryId) || categoryMap.get(targetCategoryId);

        // 外部リンクが設定されていた場合
        if (tagetCategoryObj && tagetCategoryObj.url) {
            return tagetCategoryObj.url; // external url
        }

        // カテゴリが選択されていて, 外部リンクではない場合
        return SITECORE_VALUES.SEARCH_RESULT_LINK + "?cate=" + targetCategoryId;
    }

    function bindLi(ulid, buttonid, buttonText, liTag) {
        $('#' + ulid).find('li[aria-selected="true"]').removeAttr('aria-selected');
        $('#' + buttonid).text(buttonText);
        $('#' + ulid).find(liTag).attr('aria-selected', 'true').click();
    }

    $('#categorySearch01SearchButton').off('click').on('click', function () {
        var url = getUrl();
        window.open(url, '_blank');
    });
    $('#categorySearch01SearchButton_sp').off('click').on('click', function () {
        var url = getUrl();
        window.open(url, '_blank');
    });

});