/* You can change game length. Just set $scope.gameLength variable. Hint: also you can see full sequence in console */

var app = angular.module('simonApp', []);

app.controller('simonCtrl', ['$scope', '$timeout', function($scope, $timeout) {

  // Game length
  $scope.gameLength = 20;
  
  // Playing with HTML5 Audio API
  var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
  
  var oscillator = audioCtx.createOscillator();
  var gainNode = audioCtx.createGain();
  // Notes C, D, E, F
  var freqs = {
    '#red': 261.63, 
    '#blue': 293.33, 
    '#yellow': 329.63, 
    '#green': 349.23
  };
  
  oscillator.type = 'sine';
  oscillator.frequency.value = 261.63;
  oscillator.start();
  
  gainNode.gain.value = 0;
  
  oscillator.connect(gainNode);
  gainNode.connect(audioCtx.destination);
  
  
  
  // Setting up start position
  $scope.buttons = ['#red', '#blue', '#yellow', '#green'];
  $scope.strict = false;
  $scope.turn = "00";
  $scope.sequence = [];
  for (var i = 0; i < $scope.gameLength; i++) {
    var index = Math.floor(Math.random() * 4);
    $scope.sequence.push($scope.buttons[index]);
  };
  
  
  
  // Reset function. New sequence if strict mode or after winning
  $scope.reset = function() {
    $scope.userSequence = [];
    $scope.duration = 1000;
    $scope.i = 0;
    if ($scope.strict || $scope.turn === ":)") {
      $scope.sequence = [];
      for (var i = 0; i < $scope.gameLength; i++) {
        var index = Math.floor(Math.random() * 4);
        $scope.sequence.push($scope.buttons[index]);
      }
    }
    $scope.turn = "00";
    console.log($scope.sequence);
  };

  
  
  $scope.startGame = function() {
    if ($('.start-btn').hasClass('clickable')) {
      $scope.reset();
      $scope.playTurn(0);
    };
  };
  
  
  
  $scope.setStrict = function() {
    $scope.strict = !$scope.strict;
  };
  
  
  
  $scope.playTurn = function(i) {
    $('.start-btn').removeClass('clickable');
    $scope.turn = i<9 ? '0' + (i+1) : i+1;
    $timeout($scope.lightOn, $scope.duration, true, 0);
  };

   

  $scope.lightOn = function(i) {
    var id = $scope.sequence[i];
    oscillator.frequency.value = freqs[id];
    gainNode.gain.value = 1;
    $(id).addClass('active');
    $timeout($scope.lightOff, $scope.duration, true, i); 
  };
  
  

  $scope.lightOff = function(i) {
    gainNode.gain.value = 0;
    var id = $scope.sequence[i]
    $(id).removeClass('active');
    if (i === $scope.i) {
      $('.start-btn').addClass('clickable');
      $scope.userSequence = [];
      $('.button').addClass('clickable');
    } else {
      $timeout($scope.lightOn, $scope.duration, true, i+1);
    }
  };
  
  
  
  // Playing sound on mouse click
  $('.button').mousedown(function(){
    if ($('.button').hasClass('clickable')) {
      oscillator.frequency.value = freqs['#' + this.id];
      gainNode.gain.value = 1;
    };
  });
  
  
  
  // Stopping sound
  $('.button').mouseup(function(){
    gainNode.gain.value = 0;
  });
  
  
  
  $scope.click = function(id) {
    if ($('.button').hasClass('clickable')) {
      if ($scope.userSequence.length < $scope.gameLength) {
        $scope.userSequence.push(id);
      };
      if ($scope.userSequence.length === $scope.gameLength && $scope.userSequence[$scope.userSequence.length - 1] === $scope.sequence[$scope.userSequence.length - 1] && $scope.i === $scope.gameLength-1) {
        $scope.win();
        return;
      };
      if ($scope.userSequence[$scope.userSequence.length - 1] !== $scope.sequence[$scope.userSequence.length - 1]) {
        $scope.lose();
        return;
      };
      if ($scope.userSequence.length-1 === $scope.i && $scope.i !== $scope.gameLength-1) {
        $scope.i++;
        $scope.duration -= 25;
        $('.button').removeClass('clickable');
        $scope.playTurn($scope.i);
      };
    };
  };
  
  
  
  $scope.win = function() {
    $('.button').removeClass('clickable');
    $scope.turn = ":)";
    
    // If you don't start game in 5 sec it starts by itself
    function selfStart() {
      if ($scope.turn === ':)') {
        $scope.startGame();
      };
    };
    $timeout(selfStart, 5000, true);
  };
  
  
  
  $scope.lose = function() {
    $('.button').removeClass('clickable');
    $scope.turn = ":(";
    
    // If you don't start game in 5 sec it starts by itself
    function selfStart() {
      if ($scope.turn === ':(') {
        $scope.startGame();
      };
    };
    $timeout(selfStart, 5000, true);
  };
  
}]);