$(document).ready(function () {

    document.documentElement.addEventListener('touchstart', function (event) {
        if (event.touches.length > 1) {
            event.preventDefault();
        }
    }, false);

    /* 헤더바 */
    $(".dropdown-com").hover(function () {
        $('.sub_menu.com').addClass('show');
        $('.test-hoa').attr('style', 'color: rgb(255,255,255) !important');
    }, function () {
        $('.sub_menu.com').removeClass('show');
        $('.test-hoa').attr('style', 'color: #4c4c4c !important');
    });
    $(".dropdown-pro").hover(function () {
        $('.sub_menu.pro').addClass('show');
        $('.test-hover2 a').attr('style', 'color: rgb(255,255,255) !important');
    }, function () {
        $('.sub_menu.pro').removeClass('show');
        $('.test-hover2 a').attr('style', 'color: #4c4c4c !important');
    });
    $(".dropdown-con").hover(function () {
        $('.sub_menu.con').addClass('show');
        $('.test-hover3 a').attr('style', 'color: rgb(255,255,255) !important');
    }, function () {
        $('.sub_menu.con').removeClass('show');
        $('.test-hover3 a').attr('style', 'color: #4c4c4c !important');
    });
    $(".dropdown-ser").hover(function () {
        $('.sub_menu.ser').addClass('show');
        $('.test-hover4 a').attr('style', 'color: rgb(255,255,255) !important');
    }, function () {
        $('.sub_menu.ser').removeClass('show');
        $('.test-hover4 a').attr('style', 'color: #4c4c4c !important');
    });
    $(".dropdown-app").hover(function () {
        $('.sub_menu.app').addClass('show');
        $('.test-hover5 a').attr('style', 'color: rgb(255,255,255) !important');
    }, function () {
        $('.sub_menu.app').removeClass('show');
        $('.test-hover5 a').attr('style', 'color: #4c4c4c !important');
    });

    $(".sub_menu.com").mouseover(function () {
        $('.sub_menu.com').addClass('show');
        $('.test-hover1').css('transition', '.6s .1s');
        $('.test-hover1').css('background-position', 'bottom right');
        $('.test-hoa').attr('style', 'color: rgb(255,255,255) !important');
    });

    $(".sub_menu.com").mouseleave(function () {
        $('.sub_menu.com').removeClass('show');
        $('.test-hover1').css('transition', '.3s');
        $('.test-hover1').css('background-position', 'top left');
        $('.test-hoa').attr('style', 'color: #4c4c4c !important');
    });

    $(".sub_menu.pro").mouseover(function () {
        $('.sub_menu.pro').addClass('show');
        $('.test-hover2').css('transition', '.6s .1s');
        $('.test-hover2').css('background-position', 'bottom right');
        $('.test-hover2 a').attr('style', 'color: rgb(255,255,255) !important;');

    });

    $(".sub_menu.pro").mouseleave(function () {
        $('.sub_menu.pro').removeClass('show');
        $('.test-hover2').css('transition', '.3s');
        $('.test-hover2 a').attr('style', 'color: #4c4c4c !important');
        $('.test-hover2').css('background-position', 'top left');
    });

    $(".sub_menu.con").mouseover(function () {
        $('.sub_menu.con').addClass('show');
        $('.test-hover3').css('transition', '.6s .1s');
        $('.test-hover3').css('background-position', 'bottom right');
        $('.test-hover3 a').attr('style', 'color: rgb(255,255,255) !important;');
    });

    $(".sub_menu.con").mouseleave(function () {
        $('.sub_menu.con').removeClass('show');
        $('.test-hover3').css('transition', '.3s');
        $('.test-hover3 a').attr('style', 'color: #4c4c4c !important');
        $('.test-hover3').css('background-position', 'top left');
    });

    $(".sub_menu.ser").mouseover(function () {
        $('.sub_menu.ser').addClass('show');
        $('.test-hover4').css('transition', '.6s .1s');
        $('.test-hover4').css('background-position', 'bottom right');
        $('.test-hover4 a').attr('style', 'color: rgb(255,255,255) !important;');
    });

    $(".sub_menu.ser").mouseleave(function () {
        $('.sub_menu.ser').removeClass('show');
        $('.test-hover4').css('transition', '.3s');
        $('.test-hover4 a').attr('style', 'color: #4c4c4c !important');
        $('.test-hover4').css('background-position', 'top left');
    });

    $(".sub_menu.app").mouseover(function () {
        $('.sub_menu.app').addClass('show');
        $('.test-hover5').css('transition', '.6s .1s');
        $('.test-hover5').css('background-position', 'bottom right');
        $('.test-hover5 a').attr('style', 'color: rgb(255,255,255) !important;');

    });

    $(".sub_menu.app").mouseleave(function () {
        $('.sub_menu.app').removeClass('show');
        $('.test-hover5').css('transition', '.3s');
        $('.test-hover5 a').attr('style', 'color: #4c4c4c !important');
        $('.test-hover5').css('background-position', 'top left');
    });

    $(".pump-cate").hover(function () {
        $('.sub-cate1').addClass('show'),
            $(".pump-cate").css('background', '#0099db');
    }, function () {
        $('.sub-cate1').removeClass('show'),
            $(".pump-cate").css('background', 'none');
    });

    $(".sub-cate1").mouseover(function () {
        $('.sub-cate1').addClass('show'),
            $(".pump-cate").css('background', '#0099db');
    });

    $(".sub-cate1").mouseleave(function () {
        $('.sub-cate1').removeClass('show'),
            $(".pump-cate").css('background', 'none');
    });

    $(".freezing-cate").hover(function () {
        $('.sub-cate2').addClass('show');
        $(".freezing-cate").css('background', '#0099db')
    }, function () {
        $('.sub-cate2').removeClass('show');
        $(".freezing-cate").css('background', 'none')
    });

    $(".sub-cate2").mouseover(function () {
        $('.sub-cate2').addClass('show'),
            $(".freezing-cate").css('background', '#0099db');

    });
    $(".sub-cate2").mouseleave(function () {
        $('.sub-cate2').removeClass('show'),
            $(".freezing-cate").css('background', 'none');
    });

    $(".m-reaction .pump-cate2 a").click(function () {
        $(".pump-cate2 i.fa.fa-angle-down").toggleClass("inline-block");
        $(".pump-cate2 i.fa.fa-angle-right").toggleClass("display-none");
        $(".pump-cate2 .sub-cate i.fa.fa-angle-right").toggleClass("inline-block");
        $(".m-reaction .pump-cate2 .sub-cate").toggleClass("close-btn1");
    });

    $(".pump-cate2 .sub-cate").mouseover(function () {
        $(".pump-cate2 a").css('background', '#0099db');
        $(".pump-cate2 .sub-cate a").css('background', 'none');
    });

    $(".pump-cate2 .sub-cate").mouseleave(function () {
        $(".pump-cate2 a").css('background', 'none');
    });

    $(".m-reaction .freezing-cate2 a").click(function () {
        $(".freezing-cate2 i.fa.fa-angle-down").toggleClass("inline-block");
        $(".freezing-cate2 i.fa.fa-angle-right").toggleClass("display-none");
        $(".freezing-cate2 .sub-cate i.fa.fa-angle-right").toggleClass("inline-block");
        $(".m-reaction .freezing-cate2 .sub-cate").toggleClass("close-btn2");
    });

    $(".freezing-cate2 .sub-cate").mouseover(function () {
        $(".freezing-cate2 a").css('background', '#0099db');
        $(".freezing-cate2 .sub-cate a").css('background', 'none');
    });

    $(".freezing-cate2 .sub-cate").mouseleave(function () {
        $(".freezing-cate2 a").css('background', 'none');
    });

    $(".navbar-header.m-rap button").click(function () {
        $(".m-header-menu").toggleClass("header-open");
    });

    $(".m-header-menu .menu-title .m-com-cate").click(function () {
        $(".m-com-cate i.fa.fa-angle-down").toggleClass("inline-block");
        $(".m-com-cate i.fa.fa-angle-right").toggleClass("display-none");
        $(".m-com-cate .m-sub-cate i.fa.fa-angle-right").toggleClass("inline-block");
        $(".m-com-cate").toggleClass("border-bottom-none");
        $(".m-com-cate .m-sub-cate").toggleClass("m-close-btn");
    });

    $(".m-header-menu .menu-title .m-pro-cate").click(function () {
        $(".m-pro-cate i.fa.fa-angle-down").toggleClass("inline-block");
        $(".m-pro-cate i.fa.fa-angle-right").toggleClass("display-none");
        $(".m-pro-cate .m-sub-cate i.fa.fa-angle-right").toggleClass("inline-block");
        $(".m-pro-cate").toggleClass("border-bottom-none");
        $(".m-pro-cate .m-sub-cate").toggleClass("m-close-btn2");
    });

    $(".m-header-menu .menu-title .m-pro-cate .pump-cate3").click(function () {
        $(".m-pro-cate .m-sub-cate").toggleClass("m-close-btn2");
        $(".m-pro-cate i.fa.fa-angle-down").removeClass("inline-block");
        $(".m-pro-cate i.fa.fa-angle-right").removeClass("display-none");
        $(".m-pro-cate .pump-cate3 i.fa.fa-angle-down").toggleClass("inline-block2");
        $(".m-pro-cate .pump-cate3 i.fa.fa-angle-right").toggleClass("display-none2");
        $(".m-pro-cate .pump-cate3 .m-sub-cate2 i.fa.fa-angle-right").addClass("inline-block3");
        $(".m-pro-cate .pump-cate3").addClass("border-bottom-none");
        $(".m-pro-cate .m-sub-cate .pump-cate3 .m-sub-cate2").toggleClass("m-close-btn6");
        $(".m-pro-cate .freezing-cate3 i.fa.fa-angle-right").toggleClass("inline-block2");
        $(".m-pro-cate .fan-cate i.fa.fa-angle-right").toggleClass("inline-block2");
        $(".m-pro-cate .m-sub-cate .freezing-cate3 .m-sub-cate3").removeClass("m-close-btn7");
    });

    $(".m-header-menu .menu-title .m-pro-cate .freezing-cate3").click(function () {
        $(".m-pro-cate .m-sub-cate").toggleClass("m-close-btn2");
        $(".m-pro-cate i.fa.fa-angle-down").removeClass("inline-block");
        $(".m-pro-cate i.fa.fa-angle-right").removeClass("display-none");
        $(".m-pro-cate .freezing-cate3 i.fa.fa-angle-down").toggleClass("inline-block3");
        $(".m-pro-cate .freezing-cate3 i.fa.fa-angle-right").toggleClass("display-none3");
        $(".m-pro-cate .freezing-cate3 .m-sub-cate3 i.fa.fa-angle-right").addClass("inline-block3");
        $(".m-pro-cate .freezing-cate3").addClass("border-bottom-none");
        $(".m-pro-cate .pump-cate3 i.fa.fa-angle-right").toggleClass("inline-block2");
        $(".m-pro-cate .fan-cate i.fa.fa-angle-right").toggleClass("inline-block2");
        $(".m-pro-cate .m-sub-cate .pump-cate3 .m-sub-cate2").removeClass("m-close-btn6");
        $(".m-pro-cate .m-sub-cate .freezing-cate3 .m-sub-cate3").toggleClass("m-close-btn7");
    });

    $(".m-header-menu .menu-title .m-con-cate").click(function () {
        $(".m-con-cate i.fa.fa-angle-down").toggleClass("inline-block");
        $(".m-con-cate i.fa.fa-angle-right").toggleClass("display-none");
        $(".m-con-cate .m-sub-cate i.fa.fa-angle-right").toggleClass("inline-block");
        $(".m-con-cate").toggleClass("border-bottom-none");
        $(".m-con-cate .m-sub-cate").toggleClass("m-close-btn3");
    });

    $(".m-header-menu .menu-title .m-ser-cate").click(function () {
        $(".m-ser-cate i.fa.fa-angle-down").toggleClass("inline-block");
        $(".m-ser-cate i.fa.fa-angle-right").toggleClass("display-none");
        $(".m-ser-cate .m-sub-cate i.fa.fa-angle-right").toggleClass("inline-block");
        $(".m-ser-cate").toggleClass("border-bottom-none");
        $(".m-ser-cate .m-sub-cate").toggleClass("m-close-btn4");
    });

    $(".m-header-menu .menu-title .m-app-cate").click(function () {
        $(".m-app-cate i.fa.fa-angle-down").toggleClass("inline-block");
        $(".m-app-cate i.fa.fa-angle-right").toggleClass("display-none");
        $(".m-app-cate .m-sub-cate i.fa.fa-angle-right").toggleClass("inline-block");
        $(".m-app-cate").toggleClass("border-bottom-none");
        $(".m-app-cate .m-sub-cate").toggleClass("m-close-btn5");
    });

    /* 메인페이지 영상팝업 */
    $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
        disableOn: 700,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,

        fixedContentPos: false
    });

    /* 메인 슬라이드 */

    $('.slider').bxSlider({
        auto: true,
        autoHover: true,
        controls: false,
        speed: 2000,
        pause: 5000,
        touchEnabled: false,
        onSlideBefore: function () {
            $('.slider-cont').addClass('fadeOut');
            $('.slider-cont').removeClass('fadeIn');
        },
        onSlideAfter: function () {
            $('.slider-cont').addClass('fadeIn');
            $('.slider-cont').removeClass('fadeOut');
        }
    });

    $('.bxslider').bxSlider({
        auto: true,
        autoHover: true,
        controls: false,
        touchEnabled: false,
    });

    var btn1 = $(".tab-1");
    var btn2 = $(".tab-2");
    var btn3 = $(".tab-3");
    var btn4 = $(".tab-4");

    $(".tab-1").click(function () {
        btn1.addClass('current');
        btn2.removeClass('current');
        btn3.removeClass('current');
        btn4.removeClass('current');
    });
    $(".tab-2").click(function () {
        btn2.addClass('current');
        btn1.removeClass('current');
        btn3.removeClass('current');
        btn4.removeClass('current');
    });
    $(".tab-3").click(function () {
        btn3.addClass('current');
        btn1.removeClass('current');
        btn2.removeClass('current');
        btn4.removeClass('current');
    });
    $(".tab-4").click(function () {
        btn4.addClass('current');
        btn1.removeClass('current');
        btn2.removeClass('current');
        btn3.removeClass('current');
    });


    //메인탭
    $("#tabs-menu3 a").click(function (event) {
        event.preventDefault();
        $(this).parent().addClass("current");
        var tab = $(this).attr("href");
        $(".tab-content3").not(tab).removeClass("current");
        $(".tab-content3").not(tab).css("display", "none");
        $(tab).fadeIn();
    });

    //메인탭
    $("#tabs-menu4 a").click(function (event) {
        event.preventDefault();
        $(this).parent().addClass("current");
        $(this).parent().siblings().removeClass("current");
        var tab = $(this).attr("href");
        $(".tab-content4").not(tab).css("display", "none");
        $(tab).fadeIn();
    });

    /**카테고리 클릭 시 부드럽게 해당위치로 이동**/
    $(function () {
        $('.active a').click(function () {
            var speed = 800;
            var href = $(this).attr("href");
            var target = $(href == "#" || href == "" ? 'html' : href);
            var position = target.offset().top - 85;
            $('body,html').animate({
                scrollTop: position
            }, speed, 'swing');
            return false;
        });
    });
});

window.document.onkeydown = function (e) {
    if (!e) {
        e = event;
    }
    if (e.keyCode == 27) {
        lightbox_close();
    }
}

function lightbox_open() {
    var lightBoxVideo = document.getElementById("VisaChipCardVideo");
    window.scrollTo(0, 0);
    document.getElementById('light').style.display = 'block';
    document.getElementById('fade').style.display = 'block';
    lightBoxVideo.play();
}

function lightbox_close() {
    var lightBoxVideo = document.getElementById("VisaChipCardVideo");
    document.getElementById('light').style.display = 'none';
    document.getElementById('fade').style.display = 'none';
    lightBoxVideo.pause();
}