$(document).ready(function(){


    // Hamburger menu
    
    // opt 1:
    // $(".hamburger-icon").click(function(){
    // 	$(".main-navigation nav").toggle();
    // });
    // opt 1 with slide & fade:
    // $(".hamburger-icon").click(function(){
    // 	// $(".main-navigation nav").slideToggle(100);
    // 	// with fade:
    // 	$(".main-navigation nav").fadeToggle(200);	
    // });

    // opt 2:
    // $(".hamburger-icon").mouseenter(function(){
    // 	$(".main-navigation nav").show();
    // });
    // $(".main-navigation nav").mouseleave(function(){
    // 	$(".main-navigation nav").hide();
    // });
    // opt 2 with slide & fade
    $(".hamburger-icon").mouseenter(function(){
    	// $(".main-navigation nav").slideDown();
	// with fade:
	$(".main-navigation nav").fadeIn();
    });
    $(".main-navigation nav").mouseleave(function(){
    	// $(".main-navigation nav").slideUp();
	// with fade:
	$(".main-navigation nav").fadeOut();
    });



    $(window).on("scroll", function() {
	var halfwayPoint = window.innerHeight / 2;
	
	// $("img").each(function() {	
	//     var imgY = $(this).get(0).getBoundingClientRect().y;
	//     if ( Math.abs(imgY - halfwayPoint) < 50 ) {
	// 	$(this).css("filter","none");
	//     } else {
	// 	$(this).css("filter","grayscale(1)");
	//     }
	// });

	$("img").each(function() {	
	    var imgY = $(this).get(0).getBoundingClientRect().y;
	    var distanceFromCenter = Math.abs(imgY - halfwayPoint);
	    if ( distanceFromCenter < 50 ) {
		var fadeFactor = distanceFromCenter/50;
		$(this).css("filter","grayscale("+fadeFactor+")");
	    } else {
		$(this).css("filter","grayscale(1)");
	    }
	});
	
    });

    $(window).on("scroll", function() {
	var halfwayPoint = window.innerHeight / 2;

	$("video").each(function() {
	    var videoY = $(this).get(0).getBoundingClientRect().y;
	    var distanceFromCenter = Math.abs(videoY - halfwayPoint);
	    if ( distanceFromCenter < 50 ) {
		$(this).trigger("play");
	    }
	});
    });

});