/* Type 'testEnding()' into console to demonstrate game ending funcitonality */

function beep(num) {
  switch (num) {
    case 0:
      beepOne.play();
      break;
    case 1:
      beepTwo.play();
      break;
    case 2:
      beepThree.play();
      break;
    case 3:
      beepFour.play();
      break;
    default:
      console.log("(18) ERROR -switch statement check()");
      console.log(num);
      break;
  }
}

var power = false;
var hardMode = false;
var gameInitiated = false;

$('.power').on('click', function() {
  powerToggle();
});

$('.hardButton').on('click', function() {
  modeToggle();
});

function powerToggle() {
  if (power) {
    $('.power').removeClass('indent');
    $('.display').html('--');
    $('.display').removeClass('active');
    gameInitiated = false;
    power = false;
    console.log("Turned Off");
  } else {
    $('.power').addClass('indent');
    $('.display').addClass('active');
    power = true;
    console.log("turned On");
  }
}
//console.log("Test 1");
function modeToggle() {
  switch (hardMode) {
    case true:
      $('.hardButton').addClass('indent');
      setTimeout(function(){
        $('.hardButton').removeClass('indent');
      }, 300);
      $('.hardIndicator').css('background-color', '#584949');
      console.log("(60) hardMode set to False");
      hardMode = false;
      break;
    case false:
      $('.hardButton').addClass('indent');
      setTimeout(function(){
        $('.hardButton').removeClass('indent');
      }, 300);
      $('.hardIndicator').css('background-color', 'red');
      console.log("(69) hardMode set to True");
      hardMode = true;
      break;
    default:
      console.log("(73) ERROR -switch statement strict");
      break;
  }
}

/*

1 = red
2 = green
3 = blue
4 = yellow

*/

var seq = [2, 0, 3];
var stage = 0;
var blinkDelay = 1000;
//console.log("Test 2");
function addStep() {
  var newNum = Math.round(Math.random() * 3);
  seq.push(newNum);
  console.log("(94) seq is: ");
  console.log(seq);
  stage++;
  if (stage == 21) {
    playerWins();
  } else {
    if (stage < 10) {
      stage = '0' + stage;
    }
    $('.display').html(stage);
  }
  
  //blinkDelay starts at 1000;
  //delayBetweenLights starts at 300;
  
  if (stage == 5) {
    blinkDelay = 850;
    delayBetweenLights = 270;
    console.log("(112) blinkDelay now: " + blinkDelay + " , delayBetweenLights now: " + delayBetweenLights);
  }
  if (stage == 9) {
    blinkDelay = 750;
    delayBetweenLights = 230;
    console.log("(112) blinkDelay now: " + blinkDelay + " , delayBetweenLights now: " + delayBetweenLights);
  }
  if (stage == 13) {
    blinkDelay = 650;
    delayBetweenLights = 250;
    console.log("(112) blinkDelay now: " + blinkDelay + " , delayBetweenLights now: " + delayBetweenLights);
  }
}

function blink(input) {
  //console.log("Blink called with input: " + input);

  var elem, lightColor, darkColor;

  switch (input) {
    case 'red':
    case 0:
      elem = 'red';
      lightColor = 'red';
      darkColor = 'darkred';
      beepOne.play();
      break;
    case 'green':
    case 1:
      elem = 'green';
      lightColor = 'lawngreen';
      darkColor = 'green';
      beepTwo.play();
      break;
    case 'blue':
    case 2:
      elem = 'blue';
      lightColor = 'blue';
      darkColor = 'darkblue';
      beepThree.play();
      break;
    case 'yellow':
    case 3:
      elem = 'yellow';
      lightColor = 'yellow';
      darkColor = 'orange';
      beepFour.play();
      break;
    default:
      console.log("ERROR -blink() switch statement");
      break;
  }

  //console.log("Blink funciton called for '" + elem + "' (" + input + ") ...");

  var box = document.getElementById(elem);
  $(box).css('background-color', lightColor);

  setTimeout(function() {
    $(box).css('background-color', darkColor);
  }, blinkDelay);

} // blink()
//console.log("Test 3");
var timeOut = 10000;
var timerStarted = false;
var currentTime = 0;

function startTimer() {

  if (timerStarted === false) {

    timerStarted = true;
    console.log("(166) startTimer called");

    $('#timeDisp').html(currentTime);

    setInterval(function() {

      currentTime++;
      $('#timeDisp').html(currentTime);

      if (currentTime >= 10 && power === true && gameInitiated === true) {
        console.log("(176) Timeout!");
        currentTime = 0;
        playerLoose();
      }

    }, 1000);
  } else {
    currentTime = 0;
    $('#timeDisp').html(currentTime);
  }
} // startTimer()
//console.log("Test 4");

$('.box').on('click', function() {
  currentTime = 0;
  $('#timeDisp').html(currentTime);
});

