$(document).ready(function () {
    gnbMenu();
    selectTab("#tab01");  //선생님 메인1
    selectTab("#tab02");  //선생님 메인2
    selectTab("#tab04");  //수험정보 sub01
    selectTab("#tab05");  //수험정보 sub02
    selectTab("#tab07"); //자주묻는질문 tab
    selectTab("#tab08"); //인터넷서점

    try {
        minHeight();
    } catch (e) { }

    /*공통 header 왼쪽 배너*/
    if ($('#headerB .swiper-slide').length > 1) {
        var swiper = new Swiper('#headerB', {
            direction: 'vertical',
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            loop: true,
            pagination: {
                el: '#headerB .swiper-pagination',
                clickable: true,
            },
        });
    }

    /* GNB 고정 Test */
    (function () {
        var root = $('.hd_utility');
        var hdLogo = $('.hd_logo');
        $(window).scroll(function () {
            $.fn.gnbFixed = function () {
                if ($(window).scrollTop() > hdLogo.offset().top + hdLogo.innerHeight()) {
                    root.addClass('fixed');
                    $('.hd_bottom').addClass('fixed');
                    hdLogo.addClass('fixed');
                    $('.scr_header').css({ top: '62px' });
                } else {
                    root.removeClass('fixed');
                    $('.hd_bottom').removeClass('fixed');
                    hdLogo.removeClass('fixed');
                };
            };
            //			$(document).gnbFixed();
        });
    })();



    /* ---헤더 링크 리스트 .homep_link --- */
    $('.hd_top .homep_link .road1').click(function () {
        //console.log($(this).hasClass('on'));
        if ($(this).hasClass('on')) {
            $(this).removeClass('on');
        } else {
            $('.hd_top .homep_link .road1').removeClass('on');
            $(this).addClass('on');
        }
    });

    /* ---// 헤더 링크 리스트 .homep_link --- */

    /*--- 헤더(오프라인) 공통 ---*/
    if($('#header_wrap.offline').length){        

        //menu width 
        $('#headertop .mnu_list > li').each(function() {
            let $depth1 = $(this);
            let $depth2Wrap = $depth1.find('.custom');  
            let $depth3Wrap = $depth1.find('.depth3_wrap'); 
        
            // depth2
            if($depth2Wrap.length){
                $depth1.find('.custom > li').each(function() {
                    let $depth2 = $(this);
                    let depth2TextLength = $depth2.find('a').text().length;
            
                    if (!$depth2.find('ul').hasClass('depth3')) {
                        if (depth2TextLength >= 15) {
                            $depth2Wrap.removeClass('wide');
                        }
                    }
                });
            }
        
            // depth3
            if ($depth3Wrap.length) {
                let depth3TitleTextLength = $depth3Wrap.find('.depth3_title').text().length;
        
                $depth1.find('.depth3 > li').each(function() {
                    let $depth3 = $(this);
                    let depth3TextLength = $depth3.find('a').text().length;
        
                    if (depth3TextLength >= 15 || depth3TitleTextLength >= 15) {
                        $depth2Wrap.addClass('wide');
                    } else {
                        $depth2Wrap.removeClass('wide');
                    }
                });
            }
        });
        
        
        //깜빡임
        setInterval(function () {
            $("#headertop .hd_wrp.offline .hd_utility .menu_icn.toggle").toggleClass("on");
        }, 500);
    }
    /*--- // 헤더(오프라인) 공통 ---*/



    /* --- 헤더 '공무원강좌' 9/7급 셀렉트 --- */


    var dthidx;

    $("#headertop .hd_utility .mnu_list.off .depview").hover(function () {
        dthidx = $(this).index();

        $("#headertop .hd_utility .mnu_list.off  > li").each(function (i) {
            if (dthidx == i) {
                //over
                $(this).addClass("on");
                $(this).find(".depth_hover").show();
            } else {
                //out
                $(this).removeClass("on");
                $(this).find(".depth_hover").hide();
            };
        });

    }, function () {

        dthidx = $("#headertop .hd_utility .mnu_list.off  > li").length;


        $("#headertop .hd_utility .mnu_list.off  > li").each(function (i) {
            if (dthidx == i) {
                //over
                $(this).addClass("on");
                $(this).find(".depth_hover").show();
            } else {
                //out
                $(this).removeClass("on");
                $(this).find(".depth_hover").hide();
            };
        });
    });




    /* --- // 헤더 '공무원강좌' 9/7급 셀렉트 --- */



    /* ---온라인 학원 링크 리스트 .hd_utility.right_btn --- */

    // depth2
    $('.hd_utility .right_btn.online > a').click(function () {
        if ($(this).hasClass('on')) {
            $(this).removeClass('on');
        } else {
            $('.hd_utility .right_btn.online > a').removeClass('on');
            $(this).addClass('on');

        }
    });

    // depth3
    $('.hd_utility .right_btn.online a.road2').click(function () {
        if ($(this).hasClass('on')) {
            $(this).removeClass('on');
        } else {
            $(this).addClass('on');
        }
    });

    /* ---// 온라인 학원 링크 리스트 homep_link --- */

    if ($('.mg_popup_wrap').length) {
        initMegaPopup();
    }

    if ($('.tab-base').length) {
        $('.tab-base li').on('click', function(e){
            e.preventDefault();
            $(this).addClass('on');
            $(this).siblings().removeClass('on');
        });
    }

    if ($('textarea[data-autoresize]').length) {
        $.each($('textarea[data-autoresize]'), function() {
            var offset = this.offsetHeight - this.clientHeight;
            var target = this;
        
            var resizeTextarea = function(el) {
                $(el).css('height', 'auto').css('height', el.scrollHeight + offset);
            };
  
            if (this.value.length) {
              setTimeout(function(){
                resizeTextarea(target);
              }, 10);
            }
            $(this).on('keyup input', function() { resizeTextarea(this); }).removeAttr('data-autoresize');
        });
    }

    if ($('.board-list-wrap.tb_scroll').length) {
        $('.board-list-wrap.tb_scroll').each(function(){
            let colgroup = $(this).find('colgroup').prop('outerHTML');
            let thead = $(this).find('thead').prop('outerHTML');
            $(this).find('table thead').remove();
            $(this).find('table').wrap('<div class="tb_frame"></div>');
            $(this).closest('.board-list-wrap').prepend(`<div class="tb_fix"><table>${colgroup + thead}</table></div>`);
        });
    }
});

