$(function(){

	var $animation_elements = $('.ani');
	var $animation_elements2 = $('.ani2');
	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 + 250;
		var element_bottom_position = (element_top_position + element_height);
	 
		//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');
		}
	  });
	  $.each($animation_elements2, function() {
		var $element = $(this);
		var element_height = $element.outerHeight() ;
		var element_top_position = $element.offset().top + 100 ;
		var element_bottom_position = (element_top_position + element_height);
		
		//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');
		  //console.log(element_top_position);
		} else {
		  //$element.removeClass('in-view');
		}
	  });
	}

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



	fn1 = function(){
	
	}

	$(".page_visual").on("mousewheel",function(event,delta){  
		
		if (delta > 0) { //마우스 휠을 올렸을때	 
		}else if (delta < 0 ) {  //마우스 휠을 내렸을때									
			 var next = $(this).next().offset().top;
			 $("html:not(:animated),body:not(:animated)").stop().animate({"scrollTop":next},1000,"easeInOutCubic");		
			 event.stopPropagation();
			 event.preventDefault();
		}		
	});


	$(".page_visual2").on("mousewheel",function(event,delta){  

		if (delta > 0) { //마우스 휠을 올렸을때	 			
			 var prev = $(".page_visual").offset().top;
			 $("html:not(:animated),body:not(:animated)").stop().animate({"scrollTop":prev},1000,"easeInOutCubic");	
			 event.stopPropagation();
			 event.preventDefault();
		}else if (delta < 0) {  //마우스 휠을 내렸을때
			event.preventDefault();
			 var next = $(this).next().offset().top;
			 $("html:not(:animated),body:not(:animated)").stop().animate({"scrollTop":next},1000,"easeInOutCubic");			
			 event.stopPropagation();
			 event.preventDefault();
		}
	});


	$(window).scroll(function(){

		ww = $(window).width();
		if(ww > 1382){
			var topH = 50;
		}else if(ww < 1383 && ww > 795){
			var topH = 43;
		}else{
			var topH = 30;
		}

		scroll = $(document).scrollTop();
		scrollchk = $(".page").hasClass(".page_visual2");

		if($(".section1").hasClass("page_visual2")){			
			windowH = $(window).height() * 2;
		}else{
			windowH = $(window).height() - 2; 
		}
		//alert(windowH)

		if(scroll >= windowH){
			$("#header").addClass("white");
			$("#header").css("top","0");
		}else{
			$("#header").removeClass("white");
			$("#header").css("top", topH+"px");
		}
	
	})




})