// The VP markers (1st case, 2nd case, 3rd case)
  array('key' => 'vp_blue_{INDEX}', 'nbr' => 3),
  array('key' => 'vp_green_{INDEX}', 'nbr' => 3),
  array('key' => 'vp_purple_{INDEX}', 'nbr' => 3),
  array('key' => 'vp_red_{INDEX}', 'nbr' => 3),
  array('key' => 'vp_yellow_{INDEX}', 'nbr' => 3),
  // The penalty tokens
  array('key' => 'penalty_red'),
  array('key' => 'penalty_blue'),
  array('key' => 'penalty_yellow'),
  array('key' => 'penalty_green'),
  array('key' => 'penalty_purple'),

}
.penaltybox {
    position: absolute;
    bottom:25px;
    height:80px;
    width:64px;
}
#penalty_0 { left: 24px; }
#penalty_2 { left: 92px; }
#penalty_4 { left: 164px; bottom:20px; }
#penalty_6 { left: 758px; bottom:20px; }
#penalty_8 { left: 830px; }
#penalty_10 { left: 898px; }
.token.penalty {
    z-index:100;
    position: relative;
    height:32px;
    width:32px;
    background-image: url("img/vptoken.jpg");
    background-size:352px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.75);
}
.token.penalty_red { background-position: -192px 32px }
.token.penalty_blue { background-position: -224px 32px }
.token.penalty_yellow { background-position: -256px 32px }
.token.penalty_green { background-position: -288px 32px }
.token.penalty_purple { background-position: -320px 32px }
.penaltybox .token.penalty {
    position: absolute;
    top:0;
    left:0;

.penaltybox .token:nth-of-type(1) { left: 5px; top: 0px }
.penaltybox .token:nth-of-type(2) { left: 30px; top: 4px }
.penaltybox .token:nth-of-type(3) { left: 0px; top: 26px }
.penaltybox .token:nth-of-type(4) { left: 24px; top: 30px }
.penaltybox .token:nth-of-type(5) { left: 10px; top: 54px }

                return strpos($v['key'], "_{$color}_") > 0;

                return strpos($v['key'], "_{$color}") > 0;

            // Put penalty token on the "0"
            $this->tokens->moveToken("penalty_{$color}", "penalty_0");

                array_values($this->tokens->getTokensInLocation('locslot_%')))

                array_values($this->tokens->getTokensInLocation('locslot_%')),
                array_values($this->tokens->getTokensInLocation('penalty_%'))
            )

        $color = $this->constants['HEX2COLORNAME'][self::getCurrentPlayerColor()];

            $color = $this->constants['HEX2COLORNAME'][self::getCurrentPlayerColor()];

            // Move token to appropriate penalty slot. Note: the max here is
            // -10. To be discussed: is -10 the max penalty we can give; or is
            // it just a UI thing. The rules say nothing about it.
            $total_pen = self::getUniqueValueFromDB("SELECT player_penalty FROM player WHERE player_id = $player_id");
            $this->tokens->moveToken("penalty_{$color}", "penalty_" . min(abs($total_pen), 10));

                'placeTokens', '',
                array('tokens' => array_merge(
                    array(),
                    $this->tokens->getTokensOfTypeInLocation("penalty_{$color}")
                ))
            );
            self::notifyAllPlayers(

                var html;
                if (ttype == 'cube') {
                    var html = '<div id="' + key + '" class="token cube20 cube20_' + color + '"></div>';
                } else if (ttype == 'disc') {
                    var html = '<div id="' + key + '" class="token disc30 disc30_' + color + '"></div>';
                } else {
                    var html = '<div id="' + key + '" class="token investigator investigator_' + color + '"></div>';
                }

                var html = this.format_block('jstpl_token_' + ttype, {key: key, color: color});

    <div id="penalty_0" class="penaltybox"></div>
    <div id="penalty_2" class="penaltybox"></div>
    <div id="penalty_4" class="penaltybox"></div>
    <div id="penalty_6" class="penaltybox"></div>
    <div id="penalty_8" class="penaltybox"></div>
    <div id="penalty_10" class="penaltybox"></div>

var jstpl_token_cube = '<div id="${key}" class="token cube20 cube20_${color}"></div>';
var jstpl_token_disc = '<div id="${key}" class="token disc30 disc30_${color}"></div>';
var jstpl_token_penalty = '<div id="${key}" class="token penalty penalty_${color}"></div>';
var jstpl_token_pi = '<div id="${key}" class="token investigator investigator_${color}"></div>';