function gnbMenu() {
    $('.lnb li').bind('click', function () {
        var target = $(this);
        if (!$(this).hasClass("on")) {
            $(this).parents().find('.lnb li').removeClass("on");
            $(this).addClass("on");
        } else {
            $(this).removeClass('on');
        }
    });
}

function minHeight() {
    try {
        var footerH = document.getElementById('mFooter').offsetHeight,
            headerH = document.getElementById('mheader').offsetHeight,
            sectionH = (window.innerHeight) - footerH - headerH;
        document.getElementById('mContainer').style.minHeight = sectionH + 'px';
    } catch (e) {
        var footerH = document.getElementById('footer').offsetHeight,
            headerH = document.getElementById('headertop').offsetHeight,
            sectionH = (window.innerHeight) - footerH - headerH;
        document.getElementById('mContainer').style.minHeight = sectionH + 'px';
    }
}

/*common tab*/
function selectTab(selector) {
    var selectedTab = null;
    var Tabs = $(selector).find("li");
    Tabs.click(function () {
        selectedTab = $(this);
        if (selectedTab != null) {
            selectedTab.parent().find("li").removeClass("on");
            selectedTab.addClass("on");
            selectedTab.parent().siblings().find($(".tab_content")).css('display', 'none');
            var activeTab = selectedTab.attr("rel");
            $("#" + activeTab).fadeIn()
        }
    });
}


