var ecblib = ecblib || {};
ecblib.search_suggest = ecblib.search_suggest || {};

(function () {
    var _search_suggest = ecblib.search_suggest;

    var searchSuggestFormSelector = ".js-suggest-search";
    var searchSuggestAreaSelector = "#search_suggest_area_";
    var searchSuggestPendingTime = 200;
    var searchSuggestMinLength = 1;
    var searchSuggestURL = '';
    var searchSuggestAreaTmpl = '<div id="search_suggest_area_" class="block-search-suggest"></div>';
    var searchSuggestTimer = null;
    var searchSuggestCurrentForm = null;
    /*  初期化処理 */
    jQuery(document).ready(function () {
        /*  サジェストAjaxのURL生成 */
        searchSuggestURL = ecblib.sys.wwwroot + "/shop/search/searchsuggest.aspx";
        /*  キーワードを入力した、または、キーワードにフォーカスした場合のイベント */
        jQuery(searchSuggestFormSelector).on("keyup focus input", function (e) {
            triggerSearchSuggest(e, jQuery(this));
        });
        jQuery(searchSuggestFormSelector).on("keydown", function (e) {
            if (e.which == 40) {
                jQuery(searchSuggestAreaSelector).find('a:first').focus();
                e.preventDefault();
                e.stopPropagation();
            }
        });
        jQuery(document).on("keydown", searchSuggestAreaSelector, function (e) {
            if (e.which == 38) {
                var prevObj = jQuery(document.activeElement).parent().prev();
                var prevObjParent = jQuery(document.activeElement).parent().parent().prev();
                if (!prevObj[0] && !prevObjParent[0]) {
                    jQuery(searchSuggestAreaSelector).find('a:last').focus();
                } else if (prevObj[0]) {
                    prevObj.find('a:last').focus();
                } else if (prevObjParent[0]) {
                    prevObjParent.children(':last').find('a:last').focus();
                }
                e.preventDefault();
                e.stopPropagation();
            }
            if (e.which == 40) {
                var nextObj = jQuery(document.activeElement).parent().next();
                var nextObjParent = jQuery(document.activeElement).parent().parent().next();
                if (!nextObj[0] && !nextObjParent[0]) {
                    jQuery(searchSuggestAreaSelector).find('a:first').focus();
                } else if (nextObj[0]) {
                    nextObj.find('a:first').focus();
                } else if (nextObjParent[0]) {
                    nextObjParent.children(':first').find('a:first').focus();
                }
                e.preventDefault();
                e.stopPropagation();
            }
            if (e.which == 13) {
                return jQuery(document.activeElement).click();
            }
        });
        /*  サジェストキーワードをクリックされた場合のイベント */
        jQuery(document).on("click", ".js-search-suggest-keyword-entry", function () {
            selectSearchSuggestKeyword(jQuery(this));
            return false;
        });
        /*  サジェスト商品をクリックされた場合のイベント */
        jQuery(document).on("click", ".js-search-suggest-goods", function () {
            selectSearchSuggestGoods(jQuery(this));
        });
        /*  サジェストエリア外をクリックされた場合のイベント */
        jQuery("body").on("click", function (e) {
            hideSearchSuggest(e);
        });
    });
    /*  サジェストキーワード選択時の処理 */
    function selectSearchSuggestKeyword(entry) {
        jQuery(searchSuggestCurrentForm).val(entry.text());
        if (jQuery(searchSuggestCurrentForm).data("suggest-submit") == "on") {
            /*  suggest-submitがonの時はformをsubmit */
            jQuery(searchSuggestCurrentForm).closest("form").submit();
        } else {
            /*  suggest-submitがoffの時はサジェストエリアを閉じる */
            removeSearchSuggest();
        }
    }
    /*  サジェスト商品選択時の処理 */
    function selectSearchSuggestGoods(entry) {
        location.href = entry.find("a").attr("href");
    }
    /*  キーワード入力後サジェスト表示タイマー開始処理 */
    function triggerSearchSuggest(e, inputForm) {
        var inputKeyword = inputForm.val();
        /*  エンターの場合は中断 */
        if (e.keyCode == 13) {
            return false;
        }
        /*  既に表示タイマーが開始されている場合は取り消し */
        if (searchSuggestTimer) {
            clearTimeout(searchSuggestTimer);
            searchSuggestTimer = null;
        }
        /*  入力が空か最低入力文字数に満たない場合は中断 */
        if (inputKeyword == '' || inputKeyword.length < searchSuggestMinLength) {
            removeSearchSuggest();
            return false;
        }
        /*  表示タイマーをセット */
        searchSuggestTimer = setTimeout(function () {
            searchSuggestTimer = null;
            requestSearchSuggest(inputForm, inputKeyword);
        }, searchSuggestPendingTime);
    }
    /*  サジェスト表示タイマーがタイムアウト後の処理 */
    function requestSearchSuggest(inputForm, inputKeyword) {
        jQuery.ajax({
            url: searchSuggestURL,
            type: "POST",
            dataType: "html",
            cache: false,
            data: {
                input_keyword: inputKeyword
            },
            success: function (responseHtml) {
                /*  サジェストエリア消去 */
                removeSearchSuggest();
                /*  サジェストデータを受信したがキーワードがクリアされていた場合は中断 */
                if (inputForm.val() == '') {
                    return;
                }
                /*  サジェストデータが空（改行のみの場合を含む）の場合は中断 */
                if (responseHtml.replace(/\s+$/, "") == '') {
                    return;
                }
                /*  サジェストデータがセッション切れHTML等に置き換わっている場合は中断 */
                if (responseHtml.indexOf("suggest_keyword_list") == -1 && responseHtml.indexOf("suggest_goods_list") == -1) {
                    return;
                }
                /*  サジェストエリア表示 */
                showSearchSuggest(inputForm, responseHtml);
            }
        });
    }
    /*  サジェストエリア表示処理 */
    function showSearchSuggest(inputForm, responseHtml) {
        /*  サジェストエリアのテンプレートを追加 */
        jQuery("body").append(searchSuggestAreaTmpl);
        /*  サジェストエリアのHTMLをセット */
        var suggestArea = jQuery(searchSuggestAreaSelector);
        suggestArea.html(responseHtml);
        /*  表示位置の調整 */
        var ctrl = inputForm;
        var ctrlOffset = ctrl.offset();
        var ctrlLeft = ctrlOffset.left;
        var ctrlTop = ctrlOffset.top + jQuery(ctrl).outerHeight(false);
        suggestArea.offset({
            top: ctrlTop,
            left: ctrlLeft
        });
        var paddingWidth = parseInt(suggestArea.css('margin-left')) + parseInt(suggestArea.css('margin-right')) + parseInt(suggestArea.css('padding-left')) + parseInt(suggestArea.css('padding-right'));
        var width = jQuery(ctrl).outerWidth(true) - paddingWidth;
        suggestArea.css("min-width", width);
        /*  サジェストを表示したフォームを保持 */
        searchSuggestCurrentForm = inputForm;
        /*  サジェストエリア表示 */
        suggestArea.show();
    }
    /*  サジェストエリア非表示判定と非表示処理呼び出し */
    function hideSearchSuggest(e) {
        var suggestArea = jQuery(searchSuggestAreaSelector);
        if (suggestArea.length) {
            var x = e.clientX + jQuery(window).scrollLeft();
            var y = e.clientY + jQuery(window).scrollTop();
            var ctrlOffset = suggestArea.offset();
            var startX = ctrlOffset.left;
            var endX = startX + suggestArea.outerWidth(true);
            var startY = ctrlOffset.top;
            var endY = startY + suggestArea.outerHeight(true);
            if (x < startX || x > endX || y < startY || y > endY) {
                removeSearchSuggest();
            }
        }
    }
    /*  サジェストエリア非表示処理 */
    function removeSearchSuggest() {
        jQuery(searchSuggestAreaSelector).remove();
        searchSuggestCurrentForm = null;
    }
}());