/*================================================================
PR001 Module JS
Version : 1.0
Release : 2018-01-16
Copyright by DOTPIA All Rights Reserved.
================================================================*/
(function($) {
    'use strict';
    /*================================
    GET URL PARAMETER FUNCTION
    ================================*/
    $.urlParam = function(name){
        var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
        if (results==null){
           return null;
        }
        else{
           return decodeURI(results[1]) || 0;
        }
    }
    /*================================
    PREVENT VERTICAL SCROLL FOR CAROUSEL
    ================================*/
    window.blockMenuHeaderScroll = false;
    $(window).on('touchstart', function(e) {
        if ($(e.target).closest('.owl-carousel').length == 1) {
            blockMenuHeaderScroll = true;
        }
    });
    $(window).on('touchend', function() {
        blockMenuHeaderScroll = false;
    });
    $(window).on('touchmove', function(e) {
        if (blockMenuHeaderScroll) {
            e.preventDefault();
        }
    });
    /*================================
    PRELOADER
    ================================*/
    var preloader = $('#preloader');
    if(enableLoadEffect == false) preloader.remove();
    $(window).bind('load', function() {
        preloader.find('.spinner').fadeOut(400);
        preloader.delay(400).fadeOut(400, function() {
            preloader.remove();
        });
    });
    /*================================
    WOW ANIMATION
    ================================*/
    if(useScrollAnimation === true) {
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 100,
            scrollContainer: null
        });
        wow.init();
    } else {
        $('.wow').css({visibility:'visible'});
    }
    /*================================
    MAIN PAGE
    ================================*/
    /* Key Visual */
    $(document).ready(function() {
        $('#keyVisual .owl-carousel').owlCarousel({
            loop: true, // 무한순환 여부
            items: 1, // 아이템 개수
            margin: 0, // 아이템간 여백
            smartSpeed: 800, // 슬라이드 애니메이션 속도 (단위 : 밀리초)
            cssEase: 'ease-in', // 가속 애니메이션 (easing)
            nav: true, // 좌우 컨트롤 사용 여부
            navText: ['<i class="ion-ios-arrow-thin-left"></i>', '<i class="ion-ios-arrow-thin-right"></i>'], // 좌우 컨트롤 문구
            autoplay: true, // 자동재생 여부
            autoplayTimeout: keyVisualTimeout, // 자동재생 간격 (단위 : 밀리초)
            autoplayHoverPause: true // 마우스 오버시 자동재생 일시정지 여부
        });
    });


    /* brand Visual */
    $(document).ready(function() {
        $('#brandVisual .owl-carousel').owlCarousel({
            loop: true, // 무한순환 여부
            items: 1, // 아이템 개수
            margin: 0, // 아이템간 여백
            smartSpeed: 1600, // 슬라이드 애니메이션 속도 (단위 : 밀리초)
            cssEase: 'ease-in', // 가속 애니메이션 (easing)
            nav: true, // 좌우 컨트롤 사용 여부
            navText: ['<i class="ion-ios-arrow-thin-left"></i>', '<i class="ion-ios-arrow-thin-right"></i>'], // 좌우 컨트롤 문구
            autoplay: true, // 자동재생 여부
            autoplayTimeout: keyVisualTimeout, // 자동재생 간격 (단위 : 밀리초)
            autoplayHoverPause: true // 마우스 오버시 자동재생 일시정지 여부
        });
    });



    /* Notice Slider */
    $(document).ready(function() {
        var slideIdx = 0;
        var slideWrap = $('#noticeBanner .noticeSlider');
        var slideBody = slideWrap.find('table');
        var slideItems = slideBody.find('tr');
        var slideCount = slideItems.length;
        var slideHeight;
        var slideDuration;
        if(slideWrap.data('duration')) {
            slideDuration = slideWrap.data('duration');
        } else {
            slideDuration = 2500;           // 기본 자동재생 주기
        }
        var slideReady = function() {
            slideHeight = slideItems.outerHeight();
            slideBody.find('tbody').prepend(slideBody.find('tr:last'));
            slideBody.css({top:-slideHeight});
        };
        var noticeSlide = function() { 
            slideHeight = slideItems.outerHeight();
            slideBody.stop().animate({top:-slideHeight}, 500, function() {
                slideBody.find('tr:last').after(slideBody.find('tr:first'));
                slideBody.css({top:0});
            });
        };
        slideReady();
        var autoPlay = setInterval(function() {
            noticeSlide();
        }, slideDuration);
    });
    /* Works */
    $(document).ready(function() {
        var postContent = $('#works.main-section .board_output_gallery_description');
        $('#works.main-section .works-items').owlCarousel({
            loop: false, // 무한순환 여부
            margin: 30, // 아이템간 여백
            smartSpeed: 400, // 슬라이드 애니메이션 속도 (단위 : 밀리초)
            cssEase: 'ease-in', // 가속 애니메이션 (easing)
            autoplay: false, // 자동재생 여부
            dots: false, // 페이지네이션 사용 여부
            navText: ['<i class="icon ion-ios-arrow-left"></i>', '<i class="icon ion-ios-arrow-right"></i>'],
            responsiveClass: true, // 반응형 처리 여부
            responsive: {
                0: {
                    items: 1,
                    nav: true
                },
                768: {
                    items: 2,
                    nav: true
                },
                1024: {
                    items: 3,
                    nav: true
                }
            }
        });
        if(postContent.length) postContent.html(postContent.html().replace(/&nbsp;/gi,''));
    });
    /* Parallax */
    $(document).ready(function() {
        $('#parallax.main-section').parallax('50%', 0.3);
    });
    /* Partners */
    $(document).ready(function() {
        $('#partners.main-section .partners-items').owlCarousel({
            loop: false, // 무한순환 여부
            margin: 30, // 아이템간 여백
            smartSpeed: 200, // 슬라이드 애니메이션 속도 (단위 : 밀리초)
            dots: true, // 페이지네이션 사용 여부
            nav: false, // 좌우 컨트롤 사용 여부
            responsiveClass: true, // 반응형 처리 여부
            responsive: {
                0: {
                    items: 2
                },
                480: {
                    items: 3
                },
                768: {
                    items: 5
                },
                1024: {
                    items: 6
                }
            }
        });
    });
    /*================================
    HEADER
    ================================*/
    var scrollTopBtn = $('#btnToTop');
    var gnbNav = $('#gnb > li');
    var gnbMobile = $('#header nav');
    var gnbToggle = $('#nav-toggle');
    var gnbMask = $('#header .nav-overlay');
    var headerInit = function() {
        gnbNav.each(function() {
            if ($(this).find('.subnav').length) $(this).addClass('has-subdepth');
        });
    };
    /* sticky header */
    var stickyHeader = function() {
        var window_w = $(window).width();
        var header = $('#header');
        var header_h = header.height();
        var scrollTop = $(window).scrollTop();
        if (window_w > 1024) {
            if (scrollTop >= header_h) {
                if (!header.hasClass('sticky')) {
                    header.addClass('sticky');
                }
            } else {
                header.removeClass('sticky');
            }
        } else {
            header.removeClass('sticky');
        }
    };
    /* show gnb */
    var showGnb = function() {
        gnbToggle.addClass('open');
        gnbMobile.stop().slideDown(600, 'easeOutQuint');
        gnbMask.stop().fadeIn(600);
    };
    /* hide gnb */
    var hideGnb = function() {
        gnbToggle.removeClass('open');
        gnbMobile.stop().slideUp(600, 'easeOutQuint');
        gnbMask.stop().fadeOut(600);
    };
    /* hamburger button */
    gnbToggle.click(function() {
        $('#header .member-wrapper').removeClass('open');
        if (!$(this).hasClass('open')) {
            showGnb();
        } else {
            hideGnb();
        }
    });
    /* member function for under pc devices */
    $('#header .member-wrapper > a').on('click', function() {
        var window_w = $(window).width();
        var parent = $(this).parent();
        if (window_w < 1025) parent.toggleClass('open');
    });
    /* gnb click event for under pc devices */
    $('#gnb > li > a').click(function(e) {
        var window_w = $(window).width();
        var parent = $(this).parent();
        if (window_w < 1025) {
            if (parent.hasClass('has-subdepth')) {
                e.preventDefault();
                if (!parent.hasClass('open')) {
                    gnbNav.find('.subnav').stop().slideUp(300);
                    gnbNav.removeClass('open');
                    parent.addClass('open');
                    $(this).siblings('.subnav').stop().slideDown(300);
                } else {
                    parent.removeClass('open');
                    $(this).siblings('.subnav').stop().slideUp(300);
                }
            }
        }
    });
    gnbMask.click(function() {
        hideGnb();
    });
    /* go to top button */
    var showTopButton = function() {
        var header_h = $('#header').height();
        var scrollTop = $(window).scrollTop();
        if (scrollTop >= header_h) {
            if (!scrollTopBtn.hasClass('show')) {
                scrollTopBtn.addClass('show');
            }
        } else {
            scrollTopBtn.removeClass('show');
        }
    };
    headerInit();
    $(window).bind('scroll', function() {
        stickyHeader();
        showTopButton();
    });
    scrollTopBtn.click(function() {
        $('html, body').animate({
            scrollTop: 0
        }, 650, 'easeInOutQuint');
    });
    /*================================
    FOOTER
    ================================*/
    /* family link */
    $(document).ready(function() {
        $('#footer .family-wrapper > a').click(function() {
            $(this).parent().toggleClass('open');
            $(this).next('ul').stop().slideToggle(300);
        });
    });
    /* footer navigation */
    var footerNav = $('#footer nav > ul > li');
    var footerInit = function() {
        footerNav.each(function() {
            if ($(this).find('.subnav').length) $(this).addClass('has-subdepth');
        });
    };
    var footerNavShow = function() {
        footerNav.find('.subnav').removeAttr('style');
        footerNav.removeClass('open');
    };
    footerNav.find('>a').click(function(e) {
        var window_w = $(window).width();
        if (window_w <= 1024) {
            if ($(this).parent().hasClass('has-subdepth')) {
                e.preventDefault();
                $(this).parent().toggleClass('open');
                $(this).siblings('.subnav').stop().slideToggle(400);
            }
        }
    });
    footerInit();
    footerNavShow();
    $(window).bind('resize', function() {
        var window_w = $(this).width();
        if (window_w > 1024) footerNavShow();
    });
    /*================================
    SUB PAGE
    ================================*/
    /* Sub Navigation Active */
    $(document).ready(function() {
        var url = $(location).attr('href');
        var navItems = $('#subVisual nav ul > li');
        navItems.each(function() {
            if(url.indexOf($(this).find('>a').attr('href')) > -1) $(this).addClass('active');
        });
        $('#subVisual nav > a').text($('#subVisual nav ul > li.active').text());
    });
    /* Sub Navigation for for under pc devices */
    var navWrap = $('#subVisual nav');
    var navDrop = navWrap.find('>a');
    $(document).ready(function() {
        navDrop.click(function() {
            $(this).parent().toggleClass('open');
            $(this).parent().find('ul').stop().slideToggle(400);
        });
    }).on('click', function(e) {
        if(!$(e.target).is('#subVisual nav>a')) {
            navWrap.removeClass('open');
            navWrap.find('ul').stop().slideUp(400);
        }
    });
    /* About Company Type2 - skill bar */
    $(document).ready(function() {
        var skillBar = $('#container .about-skill-type2 .skill>.skill-wrap');
        skillBar.each(function() {
            var bar = $(this).find('>.progress-bar');
            bar.css({width:bar.data('percent') + '%'});
            bar.find('>.percent').text(bar.data('percent') + '%');
        });
    });
    /* Subpage Parallax */
    $(document).ready(function() {
        $('#subVisual').parallax('50%', 0.3);
        $('#container .about-video-type2').parallax('50%', 0.3);
        $('#container .about-count-type2').parallax('50%', 0.3);
        $('#container .business-overview-mid').parallax('50%', 0.3);
        $('#container .business-contact').parallax('50%', 0.3);
    });
    /* About Company Type2 - Promotion Modal */
    $(document).ready(function() {
        var modal = '';
        var modalMask = '';
        var modalHTML = '';
        var modalBtn = $('#container .about-video-type2 .btn-video');
        var openPromotion = function(src) {
            if($('#modalPromotion').length) $('#modalPromotion').remove();
            modalHTML += '<div id="modalPromotion">';
            modalHTML += '<div class="overlay"></div>';
            modalHTML += '<div class="popup-inner">';
            modalHTML += '<iframe src="' + src + '" frameborder="0"></iframe>';
            modalHTML += '</div>';
            modalHTML += '</div>';
            modalBtn.addClass('load');
            $('body').append(modalHTML);
            modalHTML = '';
            modal = $('#modalPromotion');
            modalMask = modal.find('>.overlay');
            modal.find('iframe').load(function() {
                setTimeout(function() {
                    modal.stop().fadeIn('slow').addClass('show');
                    modalBtn.removeClass('load');
                }, 200);
            });
            modalMask.click(function() {
                closePromotion();
            });
        };
        var closePromotion = function() {
            modalHTML = '';
            modal = $('#modalPromotion');
            modal.stop().fadeOut('slow').removeClass('show');
            setTimeout(function() {
                modal.remove();
                modalBtn.removeClass('load');
            }, 1000);
        };
        modalBtn.click(function() {
            var src = $(this).data('video-src');
            if(!$(this).hasClass('load')) openPromotion(src);
        });
    });
    /* About Company Type2 - number counting */
    var counted = false;
    $(window).bind('scroll', function() {
        if($('#container .about-count-type2').length) {
            var counterOffset = $('#container .about-count-type2').offset().top - window.innerHeight;
            var scrollTop = $(this).scrollTop();
            if(counted == false && scrollTop >= counterOffset) {
                $('#container .about-count-type2 span.count').each(function() {
                    var _this = $(this),
                        countTo = _this.data('count');
                    $({
                        countNum: _this.text()
                    }).animate({
                        countNum: countTo
                    },
                    {
                        duration: 2500,
                        easing: 'swing',
                        step: function() {
                            _this.text(Math.floor(this.countNum));
                        },
                        complete: function() {
                            _this.text(this.countNum);
                        }
                    });
                });
                counted = true;
            }
        }
    });
    /* About Company Type2 - our team */
    $(document).ready(function() {
        $('#container .about-team-type2 .team-list').owlCarousel({
            loop: false, // 무한순환 여부
            margin: 30, // 아이템간 여백
            smartSpeed: 200, // 슬라이드 애니메이션 속도 (단위 : 밀리초)
            dots: true, // 페이지네이션 사용 여부
            nav: false, // 좌우 컨트롤 사용 여부
            responsiveClass: true, // 반응형 처리 여부
            responsive: {
                0: {
                    items: 1
                },
                480: {
                    items: 2
                },
                1024: {
                    items: 4
                }
            }
        });
    });
    /* Location */
    $(document).ready(function() {
        $('#container .location-tab > li').click(function() {
            var tabIndex = $(this).index();
            var tabContainer = $('#container .location-tab-con');
            tabContainer.hide();
            tabContainer.eq(tabIndex).fadeIn(400);
            $(this).parent().children().removeClass('active');
            $(this).addClass('active');
        });
    });
    /* Business Overview */
    $(document).ready(function() {
        var hoverItem = $("section.business-detail .detail-items > li");
        hoverItem.mouseenter(function() {
            hoverItem.addClass('off');
            $(this).removeClass('off').addClass('on');
        }).mouseleave(function() {
            hoverItem.removeClass('on off');
        });
    });
    /* Business field */
    $(document).ready(function() {
        $('section.business-customer .owl-carousel').owlCarousel({
            loop: true, // 무한순환 여부
            items: 1, // 아이템 개수
            margin: 0, // 아이템간 여백
            smartSpeed: 800, // 슬라이드 애니메이션 속도 (단위 : 밀리초)
            cssEase: 'ease-in', // 가속 애니메이션 (easing)
            nav: true, // 좌우 컨트롤 사용 여부
            navText: ['<i class="ion-ios-arrow-thin-left"></i>', '<i class="ion-ios-arrow-thin-right"></i>'], // 좌우 컨트롤 문구
            autoplay: false,     // 자동재생 여부,
            autoHeight: true    // 자동 높이조절 여부
        });
    });
    /*================================
    BOARD FUNCTION
    ================================*/
    /* Set table head attribute */
    var setRelation = function() {
        var board = $("table[class^=tbl-brd]");
        var header = board.find('.att_title');
        header.each(function() {
            $(this).attr('rel', $.trim($(this).text()));
        });
    }
    /* Create category link */
    var setCategory = function() {
        var cate_name = [];
        var cate_id = [];
        var cate_link = '';
        var cateItems = $(".board-category select option");
        var currURL = $(location).attr('pathname');
        var param = '?com_board_category_code=';
        var currCategory = $.urlParam('com_board_category_code');
        if(cateItems.length) {
            cateItems.each(function(i) {
                cate_id[i] = $(this).val();
                cate_name[i] = $(this).text();
                i++;
            });
            cate_link = '<ul>';
            for(i=0; i<cateItems.length; i++) {
                cate_link += '<li data-category="' + cate_id[i] + '"><a href="' + currURL + param + cate_id[i] + '">' + cate_name[i] + '</a></li>'
            }
            cate_link += '</ul>';
            $(".board-category").html(cate_link);
            $(".board-category > ul > li[data-category=" + currCategory + "]").addClass('active');
            if(!currCategory) $(".board-category > ul > li:first-child").addClass('active');
        }
    }
    /* FAQ */
    var faqPosts = $(".brd-faq .titdesign");
    var loadAnswer = function() {
        if(faqPosts.length) {
            var replyRows = '';
            var reply = [];
            var replyURL = [];
            faqPosts.each(function(i) {
                var $this = $(this);
                replyURL[i] = $this.find('a').attr('href');
                $.ajax({
                    url: replyURL[i],
                    async: false,
                    cache: false,
                    dataType: 'html',
                    type: 'GET',
                    contentType: 'application/x-www-form-urlencoded;charset=euc-kr',
                    beforeSend: function(jqXHR) {
                        jqXHR.overrideMimeType('application/x-www-form-urlencoded;charset=euc-kr');
                    },
                    success: function(data) {
                        reply[i] = $(data).find('#post_area').html();
                        replyRows += '<tr class="reply-row">';
                        replyRows += '<td colspan="6">';
                        replyRows += '<p class="reply-block">A</p>';
                        replyRows += '<div class="reply-container">' + reply[i] + '</div>';
                        replyRows += '</td>';
                        replyRows += '</tr>';
                        $this.after(replyRows);
                        replyRows = '';
                    },
                    error: function(response) {
                        console.log(response);
                    }
                })
                i++;
            });
        }
    }
    faqPosts.click(function(e) {
        var row = $(this).find('.bbsnewf5');
        if(!$(".board_admin_bgcolor").length) {
            e.preventDefault();
            if(!row.hasClass('open')) {
                $('.bbsnewf5').removeClass('open');
                $('.reply-row').removeClass('open');
                row.addClass('open');
                $(this).next('.reply-row').addClass('open');
            } else {
                $('.bbsnewf5').removeClass('open');
                $(this).next('.reply-row').removeClass('open');
            }
        }
    });
    /* Image to button replace (optional) */
    var imgToButton = function() {
        var inputStyle = $("input[type=image]"),
            imgStyle = $("img");
        inputStyle.each(function() {
            var src = $(this).attr('src');
            if(src.indexOf('search.gif') > -1) {
                $(this).before('<input type="submit" id="btn-search" class="btn btn-dark" value="' + window.board_button_search + '">');
                $(document).on('click', '#btn-search', function() {
                    $(this).next('input[type=image]').trigger('click');
                });
                $(this).hide();
            }
            if(src.indexOf('confirm.gif') > -1) {
                $(this).before('<input type="submit" id="btn-confirm" class="btn btn-primary btn-lg" value="'+ window.board_button_confirm +'">');
                $(this).hide();
            }
        });
        imgStyle.each(function() {
            var src = $(this).attr('src');
            var event = $(this).attr('onclick');
            if(src.indexOf('btn_sdel.gif') > -1) {
                $(this).before("<button class='btn btn-warning' onclick='" + event + "'>" + window.board_button_delete + "</button>");
                $(this).remove();
            }
            if(src.indexOf('move.gif') > -1) {
                $(this).before("<button class='btn btn-warning' onclick='" + event + "'>" + window.board_button_move + "</button>");
                $(this).remove();
            }
            if(src.indexOf('copy.gif') > -1) {
                $(this).before("<button class='btn btn-warning' onclick='" + event + "'>" + window.board_button_copy + "</button>");
                $(this).remove();
            }
            if(src.indexOf('prev.gif') > -1) {
                $(this).parent().addClass('btn btn-outline-secondary').text(window.board_button_prev);
            }
            if(src.indexOf('list.gif') > -1) {
                $(this).parent().addClass('btn btn-secondary').text(window.board_button_list);
            }
            if(src.indexOf('next.gif') > -1) {
                $(this).parent().addClass('btn btn-outline-secondary').text(window.board_button_next);
            }
            if(src.indexOf('spam.gif') > -1) {
                $(this).before('<button class="btn btn-danger" onclick="' + event + '">' + window.board_button_spam + '</button>');
                $(this).remove();
            }
            if(src.indexOf('modify.gif') > -1) {
                $(this).parent().addClass('btn btn-warning').text(window.board_button_modify);
            }
            if(src.indexOf('delete.gif') > -1) {
                $(this).parent().addClass('btn btn-warning').text(window.board_button_remove);
            }
            if(src.indexOf('reply.gif') > -1) {
                $(this).parent().addClass('btn btn-secondary').text(window.board_button_reply);
            }
            if(src.indexOf('write.gif') > -1) {
                $(this).parent().addClass('btn btn-dark').text(window.board_button_write);
            }
            if(src.indexOf('btn_confirm.gif') > -1) {
                $(this).parent().addClass('btn btn-primary btn-lg').text(window.board_button_send);
            }
            if(src.indexOf('cancel.gif') > -1) {
                $(this).parent().addClass('btn btn-secondary btn-lg').text(window.board_button_cancel);
            }
        });
    };
    setRelation();
    setCategory();
    loadAnswer();
    if(window.useTextButton === true) imgToButton();
    /*================================
    FORMMAIL FUNCTION
    ================================*/
    $(document).ready(function() {
        /* Set placeholder formmail type2 */
        var targetTable = $('.tbl-formmail-v2');
        var name = targetTable.find('input[name=name]');
        var phone = targetTable.find('input[name=add1]');
        var email = targetTable.find('input[name=receiver_email]');
        var memo = targetTable.find('textarea[name=description]');
        name.attr('placeholder', window.formmail_field_name);
        phone.attr('placeholder', window.formmail_field_phone);
        email.attr('placeholder', window.formmail_field_email);
        memo.attr('placeholder', window.formmail_field_memo);
        /* Agreement layer modal */
        var agreeModal = $('#agree-popup');
        var privacyTextInit = function() {
            if($('textarea[rows=9]').length) {
                var text = $('textarea[rows=9]').val();
                $('#agree-popup .body textarea').val(text);
            }
        }
        // 개인정보 수집동의 열기
        var openPrivacy = function() {
            agreeModal.fadeIn(250).addClass('active');
        }
        // 개인정보 수집동의 닫기
        var closePrivacy = function() {
            agreeModal.fadeOut(250).removeClass('active');
        }
        $('.formmail-agreement label em').click(function() {
            openPrivacy();
        });
        agreeModal.find('.btn').click(function() {
            closePrivacy();
        });
        $(window).bind('load', function() {
            privacyTextInit();
        });
    });
})(jQuery);