// JavaScript Document
$(document).ready(function() {
	var ht = $(window).height();//변수 ht에 높이값 지정
	$("section").height(ht);//브라우저 높이 값을 section의 높이값으로 설정
	
	$(window).on("resize",function(){//브라우저가 리사이즈 될때마다 브라우저와 section 값이 갱신
	var re = $(window).height();
	$("section").height(re); 
	});
	
	//각각의 section 영역 안에서 마우스를 움직일 때 
	$("section").on("mousemove",function(e){
		var posX = e.pageX;//변수 posX에 마우스 커서의 X축 위치값 저장
		var posY = e.pageY;
		
		
		$(".p11").css({"right":20-(posX/30),"bottom":20-(posY/30)});
		$(".p12").css({"right":130+(posX/20),"bottom":-40-(posY/20)});
		$(".p13").css({"right":20-(posX/30),"bottom":20-(posY/30)});
		
		
		$(".p31").css({"right":180-(posX/30),"bottom":20-(posY/30)});
		
		$(".p41").css({"right":120+(posX/30),"bottom":20-(posY/30)});
		
	});
	
	//해당 메뉴 클릭시 해당 페이지 이동
	$("#menu li").on("click",function(e){
		e.preventDefault();//a 링크로 인해 깜빡 거리는 현상 해결
		var ht = $(window).height();//변수 ht에 현재 브라우저의 높이값 저장
		var i = $(this).index();//변수 i에 현재 클릭한 li의 순서값 저장
		var now = ht*i;
		$("html, body").stop().animate({"scrollTop":now},1000);//해당 스크롤 위치값으로 문서 이동
	});
	
	//스크롤시 현재 영역 메뉴 활성화
	$(window).on("scroll",function(){
		var ht = $(window).height();
		var scr = $(window).scrollTop();//변수 scr에 현재 문서가 스크롤된 거리 저장
		/*
		if(scr>=ht*0 && scr<ht*1){
			$("#menu li").removeClass();
			$("menu li").eq(0).addClass("on");
		} else if (scr>=ht*1 && scr<ht*2{
			$("#menu li").removeClass();
			$("#menu li").eq(1).addClass("on");
		}
		*/
		for(var i=0; i<6; i++) {
			if(scr>=ht*i && scr<ht*(i+1)){
				$("#menu li").removeClass();
				$("#menu li").eq(i).addClass("on");
		}
	}
	
	});
	
	//마우스 휠 이벤트
	$("section").on("mousewheel",function(event,delta){
		if(delta>0){//마우스 휠을 올렸을 때
			var up = $(this).prev().offset().top;//.offset.top;해당 선택자를 기준으로 문서 끝에서 부터 선택자가 위치하고 있는 y측의 거리
			$("html, body").stop().animate({"scrollTop":up},1400,"easeOutBounce");//변수 up에 현재 section에서 이전 section의 offset().top 위치 저장
		} else if(delta<0){//마우스 휠을 내렸을 때
			var down = $(this).next().offset().top;
			$("html, body").stop().animate({"scrollTop":down},1400,"easeOutBounce");
		}
	});
});