$(document).scroll(function() {
  var scroll = $(this).scrollTop();
  if (scroll >= 150) {
    $("#popUp").css("margin-left", "-425px");
    $("#plus").css("margin-left", "0px");
  }
});

$("#plus").click(function() {
  $("#popUp").css("margin-left", "0px");
  $("#plus").css("margin-left", "-425px");
});

$("#close").click(function() {
  $("#popUp").css("margin-left", "-425px");
  $("#plus").css("margin-left", "0px");
});




//window.addEventListener("load", function() {
	// store tabs variable
//	var myTabs = document.querySelectorAll("ul.nav-tabs > li");
//  function myTabClicks(tabClickEvent) {
//		for (var i = 0; i < myTabs.length; i++) {
//			myTabs[i].classList.remove("active");
//		}
//		var clickedTab = tabClickEvent.currentTarget;
//		clickedTab.classList.add("active");
//		tabClickEvent.preventDefault();
//		var myContentPanes = document.querySelectorAll(".tab-pane");
//		for (i = 0; i < myContentPanes.length; i++) {
//			myContentPanes[i].classList.remove("active");
//		}
//		var anchorReference = tabClickEvent.target;
//		var activePaneId = anchorReference.getAttribute("href");
//		var activePane = document.querySelector(activePaneId);
//		activePane.classList.add("active");
//	}
//	for (i = 0; i < myTabs.length; i++) {
//		myTabs[i].addEventListener("click", myTabClicks)
//	}
//});