function showGame(id) {
    "use strict";
    var req = new XMLHttpRequest();
    var address = "/games/" + id;
    req.open("GET", address, true);
    req.setRequestHeader("accept", "application/json");

    req.onload = function() {
        if (req.status >= 200 && req.status < 400){
            var gamejson = req.responseText;
            var gameData = JSON.parse(gamejson);
            var gameToHtml = "";
            var key, x = 0;

            document.getElementById("gameheader").innerHTML = gameData.game.name;

            for (key in gameData.games) {
                gameToHtml += "<li>" + gameData.players[x].name + "</li>";
                x++;
            }

            document.getElementById("gamedata").innerHTML = gameToHtml;
            // Success!
        } else {
            console.log("Error. Status code " + req.status);
            // We reached our target server, but it returned an error

        }
    };
    req.send(null);
    document.getElementById("index").className += ' hidden';
    document.getElementById("gameview").className =
    document.getElementById("gameview").className.replace
      ( /(?:^|\s)hidden(?!\S)/g , '' );
}