$(document).ready(function() {

	if($(window).width() <= 1600) {
		$('html').addClass('laptop');
	}

	$('#fullpage').fullpage({
		scrollingSpeed: 500,
		responsiveWidth: 1420,
		responsiveHeight: 790,
		lockAnchors: true,
		verticalCentered: true,
		recordHistory: false,		
		// ** 페이지를 불러온 후
		afterLoad : function(anchorLink, index){
			switch(index) {
				case 2: case 4: case 6:
					$('body').addClass('theme_black');
				break;
				default:
					$('body').removeClass('theme_black');
				break;
			}
		},
	
		// ** 페이지를 떠날때
		onLeave : function(anchorLink, destination, direction){
			$('#side_nav li').removeClass('on');
			//현재 목적지번호와 같은 li를 on
			$('#side_nav li:nth-child('+destination+')').addClass('on');
		},
	});

	//scroll 버튼
	$('#scroll_btn').click(function() { $.fn.fullpage.moveTo(2); });

	// ** side nav 클릭시 이동
	$(document).on('click', '#side_nav .side_list > li > a', function () {
		//선택자 변수선언
		var $selector = $('#side_nav .side_list > li');
		// 현재 클릭한 a의 인덱스번호
		var Anchors = $selector.find('> a').index(this);
		//초기화
		$selector.removeClass('on');
		//현재 eq()에 on
		$selector.eq(Anchors).addClass('on');
		//페이지 이동
		$.fn.fullpage.moveTo(Anchors+1);
		return false;
	});


	// section08 iot

	var $iotSlide = $('.iot_slide'),
		$iotArrow = $('.iot_slide_arrow'),
		$iotDot = $('.iot_slide_dot');

	$iotSlide.slick({
		centerMode: true,
		dots:true,
		slidesToShow: 1,
		centerPadding: '22%',
		prevArrow: $iotArrow.find('a.prev'),
		nextArrow: $iotArrow.find('a.next'),
		appendDots: $iotDot.find('.navi_dots'),
		//hover, click을 포함한 모든 focus에도 슬라이드 재생
		pauseOnHover:false,
		pauseOnFocus:false,
		cssEase:'linear',
	});


	// section09 iot
	/*
	var $mediaSlide = $('.media_slide'),
		$mediaArrow = $('.media_slide_arrow');

	if ($mediaSlide.find('div.box').length == 1) {
		$mediaSlide.find('div.box').clone().appendTo($mediaSlide);
		$mediaSlide.find('div.box').clone().appendTo($mediaSlide);
	}

	$mediaSlide.slick({
		centerMode: true,
		infinite:true,
		speed:300,
		slidesToShow: 3,
		slidesToScroll: 1,
		centerPadding: '2px',
		prevArrow: $mediaArrow.find('a.prev'),
		nextArrow: $mediaArrow.find('a.next'),
		//hover, click을 포함한 모든 focus에도 슬라이드 재생
		pauseOnHover:false,
		pauseOnFocus:false,
		cssEase:'linear',
	});
		*/
	var $mediaSlide = $('.media_slide').owlCarousel({
		loop:true,
		margin:10,
		nav:false,
		autoplay:false,
		responsive:{
			0:{
				items:1
			},
			600:{
				items:2
			},
			1000:{
				items:3
			}
		}
	})

	$('.media_slide_arrow a.prev').click(function () {
		$mediaSlide.trigger('prev.owl.carousel');
	});
	$('.media_slide_arrow a.next').click(function () {
		$mediaSlide.trigger('next.owl.carousel');
	});


	// 레이어팝업
	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('준비중 입니다.');
		}
	});

}); //end