window.addEventListener("resize", function(){
  var root = document.documentElement;

  if(resizingSmaller()){
    root.classList.add("active-menu");
    // debug
    document.getElementById("debug").innerHTML = "resizing smaller";
  }else{
    root.classList.remove("active-menu");
    // debug
    document.getElementById("debug").innerHTML = "resizing larger";
  }
  
});

function resizingSmaller(){
  var _return = window.lastHeight > window.innerHeight ? 1 : 0;
  window.lastHeight = window.innerHeight;
  return !!_return;
}


// debug stuff
var spans = document.querySelectorAll("nav span");
var i = spans.length;
while(i--){
  spans[i].addEventListener("click", function(e){
    document.getElementById("debug").innerHTML = "clicked " + e.target.innerHTML;
  })
}