var gameList = [];
var isStrict = false;
var currentIndex = 0;
var timeout = null;

var buttonMap = {
  "up": 0,
  "left": 1,
  "right": 2,
  "down": 3,
  "0": "up",
  "1": "left",
  "2": "right",
  "3": "down"
}

var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
var frequencies = [329.63,261.63,220,164.81];
var errOsc = audioCtx.createOscillator();
errOsc.type = 'triangle';
errOsc.frequency.value = 110;
errOsc.start(0.0);
var errNode = audioCtx.createGain();
errOsc.connect(errNode);
errNode.gain.value = 0;
errNode.connect(audioCtx.destination);
var ramp = 0.05;
var vol = 0.5;

var oscillators = frequencies.map(function(frq){
  var osc = audioCtx.createOscillator();
  osc.type = 'sine';
  osc.frequency.value = frq;
  osc.start(0.0); //delay optional parameter is mandatory on Safari
  return osc;
});

var gainNodes = oscillators.map(function(osc){
  var g = audioCtx.createGain();
  osc.connect(g);
  g.connect(audioCtx.destination);
  g.gain.value = 0;
  return g;
});

function playTone(num){
  gainNodes[num].gain
    .linearRampToValueAtTime(vol, audioCtx.currentTime + ramp);
};

function stopTones(){
  gainNodes.forEach(function(g){
    g.gain.linearRampToValueAtTime(0, audioCtx.currentTime + ramp);
  });
};

function playErrTone(){
  errNode.gain.linearRampToValueAtTime(vol, audioCtx.currentTime + ramp);
};

function stopErrTone(){
  errNode.gain.linearRampToValueAtTime(0, audioCtx.currentTime + ramp);
};

$(".gameBtn").mousedown(function(e) {
  btnPressed(e.currentTarget.id);
})
$(".gameBtn").mouseup(function(e) {
  stopTones();
  $(e.currentTarget).removeClass("light");
})

$(document).keydown(function(e) {
  var key = e.which;
  switch(key) {
    case 37: // left
      break;
    case 38: // up
      break;
    case 39: // right
      break;
    case 40: // down
      break;
    default: return; // exit this handler for other keys
  }
  e.preventDefault();
  if (key == 37 && !$("#left").is(":disabled")) {
    btnPressed("left");
  } else if (key == 38 && !$("#up").is(":disabled")) {
    btnPressed("up");
  } else if (key == 39 && !$("#right").is(":disabled")) {
    btnPressed("right");
  } else if (key == 40 && !$("#down").is(":disabled")) {
    btnPressed("down");
  }
});
$(document).keyup(function(e) {
  stopTones();
  var key = e.which;
  switch(key) {
    case 37: // left
      break;
    case 38: // up
      break;
    case 39: // right
      break;
    case 40: // down
      break;
    default: return; // exit this handler for other keys
  }
  e.preventDefault();
  if (key == 37 && !$("#left").is(":disabled")) {
    $("#left").removeClass("light");
  } else if (key == 38 && !$("#up").is(":disabled")) {
    $("#up").removeClass("light");
  } else if (key == 39 && !$("#right").is(":disabled")) {
    $("#right").removeClass("light");
  } else if (key == 40 && !$("#down").is(":disabled")) {
    $("#down").removeClass("light");
  }
})

function btnPressed(btn) {
  var id = buttonMap[btn];
  $("#"+btn).addClass("light");
  playTone(id);
  inputCheck(id);
}

$("#start").click(function() {
  gameStart();
})

$("#strict").change(function() {
    if(this.checked) {
      isStrict = true;
      $("#start").find("span").fadeOut(200, function() {
        $("#start").find("span").text("Strict").fadeIn(200);
      });
    } else {
      isStrict = false;
      $("#start").find("span").fadeOut(200, function() {
        $("#start").find("span").text("Standard").fadeIn(200);
      });
    }
});

function gameStart() {
  $(".gameBtn").prop("disabled", true);
  gameList = [];
  currentIndex = 0;
  timeout = null;
  $(".tag").text("--");
  displayBlink(0);
  setTimeout(function() {
    nextTurn();
  },1800)
}

function nextTurn() {
  $(".gameBtn").prop("disabled", true);
  var rand = Math.floor(Math.random() * 4);
  gameList.push(rand);
  $(".tag").text(("0"+String(gameList.length)).slice(-2));
  showTurn(0);
}

function showTurn(i) {
  $(".tag").text(("0"+String(gameList.length)).slice(-2));
  if (i<gameList.length) {
    var button = buttonMap[gameList[i]];
    setTimeout(function() {
      $("#"+button).addClass("light");
      playTone(gameList[i]);
      setTimeout(function() {
        $("#"+button).removeClass("light");
        stopTones();
        if (i+1<gameList.length) {
          showTurn(i+1);
        } else {
          currentIndex = 0;
          playerTurn();
        }
      },300);
    },300);
  }
}

function playerTurn() {
  $(".gameBtn").prop("disabled", false);
  timeout = setTimeout(function() { playerErr(); },5000);
}

function inputCheck(input) {
  clearTimeout(timeout);
  if (input == gameList[currentIndex]) {
    currentIndex++;
    if (currentIndex >= gameList.length) {
      setTimeout(function() {
        if (gameList.length >= 20) {
          playerWin();
        } else {
          nextTurn();
        }
      },300)
    } else {
      timeout = setTimeout(function() { playerErr() },5000);
    }
  } else {
    playerErr(buttonMap[input]);
  }
}

function playerErr(last) {
  $(".gameBtn").prop("disabled", true);
  if (Boolean(last)) {
    $("#"+last).addClass("light");
  }
  $(".tag").text("!!");
  stopTones();
  playErrTone();
  setTimeout(function() {
    stopErrTone();
    $(".gameBtn").removeClass("light");
  },600);
  displayBlink(0);
  setTimeout(function() {
    if (isStrict) {
      gameStart();
    } else {
      showTurn(0);
    }
  },1800);
}

function displayBlink(i) {
  if (i<3) {
    setTimeout(function() {
      $(".tag").css("color", "#818a91");
      setTimeout(function() {
        $(".tag").css("color", "white");
        displayBlink(i+1);
      },300)
    },300)
  }
}

function btnBlink(i, btn) {
  if (i<3) {
    setTimeout(function() {
      var id = buttonMap[btn];
      $("#"+btn).addClass("light");
      playTone(id);
      setTimeout(function() {
        $("#"+btn).removeClass("light");
        stopTones();
        btnBlink(i+1);
      },300)
    },300)
  }
}

function playerWin(last) {
  $(".tag").text("**");
  displayBlink(0);
  btnBlink(0, last);
  setTimeout(function() {
    gameStart();
  },1800);
}