$(function(){


	/* scroll */
	var $animation_elements = $('.animation-element');
	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 slide
	var swiper = new Swiper('.main_visual', {
		speed:800,
		loop: true,
		simulateTouch:false,
		navigation: {
			nextEl: '.main_next',
			prevEl: '.main_prev',
		},
		on:{
			init: function(){
				
			},	
			slideChangeTransitionStart: function () {
				if($('.main_visual .swiper-slide').hasClass('swiper-slide-active')){
					$('.main_visual .swiper-slide .slide_img').addClass('on');
				}
			},
		},
		autoplay: {
            delay: 4000,
        },
		effect:'fade',
    });
	
	//product mobile slide
	var swiper2 = new Swiper('.swiper2', {
		slidesPerView: 3,
		spaceBetween: 10,
		pagination: {
			el: '.swiper-pagination',
			type: 'fraction',
		},
		breakpoints:{
			767: {
				slidesPerView: 1,
			},	
		},
    });


});

$(document).ready(function(){

	AOS.init();
	$('.main_visual .main_logo').addClass('on');
	$('.main_visual').addClass('ani');
	$('.main_visual .swiper-slide .slide_img').addClass('ani');
	$('.main_visual .tit_wrap').addClass('on');
	$('#wrap header h1.logo').addClass('move');

	//scroll event
	$(window).scroll(function(){
		if($(this).scrollTop() >= $('.section02').offset().top -200){
			$('.section02 .tech_list .top').addClass('on');
		}else {
			$('.section02 .tech_list .top').removeClass('on');
		}if($(this).scrollTop() >= $('.section02').offset().top){
			$('.section02 .tech_list .bot').addClass('on');
		}else {
			$('.section02 .tech_list .bot').removeClass('on');
		}

		if($(this).scrollTop() >= $('.section03').offset().top -350){
			$('.section03 .product_list.top').addClass('on');
		}else {
			$('.section03 .product_list.top').removeClass('on');
		}
		if($(this).scrollTop() >= $('.section03').offset().top -150){
			$('.section03 .product_list.bot').addClass('on');
		}else {
			$('.section03 .product_list.bot').removeClass('on');
		}
		
		if($(this).scrollTop() >= $('.section05').offset().top -300){
			$('.section05 .inquiry_list li').addClass('on');
		}else {
			$('.section05 .inquiry_list li').removeClass('on');
		}
	});


	//visual height 모바일 높이 대응
	function resetHeight(){
		$('.main_visual').css('height', $(window).innerHeight());
	}
	window.addEventListener("resize", resetHeight);
	resetHeight();



	//main animation 끝난 후 실행
	$('.main_visual .slide1 .slide_img').one("webkitAnimationEnd animationend", function(evt) {
		$('.main_visual .swiper-slide .slide_img').removeClass('ani');
	});
	$('.main_logo').one("webkitAnimationEnd animationend", function(evt) {
		$("body,html ").removeClass("over");
	});

	$('h1.logo').one('transitionstart MSTransitionStart webkitTransitionStart oTransitionStart', function(event) {
		$('.header_wrap').addClass('ani');
	});


	$("body,html ").addClass("over");
	main_ani = $('.main_visual .slide1 .slide_img')



	
	
	var loadPage;
	
	if(!sessionStorage.getItem(loadPage)) {
		$('#intro_g').show();

		setTimeout(function() {
			$('#intro_g').stop(true).delay(2000).fadeOut(2000);
			sessionStorage.setItem(loadPage, true);
		}, 2000);

	}else {
		$('#intro_g').remove();
		$('#wrap header h1.logo,.header_wrap,.header_wrap #nav .gnb,.main_visual .arrow,.main_visual .scroll,.search_box,.header_wrap .right_nav').css("transition","none");
		$('.main_visual .tit_wrap').removeClass('on');
		$('.main_visual .tit_wrap').addClass('view');
		$('.main_visual .swiper-slide .slide_img').removeClass('ani');
		$('.header_wrap').addClass('ani');
		$("body,html ").removeClass("over");
	}
	
	
	//svg animation

});