var birthday = {
  day: 25,
  month: 6, // June
  now: null,
  faking: false,
  check: function() {
    if (this.faking) return;
    this.now = new Date();
    if (this.now.getDate() == this.day && this.now.getMonth() + 1 == this.month) this.activate();
    else this.deactivate();
  },
  activate: function() {
    document.getElementById("isit").innerHTML = "Yes!";
    elementClass.remove(document.getElementById("isit"), "nope");
    elementClass.add(document.getElementById("isit"), "yep");
    confetti.render();
  },
  deactivate: function() {
    document.getElementById("isit").innerHTML = "No";
    elementClass.remove(document.getElementById("isit"), "yep");
    elementClass.add(document.getElementById("isit"), "nope");

    confetti.clear();
  },
  fakeit: function() {
    this.faking = true;
    this.activate();
    setTimeout(function() {
      birthday.faking = false;
      birthday.deactivate();
    }, 5000)
  }
};

var confetti = {
  displayed: false,
  confetti: null,
  target: "confetti-holder",
  max: null,
  size: 1,
  animate: true,
  props: ["circle", "square", "triangle", "line"],
  colors: [[165, 104, 246], [230, 61, 135], [0, 199, 228], [253, 214, 126]],
  clock: 25,
  rotate: true,
  width: null,
  height: null,
  render: function() {
    this.width = window.innerWidth;
    this.height = window.innerHeight;
    this.max = Math.floor((this.width * this.height) / 1799.04);
    if (this.confetti) this.confetti.clear();

    this.confetti = new ConfettiGenerator(this);
    this.confetti.render();
    this.displayed = true;
  },
  clear: function() {
    if (!this.displayed) return;

    this.confetti.clear();
    this.displayed = false;
  }
};

var elementClass = {
  has: function(e, c) {
    return !!e.className.match(new RegExp("(\\s|^)" + c + "(\\s|$)"));
  },
  add: function(e, c) {
    if (!this.has(e, c)) e.className += " " + c;
  },
  remove: function(e, c) {
    if (this.has(e, c)) {
      var r = new RegExp("(\\s|^)" + c + "(\\s|$)");
      e.className = e.className.replace(r, " ");
    }
  }
};

window.onload = function() {
  birthday.check();
  
  document.getElementById('pilink').addEventListener('click', function(e) {
    e.preventDefault();
    birthday.fakeit();
  }, false)
};

window.addEventListener(
  "resize",
  function() {
    if (confetti.displayed) confetti.render();
  },
  false
);

window.setInterval(function() {
  birthday.check();
}, 5000);