Gutter clicks on page

gistfile1.js

$("body").off("click");

$("body").on("click", function(event) { 

    console.log("body click pageX: " + event.pageX + " pageY: " + event.pageY); 

    if (typeof event.pageX === "undefined" || typeof event.pageY === "undefined") {
        console.log("Not a user-originated click event, aborting.");
        return;
    }

    if (event.pageX === 0 && event.pageY === 0) {
        console.log("Not a user-originated click event, aborting.");
        return;
    }

    var globalHeaderWidth = $("#global_header").width()

    // Gutter width is window width, less the main content area, divided by 2 (we have left/right gutters).
    var gutterWidth = ($(window).width() - globalHeaderWidth) / 2;

    if (event.pageX < gutterWidth) {

        console.log("left gutter click"); 

    } else if (event.pageX > gutterWidth + globalHeaderWidth) {

        console.log("right gutter click"); 

    }

});