const game_config = {
  timeout1Instructions: 30,
  timeout2Scenario: 30,
  timeout3Chat: 30,
  timeout4Answer: 30,
  distribution: {
    hard: {
      public: [0, 1],
      private: [
        [6, 2], // leader
        [7, 3],
        [8, 4],
        [9, 5],
      ],
    },
    medium: {
      public: [6, 1],
      private: [
        [2, 3], // leader
        [7, 0],
        [8, 4],
        [9, 5],
      ],
    },
    easy: {
      public: [6, 7],
      private: [
        [8, 9], // leader
        [0, 3],
        [1, 4],
        [2, 5],
      ],
    },
  },
};

/**
 * Main initialization script automatically called by the environment once all the data has been initialized
 */
function initialize() {
  // set this player's properties from the initial state
  player.initialize();
  const params = parameterHandler(variables);

  const scenario = scenarios[params.scenario];
  if (params.version === AMBIGUOUS) {
    scenario.culpritClues[7] = scenario.culpritClues[2];
    scenario.targetClues[7] = scenario.targetClues[2];
    scenario.dayClues[7] = scenario.dayClues[2];
  }
  const distribution = game_config.distribution[params.infoDistribution];

  render(scenario, distribution);

  timer
    .queueEvent(0, showInstructions)
    .queueEvent(game_config.timeout1Instructions, showScenario)
    .queueEvent(game_config.timeout2Scenario, showChat)
    .queueEvent(game_config.timeout3Chat, showAnswer)
    .queueEvent(game_config.timeout4Answer, endGame)
    .run();
}

/**
 * fills in dynamic data into the page
 */
function render(scenario, distribution) {
  $("[data-id='timeout1Instructions']").text(game_config.timeout1Instructions);
  $("[data-id='timeout2Scenario']").text(game_config.timeout2Scenario);
  $("[data-id='timeout3Chat']").text(game_config.timeout3Chat);
  $("[data-id='timeout4Answer']").text(game_config.timeout4Answer);

  const scenarioContent = `
    <h2>${scenario.title}</h2>
    ${scenario.flavorText}
    <ul>
      <li>${scenario.culpritClues[distribution.public[0]]}</li>
      <li>${scenario.culpritClues[distribution.public[1]]}</li>
      <li>${scenario.targetClues[distribution.public[0]]}</li>
      <li>${scenario.targetClues[distribution.public[1]]}</li>
      <li>${scenario.dayClues[distribution.public[0]]}</li>
      <li>${scenario.dayClues[distribution.public[1]]}</li>
      <li>${scenario.culpritClues[distribution.private[+player.gid][0]]}</li>
      <li>${scenario.culpritClues[distribution.private[+player.gid][1]]}</li>
      <li>${scenario.targetClues[distribution.private[+player.gid][0]]}</li>
      <li>${scenario.targetClues[distribution.private[+player.gid][1]]}</li>
      <li>${scenario.dayClues[distribution.private[+player.gid][0]]}</li>
      <li>${scenario.dayClues[distribution.private[+player.gid][1]]}</li>
    </ul>
  `;

  $("#scenario").html(scenarioContent);
}

/**
 *
 */
function showInstructions() {
  $("#instructions").show();
}
function hideInstructions() {
  $("#instructions").hide();
}

/**
 *
 */
function showScenario() {
  hideInstructions();
  $("#scenario").show();
}
function hideScenario() {
  $("#scenario").hide();
}

/**
 *
 */
function showChat() {
  hideScenario();
  $("#chat").show();
}
function hideChat() {
  $("#chat").hide();
}

/**
 *
 */
function showAnswer() {
  hideChat();
  $("#answer").show();
}
function hideAnswer() {
  $("#answer").hide();
}

/**
 *
 */
function endGame() {
  hideAnswer();
  $("#endgame").show();
  sequence.endRound();
}