// PC ÇØ»óµµ ¿©ºÎ üũ ÇÔ¼ö
function isPC() {
 var $winWidth = $(window).width();
 if($winWidth > 1024) {
  return true;
 } else {
  return false;
 }
}
$(function() {
// Synchronize lnb height
function syncNav() {
    var wSize = $(window).width();
    if(wSize > 1024) {
        var bh = $("#container").height();
        $("#header").css('height', bh + 'px');
    } else {
        $("#header").removeAttr('style');
    }
}
// Active Sub navigation
function activeSub() {
    var mnuIndex = $("#container").data('menu');
    var subIndex = $("#container").data('sub');
    var snb = $("#snb li");
    var subNav = $("#subnav ul.sub");
    var nDepth = $("#subnav ul.sub li");
    snb.each(function() {
        if($(this).index() === mnuIndex - 1) {
            $(this).addClass('on');
        }
    });
    subNav.each(function() {
        if($(this).index() === mnuIndex - 1) {
            $(this).css('display','block');
        }
    });
    nDepth.each(function() {
        if($(this).parent('.sub').index() === mnuIndex - 1 && $(this).index() === subIndex - 1) {
            $(this).addClass('active');
        }
    });
}
$("#snb li").mouseenter(function() {
    var $index = $(this).index();
    $("#snb li").removeClass('on');
    $(this).addClass('on');
    if($("body").hasClass('main')) {
        if(!$("#subnav").hasClass('active')) {
            $("#subnav").addClass('active');
            $("#subnav").stop(true,false).animate({opacity:0}, 0);
            $("#subnav").stop(true,false).animate({opacity:1, left:'200px'}, 400);
        }
    }
    $("#subnav ul.sub").css({display:'none'});
    $("#subnav ul.sub").eq($index).css({display:'block'});
});
$("#subnav").mouseleave(function() {
    if($("body").hasClass('main')) {
        $("#snb li").removeClass('on');
        $("#subnav").removeClass('active');
        $("#subnav").stop(true,false).animate({opacity:0, left:'0'}, 400, function() {
            $("#subnav ul.sub").css({display:'none'});
        });
    }
});
$("#mnav_call").click(function() {
    var $height = $("html").height();
    var $winSize = $(window).width();
    if(!$("#wrap").is(':animated')) {
        if(!$(this).hasClass('active')) {
            $(this).addClass('active');
            $("#mnav").css('height',$height + 'px');
            if($winSize > 640) {
                $("#wrap").stop(true, false).delay(300).animate({left:'35%'}, 400);
            } else {
                $("#wrap").stop(true, false).delay(300).animate({left:'50%'}, 400);
            }
        } else {
            $(this).removeClass('active');
            $("#wrap").stop(true, false).delay(300).animate({left:0}, 400);
        }
    }
});
$("#mnav ul.depth1 > li").click(function() {
    if($(this).hasClass('open')) {
        $(this).removeClass('open');
        $(this).find('.depth2').stop(true,false).slideUp(300);
    } else {
        $("#mnav ul.depth1 > li").removeClass('open');
        $(this).addClass('open');
        $("#mnav ul.depth2").stop(true,false).slideUp(300);
        $(this).find('.depth2').stop(true,false).slideDown(300);
    }
});
$(".family > a").click(function() {
    if(!$(this).siblings('.dropdown').is(':visible')) {
        $(this).siblings('.dropdown').stop(true,false).slideDown(700);
    } else {
        $(this).siblings('.dropdown').stop(true,false).slideUp(700);
    }
});
activeSub();
$(window).resize(function() {
    syncNav();
});
$(window).load(function() {
    syncNav();
});
});
// Products Fade
$(function() {
    var pIndex = 0;
    var pTimer;
    function productInit() {
        if($("#productFade").length > 0) {
            var pCount = $("#productFade ul.imgList li").length;
            var html = "<li></li>";
            var i;
            $("#productFade ul.imgList li:last").after($("#productFade ul.imgList li[data-index=0]"));
            for(i=1; i<=pCount; i++) {
                $("#productFade ul.pagination").append(html);
            }
            $("#productFade ul.pagination li:first").addClass('on');
        }
    }
    function productFade() {
        var count = $("#productFade ul.imgList li").length;
        pIndex++;
        if(pIndex>=count) { pIndex = 0 }
            $("#productFade ul.pagination li").removeClass('on');
        $("#productFade ul.pagination li").eq(pIndex).addClass('on');
        $("#productFade ul.imgList li").removeClass('active');
        $("#productFade ul.imgList li:last").after($("#productFade ul.imgList li[data-index=" + pIndex + "]"));
        $("#productFade ul.imgList li[data-index=" + pIndex + "]").addClass('active');
        $("#productFade ul.imgList li[data-index=" + pIndex + "]").stop(true,false).animate({opacity:0}, 0);
        $("#productFade ul.imgList li[data-index=" + pIndex + "]").stop(true,false).animate({opacity:1}, 800);
    }
    $(document).on('click', '#productFade ul.pagination li', function() {
        var idx = $(this).index();
        if(!$("#productFade ul.imgList li").is(':animated')) {
            $("#productFade ul.imgList li").stop();
            clearInterval(pTimer);
            pTimer = setInterval(function() { productFade(); }, 8000);
            pIndex = idx-1;
            productFade();
            return false;
        }
    });
    $("#productFade .pause").click(function() {
        clearInterval(pTimer);
    });
    pTimer = setInterval(function() { productFade(); }, 8000);
    productInit();
});
// Latest board tab
$(function() {
    $("#aside .latest_box ul.tab li").click(function() {
        var idx = $(this).index();
        $("#aside .latest_box .tab_content").css('display','none'); 
        $("#aside .latest_box .tab_content").eq(idx).css('display','block');
        $("#aside .latest_box ul.tab li").removeClass('on');
        $(this).addClass('on');
    });
});
// Promotional Video Layer Popup
$(function() {
    $("#aside .video_box").click(function() {
        var wHeight = $(window).height();
        if(!$("#videolayer").is(':visible')) {
            $("#mask").css('display','block');
            $("#videolayer").html('');
            $("#videolayer").html('<iframe width="100%" height="450" src="https://www.youtube.com/embed/lHxUIAZIstE" frameborder="0" allowfullscreen></iframe>');
            $("#videolayer iframe").load(function() {
                $("#videolayer").css({top:(wHeight / 5) + 'px', display:'block'});
            });
        }
    });
    $("#mask").click(function(e) {
        if($("#videolayer").is(':visible')) {
            $(this).css('display','none');
            $("#videolayer").css('display','none');
        }
    });
});
// Location page
$(function() {
    var popIndex = 0;
    var popCount = $("#imgPopup .img_wrap ul li").length;
    function popImgFade() {
        if(popIndex < 0) {
            popIndex = popCount - 1;
        } else if(popIndex >= popCount) {
            popIndex = 0;
        }
        var imgTitle = $("#imgPopup .img_wrap ul li").eq(popIndex).find('img').attr('alt');
        console.log(popIndex);
        $("#imgPopup .img_wrap ul li").removeClass('on');
        $("#imgPopup .img_wrap ul li").eq(popIndex).css({opacity:0});
        $("#imgPopup .img_wrap ul li").stop(true,true).eq(popIndex).animate({opacity:1}, 500, 'easeOutCubic');
        $("#imgPopup .img_wrap ul li").eq(popIndex).addClass('on');
        $("#imgPopup p.tit").text(imgTitle);
    }
    $("#img_popup_wrap .pop_prev").click(function() {
        popIndex--;
        popImgFade();
    });
    $("#img_popup_wrap .pop_next").click(function() {
        popIndex++;
        popImgFade();
    });
    $("#img_popup_wrap .pop_close").click(function() {
        $("#img_popup_wrap").css({visibility:'hidden'});
    });
    $("#photo_list li").click(function() {
        var idx = $(this).index();
        var pop_w = ($(window).width() - $("#imgPopup").width()) / 2;
        var pop_h = ($(window).height() - $("#imgPopup").height()) / 2;
        popIndex = idx;
        $("#img_popup_wrap").css({display:'block', visibility:'visible'});
        $("#imgPopup").css({left:pop_w + 'px', top:pop_h + 'px'});
        popImgFade();
    });
});
$(function() {
    var photoIndex = 1;
    var swipeIndex = 0;
    if($("#photo_swipe").length > 0) {
        var wSize = $("#photo_swipe").width();
        var count = $("#photo_swipe ul li").length;
        $("#photo_swipe ul").css({width:wSize * count + 'px'});
        $("#photo_swipe ul li").css({width:wSize+'px'});
    }
    function slide_resize(img) {
        var zh = 64;
        var vh = (img.height() - zh) / 2;
        img.find('.zoom').css({top:vh + 'px'});
    }
    function slide_init() {
        var pcount = Math.ceil($("#photo_list li").length / 4);
        var mcount = $("#photo_swipe ul li").length;
        $("#container .company .photo_slide .paging span.all").text(pcount);
        $("#container .company .photo_slide .paging_m span.all").text(mcount);
    }
    function photo_slide() {
        var count = Math.ceil($("#photo_list li").length / 4);
        var mcount = $("#photo_swipe ul li").length;
        var imgSize = $("#photo_swipe ul li:first").width();
        if(photoIndex<1) {
            photoIndex = 1;
        } else if(photoIndex>count) {
            photoIndex = count;
        } else {
            $("#photo_list li").css({display:'none'});
            $("#photo_list li.page" + photoIndex).css({display:'block'});
            $("#container .company .photo_slide .paging span.current").text(photoIndex);
        }
    }
    function swipe_left() {
        var imgSize = $("#photo_swipe ul li:first").width();
        var mcount = $("#photo_swipe ul li").length;
        if(swipeIndex<0) {
            swipeIndex = mcount - 1;
        }
        $("#photo_swipe ul").css({left:-imgSize+'px'});
        $("#photo_swipe ul li:first").before($("#photo_swipe ul li:last"));
        $("#photo_swipe ul").stop(true,false).animate({left:0}, 300, 'easeOutCubic', function() {
            $("#container .company .photo_slide .paging_m span.current").text(swipeIndex+1);   
        });
    }
    function swipe_right() {
        var imgSize = $("#photo_swipe ul li:first").width();
        var mcount = $("#photo_swipe ul li").length;
        if(swipeIndex>=mcount) {
            swipeIndex = 0;
        }
        $("#photo_swipe ul").stop(true,false).animate({left:-(imgSize) + 'px'}, 300, 'easeOutCubic', function() {
            $("#photo_swipe ul li:last").after($("#photo_swipe ul li:first"));
            $("#photo_swipe ul").css({left:0});
            $("#container .company .photo_slide .paging_m span.current").text(swipeIndex+1);   
        });
    }
    $("#photo_prev").click(function() {
        photoIndex--;
        photo_slide();
    });
    $("#photo_next").click(function() {
        photoIndex++;
        photo_slide();
    });
    $("#photo_prev_m").click(function() {
        if(!$("#photo_swipe > ul").is(':animated')) {
            swipeIndex--;
            swipe_left();
        }
    });
    $("#photo_next_m").click(function() {
        if(!$("#photo_swipe > ul").is(':animated')) {
            swipeIndex++;
            swipe_right();
        }
    });
    if($("#photo_swipe").length > 0) {
        $("#photo_swipe").swipe({
            swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
                if(direction == "left"){ 
                    swipeIndex++;
                    swipe_right();
                } else if(direction == "right"){ 
                    swipeIndex--;
                    swipe_left();
                    threshold:0
                }
            }
        });
    }
    $("#photo_list li").mouseenter(function() {
        $(this).find('a').css({display:'block'});
        slide_resize($(this));
    }).mouseleave(function() {
        $(this).find('a').css({display:'none'});
    });
    slide_init();
});
// Text underline animation effect
$(function() {
    function textEffect() {
        $("ul.text_effect p .color1").stop(true,false).animate({width:'100%'}, 1000, 'easeInOutCubic', function() {
            $("ul.text_effect p .color2").stop(true,false).animate({width:'100%'}, 1000, function() {
                $("ul.text_effect p .color1").css({width:0});
                $("ul.text_effect p .color2").css({width:0});
                textEffect();
            });
        });
    }
    if($("ul.text_effect").length > 0) {
        textEffect();
    }
});
// On window resizing, photo swipe slider resize
$(window).resize(function() {
    if($("#photo_swipe").length > 0) {
        var wSize = $("#photo_swipe").width();
        var count = $("#photo_swipe ul li").length;
        $("#photo_swipe ul").css({width:wSize * count + 'px', left:0});
        $("#photo_swipe ul li").css({width:wSize + 'px'});
    }
    if($("#imgPopup").length > 0) {
        var pop_w = ($(window).width() - $("#imgPopup").width()) / 2;
        var pop_h = ($(window).height() - $("#imgPopup").height()) / 2;
        $("#imgPopup").css({left:pop_w + 'px', top:pop_h + 'px'});
    }
});
// Æ÷Åä°¶·¯¸® Ä¿½ºÅ͸¶ÀÌ¡
$(function() {
    var subject = new Array(); // °¶·¯¸® ½æ³×ÀÏ Á¦¸ñ ¹è¿­º¯¼ö ¼±¾ð
    var content = new Array(); // °¶·¯¸® ½æ³×ÀÏ ³»¿ë ¹è¿­º¯¼ö ¼±¾ð
    var url = new Array(); // °¢ ½æ³×ÀϺ° ¸µÅ© ÀúÀå¿ë º¯¼ö
    var thumbCount; // ½æ³×ÀÏ °³¼ö (ÃßÃâ°³¼ö)
    var refHeight; // ³ôÀÌ µ¿±âÈ­¸¦ À§ÇÑ º¯¼ö
    // °¶·¯¸® Ãʱ⼼ÆÃ
    function galleryInit() {
        if($(".bbsnewf5").length > 0) {
            thumbCount = $(".brd_photo_list .bbsnewf5").length;
            if($(".hoverBox").length > 0) {
                $(".hoverBox").parent('a').remove();
            }
            for(i=0; i<thumbCount; i++) {
                url[i] = $(".brd_photo_list .bbsnewf5").eq(i).find('a:first').attr('href');
                subject[i] = $(".brd_photo_list .bbsnewf5").eq(i).find('.gallery_title').text();
                content[i] = $(".brd_photo_list .bbsnewf5").eq(i).find('.gallery_etc').text().replace('[°£·«¼³¸í : ','').replace(']' ,'');
                // ½æ³×ÀÏ ÀÖ´Â td ³»ºÎ¿¡ hover È¿°ú¸¦ ÁÖ±â À§ÇÑ ¹Ú½º ÅÂ±× »ý¼º (°¢°¢ ½æ³×ÀÏ ³»¿¡ ¹Ýº¹¹®À¸·Î »ðÀÔ)
                $(".brd_photo_list .bbsnewf5").eq(i).find('table td:first').append('<a href="' + url[i] + '"><div class="hoverBox"><div class="inner"><h3>' + subject[i] + '</h3><p>' + $.trim(content[i]) + '</p></div></div></a>');
            }
            // ±âÁ¸¿¡ º¸¿©Áö´Â º°µµ td ÀÇ Á¦¸ñ, ³»¿ëÀº ¼û±è
            $(".gallery_subject, .gallery_etc").css('display','none');
        }
    }
    galleryInit();
});
// °Ô½ÃÆÇ Ä«Å×°í¸® ÅÇ (2017-08-08 Ãß°¡)
$(function() {
    // Ä«Å×°í¸® °ü·Ã º¯¼ö ¼±¾ð
    var cate_link = [],
    cate_title = [],
    currentURL = $(location).attr('pathname'),
    param = "?&com_board_category_code=",
    currentParam = "",
    insertHTML = "",
    idx = 0;
    // ÆĶó¸ÞÅÍ °ª °¡Á®¿À±â
    var getUrlParameter = function getUrlParameter(sParam) {
        var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;
        for (i = 0; i < sURLVariables.length; i++) {
            sParameterName = sURLVariables[i].split('=');
            if (sParameterName[0] === sParam) {
                return sParameterName[1] === undefined ? true : sParameterName[1];
            }
        }
    };
    // ¼¿·ºÆ®¹Ú½º ¸µÅ©È­
    if($("select[name='com_board_category_code']").length > 0) {
        currentParam = getUrlParameter('com_board_category_code');
        $("select[name='com_board_category_code'] > option").each(function() {
            cate_link[idx] = $(this).val();
            cate_title[idx] = $(this).text();
            idx++;
        });
        insertHTML = '<div class="board_tab scrollreveal">';
        insertHTML += '<a href="javascript:;">' + cate_title[0] + '</a>';
        insertHTML += '<ul class="clearfix">';
        for(i=0; i<idx; i++) {
            insertHTML += '<li data-category="' + cate_link[i] + '"><a href="' + currentURL + param + cate_link[i] + '">' + cate_title[i] + '</a></li>';
        }
        insertHTML += '</ul>';
        insertHTML += '</div>';
        $(".cate_select").before(insertHTML);
        $.each(cate_link, function(m, key) {
            if(key == currentParam) {
                $(".board_tab > a").text(cate_title[m]);
                $(".board_tab > ul > li[data-category='" + key + "']").addClass('on');
            }
        });
        if(!currentParam) { $(".board_tab > ul > li:first").addClass('on'); }
    }
    // Ä«Å×°í¸® ¸µÅ© Ŭ¸¯½Ã
    $(document).on('click', '.board_tab > a', function() {
        if(!isPC()) {
            if(!$(this).hasClass('open')) {
                $(this).addClass('open');
                $(this).next('ul').css('display','block');
            } else {
                $(this).removeClass('open');
                $(this).next('ul').css('display','none');
            }
        }
    });
    // À©µµ¿ì ¸®»çÀÌ¡ ó¸® (Ä«Å×°í¸® Ç׸ñ enable/disable)
    $(window).bind('resize', function() {
        if(isPC() && $(".board_tab").length > 0) {
            $(".board_tab > ul").css('display','block');
        } else if(!isPC()) {
            if(!$(".board_tab > a").hasClass('open')) {
                $(".board_tab > ul").css('display','none');
            }
        }
    });
});