//공용레이어 처리////////////////////////////////////////////////////////
function fncLayerShow(i, a, s) {

    //팝업개체
    var e = $('#' + i);

    //화면의 높이와 너비를 구한다.
    var maskWidth = $(document).width();
    var maskHeight = $(document).height();

    var popWidth = e.width();

    var popHeight = e.height();

    $("body").append("<div class='darkmask'></div>");
    var t = $(".darkmask");
    //마스크의 높이와 너비를 화면 것으로 만들어 전체 화면을 채운다.
    t.css({ 'width': '100%', 'height': maskHeight });

    //애니메이션 효과 - 일단 1초동안 까맣게 됐다가 80% 불투명도로 간다.
    t.fadeIn(1);
    $('html,body').css('overflow', 'hidden');
    t.fadeTo("slow", 0.8);

    var ph = $(window).height() - popHeight;
    if (ph < 0) { ph = 0; }
    e.css({ 'left': ($(window).width() - popWidth) / 2, 'top': (ph) / 2 });

    eval("e." + a + "('" + s + "')");
}

function fncLayerHide(i, a, s) {
    var t = $(".darkmask");

    t.fadeOut('fast');
    $('.darkmask').remove();
    $('html,body').css('overflow', 'visible');
    var e = $('#' + i);
    eval("e." + a + "('" + s + "')");
}
//공용레이어 처리////////////////////////////////////////////////////////

// 슬릭 랜덤처리시 사용 , ex : $(".elem").randomize().slick();
$.fn.randomize = function (selector) {
    var $elems = selector ? $(this).find(selector) : $(this).children(),
        $parents = $elems.parent();

    $parents.each(function () {
        $(this).children(selector).sort(function (childA, childB) {
            // * Prevent last slide from being reordered
            if ($(childB).index() !== $(this).children(selector).length - 1) {
                return Math.round(Math.random()) - 0.5;
            }
        }.bind(this)).detach().appendTo(this);
    });

    return this;
};

function initMegaPopup() {
    $('.mg_popup_wrap').each(function () {
        if ($(this).data('width')) {
            $(this).css('max-width', $(this).data('width'));
        }
    });

    $('.cmg_popup_wrap').each(function () {
        if ($(this).data('width')) {
            $(this).css('max-width', $(this).data('width'));
        }
    });

    $('.zoom-gallery').magnificPopup({
        delegate: 'a',
        type: 'image',
        closeOnContentClick: false,
        closeBtnInside: false,
        mainClass: 'mfp-with-zoom mfp-img-mobile',
        image: {
            verticalFit: true,
            titleSrc: function (item) {
                return item.el.attr('title') + ' &middot; <a class="image-source-link" href="' + item.el.attr('data-source') + '" target="_blank">바로가기</a>';
            }
        },
        gallery: {
            enabled: true
        },
        zoom: {
            enabled: true,
            duration: 300, // don't foget to change the duration also in CSS
            opener: function (element) {
                return element.find('img');
            }
        }
    });
}

