$(document).ready(function(){
	var page_name = $(".section");
	var page_inner_name = $(".sec_inner");
	var page_css = "on";
	var window_h = $(window).height();
	var window_w = $(window).width();
	var document_h = $(document).height();
	var scrolling = $(window).scrollTop();
	var index_name = $("aside ul li");
	var index_css = "on";
	var mobile_size = 1800;/* 모바일로 변환되는 사이즈 (자동스크롤, 자동높이지정 해제) */
	var footer_use = true;//footer의 존재여부 (true - 존재함, false - 존재하지 않음)
	var header_fix_use = true;//header에 fixed를 준 경우 (만약 absolute나 주지 않은 경우는 false을 줘야 한다.)
	var header_fix_h = 50;//header의 높이값 
	var page_index;//현재 페이지번호
	var page_total;
	var page_scrolling;//스크롤 도착지점
	var main1 = $('#visual').offset().top;
	var main2 = $('#company').offset().top;
	var main3 = $('#customer').offset().top;
	var main4 = $('#communi').offset().top;
	var main5 = $('#story').offset().top;
	var menu = $("aside ul li");
	var move_top;
console.log("2", window_h);
	page_h();
	page_index = Math.round($(window).scrollTop()/window_h) +1;
	page_total = page_name.length;
	//console.log(page_name.eq(1).offset().top);
	index_labeling();
	function index_labeling(){
		if(window_w>mobile_size && window_h > 810){
			page_index = Math.round($(window).scrollTop()/window_h) +1;
			page_name.removeClass(page_css);
			page_name.eq(page_index-1).addClass(page_css);
			index_name.removeClass(index_css);
			index_name.eq(page_index-1).addClass(index_css);
		}else{
			menu.removeClass("on");
			if((scrolling>=(main5-window_h/2)) || (scrolling>=(document_h-window_h-20))){
				menu.eq(4).addClass("on");
			}else if(scrolling>=(main4-window_h/2)){
				menu.eq(3).addClass("on");
			}else if(scrolling>=(main3-window_h/2)){
				menu.eq(2).addClass("on");
			}else if(scrolling>=(main2-window_h/2)){
				menu.eq(1).addClass("on");
			}else{
				menu.eq(0).addClass("on");
			}
		}
	}

	function page_h(){
		if(window_w>mobile_size && window_h > 810){
			$(page_name).height(window_h);
		}else{
			$(page_name).height("auto");
		}
	}

	function inner_padding(){
		if(window_w>mobile_size){
			for(var i=0;i<page_total;i++){
				if(header_fix_use == true){
					if(i == 1){
						page_name.eq(i).find(page_inner_name).css("padding-top", (window_h  - page_name.eq(i).find(page_inner_name).height()));
					}else{
					page_name.eq(i).find(page_inner_name).css("padding-top", (window_h  - page_name.eq(i).find(page_inner_name).height() - header_fix_h));
					}
				}else{
					page_name.eq(i).find(page_inner_name).css("padding-top", (window_h  - page_name.eq(i).find(page_inner_name).height())/2);
				}
			}
		}else{
			page_name.find(page_inner_name).css("padding-top", '100px');
		}
	}

	$(window).resize(function(){
		window_w = $(window).width();
		window_h = $(window).height();
		main1 = $('#visual').offset().top;
		main2 = $('#company').offset().top;
		main3 = $('#customer').offset().top;
		main4 = $('#communi').offset().top;
		main5 = $('#story').offset().top;
		page_scrolling;//스크롤 도착지점
		page_h();
		index_labeling();
		inner_padding();
		if(window_w>mobile_size){
			$(window).scrollTop((page_index-1)*window_h);
		}
	})
	$(window).scroll(function(){
		index_labeling();
		scrolling = $(window).scrollTop();
	});

	$(window).load(function(){
		main1 = $('#visual').offset().top;
		main2 = $('#company').offset().top;
		main3 = $('#customer').offset().top;
		main4 = $('#communi').offset().top;
		main5 = $('#story').offset().top;
		document_h = $(document).height();
		index_labeling();
		inner_padding();
		mobile_move();
	});

	$(index_name).on("click", function(){
		if(window_w>mobile_size && window_h > 810){
			page_index = $(this).index()+1;
			page_scrolling = (page_index-1)*window_h;
			$("html, body").animate({
				scrollTop : page_scrolling
			}, 500);
		}
	});

	function mobile_move(){
		$(index_name).on("click", function(){
			if(window_w<mobile_size || window_h <= 810){
			console.log(main3, $('#company').offset().top, $('#company').position().top);
				page_index = $(this).index();
				if(page_index==0){
					move_top = main1;
				}else if(page_index==1){
					move_top = main2;
				}else if(page_index==2){
					move_top = main3;
				}else if(page_index==3){
					move_top = main4;
				}else{
					move_top = main5;
				}
			
				$("html, body").animate({
					scrollTop : move_top
				},500);
			}
		});
	}
	
				 

	//마우스 스크롤을 감지해서 한페이지씩 이동
	$("html, body").on("mousewheel DOMMouseScroll keydown", function scroll_check(e){
		if(!$("body").hasClass("modal_open")) { // block background scroll and focus popup contents when modal popup by script

			if(window_w>mobile_size  && window_h > 810){
				var E = e.originalEvent;
				var delta = 0;
				if (E.detail) {
					delta = E.detail * -40;
				}else{
					delta = E.wheelDelta;
				};
				var key = e.which;
				switch(key){
					case 38:
						break;
					case 40:
						break;
				};
				$("html, body").off("mousewheel DOMMouseScroll keydown");
				$("html, body").on("mousewheel DOMMouseScroll", function(e){
					e.preventDefault();
					e.stopPropagation();
					return false;
				});
				$("html, body").on("keydown", function (key) {
			        if(key.keyCode == 38 || key.keyCode == 40){
				        e.preventDefault();
						e.stopPropagation();
						return false;
			        }
			    });
				if(delta > 0 || key === 38){//위로 스크롤
					if(page_index>page_total){
						page_index = page_total;
					}else if((page_name.eq(page_index-1).offset().top<$(window).scrollTop())&&(footer_use == true)){
						page_index = page_index;
					}else if(page_index>1){
						page_index--;
					}else{
						page_index = 1;
					}
					page_scrolling = page_name.eq(page_index-1).offset().top;
				}else if(delta < 0 || key === 40){//아래로 스크롤
					if((page_index>=page_total)&&(footer_use == true)){
						page_scrolling = $(document).height() - $(window).height();
					}else if(page_index<page_total){
						page_index++;
						page_scrolling = page_name.eq(page_index-1).offset().top;
					}
				}
				$("html, body").animate({
					scrollTop : page_scrolling
				}, 500, function(){
					$("html, body").off();
					$("html, body").on("mousewheel DOMMouseScroll keydown", scroll_check);
					$("html, body").stop();
				});
			}
			$("html, body").on("keydown", function (key) {
		        if(key.keyCode == 9 || key.keyCode == 16){
			        $("html, body").off();
					$("html, body").on("mousewheel DOMMouseScroll keydown", scroll_check);
					$("html, body").stop();
		        }
		    });

		}
	});

});