$(document).ready(function() {
  var stateOnOff = "";
  var stateLed = "";
  var strictMode = "";
  var winLed;
  var winColor;
  var huTurn = false;
  var colorArr = ["green", "red", "blue", "yellow"];
  var computeArr = [];
  var killSwitch = false;
  var lightGreen = "#00cd00";
  var darkGreen = "#006600";
  var lightRed = "#ff4d4d";
  var darkRed = "#990000";
  var lightBlue = "#4d4dff";
  var darkBlue = "#000099";
  var lightYellow = "#ffff4d";
  var darkYellow = "#999900";
  var soundGreen = new Audio("https://s3.amazonaws.com/freecodecamp/simonSound1.mp3");
  var soundRed = new Audio("https://s3.amazonaws.com/freecodecamp/simonSound2.mp3");
  var soundBlue = new Audio("https://s3.amazonaws.com/freecodecamp/simonSound3.mp3");
  var soundYellow = new Audio("https://s3.amazonaws.com/freecodecamp/simonSound4.mp3"); 
  
//Create the light show for the color panels and LED scoreboard  
  function loadFlash(item) {
    if(item == "panel") {
      $("#green").css("background", lightGreen);  
      setTimeout(function() {
        $("#red").css("background", lightRed);
      }, 200);
      setTimeout(function() {
        $("#blue").css("background", lightBlue);
      }, 400);
      setTimeout(function() {
        $("#yellow").css("background", lightYellow);
      }, 600); 
      setTimeout(function() {
        $("#yellow").css("background", darkYellow);
      }, 800); 
      setTimeout(function() {
        $("#blue").css("background", darkBlue);
      }, 1000);
      setTimeout(function() {
        $("#red").css("background", darkRed);
      }, 1200);
      setTimeout(function() {
        $("#green").css("background", darkGreen);
      }, 1400);
    }

    if(item === "scoreLed") {
      $("#scoreBoard").css("color", "#4c0000");
      setTimeout(function() {
        $("#scoreBoard").css("color", "#FF0000");
      }, 300);
      setTimeout(function() {
        $("#scoreBoard").css("color", "#4c0000");
      }, 600);
      setTimeout(function() {
        $("#scoreBoard").css("color", "#FF0000");
      }, 900);
    }   
  }
//Chooses a random color  
  function randColor() {
    return colorArr[Math.floor(Math.random() * 4)];
  }
 
 //Add zero to the number if below 10 
  function addZero(num) {
    if(num < 10) {
      return "0" + num;
    }
    return num;
  }

//Turns on the color that is called, also plays audio  
  function activateColor(color) {
    if(color === "green") {
      $("#"+color).css("background", lightGreen);
      soundGreen.load();
      soundGreen.play();   
      setTimeout(function() {
        $("#"+color).css("background", darkGreen);
      }, 700);
    }
    if(color === "red") {
      $("#"+color).css("background", lightRed);
      soundRed.load();
      soundRed.play();
      setTimeout(function() {
        $("#"+color).css("background", darkRed);
      }, 700);
    }
    if(color === "blue") {
      $("#"+color).css("background", lightBlue);
      soundBlue.load();
      soundBlue.play();
      setTimeout(function() {
        $("#"+color).css("background", darkBlue);
      }, 700);
    }
    if(color === "yellow") {
      $("#"+color).css("background", lightYellow);
      soundYellow.load();
      soundYellow.play();
      setTimeout(function() {
        $("#"+color).css("background", darkYellow);
      }, 700);
    }
  }

//Light show when player wins  
  function winStatus() {
    $("#scoreBoard").text("WIN");
    winLed = setInterval(function() {
      loadFlash("scoreLed");
      loadFlash("panel");
      activateColor(randColor());
    }, 800);    
  } 

//Main function that alternates between player and computer
  function computer(arg) {
    var i = 0;
    var count = 0;
    huTurn = false;
    //push random color into array
    if(arg === "add") {
      computeArr.push(randColor());
    }
    //activates when player completes round 10
    if(computeArr.length == 10) {
      return winStatus(); 
    }
    
    autoLight();
    $(".colorBtn").off("click");
    $(".colorBtn").css("cursor", ""); 
    //computer loops through the array, lighting up the ordered color panels
    function autoLight() {
      if(killSwitch == true) {return};
      activateColor(computeArr[i]); 
      i++;
      $("#scoreBoard").text(addZero(computeArr.length));
      if(i < computeArr.length) {
        setTimeout(autoLight, 1000);
      }
      //switch over control to player
      if(i == computeArr.length) {
        setTimeout(function() {
          huTurn = true;
          $(".colorBtn").css("cursor", "pointer");
        }, 1000);      
      }
    }

    //determines if player is clicking correct color panel
    $(".colorBtn").on("click", function() {     
      var color = $(this).attr("id");    
      if(huTurn == true && color == computeArr[count]) {
        activateColor(color);
        count++; 
        if(count === computeArr.length) {  
          setTimeout(function() {
            computer("add");  
          }, 1500);   
        }  
      }
      //if mistake is made
      else if(huTurn == true && color !== computeArr[count]) {
        $("#scoreBoard").text("!!");
        activateColor(color);
        loadFlash("scoreLed");
        //checks strict mode otherwise, return from previous
        if(strictMode == "on") {
          setTimeout(function() {
            restartGame();
          }, 1500);  
        }
        else {
          setTimeout(function() {
            computer();  
          }, 1500);           
        }
      }
    });    
  }

//Brings the game to the start, level 1 
  function restartGame() {
    killSwitch = true;
    clearInterval(winLed);
    loadFlash("scoreLed");
    $("#scoreBoard").text("--");
    setTimeout(function() {
      killSwitch = false;
      computeArr = [];
      computer("add");
    }, 1500);
  }
  
//Cosmetic and assignment of strict mode  
  function strictOption(mode) {
    if(mode == "on") {
      $(".led").css("background", lightGreen);
      strictMode = "on";
      $("#strictBtn").attr("value", "on");
    }
    if(mode == "off") {
      $(".led").css("background", "#333333");
      strictMode = "off";
      $("#strictBtn").attr("value", "off");
    }
  }
  
//Activates when player turns on the switch  
  function startGame() { 
    $("#startBtn").on("click", restartGame);
    
    $("#strictBtn").on("click", function() {
      stateLed = $(this).attr("value");    
      if(stateLed == "off") {
        strictOption("on");
      }
      else if(stateLed == "on") {
        strictOption("off");
      }
    })
  }
  
//On-Off switch, returns intial game state  
  $("input").on("click", function() {
    stateOnOff = $(this).attr("value");   
     
    if(stateOnOff == "off") {
      $("#scoreBoard").css("color", "#FF0000");
      $(this).attr("value", "on");
      loadFlash("panel");
      startGame();
      killSwitch = false;
    } 
    else if(stateOnOff == "on") {
      $("#scoreBoard").css("color", "#4c0000");
      killSwitch = true;
      $(this).attr("value", "off");
      $(".opBtn").off("click");
      $("#scoreBoard").text("--");
      $(".colorBtn").off("click");
      $(".colorBtn").css("cursor", "");      
      strictOption("off");
      clearInterval(winLed); 
    }  
  })
    
});