var delayBetweenLights = 300;
var largeDelay = delayBetweenLights + blinkDelay;
var delayAfterPlayer = 1000;

function show() {
  //console.log("show() called");

  canClickBox = false;
  var numItirations = seq.length;
  var currentItiration = 0;

  function sequenceExecute(indexInSeq) {
    // this actually calls the thing
    setTimeout(function() {

      //console.log("Calling blink from line 112, seq[indexInSeq] is: " + seq[indexInSeq]);
      if (power === true) {
        blink(seq[indexInSeq]);
      }
    }, delayBetweenLights);

    setTimeout(function() {
      currentItiration++;
      if (currentItiration < numItirations) {
        //console.log("(120) calling sequenceExecute for " + currentItiration);
        sequenceExecute(currentItiration);
      } else {
        canClickBox = true;
        currentTime = 0;
        $('#timeDisp').html(currentTime);
        canClickBox = true;
        //console.log("finished show()");
      }
    }, largeDelay);

  } // sequenceExecute()

  sequenceExecute(currentItiration);

} // show()
//console.log("Test 5");

var beepOne = document.getElementById('beepOne');
var beepTwo = document.getElementById('beepTwo');
var beepThree = document.getElementById('beepThree');
var beepFour = document.getElementById('beepFour');
var beepError = document.getElementById('beepError');

var canClickBox = false;

$('.startButton').on('click', function() {
  console.log("(243) Start button clicked");
  $('.startButton').addClass('indent');
  setTimeout(function(){
    $('.startButton').removeClass('indent');
  }, 300);
  if (power === true) {
    game();
  }
});

function manualBlink(num) {
  var elem, lightColor, darkColor;

  switch (num) {
    case 'red':
    case 0:
      elem = 'red';
      lightColor = 'red';
      darkColor = 'darkred';
      beepOne.play();
      break;
    case 'green':
    case 1:
      elem = 'green';
      lightColor = 'lawngreen';
      darkColor = 'green';
      beepTwo.play();
      break;
    case 'blue':
    case 2:
      elem = 'blue';
      lightColor = 'blue';
      darkColor = 'darkblue';
      beepThree.play();
      break;
    case 'yellow':
    case 3:
      elem = 'yellow';
      lightColor = 'yellow';
      darkColor = 'orange';
      beepFour.play();
      break;
    default:
      console.log("ERROR -blink() switch statement");
      break;
  }

  var box = document.getElementById(elem);
  $(box).css('background-color', lightColor);

  setTimeout(function() {
    $(box).css('background-color', darkColor);
  }, 418);
}
//console.log("Test 6");

$('#red').on('click', function() {
  if (canClickBox === true) {
    manualBlink(0);
    console.log("Click red");
    playerSeq.push(0);
    check(0);
  } else {
    console.log("Click with no permission");
  }
});

$('#green').on('click', function() {
  if (canClickBox === true) {
    manualBlink(1);
    console.log("Click green");
    playerSeq.push(1);
    check(1);
  } else {
    console.log("Click with no permission");
  }
});

$('#blue').on('click', function() {
  if (canClickBox === true) {
    manualBlink(2);
    console.log("Click blue");
    playerSeq.push(2);
    check(2);
  } else {
    console.log("Click with no permission");
  }
});

$('#yellow').on('click', function() {
  if (canClickBox === true) {
    manualBlink(3);
    console.log("Click yellow");
    playerSeq.push(3);
    check(3);
  } else {
    console.log("Click with no permission");
  }
});

var playerSeq = [];

function check(butNum) {

  console.log("Check called");

  var newItem = playerSeq.length - 1;
  if (seq[newItem] == playerSeq[newItem]) {
    console.log("The latest item is correct");
    beep(butNum);
  } else {
    console.log("The latest item is NOT correct");
    playerLoose();
  }

  console.log("seq: " + seq);
  console.log("player: " + playerSeq);
  if (seq.length == playerSeq.length) {
    addStep();
    playerSeq = [];
    setTimeout(function() {
      show();
    }, delayAfterPlayer);
  }
}
//console.log("Test 7");

function game() {
  gameInitiated = true;
  console.log("TEST -gameInitiated = true");
  seq = [];
  stage = 0;
  addStep();
  show();
  startTimer();
  //start the player timer

}

function playerLoose() {

  beepError.play();
  playerSeq = [];

  setTimeout(function() {
    if (hardMode === false) {
      setTimeout(function() {
        show();
      }, 1000);
    } else {
      seq = [];
      addStep();
      show();
    }
  }, 1000);
}
//console.log("Test 8");

function playerWins() {
  console.log("The Player Wins!");
  currentTime = 0;
  setTimeout(function() {
    console.log("Starting new game...");
    canClickBox = false;
    currentTime = 0;
    game();
  }, 3000);
}

function testEnding() {
  stage = 20;
  addStep();
}