// https://dimsemenov.com/plugins/magnific-popup/documentation.html
function openMegaPopup(popupId, type, closeOnBgClick, fixedContentPos, openCallback, closeCallback) {
    var posY = null;
    var magnificPopupConfiguration = function () {
        return {
            beforeOpen: function () {
                posY = window.pageYOffset;
                $('html').css('overflow', 'hidden');
                $('body').css({ 'position': 'fixed', 'top': -posY });
            },
            resize: function () { },
            open: function () { },
            beforeClose: function () {
                $('html').css('overflow', '');
                $('body').css({ 'position': '', 'top': '' });
                window.scrollTo(0, posY);
            }
        }
    }
    var magnificPopupDimmConfiguration = function (dimmClass) {
        return {
            open: function () {
                $('.mfp-content').prepend('<div class="' + dimmClass + '"></div>');
                if (typeof openCallback === 'function') {
                    openCallback();
                }
            },
            beforeClose: function () {
                $('.mfp-content .' + dimmClass).remove();

            },
            close: function () {
                if (typeof closeCallback === 'function') {
                    closeCallback();
                }
            }
        }
    }
    var defaultOption = {
        items: {
            src: '#' + popupId,
            type: 'inline',
        },
        fixedBgPos: true,
        overflowY: 'auto',
        closeBtnInside: true,
        preloader: false,
        midClick: true,
        removalDelay: 300,
        showCloseBtn: closeOnBgClick === false ? false : true,
        closeOnBgClick: closeOnBgClick === false ? false : true,
        enableEscapeKey: false,
    };

    if (type === 1 || type === undefined) {
        customOption = {
            fixedContentPos: fixedContentPos === false ? false : true,
            removalDelay: 300,
            mainClass: 'mfp-zin',
        }
    } else if (type === 2) {
        customOption = {
            fixedContentPos: fixedContentPos === false ? false : true,
            removalDelay: 300,
            mainClass: 'fade-slideup fix-bottom',
            callbacks: magnificPopupConfiguration(),
        }
    } else if (type === 3) {
        customOption = {
            fixedContentPos: fixedContentPos === false ? false : true,
            removalDelay: 300,
            mainClass: 'fade-slidedown fix-top',
            callbacks: magnificPopupConfiguration(),
        }
    } else if (type === 4 || type === 5 || type === 6) {
        var dimClass = '';
        if (type === 4) {
            dimClass = 'mg_popup_dimm';
        } else if (type === 5) {
            dimClass = 'mg_popup_dimm2';
        } else if (type === 6) {
            dimClass = 'mg_popup_dimm3';
        }
        customOption = {
            fixedContentPos: fixedContentPos === false ? false : true,
            removalDelay: 300,
            mainClass: 'mfp-zin',
            callbacks: magnificPopupDimmConfiguration(dimClass),
        }
    }
    var getOption = Object.assign(defaultOption, customOption);
    $.magnificPopup.open(getOption);
}

function illegalFile(gubn) {
    fncMegaDownload("/userdown/illegal/재발방지확약서_메가공무원.pdf", "");
    return false;
}

function illegalSuperPopup(ill) {
    var idV = "illegalSpop";
    var rtn = false;
    try {
        $('#' + idV).remove();
        $.ajax({
            type: "POST",
            async: false,
            url: "/common/popup/illegal.asp?ill=" + ill
        }).done(function (data) {
            if (data != "") {
                $('body').append(data);

                initSuperPopup(idV);
                openSuperPopup(idV);
                rtn = true;
            }
        });
    } catch (error) {
        rtn = false;
    } finally {
        return rtn;
    }
}

function initSuperPopup(popupId) {
    var $target = $('#' + popupId);
    $target.find('.smg_popup_inner').css('max-width', $target.data('width'));
    $('#Wrap').after($target);
}

function openSuperPopup(popupId) {
    $('#' + popupId).show();
}

function closeSuperPopup(popupId) {
    $('#' + popupId).hide();
}

function closeSuperPopupToday(popupId, todayId) {
    setCookiePopupToday(todayId, 'close', 1);
    closeSuperPopup(popupId);
}

function openCmegaPopup(popupId, dimm) {
    if (dimm) {
        $('#' + popupId).before(`<div class="cmg_dimm" id="${popupId}_dimm"></div>`);
        if ($('#' + popupId).hasClass('super')) {
            $('#' + popupId + '_dimm').addClass('super');
        }
    }
    $('#' + popupId).show();
}

function closeCmegaPopup(popupId, remove) {
    if ($('#' + popupId + '_dimm').length) {
        $('#' + popupId + '_dimm').remove();
    }
    if (remove) {
        $('#' + popupId).remove();
    } else {
        $('#' + popupId).hide();
    }
}

$(document).on('click', '.cmg_dimm', function () {
    $(this).next('.cmg_popup_wrap').hide();
    $(this).remove();
});

