$(document).ready(function(){
    $('#mainVisual .main_txt').delay(300).animate({"opacity":"1"},1200);
});


var mySwiper = new Swiper ('.main_slide', {
  // Optional parameters
	loop: true,
	effect:'fade',

	slideActiveClass: 'on',
	pagination: {
		el: '#mainVisual .pager',
		bulletActiveClass: 'on',
		clickable: true
	},
  
  on: {
    transitionStart: function(){
      
      var videos = document.querySelectorAll('video');

      Array.prototype.forEach.call(videos, function(video){
        video.pause();
      });
    },
    
    transitionEnd: function(){
      
      var activeIndex = this.activeIndex;
      var activeSlide = document.getElementsByClassName('swiper-slide')[activeIndex];
      var activeSlideVideo = activeSlide.getElementsByTagName('video')[0];
      activeSlideVideo.play();
    
    },
  
  }
})


var mainSwiper = new Swiper(".main_slide2", {
	loop: true,
	effect:'fade',
	speed:800,
	spaceBetween : 0,
	navigation: false,
	slideActiveClass: 'on',
	pagination: {
		el: '#mainVisual .pager',
		bulletActiveClass: 'on',
		clickable: true
	},
	autoplay: {
		delay: 3200,
		disableOnInteraction: false,
	},
});


var swiper = new Swiper(".room_slider", {
	loop: true,
	effect:'fade',
	speed:800,
	spaceBetween : 20,

	slideActiveClass: 'on',
	pagination: {
		el: '#roomList .pager',
		bulletActiveClass: 'on',
		clickable: true
	},
	navigation: {
		nextEl: '#roomList .next',
		prevEl: '#roomList .prev',
	},
	autoplay: {
		delay: 2500,
		disableOnInteraction: false,
	},
});

var swiper = new Swiper(".atc03_slide", {
loop: true,
grabCursor: true,
speed:600,
slidesPerView: 'auto',
slideActiveClass: 'on',
spaceBetween: 60,
navigation: {
nextEl: '#inc03 .next',
},
autoplay: {
delay: 3000,
disableOnInteraction:false,
},
breakpoints: {
        486: {
          slidesPerView: 1,
		  spaceBetween: 60,
        },
        768: {
          slidesPerView: 2,
        },
        1200: {
          slidesPerView: 2,
        },
        1400: {
          slidesPerView: 3,
		  spaceBetween: 150,
        },
      },
});