'use strict';

//메인swiper js

var swiper = new Swiper(".mySwiper", {
  effect : 'fade', // 페이드 효과 사용
  speed: 1000,
  loop: true,
  autoplay: {
  delay: 5000,
  disableOnInteraction: false,
},
  pagination: {
  el: ".swiper-pagination",
  clickable: true,
},
navigation: {
  nextEl: ".swiper-button-next",
  prevEl: ".swiper-button-prev",
},
});


  // animation 

  var $mainstory = $('#mainstory');
  var $mainmenu = $('#mainmenu');
  var $mainmember = $('#mainmember');
  var $offset = 700;
  var $mainstoryOST = $mainstory.offset().top - $offset;
  var $mainmenuOST = $mainmenu.offset().top - $offset;
  var $mainmemberOST = $mainmember.offset().top - $offset;
  

  $(window).scroll(function(){
      if($(this).scrollTop() > $mainstoryOST) {
          $mainstory.find('img').addClass('animate1');
          $mainstory.find('.mainstory_entitle').addClass('animate2');
          $mainstory.find('.mainstory_title').addClass('animate2');
          $mainstory.find('.main_btn').addClass('animate2');
      } 
  });

  $(window).scroll(function(){
    if($(this).scrollTop() > $mainmenuOST) {
        $mainmenu.find('.mainmenu_img01').addClass('animate2');
        $mainmenu.find('.mainmenu_img02').addClass('animate2');
        $mainmenu.find('.mainmenu_img03').addClass('animate2');
        $mainmenu.find('.mainmenu_img04').addClass('animate2');
        $mainmenu.find('.mainmenu_img05').addClass('animate2');
        $mainmenu.find('.mainmenu_img06').addClass('animate2');
    } 

});
$(window).scroll(function(){
  if($(this).scrollTop() > $mainmemberOST) {
      $mainmember.find('.msol01').addClass('animate3');
      $mainmember.find('.msol02').addClass('animate3');
      $mainmember.find('.msol03').addClass('animate3');
      $mainmember.find('.msol04').addClass('animate3');
  } 
});


// 메인페이지 메뉴소개

var img01 = document.querySelector('.mainmenuimg01'),
    mainmenu01 = document.querySelector('.mainmenu_img01');        
    mainmenu01.addEventListener('mouseover', function(){
      img01.style.cssText  = 'transform: scale(1.3); filter: brightness(40%)';
    });
    mainmenu01.addEventListener('mouseout', function(){
      img01.style.cssText  = 'transform: scale(1); filter: brightness(100%)';
    });

var img02 = document.querySelector('.mainmenuimg02'),
mainmenu02 = document.querySelector('.mainmenu_img02');     
    mainmenu02.addEventListener('mouseover', function(){
      img02.style.cssText  = 'transform: scale(1.3); filter: brightness(40%)';
    });
    mainmenu02.addEventListener('mouseout', function(){
      img02.style.cssText  = 'transform: scale(1); filter: brightness(100%)';
    });

var img03 = document.querySelector('.mainmenuimg03'),
 mainmenu03 = document.querySelector('.mainmenu_img03'); 
    mainmenu03.addEventListener('mouseover', function(){
      img03.style.cssText  = 'transform: scale(1.3); filter: brightness(40%)';
    });
    mainmenu03.addEventListener('mouseout', function(){
      img03.style.cssText  = 'transform: scale(1); filter: brightness(100%)';
    });

    var img04 = document.querySelector('.mainmenuimg04'),
mainmenu04 = document.querySelector('.mainmenu_img04');     
    mainmenu04.addEventListener('mouseover', function(){
      img04.style.cssText  = 'transform: scale(1.3); filter: brightness(40%)';
    });
    mainmenu04.addEventListener('mouseout', function(){
      img04.style.cssText  = 'transform: scale(1); filter: brightness(100%)';
    });

var img05 = document.querySelector('.mainmenuimg05'),
 mainmenu05 = document.querySelector('.mainmenu_img05'); 
    mainmenu05.addEventListener('mouseover', function(){
      img05.style.cssText  = 'transform: scale(1.3); filter: brightness(40%)';
    });
    mainmenu05.addEventListener('mouseout', function(){
      img05.style.cssText  = 'transform: scale(1); filter: brightness(100%)';
    });

    var img06 = document.querySelector('.mainmenuimg06'),
 mainmenu06 = document.querySelector('.mainmenu_img06'); 
    mainmenu06.addEventListener('mouseover', function(){
      img06.style.cssText  = 'transform: scale(1.3); filter: brightness(40%)';
    });
    mainmenu06.addEventListener('mouseout', function(){
      img06.style.cssText  = 'transform: scale(1); filter: brightness(100%)';
    });