$(function () {
    $("#callNav").click(function () {
        var gnb = $("#gnb");
        if (!$(this).hasClass('active')) {
            $(this).addClass('active');
            gnb.stop(true, false).animate({
                right: 0
            }, 300, 'easeOutQuart');
            $("body").addClass('scroll');
        } else {
            $(this).removeClass('active');
            gnb.stop(true, false).animate({
                right: '-100%'
            }, 300, 'easeInQuart');
            $("body").removeClass('scroll');
        }
    });
    $("#gnb ul.nav > li > a").click(function (e) {
        var winWidth = $(window).width();
        if (winWidth < 769) {
            if ($(this).next('.sub').length > 0) e.preventDefault();
            if (!$(this).parent().hasClass('on')) {
                $("#gnb ul.nav > li > ul.sub").stop(true, false).fadeOut(200);
                $("#gnb ul.nav > li").removeClass('on');
                $(this).parent().addClass('on');
                $(this).next('.sub').stop(true, false).fadeIn(200);
            } else {
                $(this).parent().removeClass('on');
                $(this).next('.sub').stop(true, false).fadeOut(200);
            }
        }
    });
    $("#gnb ul.nav > li").bind('mouseenter mouseleave', function (e) {
        var winWidth = $(window).width();
        if (e.type === 'mouseenter') {
            if (winWidth > 768) {
                $("#gnb ul.nav > li > ul.sub").stop(true, false).fadeOut(200);
                $("#gnb ul.nav > li").removeClass('on');
                $(this).addClass('on');
                $(this).find('ul.sub').stop(true, false).fadeIn(200);
            }
        } else if (e.type === 'mouseleave') {
            if (winWidth > 768) {
                $("#gnb ul.nav > li > ul.sub").stop(true, false).fadeOut(200);
                $("#gnb ul.nav > li").removeClass('on');
            }
        }
    });
    /* ÀÌÀü ¸Þ´º ¼Ò½º (¹é¾÷¿ë)
    $("#gnb ul.nav > li").mouseenter(function() {
    $("#gnb ul.nav > li > ul.sub").stop(true,false).fadeOut(200);
    $("#gnb ul.nav > li").removeClass('on');
    $(this).addClass('on');
    $(this).find('ul.sub').stop(true,false).fadeIn(200);
    });
    $("#gnb ul.nav > li").mouseleave(function(e) {
    $("#gnb ul.nav > li > ul.sub").stop(true,false).fadeOut(200);
    $("#gnb ul.nav > li").removeClass('on');
    });
    */
    $("#scrollTop a").click(function (e) {
        e.preventDefault();
        $("html, body").stop(true, true).animate({
            scrollTop: 0
        }, 600, 'easeOutQuart');
    });


    function gnbActive() {
        var mnuIndex = $("#container").data('depth');
        var _li = $("#gnb .nav li");
        _li.each(function () {
            if ($(this).data('menu') === mnuIndex && $(this).data('menu') != '') {
                $(this).addClass('active');
            }
        });
    }


    function subActive() {
        if (!$("body").hasClass('main')) {
            $("#callNav").addClass('sub');
            $("#header h1 img").attr('src', 'img/logo_color.png');
        } else {
            $("#callNav").removeClass('sub');
            $("#header h1 img").attr('src', 'img/logo.png');
        }
        if (!$("body").hasClass('main') && $("#container").hasClass('visual')) {
            $("#header h1 img").attr('src', '../img/logo.png');
        } else if (!$("body").hasClass('main') && !$("#container").hasClass('visual')) {
            $("#header h1 img").attr('src', '../img/logo_color.png');
        }
    }
    gnbActive();
    subActive();
});
$(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 ($("#sub_visual .visual_tit").length > 0) {
        $("#sub_visual .visual_tit ul p").animate({
            left: '-200px',
            opacity: 0
        });
        $("#sub_visual .visual_tit ul").animate({
            left: '-200px',
            opacity: 0
        }, 0, function () {
            $("#sub_visual .visual_tit ul").animate({
                left: '0',
                opacity: 1
            }, 800);
            $("#sub_visual .visual_tit ul p").animate({
                left: '0',
                opacity: 1
            }, 1000);
        });
    }
    if ($("ul.text_effect").length > 0) {
        textEffect();
    }
});
$(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 = $("#photo_list li").length;
        var mcount = $("#photo_swipe ul li").length;
        $("#container .section_con .photo_slide .paging span.all").text(pcount);
        $("#container .section_con .photo_slide .paging_m span.all").text(mcount);
    }


    function photo_slide() {
        var count = $("#photo_list li").length;
        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 .section_con .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 .section_con .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 .section_con .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 () {
        swipeIndex--;
        swipe_left();
    });
    $("#photo_next_m").click(function () {
        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();
});
$(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();
    });
});
$(window).load(function () {
    if ($("#sub_visual").length > 0) {
        $("#sub_visual img").addClass('load');
    }
});
$(window).scroll(function () {
    var _top = $(this).scrollTop();
    if (_top > 40) {
        if (!$("#header").hasClass('scroll')) {
            $("#header").addClass('scroll');
            $("#scrollTop").stop(true, false).fadeIn(300);
        }
    } else {
        $("#header").removeClass('scroll');
        $("#scrollTop").stop(true, false).fadeOut(300);
    }
});
$(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'
        });
    }
});