(function($) {
    "use strict";

    /*-----------------------------------------------------------------
      sticky header
    -------------------------------------------------------------------*/
    window.onscroll = function() {noMenuBg()};
    var header = document.querySelector(".header-area-d");
    var sticky = header.offsetTop;
    function noMenuBg() {
        if (window.pageYOffset > sticky) {
            header.classList.add("addBackground");
        } else {
            header.classList.remove("addBackground");
        }
    }
    // mouse animation
    var mouseTagName = [
        'A',
        'BUTTON'
    ]

    var bodyArea = document.querySelector('body')
    var mouseCursor = document.querySelector('.mouse-cursor')
    
    var enterMouse = function() {
        TweenMax.to(mouseCursor, 0, {
            autoAlpha: 1,
            ease: Power4.easeIn
        });
    }

    var mouseMove = function(e) {
        var mousePosition = {
            x: e.clientX,
            y: e.clientY
        }
        TweenMax.to(mouseCursor, 0.3, {
            x: mousePosition.x,
            y: mousePosition.y,
            ease: Power1.easeOut
        });
    }

    var mouseOver = function(e) {
        var { tagName } = e.target
        if(mouseTagName.includes(tagName)){
            document.querySelector('body').classList.toggle('tag-mouse-over')
        }
    }

    bodyArea.addEventListener('mouseenter', enterMouse)
    bodyArea.addEventListener('mousemove', mouseMove)
    bodyArea.addEventListener('mouseover', mouseOver)
    bodyArea.addEventListener('mouseout', mouseOver)


    var mouseCursorO = document.querySelector('.mouse-cursor-dot')
    
    var enterMouseO = function() {
        TweenMax.to(mouseCursorO, 0, {
            autoAlpha: 0.8,
            ease: Power4.easeIn
        });
    }
    var mouseMoveO = function(e) {

        var mousePosition = {
            x: e.clientX,
            y: e.clientY
        }
        TweenMax.to(mouseCursorO, 0, {
            x: mousePosition.x,
            y: mousePosition.y,
            ease: Power1.easeOut
        });
    }

    bodyArea.addEventListener('mouseenter', enterMouseO)
    bodyArea.addEventListener('mousemove', mouseMoveO)



    function textWave(){
        if($(".js-text-wave").length){
            $(".js-text-wave").each(function(){
                if(!$(this).hasClass("complete")){
                    $(this).addClass("complete");
                    var textChange = $(this).html().replace("<br />", "~"),
                        textChange = textChange.replace("<br>", "~"),
                        textChange = $(this).html(),
                        textArray = textChange.split(""), //  /\r?\n/
                        textDone = "",
                        num;
                    for (var i = 0; i < textArray.length; i++) {
                        if(textArray[i] == " "){
                            textDone += " ";
                        } else if(textArray[i] == "~"){
                            textDone += "<br />";
                        } else{
                            textDone += '<div><span style="transition-delay: '+(i/30)+'s;">'+textArray[i]+'</span></div>';
                        }
                    }
                    $(this).html(textDone);
                }
            });
        }
    }	
    textWave();	
    
})(jQuery);