var score = 0;
var done = [];
var currentProblem = -1;
var NUM_PROBLEMS = 19;
var MAX_STEPS = 12;
var DONE_SEPARATOR = "|";
var ANSWER_BANK = {'outcome1_1': 2, 'outcome1_2': 2, 'outcome1_3': 0, 'outcome2_1': 0, 'outcome2_2': 0, 'outcome2_3': 2, 'outcome3_1': 1, 'outcome3_2': 1, 'outcome3_3': 2, 'outcome4_1': 1, 'outcome4_2': 1, 'outcome4_3': 0, 'outcome5_1': 0, 'outcome5_2': 0, 'outcome5_3': 2, 'outcome6_1': 0, 'outcome6_2': 1, 'outcome6_3': 2, 'outcome7_1': 0, 'outcome7_2': 1, 'outcome7_3': 2, 'outcome8_1': 0, 'outcome8_2': 0, 'outcome8_3': 2, 'outcome9_1': 0, 'outcome9_2': 1, 'outcome9_3': 2, 'outcome10_1': 1, 'outcome10_2': 2, 'outcome10_3': 0, 'outcome11_1': 0, 'outcome11_2': 1, 'outcome11_3': 0, 'outcome12_1': 0, 'outcome12_2': 2, 'outcome12_3': 0, 'outcome13_1': 2, 'outcome13_2': 1, 'outcome13_3': 0, 'outcome14_1': 0, 'outcome14_2': 0, 'outcome14_3': 2, 'outcome15_1': 0, 'outcome15_2': 0, 'outcome15_3': 2, 'outcome16_1': 1, 'outcome16_2': 0, 'outcome16_3': 2, 'outcome17_1': 0, 'outcome17_2': 0, 'outcome17_3': 2, 'outcome18_1': 2, 'outcome18_2': 2, 'outcome18_3': 0, 'outcome19_1': 2, 'outcome19_2': 0, 'outcome19_3': 1}
document.addEventListener('DOMContentLoaded', function()
{
var inputParams = new URLSearchParams(new URL(window.location.href).search);
var kiddingWrapper = document.getElementById("kiddingWrapper");
var kiddingTable = document.getElementById("kidding_table");
switch(inputParams.get("phase") || "home")
{
case "home":
document.getElementById("copyright_padding").style = "height: 50px";
document.getElementById("copyright").style = "";
kiddingWrapper.style = "width: 622px; border:2px solid #000; padding: 0";
kiddingTable.style = "width: 622px;";
kiddingTable.innerHTML = `
 |
 |  |  |
 |  |
  |
`
break;
case "start":
case "next":
score = Number(inputParams.get("score")) || 0;
done = inputParams.get("done") || "";
done = (done == "" ? [] : done.split(DONE_SEPARATOR));
if (done.length >= (NUM_PROBLEMS / 2)) done.shift(0);
while (currentProblem < 0 || done.indexOf(currentProblem.toString()) >= 0)
{
currentProblem = Math.floor(Math.random() * NUM_PROBLEMS);
}
done.push(currentProblem.toString());
kiddingWrapper.style = "width: 643px;";
kiddingTable.style = "width: 643px;";
kiddingTable.innerHTML = `
 + `.gif)
 + `.gif)
|
 + `.gif)
 + `.gif)
 + `.gif)
|
 |
`
break;
case "outcome":
var selectedProblem = Number(inputParams.get("problem"));
var selectedAnswer = Number(inputParams.get("choice"));
var outcomeName = "outcome" + (selectedProblem + 1) + "_" + (selectedAnswer + 1);
var changeInScore = ANSWER_BANK[outcomeName];
score = (Number(inputParams.get("score")) || 0) + changeInScore;
done = (inputParams.get("done") || "").split(DONE_SEPARATOR);
kiddingTable.innerHTML = `
 + `_` + (selectedProblem + 1) + `.gif)
|
|
|
`
break;
case "score":
score = Number(inputParams.get("score")) || 0;
done = (inputParams.get("done") || "").split(DONE_SEPARATOR);
kiddingWrapper.style = "width: 637px;";
kiddingTable.style = "width: 637px;";
if (score >= MAX_STEPS)
{
document.getElementById("copyright_padding").style = "height: 20px";
document.getElementById("copyright").innerHTML = "Click to restart"
document.getElementById("copyright").style = "";
kiddingTable.innerHTML = `
|
|
|
|
|
`
}
else
{
kiddingTable.innerHTML = `
|
|
|
|
`
}
break;
}
});
function rollover_mouseover(image_id)
{
document.getElementById(image_id).src = "assets/" + image_id + "_" + (currentProblem + 1) + "_roll.gif"
}
function rollover_mouseout(image_id)
{
document.getElementById(image_id).src = "assets/" + image_id + "_" + (currentProblem + 1) + ".gif"
}
function on_continue_outcome(choice)
{
return "index.html?phase=outcome&problem=" + currentProblem + "&done=" + done.join(DONE_SEPARATOR) + "&choice=" + choice + "&score=" + score
}
 + `_step.gif)