function setCookiePopupToday(name, value, expiredays) {
    var todayDate = new Date();
    todayDate = new Date(parseInt(todayDate.getTime() / 86400000) * 86400000 + 54000000);
    if (todayDate > new Date()) {
        expiredays = expiredays - 1;
    }
    todayDate.setDate(todayDate.getDate() + expiredays);
    document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function customScrollbar(selector) {
    var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
    if (!isMobile) {
        $(selector).mCustomScrollbar({
            theme: "minimal-dark",
        });
    } else {
        $(selector).addClass('mo')
    }
}

var globalCookiePopup = {
    cookie_arr: null,
    set: function (name, value, options) {
        options = options || {};
        this.cookie_arr = [escape(name) + '=' + escape(value)];
        //-- expires
        if (options.expires) {
            if (typeof options.expires === 'object' && options.expires instanceof Date) {
                var date = options.expires;
                var expires = "expires=" + date.toUTCString();
                this.cookie_arr.push(expires);
            }
        } else if (options.expires_day) {
            this.set_expires_date(options.expires_day, 24 * 60 * 60);
        } else if (options.expires_hour) {
            this.set_expires_date(options.expires_hour, 60 * 60);
        }
        //-- domain
        if (options.domain) {
            var domain = "domain=" + options.domain;
            this.cookie_arr.push(domain);
        }
        //-- path
        if (options.path) {
            var path = 'path=' + options.path;
            this.cookie_arr.push(path);
        }
        //-- secure
        if (options.secure === true) {
            var secure = 'secure';
            this.cookie_arr.push(secure);
        }
        document.cookie = this.cookie_arr.join('; ');
    },
    get: function (name) {
        var nameEQ = escape(name) + "=";
        var ca = document.cookie.split(';');

        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return unescape(c.substring(nameEQ.length, c.length));
        }
        return null;
    },
    del: function (name, options) {
        options = options || {};
        options.expires_day = -1;
        this.set(name, '', options);
    },
    set_expires_date: function (expires, time) {
        var date = new Date();
        date.setTime(date.getTime() + (expires * time * 1000));
        var expires = "expires=" + date.toUTCString();
        this.cookie_arr.push(expires);
    }
}

var mgFrontHolidays = ["3-1", "5-5", "6-6", "8-15", "2023-9-28", "2023-9-29", "10-3", "10-9", "12-25"]; // 달력에서 선택되면 안되는 공휴일
var mgCustomFrontHolidays = null;//지정공휴일
var mgCustomHolidays = function () {
    var year = new Date().getFullYear();
    mgCustomFrontHolidays = mgFrontHolidays.map(function (holiday, index) {
        if (holiday.length <= 5) {
            return holiday = year + '-' + holiday
        } else {
            return holiday
        }
    });
}
mgCustomHolidays();

// 메가공무원 프론트 스크립트(UI 개발 메서드 모음)
var mgFrontScript = window.mgFrontScript || (function () {
    return {
        isDay: function (number) {
            /* 설명 : 오늘 날짜 형식 ex) 2023-02-03
               사용처 : 공통 달력 인풋 */
            var date = new Date(),
                year = date.getFullYear(),
                today = number ? date.getDate() + Number(number) : date.getDate(),
                month = new String(date.getMonth() + 1) < 10 ? '0' + new String(date.getMonth() + 1) : new String(date.getMonth() + 1),
                day = new String(today) < 10 ? '0' + new String(today) : new String(today),
                txt = year + '-' + month + '-' + day;
            return txt;
        },
        onSelectPickerDay: function ($this, dateText, inst) {
            /*  설명 : 달력 선택된 날짜 형식 ex) 2023-02-03
                사용처 : 공통 달력 jQuery UI datepicker : onSelect 내부 */
            var date = $.datepicker.parseDate($this.datepicker('option', 'dateFormat'), dateText),
                year = date.getFullYear(),
                month = (date.getMonth() + 1) < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1,
                day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(),
                txt = year + '-' + month + '-' + day;
            return txt;
        },
        noWeekendsOnly: function (date) {
            /*  설명 : 달력 토요일, 일요일 비활성화
                사용처 : 공통 달력 jQuery UI datepicker : beforeShowDay 내부 */
            var noWeekend = $.datepicker.noWeekends(date);
            return noWeekend[0] ? [true] : noWeekend;
        },

        noWeekendsWithHolidays: function (date) {
            /*  설명 : 달력 토요일, 일요일, 공휴일 비활성화
                사용처 : 공통 달력 jQuery UI datepicker : beforeShowDay 내부 */
            var noWeekend = $.datepicker.noWeekends(date);
            var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
            for (i = 0; i < mgCustomFrontHolidays.length; i++) {
                if ($.inArray(y + '-' + (m + 1) + '-' + d, mgCustomFrontHolidays) != -1) {
                    return [false];
                }
            }
            if (noWeekend[0]) {
                return [true];
            } else {
                return noWeekend;
            }


        }
    }
}());

