/* global $ */

$(function() {

    // TOGGLE MENU

    $('#toggle-open').click(function() {
        if(!$('#mask').length) {
            $('#header').append('<div id="mask"></div>');
        }
        $('.toggle-nav').animate({
            'right': 0
        }, 500);
    });

    $('body').on('click', '#toggle-close, #mask', function() {
        $('.toggle-nav').animate({
            'right': -235
        }, 500, function() {
            $('#mask').fadeOut(300, function() {
                $(this).remove();
            });
        });
    });

    $('.toggle-nav li.main-cate>a').click(function(e) {
        e.preventDefault();
        if($(this).parent().hasClass('selected')) {
            $(this).parent('li').removeClass('selected');
        } else {
            $('.toggle-nav li.main-cate').removeClass('selected');
            $(this).parent('li').addClass('selected');
        }
    });

    $('#gnb.main li').on({
        mouseover: function() {
            $(this).children('.sub-cate').addClass('selected');
        }, mouseleave: function() {
            $(this).children('.sub-cate').removeClass('selected');
        }
    });

    // TAB SLIDER

    var tabTimer = null,
        tabAniTime = 5000;

    movingTab = function() {
        var current = $('.keyword-main .tab-nav li.selected'),
            currentDiv = $(current.find('a').attr('href')),
            first = $('.keyword-main .tab-nav li').eq(0),
            firstDiv = $('.tab-contents').eq(0);

        current.removeClass('selected');
        currentDiv.removeClass('selected');

        if(current.next().size() > 0) {
            current.next().addClass('selected');
            currentDiv.next().addClass('selected');
        } else {
            first.addClass('selected');
            firstDiv.addClass('selected');
        }
    };

    // STOP ANIMATION
    stopMoving = function() {
        clearInterval(tabTimer);
    };

    // START ANIMATION
    startMoving = function() {
        clearInterval(tabTimer);
        tabTimer = setInterval(function() {
            movingTab();
        }, tabAniTime);
    };

    $('.keyword-main li a').on('click',function(e) {
        e.preventDefault();
        var currentDiv = $($(this).attr('href'));
        $('.keyword-main li').removeClass('selected');
        $('.tab-contents').removeClass('selected');
        $(this).closest('li').addClass('selected');
        currentDiv.closest('.tab-contents').addClass('selected');
    }).on('mouseover',function() {
        stopMoving();
    }).on('mouseleave',function() {
        startMoving();
    });


    if($('.keyword-main').length) {
        startMoving();
    }

    // PROJECT SLIDER

    var sliderTimer = null, // timer
        sliderAniTime = 3000; // animation time

    movingSlider = function() {
        var current = $('.project-slider li.selected'),
            first = $('.project-slider li').eq(0);

        current.removeClass('selected');

        if(current.next().size() > 0) {
            current.next().addClass('selected');
        } else {
            first.addClass('selected');
        }
    };

    // STOP ANIMATION
    stopSlider = function() {
        clearInterval(sliderTimer);
    };

    // START ANIMATION
    startSlider = function() {
        clearInterval(sliderTimer);
        sliderTimer = setInterval(function() {
            movingSlider();
        },sliderAniTime);
    };

    // NEXT PREV BUTTON
    $('.project-slider-controls .next').on('click',function() {
        var current = $('.project-slider li.selected'),
            first = $('.project-slider li').eq(0);

        current.removeClass('selected');

        if(current.next().size() > 0) {
            current.next().addClass('selected');
        } else {
            first.addClass('selected');
        }
    }).on('mouseover',function() {
        stopSlider();
    }).on('mouseleave',function() {
        startSlider();
    });

    $('.project-slider-controls .prev').on('click',function() {
        var current = $('.project-slider li.selected'),
            last = $('.project-slider li').eq($('.project-slider li').length-1);

        current.removeClass('selected');

        if(current.prev().size() > 0) {
            current.prev().addClass('selected');
        } else {
            last.addClass('selected');
        }
    }).on('mouseover',function() {
        stopSlider();
    }).on('mouseleave',function() {
        startSlider();
    });

    // PROJECT VIEW SLIDER

    if ($('.project-view-slider').length) {
        for (var i = 0; i < $('.project-view-slider .slider-item').length; i++) {
            $('.project-view-controls').append('<span data-index=' + i +'></span>');
        }
        $('.project-view-controls span').eq(0).addClass('selected');

        $('.project-view-controls span').each(function (index) {
            $(this).on('click',function() {
                var currentIndex = $(this).index();
                $('.project-view-controls span').removeClass('selected');
                $('.project-view-slider .slider-item').removeClass('selected');

                $(this).addClass('selected');
                $('.project-view-slider .slider-item').eq(index).addClass('selected');

            });
        });
    }

    if($('.project-slider').length) {
        startSlider();
    }

    // MAIN SLIDER

    var slider = $('.visual-img').bxSlider({
        mode: 'fade',
        auto: true,
        controls: true,
        infiniteLoop: true,
        onSlideAfter: function() {
            slider.stopAuto();
            slider.startAuto();
        }
    });

	// FAQ

    $('.faq-list dt').click(function () {

        var myList = $(this).next('dd');

        if (!$(this).hasClass('active')) {
            $('.faq-list dt').removeClass('active');
            $(this).addClass('active');
            $('.faq-list dd').hide();
            myList.show();
        } else {
            $(this).removeClass('active');
            myList.hide();
        }
        return false;
    });

    // SCROLL EVENT

    $(window).scroll(function() {
        var wScroll = $(this).scrollTop();

        if(wScroll > 100) {
            $('.scroll-top').addClass('is-showing');
        } else {
            $('.scroll-top').removeClass('is-showing');
        }

		if(wScroll > $('header').outerHeight()) {
            $('header').addClass('fixed');
        } else {
            $('header').removeClass('fixed');
        }

        if(wScroll > $('.business-main').offset().top - ($(window).height() / 1.3)) {
            $('.business-main li').each(function(i) {
                setTimeout(function() {
                    $('.business-main li').eq(i).addClass('is-showing');
                }, 150 * (i+2));

            });
            $('.business-main').addClass('bg-moving');
        }
        if(wScroll > $('.client-main').offset().top - ($(window).height() / 1.2)) {
            $('.client-list li').each(function(i) {
                setTimeout(function() {
                    $('.client-list li').eq(i).addClass('is-showing');
                }, 100 * (i+1));

            });
        }

    });

    // SCROLL TOP BUTTON

    $('.scroll-top').on('click', function() {
        $('html, body').animate({scrollTop:0}, '2000', function() {
            $('.scroll-top').removeClass('is-showing');
        });
        return false;

    });

    $('.visual-text span').each(function(i) {
        setTimeout(function() {
            $('.visual-text span').eq(i).addClass('is-showing');
        }, 200 * (i+2));

    });

    $(window).resize(function () {
        if ($(this).width() > 768) {
            $('#mask').hide();
        }
    });
});