/*--------------------------------------
    비즈마루 테마 스크립트
--------------------------------------*/

/* INTRO SCROLL DOWN */
$(function() {
  $('.scroll-down').on('click', function(e) {
    e.preventDefault();
    $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top}, 600);
  });
});

/* SIDE PAGE SLIDER */
class StickyNavigation {
    constructor() {
        this.currentId = null;
        this.currentTab = null;
        this.tabContainerHeight = 0;
        let self = this;
        $('.et-hero-tab').click(function() {
            self.onTabClick(event, $(this));
        });
        $(window).scroll(() => { this.onScroll(); });
        $(window).resize(() => { this.onResize(); });
        this.setSliderCss();
    }
    onTabClick(event, element) {
        let idx = element.context.dataset.idx;
        event.preventDefault();
        let scrollTop = $(element.attr('href')).offset().top;
        $('html, body').animate({ scrollTop: scrollTop }, 600);
		//메뉴 비활성화..
        $('.mobile-nav-open').removeClass('active');
        $('.et-hero-tabs-container').removeClass('active');
        this.setSliderCss(element);
    }
    onScroll() {
        // this.checkTabContainerPosition();
        this.findCurrentTabSelector();
    }
    onResize() {
        if(this.currentTab) {
            this.setSliderCss(this.currentTab);
        }
    }
    checkTabContainerPosition() {
        let offset = $('.et-hero-tabs').offset().top;
        if($(window).scrollTop() > offset + 600) {
            $('.et-hero-tabs-container').addClass('et-hero-tabs-container--top');
        }
        else {
            $('.et-hero-tabs-container').removeClass('et-hero-tabs-container--top');
        }
    }
    findCurrentTabSelector(element) {
        let newCurrentId;
        let newCurrentTab;
        let self = this;

        $('.et-hero-tab').each(function() {
            let id = $(this).attr('href');
            let offsetTop = $(id).offset().top;
            let offsetBottom = $(id).offset().top + $(id).height();
            if($(window).scrollTop() > offsetTop && $(window).scrollTop() < offsetBottom) {
                newCurrentId = id;
                newCurrentTab = $(this);
            }
        });
        if(this.currentId != newCurrentId || this.currentId === null) {
            this.currentId = newCurrentId;
            this.currentTab = newCurrentTab;
            this.setSliderCss(this.currentTab);
        }
    }
    setSliderCss(element) {
        let height = 0;
        let top = 0;
        if(!element) {
            if(this.currentTab) {
                height = this.currentTab.css('height');
                top = this.currentTab.offset().top;
            }
        }else{
            let idx = element.context.dataset.idx;
            top = top * ( idx - 1 ) ;
        }

        $('.et-hero-tab-slider').css('height', height);
        $('.et-hero-tab-slider').css('top', top);
    }
}

function initStickyNav() {
    new StickyNavigation();
}
$(document).ready( function () {
    window.setTimeout(initStickyNav,100);
});
/* SIDE NAVIGATION ACTIVE */
$('.et-hero-tab').click(function() {
    $('.et-hero-tab').removeClass('active');
    $(this).addClass('active');
});

/* MOBILE SIDE NAVIGATION ACTIVE */
$(function() {
    var openButton = $('.mobile-nav-open');
    var idx = 0;
    openButton.click(function() {
        if(idx == 0) {
            $('.et-hero-tabs-container').addClass('active');
            openButton.addClass('active');
            idx = 1;
        } else if(idx == 1) {
            $('.et-hero-tabs-container').removeClass('active');
            openButton.removeClass('active');
            idx = 0;
        }
    });
});

/* 비즈마루 이동 버튼 */
$("#tab-bizmaru").click(function() {
    var scrollPosition = $(document).height();
    $("html, body").animate({
        scrollTop: scrollPosition
    }, 500);
});

/* 비즈마루 소개 하단 이벤트 */
$(window).scroll(function() {
    var scrollHeight = $(document).height();
    var scrollPosition = $(window).height() + $(window).scrollTop();
    if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
        $(".end-section").css('z-index', 1);
        $(".end-section").css('opacity', 1);
    } else {
        $(".end-section").css('z-index', -1);
        $(".end-section").css('opacity', 0.7);
    }
});