$(document).ready(function(){
    showMotion();

    // 전체메뉴
    $(".btn_menu").on("click", function(){
        if($(".total_menu .copyright").hasClass("on")) {
            $(this).removeClass("on");
            $("header h1").removeClass("on");
            $(".total_menu").fadeOut(100, function(){
                $(".total_menu .menu li").removeClass("on");
                $(".total_menu .copyright").removeClass("on");
            });

            if ($("#projects_sub").is(":visible")) $("header").addClass("on");
        } else {
            $(this).addClass("on");  
            $("header h1").addClass("on");
            $(".total_menu").fadeIn(300);

            var menuLength = $(".total_menu .menu li").length;
            var i = 0;
            var timer = setInterval(function(){
                if(menuLength <= i) clearInterval(timer);                
                $(".total_menu .menu li").eq(i).addClass("on");
                if(i == 5) $(".total_menu .copyright").addClass("on");
                i++;                
            },100);        

            if ($("#projects_sub").is(":visible")) $("header").removeClass("on");
        }     
    });   
    
})

$(window).scroll(function () {
    headColor();
    showMotion();    
});

var headColor = function(){
    if($(".kv_img").length > 0) var kvHeight = $(".kv_img").innerHeight()-$("header").height();
    if($(".next_project").length > 0) var nextHeight = $(".next_project").offset().top-$("header").height();

    if($("#projects_sub").length == 0 || $("#projects_sub").is(":hidden")) { //리스트 상단
        if(kvHeight < $(window).scrollTop()) $("header").addClass("on");
        else $("header").removeClass("on");
    } else {
        if(nextHeight < $(window).scrollTop()) $("header").removeClass("on"); //서브 하단
        else $("header").addClass("on");
    }
}

var showMotion = function(){
    $(".motion").each(function(){
        var offsetY = $(this).offset().top - $(window).height() - 200; 
        if(offsetY <= $(window).scrollTop()) {
            $(this).addClass("on");
        } else {
            $(this).removeClass("on");
        }
        // console.log(offsetY, $(window).scrollTop());
    });
}


// 레이어 팝업
var dimLayer = "<div id='dimLayer'></div>";

function togglePopup(id){ 
	 // 팝업 열고 닫기	togglePopup(#id)
	 // 팝업 창 전환	togglePopup(#current_id, #open_id)
	if (arguments.length < 2) {
		if ($(id).is(":visible")) {
			$(id).fadeOut("fast").removeClass("on");
			$("#dimLayer").fadeOut("fast", function(){
				$("#dimLayer").remove();
			});
		} else {
			$("body").append(dimLayer);
			popSetPos(id);
			$(id).fadeIn("fast").addClass("on");
		}
	} else {
		var pop1 = arguments[0];
		var pop2 = arguments[1];

		if ($(pop1).is(":visible")) {
			$(pop1).fadeOut("fast").removeClass("on");
			popSetPos(pop2);
			$(pop2).fadeIn("fast").addClass("on");
		}
	}
}

function popSetPos(id){
	var scroll_top = $(document).scrollTop();	
	$(id).css({'top':scroll_top});
}