/* Location containers */
.loccont {
    position: absolute;
    height:114px;
    width:205px;
}

    bottom:0;

.locslot.location_slot { left:34%; }
.locslot.crime_slot { right:0; }

    function build_page( $viewArgs )

    function build_page($viewArgs)

        // Inject location slots into the template

        // The location containers and the location slots, where the tiles we be
        // player later (by JS).

        $this->page->begin_block($template, "loccont");

            foreach ($loc['slots'] as $slot) {
                $this->page->insert_block(
                    "locslot",
                    array("ID" => $slot['id'], "TOP" => $slot['coords'][0], "LEFT" => $slot['coords'][1], "ROTATION" => $slot['coords'][2])
                );

            $this->page->reset_subblocks("locslot");
            foreach ($loc['slots'] as $type => $slot) {
                $this->page->insert_block("locslot", array("ID" => $slot['id'], "TYPE" => $type));

            $this->page->insert_block(
                "loccont",
                array("ID" => $loc_id,
                      "TOP" => ($loc['coords'][0] / 100) * $this->game->constants['BOARD_H'],
                      "LEFT" => ($loc['coords'][1] / 100) * $this->game->constants['BOARD_W'],
                      "ROTATION" => $loc['coords'][2])
            );

    <!-- BEGIN locslot -->
    <div id="locslot_{ID}" class="locslot"
         style="top:{TOP}px; left:{LEFT}px; transform:xxrotate({ROTATION}deg);"></div>
    <!-- END locslot -->

    <!-- BEGIN loccont -->
    <div id="loccont_{ID}" class="loccont"
         style="top:{TOP}px; left:{LEFT}px; transform:rotate({ROTATION}deg);">
        <!-- BEGIN locslot -->
        <div id="locslot_{ID}" class="locslot {TYPE}_slot"></div>
        <!-- END locslot -->
    </div>
    <!-- END loccont -->

 $this->locations = array(

$this->locations = array(

    'coords' => array(11.2, 34.9, 0),

    'coords' => array(4.2, 27.8, 0),

    'coords' => array(11.2, 59.0, 2.5),

    'coords' => array(3.8, 51.9, 2.5),

    'coords' => array(31.0, 23.0, 2.0),

    'coords' => array(23.5, 15.0, 2.0),

    'coords' => array(30.0, 47.0, 0),

    'coords' => array(23.2, 39.7, 0),

    'coords' => array(31.0, 71.0, 2.0),

    'coords' => array(23.9, 64.2, 1.3),

    'coords' => array(50.0, 11.0, 2.0),

    'coords' => array(43.2, 2.8, 0),

    'coords' => array(50.0, 35.0, 2.0),

    'coords' => array(43.2, 27.5, 1.15),

    'coords' => array(50.0, 59.0, 0.0),

    'coords' => array(42.5, 51.8, 0),

    'coords' => array(50.0, 83.0, 2.0),

    'coords' => array(43.4, 76.2, 1.7),

    'coords' => array(69.0, 23.0, 2.0),

    'coords' => array(63.0, 15.3, -1.5),

    'coords' => array(69.0, 47.0, 0),

    'coords' => array(63.1, 39.4, 0),

    'coords' => array(69.0, 71.0, 0.0),

    'coords' => array(63.1, 64.1, 0),

    'coords' => array(88.0, 35.0, 2.0),

    'coords' => array(82.3, 27.4, 1.5),

    'coords' => array(88.0, 59.0, 2.0),

    'coords' => array(82.5, 51.7, 0),

// For each location create 3 slots; in the UI these will be anchors to orient
// our tiles on.

    'crime' => array(
      'id' => $loc_id * 100 + 1,
      'strid' => $loc['strid'] . '_crime',
      'coords' => array(
        calcY($this->constants['BOARD_H'] * ($top / 100), $angle, $this->constants['BOARD_H'] * 0.073),
        calcX($this->constants['BOARD_W'] * ($left / 100), $angle, $this->constants['BOARD_W'] * 0.073),
        $angle)),
    'location' => array(
      'id' => $loc_id * 100 + 2,
      'strid' => $loc['strid'] . '_location',
      'coords' => array($this->constants['BOARD_H'] * ($top / 100), $this->constants['BOARD_W'] * ($left / 100), $angle)),
    'suspect' => array(
      'id' => $loc_id * 100 + 3,
      'strid' => $loc['strid'] . '_suspect',
      'coords' => array(calcY($this->constants['BOARD_H'] * ($top / 100), $angle, $this->constants['BOARD_H'] * -0.073),
                        calcX($this->constants['BOARD_W'] * ($left / 100), $angle, $this->constants['BOARD_W'] * -0.073),
                        $angle)),

    'crime' => array('id' => $loc_id * 100 + 1, 'strid' => $loc['strid'] . '_crime'),
    'location' => array('id' => $loc_id * 100 + 2, 'strid' => $loc['strid'] . '_location'),
    'suspect' => array('id' => $loc_id * 100 + 3, 'strid' => $loc['strid'] . '_suspect'),

}
function calcX($x, $deg, $len) {
  return $x + cos(deg2rad($deg)) * $len;
}
function calcY($y, $deg, $len) {
  return $y + sin(deg2rad($deg)) * $len;