/*-- GLOBAL GAME OBJECT --*/
// Declare a game object and initialize on game start
var GAME = {
    gameOptions: {
        'red': "https://s3.amazonaws.com/freecodecamp/simonSound1.mp3",
        'green': "https://s3.amazonaws.com/freecodecamp/simonSound2.mp3",
        'blue': 'https://s3.amazonaws.com/freecodecamp/simonSound3.mp3',
        'yellow': 'https://s3.amazonaws.com/freecodecamp/simonSound4.mp3',
        'fail': 'https://notificationsounds.com/soundfiles/b534ba68236ba543ae44b22bd110a1d6/file-sounds-875-surprise-on-a-spring.mp3',
				'win': 'https://notificationsounds.com/soundfiles/a516a87cfcaef229b342c437fe2b95f7/file-sounds-1068-the-calling.mp3'
    },
    score: 0,
    winScore: 20,
    initializeGame: function(gameMode) {
        this.clicks = 0;
        this.moves = [];
        this.playback = false;
        this.mode = gameMode;
        // Set the first color to begin the game
        setNewColor();
    }
}

/*-- GAME LOGIC -- */
// Play a sound
function playSound(option){
    if(option) {
        var audio = new Audio(GAME.gameOptions[option]);
        audio.play();
    }
}

// Show the moves for the user using an interval timer
// Some assistanc here from: https://codeplanet.io/building-simon-says-javascript/
function displayMoves(){
    var moves = GAME.moves;
    var i = 0;
    GAME.playback = true;
    var interval = setInterval(function() {
        highlightTab(moves[i]);
        playSound(moves[i]);

        i++;
        if (i >= moves.length) {
            clearInterval(interval);
            GAME.playback = false;
        }
    }, 700);
}

// Highlight the tile so the user can see the highlighted tile
// After timeout remove the highlight class
function highlightTab(tab) {
    var tab = $('[data-color=' + tab + ']').addClass('highlight');
    window.setTimeout(function() {
        tab.removeClass('highlight');
    }, 350);
}

// Call this to set next color
function setNewColor(){
    var number = randomNumber(0, 3);
    GAME.moves.push(Object.keys(GAME.gameOptions)[number]);
		
		// As soon as the number of moves is more than the win score, the user wins
		// Play through the colors for the user to see & then repeat
		displayMoves();
}

// Generates a random number in a range
function randomNumber(max, min) {
    return slot = Math.round(Math.random() * (max - min) + min);
}

// Check if the inputted move was correct
function checkMove(color){
    if(color === GAME.moves[GAME.clicks - 1]){
        return true;
    }
    return false;
}

// Check if the computer should pick a new color
function checkToProceed(){
    // If the user has clicked through all the required colors
		if(GAME.clicks === GAME.moves.length){
        // Increase the users count score
        $('.count').text(GAME.clicks);

        // Reset the number of clicks
        GAME.clicks = 0;
			
        // Set the new color into the moves array
        setNewColor();
    }
}

function checkWinner(){
	// If the number of clicks is equal to the win score, then the user has won
	if (GAME.clicks === GAME.winScore){
		return true;
	}
	return false;
}

// Fun animation if the user clicks something they shouldn't
function doAnimate(classToAnimate, animation){
  // Add the class
  $('.' + classToAnimate).addClass("animated " + animation);

  // Then remove it
  setTimeout(function(){
      $('.' + classToAnimate).removeClass("animated " + animation);
  }, 500);
}

// Animation when the user wins
function winSequence(){
	playSound('win');
	$('.count').text(GAME.clicks);
	$('.game-board-content').addClass('hidden');
	$('.winner-text').removeClass('hidden');
	$('.reset-game').text('Play Again?');
}

/*-- CLICK OPTIONS -- */
// Let the user choose the type of player he wants to be!
$(".start-game").click(function(){
    $('.pre-game').addClass('hidden');
		$('.game-board').removeClass('hidden');

    // Set the game mode and initialize the game
    var mode = $('input[name=game-mode]:checked').val();
    GAME.initializeGame(mode);
});

// Allow the user to reset the game
$(".reset-game").click(function(){
    $('.count').text(0);
    $('.game-board-content').removeClass('hidden');
    $('.loser-text').addClass('hidden');
		$('.winner-text').addClass('hidden');
    $('.reset-game').text('Reset Game');
    GAME.initializeGame(GAME.mode);
});

// All the user to end the game
$(".end-game").click(function(){
	  history.go(0);
});

$(".game-tab").click(function() {
    // Block the user if the game is currently playing back
    if(!GAME.playback){
        // Increase the number of clicks by 1
        GAME.clicks += 1;
        // Check if the user has click enough times
        var color = $(this).data('color');
			
        // Check if the user selected the correct color
        if(!checkMove(color)) {
             // Animate the board with a shake
            doAnimate("game-board", "shake");

            // If in strict mode, then you lose the game
            if(GAME.mode === "strict") {
              playSound('fail');
              $('.game-board-content').addClass('hidden');
              $('.loser-text').removeClass('hidden');
              $('.reset-game').text('Play Again?');

            // Otherwise, the user can try again
            } else if (GAME.mode === "regular") {
              GAME.clicks = 0; // We must reset the clicks
							playSound('fail');
              displayMoves(); // We show the moves again
            }
        } else {
            // Play the corresponding sound to the button
            playSound(color);
					
						// Check if the user won, otherwise continue as expected
						if(checkWinner()){
							//If the user has one, perfom the win sequence
							winSequence();
						} else {
							// Check if the computer should pick a new color
							checkToProceed();
						}
        }
    }
});