//메가패스 할인 가격 적용 passTab
function numberWithCommas(number) {
    return Math.ceil(number).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
};

$('.passTab .tab_cont .sale_box').each(function () {
    let origin = +($(this).find('.price .origin_price b').text().split(',').join(""));
    let sale_per = (100 - $(this).find('.price .discount_price .sale_per').text()) / 100;
    $(this).find('.price .discount_price b').text(numberWithCommas(origin * sale_per));
});


// GA로 변경되는 URL을 원래 URL로 변경
function changeGAUrl(url) {
    var currentUrl = url;

    // 제거할 매개변수들
    var parametersToRemove = ["_ga", "_gl"];

    // URL에서 매개변수 제거
    parametersToRemove.forEach(function (param) {
        var regex = new RegExp(param + "=[^&]*[&]?", "gi");
        currentUrl = currentUrl.replace(regex, "");
    });

    // 만약 맨 끝에 '&' 문자가 남아있다면 제거
    currentUrl = currentUrl.replace(/&$/, "");

    // 변경된 URL로 페이지 이동 (URL을 변경하고 싶지 않다면 이 부분을 생략할 수 있습니다.)
    window.location.href = currentUrl;
}

// ajax 호출 시 사용하는 로딩 화면
// 단일 페이지에서 단일작업 처리 / 사용지양
let interval_l = null;
function loadingUI(type = "", hcode, target = "body") {
    $(target).append('<div id="loading_ui" class="' + hcode + '"><div class="spinner_wrap"><div class="spinner"></div></div></div>');

    $('#loading_ui').show();

    interval_l = setInterval(function() { // length가 0이 아닐 때까지 반복
        // 강좌리스트 
        if (type == 'lecture') {
            if ($('.lectlist .lect_item .listTitle .subject a').text().trim().length > 0) {
                $('#loading_ui').fadeOut(100);
                clearInterval(interval_l);
            }
        }
        // 온라인서점 기획전(강사) / s/gong/event/2024/12110148/index.asp
        if (type == 'book_tec') {
            if ($('.event_book .tab--teacher > li p').text().trim().length > 0) { 
                $('#loading_ui').fadeOut(100);
                clearInterval(interval_l);
            }
        }
        // 온라인서점 기획전(책 목록) / s/gong/event/2024/12110148/index.asp
        if (type == 'book_list') {
            if ($('.event_book .ebk_list .b_info a').text().trim().length > 0) {
                $('#loading_ui').fadeOut(100);
                clearInterval(interval_l);
            }
        }
    }, 300); // 300ms마다 확인

    if (type == 'lecture' || type == 'book_tec' || type == 'book_list') {
        setTimeout(function(){
            if ($('#loading_ui').css('display') == 'block') {
                $('#loading_ui').fadeOut(100);
                clearInterval(interval_l);
            }
        }, 10 * 1000); // 네트워크 불안한 상황에서 10초 이후에 제거
    }
}

// 단일 페이지에서 다중작업 처리 / 사용지향
function cmpLoadingUI(target = "body", hcode = "gong") {
    $(target).append('<div class="' + hcode + ' cmp_loading_ui"><div class="spinner_wrap"><div class="spinner"></div></div></div>');
    $(target + ' .cmp_loading_ui').show();
}
function closeLoading(target = "body") {
    if ($(target + ' .cmp_loading_ui').css('display') == 'block') {
        $(target + ' .cmp_loading_ui').fadeOut(100);
    }
}