$(function(){


	/* scroll */
	var $animation_elements = $('.ani');
	var $window = $(window);

	function check_if_in_view() {
	  var window_height = $window.height();
	  var window_top_position = $window.scrollTop();
	  var window_bottom_position = (window_top_position + window_height);

	  $.each($animation_elements, function() {
		var $element = $(this);
		var element_height = $element.outerHeight();
		var element_top_position = $element.offset().top+200;
		var element_bottom_position = (element_top_position + element_height);
		//console.log(element_top_position);

		//check to see if this current container is within viewport
		if ((element_bottom_position >= window_top_position) &&
		  (element_top_position <= window_bottom_position)) {
		  $element.addClass('in-view');
		} else {
		 //$element.removeClass('in-view');
		}
	  });
	}

	$window.on('scroll resize', check_if_in_view);
	$window.trigger('scroll');


	// 레이어팝업
	var bg = $("#bg");

	$(document).on('click',' #bg, .close ', function () {
		bg.fadeOut();
		$('#video-popup div.inner').html('');
		$('#video-popup').hide();
	});

	$('.play_btn').on('click', function(){
		
		var dataUrl = $(this).attr('data-url');
		if(dataUrl){
			bg.show();
			$('#video-popup').show();
			$('#video-popup').html(
				'<div class="popup-close">'+
				'<img src="/img/common/video_popup_close.png" alt="close" class="close"></div>'+
				'<div class="inner">'+
				'</div>'
			);
			$('#video-popup div.inner').html(dataUrl);
		}else {
			alert('준비중 입니다.');
		}
	});

	$('.main_visual').slick({
		fade: true,
		autoplay:true,
		infinite: true,
		autoplaySpeed:6000,
		slidesToShow: 1,
		slidesToScroll: 1,
		pauseOnHover:false,
		pauseOnFocus:false,
		cssEase:'linear',
		dots: true,
		appendDots: $('.section01 .swiper-pagination'),
		prevArrow: $('.section01 .page').find('.prev'),
		nextArrow: $('.section01 .page').find('.next'),
	});
	if(typeof $.fn.Slick === 'undefined'){
		$('.main_visual').find('.main_slide1').addClass('on');
		
		$('.main_visual').on('beforeChange', function(event, slick, currentSlide, nextSlide){
			$('.main_visual').find('div[class*="main_slide"]').removeClass('on');
			$('.main_visual').find('.main_slide'+(nextSlide+1)).addClass('on');
		});
	}
	/*var swiper1 = new Swiper('.swiper1', {
		speed:1000,
		loop:true,
		parallax: true,
		navigation: {
			nextEl: '.next, .next2',
			prevEl: '.prev,.prev2',
		},
		pagination: {
			el: '.swiper-pagination',
		},
	
    });*/

	var swiper2 = new Swiper('.swiper2', {
		slidesPerView:'auto',
		spaceBetween: 20,
        centeredSlides:true,
		loop: true,
		autoplay: {
			delay:3000,
		},
		breakpoints: {
			1279:	{
				slidesPerView:3.5,
				spaceBetween: 15,
				freeMode: false,
			},
			767:	{
				slidesPerView:1.2,
				spaceBetween: 15,
				freeMode: false,
			},
		},
	
    });

	var swiper3 = new Swiper('.swiper3', {
		effect: 'fade',
		navigation: {
			nextEl: '.next',
			prevEl: '.prev',
		},
		loop:true,
    });

	var swiper4 = new Swiper('.swiper4', {
		slidesPerView:'auto',
		spaceBetween: 250,
		loop: true,
		navigation: {
			nextEl: '.next',
			prevEl: '.prev',
		},
		autoplay: {
			delay:10000,
		},
		on: {
			init:function(){
			
			},
			transitionEnd:function(){

			},
		},
		breakpoints: {
			1279:	{
				spaceBetween: 30,
			},
		},
    });

	var swiper5 = new Swiper('.swiper5', {
		slidesPerView:1,
		spaceBetween: 30,
		pagination: {
			el: '.section02 .swiper-pagination',
			clickable:true,
		},
	});
			

	if($(window).width() <= 1279){
	}
	
	if($(window).width() <= 770){
		
	}
	
	$(window).resize(function(){
		if($(window).width() <= 1279){
		}
	});
	
	


});