$(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', check_if_in_view);
	$window.trigger('scroll');


	$(document).ready(function(){
		$("#fullpage").fullpage({
			verticalCentered: true,
			navigation: true,
			navigationPosition: 'right',
			slidesNavigation: true,
			slidesNavPosition: 'bottom',
			afterLoad: function(anchorLink, index){
				setTimeout("$('.section01 .slide1 .sub').addClass('on')", 800);
				setTimeout("$('.section01 .slide1 h2').addClass('on')", 1100);

				var logoImage = $("#header .gnb h1 a");
				var numLength = index%2;

				if(numLength == 0){
					logoImage.css("background-image", "url('/images/common/logo_black.png')");
					$(".menu-trigger span").css("background-color", "#000000");
					$("#fp-nav ul li a span").css("background-image", "url('/images/main/section_nav2.png')");
					$("#fp-nav ul li a.active span").css("background-image", "url('/images/main/section_nav2_active.png')");
				} else {
					logoImage.css("background-image", "url('/images/common/logo_white.png')");
					$(".menu-trigger span").css("background-color", "#ffffff");
					$("#fp-nav ul li a span").css("background-image", "url('/images/main/section_nav.png')");
					$("#fp-nav ul li a.active span").css("background-image", "url('/images/main/section_nav_active.png')");
				}

				if(index == 2){
					$(".section02 .figure1").addClass("on").fadeIn();
					$(".section02 .figure2").addClass("on").fadeIn();
					$(".section02 .sub").addClass("on");
					$(".section02 h2").addClass("on");
					$(".section02 p").addClass("on");
					$(".section02 a.more").addClass("on");
				}else if(index == 3){
					$(".section03 .sub").addClass("on");
					$(".section03 h2").addClass("on");
					$(".section03 p").addClass("on");
					$(".section03 a.more").addClass("on");
				}else if(index == 4){
					$(".section04 ul li").addClass("on");
				}else if(index == 5){
					$(".section05 .con h3").addClass("on");
					$(".section05 ul li").addClass("on");
				}else if(index == 6){
					$(".section06 .left").addClass("on");
					$(".section06 .right").addClass("on");
				}
			},
			afterSlideLoad: function(section, origin, destination, direction){
				if(destination == 0){
					$(".section01 .slide2 .sub").removeClass("on");
					$(".section01 .slide2 h2").removeClass("on");
					$(".section01 .slide3 .sub").removeClass("on");
					$(".section01 .slide3 h2").removeClass("on");
					$(".section01 .slide3 a.more").removeClass("on");
					$(".section01 .slide4 .sub").removeClass("on");
					$(".section01 .slide4 h2").removeClass("on");
					$(".section01 .slide4 .date").removeClass("on");
					$(".section01 .slide4 a.more").removeClass("on");
					$(".section01 .slide1 .sub").addClass("on");
					$(".section01 .slide1 h2").addClass("on");
				}else if(destination == 1){
					$(".section01 .slide1 .sub").removeClass("on");
					$(".section01 .slide1 h2").removeClass("on");
					$(".section01 .slide2 .sub").removeClass("on");
					$(".section01 .slide2 h2").removeClass("on");
					$(".section01 .slide4 .sub").removeClass("on");
					$(".section01 .slide4 h2").removeClass("on");
					$(".section01 .slide4 .date").removeClass("on");
					$(".section01 .slide4 a.more").removeClass("on");
					$(".section01 .slide3 .sub").addClass("on");
					$(".section01 .slide3 h2").addClass("on");
					$(".section01 .slide3 a.more").addClass("on");
				}else if(destination == 2){
					$(".section01 .slide1 .sub").removeClass("on");
					$(".section01 .slide1 h2").removeClass("on");
					$(".section01 .slide2 .sub").removeClass("on");
					$(".section01 .slide2 h2").removeClass("on");
					$(".section01 .slide3 .sub").removeClass("on");
					$(".section01 .slide3 h2").removeClass("on");
					$(".section01 .slide3 a.more").removeClass("on");
					$(".section01 .slide4 .sub").addClass("on");
					$(".section01 .slide4 h2").addClass("on");
					$(".section01 .slide4 .date").addClass("on");
					$(".section01 .slide4 a.more").addClass("on");
				}
			}
		}); 

		setTimer=setInterval(timerHandler, 8000);

		function timerHandler(){
			$(".section01 .fp-next").click();
		}


	});

});