$(function () {
     
          let $header = $('#header'),
               $menubg = $('.header-gnb, .menu-bg');

     //풀페이지 플러그인 설정, 커스텀
     $('#fullpage').fullpage({
          //네비 도트 표시
          navigation: true,
          //네비 도트 위치
          navigationPosition: 'right',
          //width1200 이하 풀페이지해제
          responsiveWidth: 1200,
          //각 섹션마다 값 다르게 (섹션마다 헤더색, 네비색이 달라서)
          'onLeave': function (anchorLink, index) {
               let navSpan = $('#fp-nav ul li a span');
               if (index == 1) {
                    $header.attr('class', 'n_active');
                    navSpan.css('background-color', '#f2f2f2');
                    $menubg.mouseover(function () {
                         menu_on();
                    }).mouseout(function () {
                         menu_out('n_active');
                    });

                    // if (1560 < $(window).width()){
                    //      $('.banner-text').css('color', 'red');
                    // }


               } else if (index == 2) {
                    $header.attr('class', 'active');
                    navSpan.css('background-color', '#0e4675');
                    $('.aboutus .aboutus-wrap .aboutus-image').addClass('fadeinup');
                    $('.aboutus .aboutus-wrap .aboutus-text h3').addClass('fadeinup');
                    $('.aboutus .aboutus-wrap .aboutus-text p').addClass('fadeinup');
                    
                    if (900 < $(window).width()) {
                         $('.aboutus-btn a').delay(2000).fadeTo(1000, 1);
                    } else if (900 >= $(window).width()) {
                         $('.aboutus-btn a').delay(1500).fadeTo(1000, 1);
                    }

                    $menubg.mouseover(function () {
                         menu_on();
                    }).mouseout(function () {
                         menu_out('active');
                    });
               } else if (index == 3) {
                    $header.attr('class', 'active');
                    navSpan.css({ 'background-color': '#f2f2f2', 'border': '1px solid #ddd' });
                    $('.services .services-title h3').addClass('fadeinup');
                    $('.services .services-title p').addClass('fadeinup');
                    $('.services .box-item').addClass('fadeinup');
                    $menubg.mouseover(function () {
                         menu_on();
                    }).mouseout(function () {
                         menu_out('active');
                    });
               } else if (index == 4) {
                    if (1200 < $(window).width()) {
                         $header.attr('class', 'bg_active');
                         $('.notice .notice-title h3').addClass('fadeinup');
                         $('.notice .notice-wrap').addClass('fadeinup');
                         $('.notice-btn a').delay(1500).fadeTo(1000, 1);
                         $menubg.mouseover(function () {
                              menu_on();
                         }).mouseout(function () {
                              menu_out('bg_active');
                         });
                         navSpan.css('background-color', '#f2f2f2');
                    } else if (1200 >= $(window).width() && $(window).width() > 900) {
                         $header.attr('class', 'active');
                         $('.notice .notice-title h3').addClass('fadeinup');
                         $('.notice .notice-wrap').addClass('fadeinup');
                         $('.notice-btn a').delay(1500).fadeTo(1000, 1);
                         $menubg.mouseover(function () {
                              menu_on();
                         }).mouseout(function () {
                              menu_out('active');
                         });
                    } else if(900 >= $(window).width()){
                         $('.notice .notice-title h3').addClass('fadeinup');
                         $('.notice .notice-wrap').addClass('fadeinup');
                         $('.notice-btn a').delay(1100).fadeTo(1000, 1);
                         $menubg.mouseover(function () {
                              menu_on();
                         }).mouseout(function () {
                              menu_out('active');
                         });
                    }

                         
               } else if (index == 5) {
                    if (1200 < $(window).width()) {
                         $header.attr('class', 'bg_active');
                         navSpan.css('background-color', '#f2f2f2');
                         $menubg.mouseover(function () {
                              menu_on();
                         }).mouseout(function () {
                              menu_out('bg_active');
                         });
                    } else if (1200 >= $(window).width()) {
                         $header.attr('class', 'active');
                         $menubg.mouseover(function () {
                              menu_on();
                         }).mouseout(function () {
                              menu_out('active');
                         });
                    }
               }
          }
     });

     //첫 화면에서 실행
     $menubg.mouseover(function () {
          menu_on();
     }).mouseout(function () {
          menu_out('n_active');
     });
     //메뉴바 드롭다운 호버 이벤트 (모바일이 아닐 경우 함수호출)
     let $menuset = $('.sub-menu, .menu-bg'),
          $headergnb = $('.header-gnb'),
          $headergnbli = $('.header-gnb>ul>li'),
          $submenu = $('.sub-menu');

     $menuset.hide();

     //메인베뉴바 드롭다운 함수 테블릿 이하부터는 함수실행 안함
     function menu_on() {
          if ($(window).width() <= 1200) {
               return;
          }
          $menuset.stop().slideDown(200);
          $header.attr('class', 'active');
          $headergnb.css('width', '1000px');
          $headergnbli.css('width', '150px');
          $submenu.css('margin-left', '0');
     }
     function menu_out(a) {
          if ($(window).width() <= 1200) {
               return;
          }
          $menuset.stop().slideUp(200);
          $header.attr('class', a);
          $headergnb.css('width', '800px');
          $headergnbli.css('width', 'auto');
          $submenu.css('margin-left', '-50px');
     }

     //섹션3 our services 부분 호버 이벤트
     $('.services .menu-box').mouseover(function () {
          $('.services .menu-box').removeClass('active');
          $(this).addClass('active');
     }).mouseout(function () {
          $('.services .menu-box').removeClass('active');
     });
     
     // 블랙 배경 사라지고 배경이미지 나타남
     setTimeout(function () {
          $('.banner-text').css('background', 'rgba(0, 0, 0, 0)');
     }, 6000);

     

     //localStorage는 재방문 감지
     //sessionStorage은 재방문을 감지하지만 브라우저를 닫을 때 값이 초기화
     // localStorage 키 설정
    const keyName = 'mainPageVisited';

    // 메인 페이지 방문 여부 확인
    if (!sessionStorage.getItem(keyName)) {
        // 처음 방문 시 실행할 함수 호출
        runOnceFunction();

        // 키를 저장해 다시 실행되지 않도록 설정
        sessionStorage.setItem(keyName, 'true');

    }else{
        $('.banner-text p').show();
        $('.banner-text h2').css({'opacity': '1', 'transition':'0s'})
        $('.banner-text').css({'background': 'rgba(0, 0, 0, 0)', 'transition':'0s'});
        $('.main-banner').addClass('sizeup');

         //팝업생성
         $(".pop_container").show();
    }


function runOnceFunction() {

     //메인 1페이지 텍스트 애니메이션
     let ptag = document.querySelector('.banner-text p');
     let ptagletter = ptag.innerHTML;
     //페이지 로드후 0.8초후 animation 함수 실행
     setTimeout(function () {
     $('.banner-text p').show();
     animation(ptag, ptagletter);
     }, 800);
     //h2는 4초 후 서서히 나타남
     setTimeout(function () {
          $('.banner-text h2').css('opacity', '1');
     }, 4000);
     //animation 함수settimeout에서 속도 조절 하면 됨 지금은 60
     function animation(tag, letter) {
          tag.innerHTML = '';
          for (let i = 0; i < letter.length; i++) {
               setTimeout(function () {
                    tag.innerHTML += letter[i]
               }, (i + 1) * 60)
          }
     }

     //헤더랑 풀페이지 네비 잠깐 숨기고
     function domhide(){
          $header.hide();
          $('#fp-nav ul li a span').hide();
          $('.pop_wrap').hide();
          $('.motion').hide();
     }
     domhide();

     //처음에 글자 애니메이션 실행되고있을 때 스크롤 막기
     $('body').on('scroll touchmove mousewheel', function(e) {
          e.preventDefault();
          e.stopPropagation();
          return false;
      });

     //배경이미지 뜬 후에 다시 헤더랑 풀페이지 네비 보이게
     setTimeout(function () {
          $header.fadeIn(500);
          $('#fp-nav ul li a span').fadeIn(500);
          $('.motion').delay(1000).fadeIn(1000);
          $('body').off('scroll touchmove mousewheel');
     }, 6000);

     setTimeout(function () {
          $('.pop_wrap').fadeIn(200);
          //팝업생성
          $(".pop_container").show();
     }, 7000);
     
}
     

});