/*
# Copyright 2009-2010 by Ka-Ping Yee
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
#     http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
*/

/**
 * @fileoverview Main entry point. Manages parsing data from the page on load,
 *     displays it in the data view and map view, and sets up event handlers
 *     to handle the interaction between views.
 *     For now, also acts as the entry point for print view; take care to note
 *     use of the externally-defined 'print' variable.
 * @author kpy@google.com (Ka-Ping Yee)
 */

// ==== Constants


// Subject statuses.  Subjects are assigned the largest numeric status
// that applies. So if a subject is excluded by both a viewport-filter and an
// ordinary filter, it's status is STATUS_EXCLUDED_BY_FILTER.

var STATUS_VISIBLE = 1; // Subject is visible in subject list
var STATUS_EXCLUDED_BY_VIEWPORT = 2; // Viewport-filter is enabled and subject
                                     // falls outside of MarkerClusterer bounds
var STATUS_EXCLUDED_BY_FILTER = 3; // Filter is enabled and subject is excluded
var STATUS_UNKNOWN = 4; // Status is unknown, thus will not show on the map
var MAX_STATUS = 4;

var STATUS_ICON_COLORS = [null, '080', 'a00', '444', '444'];
var STATUS_TEXT_COLORS = [null, '040', 'a00', '444', '444'];
var STATUS_ZINDEXES = [null, 4, 3, 2, 1];
// Temporary tweak for Health 2.0 demo (icons are always green).
STATUS_ICON_COLORS = [null, '080', '080', '080', '080'];
STATUS_TEXT_COLORS = [null, '040', '040', '040', '040'];

// In print view, limit the number of markers being printed on the map at once
// both for display and performance concerns.
// TODO: It would be better to instead figure out how to render markers in a
// smart way so that they do not overlap.
var MAX_MARKERS_TO_PRINT = 50;

var METERS_PER_MILE = 1609.344;
var METERS_PER_KM = 1000;

// Temporary for v1, this should be user-settable in the future
// TODO: Also need to update message in map.html that says "10 miles"
var PRINT_RADIUS_MILES = 10;
var PRINT_RADIUS_METERS = PRINT_RADIUS_MILES * METERS_PER_MILE;

// TODO: Re-enable when monitoring is re-enabled
var enable_freshness = false;

// ==== Data loaded from the data store

var attributes = [null];
var attributes_by_name = {};  // {attribute_name: attribute_i}
var subject_types = [null];
var subjects = [null];
var subject_is = [];
var messages = {};  // {namespace: {name: message}
var total_subject_count = 0;

// Timer for temporary status messages
var status_timer;

// Timer for updating the subject list on pan or zoom
var viewport_filter_update_timer;

// ==== Columns shown in the subject table

rf.get_services_from_values = function(values) {
  services = translate_values(
      [].concat(values[attributes_by_name.services] || []))
  .join(', ');
  return services;
}

rf.get_services = function(subject) {
  var services = '';
  if (subject) {
    var values = subject.values;
    services = rf.get_services_from_values(values);
  }
  return services;
}

  
var summary_columns = [
  null, {
    get_title: function() {
      var beds_div = $$('div', {'class': 'beds'}, locale.OPEN_TOTAL_BEDS());
      return $$('div', {}, [beds_div, locale.SERVICES()]);
    },
    get_value: function(values) {
      var services = rf.get_services_from_values(values);
      var total_beds = render(values[attributes_by_name.total_beds]);
      var open_beds = render(values[attributes_by_name.available_beds]);
      var beds = open_beds + ' / ' + total_beds;
      var beds_div = $$('div', {'class': 'beds'}, beds);
      // WebKit rendering bug: vertical alignment is off if services is ''.
      return $$('div', {}, [beds_div, services || '\u00a0']);
    }
  }
];

// ==== Filtering controls

// ==== Selection state

var selected_filter_attribute_i = 0;
var selected_filter_value = null;
var selected_subject_i = -1;
var selected_subject = null;

var subject_status_is = [];  // status of each subject for selected supplies

// ==== Live API objects

var map = null;
var info = null;
var markers = [];  // marker for each subject
var marker_clusterer = null;  // clusters markers for efficient rendering
var converted_markers_for_print = 0; // part of a hack for print support

// ==== Debugging

// Print a message to the Safari or Firebug console.
function log() {
  // The strange way this function is written seems to be the only one
  // working on IE
  if (typeof console === 'undefined') {
    return;
  }
  if (console && console.log) {
    if (console.log.apply) {
      console.log.apply(console, arguments);      
    } else {
      console.log(arguments[0]);
    }
  }
}

// ==== DOM utilities

// Special-case attribute handling.  For each ('k', 'v') pair, attribute k is
// set by assigning to element.v rather than element.setAttribute('k', ...).
var SPECIAL_ATTRIBUTES = {
  'class': 'className',
  colspan: 'colSpan',
  onchange: 'onchange',
  onclick: 'onclick',
  onmouseout: 'onmouseout',
  onmouseover: 'onmouseover'
};

// Create an element with the given tag name and attributes.
function $$(tag_name, attrs, content) {
  var element = document.createElement(tag_name);
  for (var key in attrs) {
    if (typeof attrs[key] !== 'function') {
      element.setAttribute(key, attrs[key]);
    }
    if (key in SPECIAL_ATTRIBUTES) {
      element[SPECIAL_ATTRIBUTES[key]] = attrs[key];
    }
  }
  if (content !== undefined) {
    set_children(element, content);
  }
  return element;
}

// Replace all the children of an element with the given array of children.
function set_children(element, children) {
  if (!is_array(children)) {
    children = [children];
  }
  while (element.firstChild) {
    element.removeChild(element.firstChild);
  }
  for (var i = 0; i < children.length; i++) {
    var child = children[i];
    if (child !== null) {
      if (!child.tagName) {
        child = document.createTextNode('' + child);
      }
      element.appendChild(child);
    }
  }
}

// Get the size of the document area of the browser window.
function get_window_size() {
  var width = window.innerWidth;
  var height = window.innerHeight;
  if (typeof(width) === 'undefined') {
    width = document.body.offsetWidth; // for IE
    height = document.body.offsetHeight; // for IE
  }
  return [width, height];
}

// Get the top coordinate of a given element relative to the whole document.
function get_element_top(element) {
  var top = 0;
  for (var node = element; node; node = node.offsetParent) {
    top += node.offsetTop;
  }
  return top;
}

// ==== Array utilities

function filter(array, predicate) {
  var results = [];
  for (var i = 0; i < array.length; i++) {
    if (predicate(array[i])) {
      results.push(array[i]);
    }
  }
  return results;
}

function any(array, predicate) {
  return filter(array, predicate).length > 0;
}

function contains(array, element) {
  return any(array, function(e) { return e === element; });
}

function last(array, count) {
  return array[array.length - (count || 1)];
}

function is_array(thing) {
  return (thing !== null) && (typeof thing === 'object') &&
      (thing.constructor === Array);
}

// ==== String utilities

function translate_value(value) {
  var message = messages.attribute_value[value];
  return message && message || value;
}

function translate_values(values) {
  var results = [];
  for (var i = 0; i < values.length; i++) {
    results.push(translate_value(values[i]));
  }
  return results;
}

function html_escape(text) {
  return ('' + text).replace(/&/g, '&amp;').replace(/</g, '&lt;')
      .replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

function maybe_selected(selected) {
  return selected ? ' selected' : '';
}

function maybe_disabled(disabled) {
  return disabled ? ' disabled' : '';
}

function maybe_on_alert(on_alert) {
  return on_alert ? ' on-alert' : '';
}

function make_icon(title, status, detail, opt_icon, opt_icon_size,
    opt_icon_fill) {
  var text = detail ? title : '';
  var text_size = detail ? 10 : 0;
  var text_fill = STATUS_TEXT_COLORS[status];
  var icon = opt_icon || 'greek_cross_6w14';
  var icon_size = opt_icon_size || '16';
  var icon_fill = opt_icon_fill || STATUS_ICON_COLORS[status];
  var icon_outline = 'fff';
  var params = [
      text, text_size, text_fill,
      icon, icon_size, icon_fill, icon_outline
  ].join('|');
  var url = 'http://chart.apis.google.com/chart?chst=d_simple_text_icon_above&';
  // In print view, render icons as .gif's so they print correctly on older
  // browsers. In regular view, the default .pngs render better
  return url + (print ? 'chof=gif&' : '')
      + 'chld=' + encodeURIComponent(params);
}

// ==== Maps API

var new_subject_marker = null;
var new_subject_button = null;

// Construct and set up the Map and InfoWindow objecs.
function initialize_map() {
  if (map) return;

  map = new google.maps.Map($('map'), {
    zoom: 1,
    center: new google.maps.LatLng(0, 0),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControl: true,
    scaleControl: true,
    navigationControl: true,
    navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}
  });
  google.maps.event.addListener(map, 'tilesloaded', set_map_opacity);
  if (print) {
    google.maps.event.addListener(map, 'tilesloaded', convert_markers_for_print);
    google.maps.event.addListener(map, 'tilesloaded', hide_controls_for_print);
  }

  info = new google.maps.InfoWindow();

  var cluster_style = {
    url: make_icon(null, 1, null, 'greek_cross_12w30', '32'),
    height: 32,
    width: 32,
    textColor: '#fff'
  };
  // Turn off clustering in print view.
  var max_zoom = print ? -1 : 14;
  marker_clusterer = new MarkerClusterer(map, [], {
    maxZoom: max_zoom,  // closest zoom at which clusters are shown
    gridSize: 40, // size of square pixels in which to cluster
    // override default styles to render all cluster sizes with our custom icon
    styles: [cluster_style, cluster_style, cluster_style, cluster_style]
  });

  if (show_add_button) {
    // Create add subject button
    new_subject_button = $$('div', {'class': 'new-subject-map-control'});
    var new_subject_ui = $$('div', {'class': 'new-subject-map-control-ui'});
    var new_subject_text = $$(
        'div', {'class': 'new-subject-map-control-text'}, locale.ADD() + ' ');
    var icon = $$('img', {
      src: make_icon(null, STATUS_UNKNOWN, false),
      'class': 'new-subject-map-control-marker'
    });
    new_subject_button.appendChild(new_subject_ui);
    new_subject_ui.appendChild(new_subject_text);
    new_subject_text.appendChild(icon);
    google.maps.event.addDomListener(
        new_subject_ui, 'click', init_add_new_subject);
    map.controls[google.maps.ControlPosition.TOP_LEFT].push(new_subject_button);
  }
}

function init_add_new_subject() {
  if (!is_logged_in) {
    window.location = login_add_url;
  }
  show_new_subject_button(false);
  show_status(locale.CLICK_TO_ADD_SUBJECT() +
      ' <a href="#" id="cancel_add_link" onclick="cancel_add_subject();"> ' +
      locale.CANCEL() + '</a>.');
  google.maps.event.addListenerOnce(map, 'click', function(event) {
    show_status(null);
    place_new_subject_marker(event.latLng);
    inplace_edit_start(make_add_new_subject_url(), true);
    _gaq.push(['_trackEvent', 'add', 'drop', 'new_subject']);
  });
  _gaq.push(['_trackEvent', 'add', 'start', 'new_subject']);
}


function show_new_subject_button(show) {
  if (new_subject_button) {
    new_subject_button.style.display = show ? '' : 'none';
  }
}

function cancel_add_subject(opt_no_track) {
  show_status(null);
  show_new_subject_button(true);
  google.maps.event.clearListeners(map, 'click');
  if (new_subject_marker) {
    new_subject_marker.setVisible(false);
    new_subject_marker = null;
  }
  if (!opt_no_track) {
    _gaq.push(['_trackEvent', 'add', 'cancel', 'new_subject']);
  }
}

function place_new_subject_marker(latlon) {
  new_subject_marker = new google.maps.Marker({
    'class': 'new-subject-marker',
    position: latlon,
    map: map,
    icon: make_icon(null, 1, null, null, null, 'f60'),
    title: locale.NEW_SUBJECT(),
    draggable: true
  });
  google.maps.event.addListener(new_subject_marker, 'dragend', function() {
    update_lat_lon(new_subject_marker.getPosition());
  });
}

function update_lat_lon(latlng) {
  lat_elems = document.getElementsByName('location.lat');
  if (lat_elems.length > 0) {
    lat_elems[0].value = latlng.lat();
  }
  lng_elems = document.getElementsByName('location.lon');
  if (lng_elems.length > 0) {
    lng_elems[0].value = latlng.lng();
  }
}

// Reduce the opacity of the map layer to make markers stand out.
function set_map_opacity() {
  var panes = $('map').firstChild.firstChild;
  for (var pane = panes.firstChild; pane; pane = pane.nextSibling) {
    if (!pane.id.match(/^pane/)) {
      pane.style.opacity = 0.7;
      break;
    }
  }
}

// The v3 maps API does not have good print support.
// See http://code.google.com/p/gmaps-api-issues/issues/detail?id=1343
// The method modifies the DOM of the map to hide unwanted map controls
// and the mouse target layer that obstructs the markers during printing.
function hide_controls_for_print() {
  var mapDiv = $('map').firstChild;
  for (var control = mapDiv.firstChild; control;
       control = control.nextSibling) {
    if (control.style.zIndex == 10 && control.style.top) {
      control.className = 'gmnoprint';
    }
  }
  var panes = $('map').firstChild.firstChild;
  var duplicate_markers = 0;
  for (var pane = mapDiv.firstChild.firstChild; pane; pane = pane.nextSibling) {
    if (pane.style.zIndex == 105) {
      // Don't print anything in layer 105, the overlay mouse target layer.
      pane.className = 'gmnoprint';
      break;
    }
  }
}

// The v3 maps API does not have good print support.
// See http://code.google.com/p/gmaps-api-issues/issues/detail?id=1343
// The method converts background-image markers to actual <img> elements
// so that markers print reasonably well across browsers. Things are still 
// not perfect because of varying support for printing transparency.
function convert_markers_for_print() {
  var panes = $('map').firstChild.firstChild;
  var duplicate_markers = 0;
  for (var pane = panes.firstChild; pane; pane = pane.nextSibling) {
    if (pane.style.zIndex == 103) {
      for (var overlay = pane.firstChild; overlay;
           overlay = overlay.nextSibling) {
        // Convert background images to foreground images
        var src = overlay.style ? overlay.style.backgroundImage.toString() : '';
        if (src.indexOf('url') != -1) {
          src = src.replace(/^url\((.*)\)$/, '$1').replace(/^"(.*)"$/, '$1');
          overlay.style.backgroundImage = '';
          var img = document.createElement('img');
          overlay.appendChild(img);
          img.src = src;
          converted_markers_for_print++;
        } else if (overlay.style && overlay.style.zIndex) {
          // Pane 103 contains some divs with no zIndex or backgroundImage,
          // some divs with both zIndex and backgroundImage
          // and some divs with zIndex and no backgroundImage (the last set
          // are typically for markers that perfectly overlap another marker).
          // We have to count these, to know when we're done applying the hack.
          duplicate_markers++;
        }
      }
    }
  }
  if (converted_markers_for_print + duplicate_markers < markers.length) {
    // The DIVs for markers are added lazily and in batches. We don't know when
    // that happens, so we have to poll until we've converted all we can.
    window.setTimeout(convert_markers_for_print, 250);
  }
}

// Construct and set up the map markers for the subjects.
function initialize_markers() {
  var to_add = [];
  for (var su = 1; su < subjects.length; su++) {
    add_marker(su, true);
    if (markers[su]) {
      to_add.push(markers[su]);
    }
  }

  to_add = print ? to_add.slice(1, MAX_MARKERS_TO_PRINT + 1) : to_add.slice(1);
  marker_clusterer.addMarkers(to_add);
  log("init markers done");
}

/**
 * Adds a marker for the subject at the given index.
 * @param {Number} subject_i index into the subject array for the subject
 * @param {Boolean} opt_ignore_clusterer if true, do not add the marker to
 * marker_clusterer
 */
function add_marker(subject_i, opt_ignore_clusterer) {
  var subject = subjects[subject_i];
  var location = subject.values[attributes_by_name.location];
  if (!location) {
    markers[subject_i] = null;
    return;
  }
  var title = subject.values[attributes_by_name.title];
  markers[subject_i] = new google.maps.Marker({
    position: new google.maps.LatLng(location.lat, location.lon),
    icon: make_icon(title, STATUS_UNKNOWN, false),
    title: title
  });
  if (!print) {
    google.maps.event.addListener(
      markers[subject_i], 'click', subject_selector(subject_i));
  }
  if (!opt_ignore_clusterer) {
    marker_clusterer.addMarker(markers[subject_i]);
  }
}

/**
 * Removes a marker for the subject at the given index.
 * @param {Number} subject_i index into the subject array for the subject
 */
function remove_marker(subject_i) {
  var marker = markers[subject_i];
  if (marker) {
    marker_clusterer.removeMarker(marker);
  }
  markers[subject_i] = null;
}

// ==== Display construction routines

// Create option elements for all the allowed values for an attribute.
function add_filter_options(options, attribute_i) {
  var values = attributes[attribute_i].values;
  for (var v = 0 ; v < values.length; v++) {
    options.push($$('option', {value: attribute_i + ' ' + values[v]},
                    translate_value(values[v])));
  }
}

// Set up the filter widgets.
function initialize_filters() {
  var tbody = $('filter-tbody');
  if (!tbody) {
    return;
  }
  var tr = $$('tr');
  var selector = $$('select', {
    id: 'specialty-selector',
    name: 'specialty',
    onchange: function() {
      var value = $('specialty-selector').value.split(' ');
      var trackedValue = value[1] ? value[1] : 'ANY';
      _gaq.push(['_trackEvent', 'subject_list', 'filter',
                 'Services contains ' + trackedValue]);
      select_filter.apply(null, value);
    }
  });
  var options = [];
  options.push($$('option', {value: '0 '}, locale.ALL()));
  add_filter_options(options, attributes_by_name.services);
  set_children(selector, options);
  var viewport_filter_check = $$('input', {
    type: 'checkbox',
    id: 'viewport-filter',
    onclick: handle_viewport_filter_toggle
  });
  var label = $$('label', {'for': 'viewport-filter'}, [locale.IN_MAP_VIEW()]);
  set_children(tr, [$$('td', {},
      [locale.SHOW() + ':', selector, viewport_filter_check, label])]);
  set_children(tbody, tr);
}

// Add the header to the subject list.
function initialize_subject_header() {
  var thead = $('subject-thead');
  if (!thead) {
    return;
  }
  var tr = $$('tr');
  var cells = [$$('th', {}, locale.FACILITY())];
  for (var c = 1; c < summary_columns.length; c++) {
    cells.push($$('th', {'class': 'value column_' + c},
                  summary_columns[c].get_title()));
  }
  set_children(thead, tr);
  set_children(tr, cells);
}

// Initialize headers for print view.
function initialize_print_headers() {
  var now = new Date();

  set_children($('site-url'),
    window.location.protocol + '//' + window.location.host); 

  var date = format_date(now);
  var time = format_time(now);
  set_children($('header-print-date'), format_date(now));
  set_children($('header-print-time'), format_time(now));
  set_children($('print-date'), format_date(now));
  set_children($('print-time'), format_time(now));

  var tbody = $('print-summary-tbody');
  if (!tbody) {
    return;
  }
  var total_subjects = total_subject_count;
  var local_subjects = subjects.length - 1;  // ignore the selected one
  var available_subjects = 0;
  for (var i = 1; i < subjects.length; i++) {
    var values = subjects[i].values;
    if (values && values[attributes_by_name.available_beds] > 0) {
      available_subjects++;
    }
  }

  if (subjects.length >= MAX_MARKERS_TO_PRINT) {
    set_children($('header-print-subtitle'),
        locale.DISPLAYING_CLOSEST_N_FACILITIES(
            {NUM_FACILITIES: MAX_MARKERS_TO_PRINT}));
  } else {
    set_children($('header-print-subtitle'),
        locale.DISPLAYING_FACILITIES_IN_RANGE(
            {RADIUS_MILES: PRINT_RADIUS_MILES}));    
  }

  set_children($('print-subtitle'), locale.FACILITIES_IN_RANGE(
      {NUM_FACILITIES: local_subjects,
       RADIUS_MILES: PRINT_RADIUS_MILES}));
  set_children(tbody, $$('tr', {}, [
      $$('td', {}, [total_subjects]),
      $$('td', {}, [local_subjects]),
      $$('td', {}, [available_subjects])]));
}

// ==== Display update routines

// Set the map bounds to fit all subjects
function update_map_bounds() {
  var bounds = new google.maps.LatLngBounds();
  for (var i = 0; i < subject_is.length; i++) {
    var subject_i = subject_is[i];
    var marker = markers[subject_i];
    var subject_status = subject_status_is[subject_i];
    if (marker && subject_status == STATUS_VISIBLE) {
      bounds.extend(marker.getPosition());
    }
  }
  map.fitBounds(bounds);
}

// Update the subject list based on the current viewport
function update_viewport_filter() {
  if (viewport_filter_update_timer) {
    // Use a timer to avoid being overloaded with pans/zooms in quick succession
    clearTimeout(viewport_filter_update_timer);
    viewport_filter_update_timer = setTimeout(update_viewport_filter_now, 250);
  } else {
    // first time, must update immediately to avoid confusing maps init
    update_viewport_filter_now();
    viewport_filter_update_timer = 1;
  }
}

// Update the subject list immediately based on the current viewport
function update_viewport_filter_now() {
  update_subject_status_is();
  update_visible_subject_icons();
  update_subject_list(); 
}

// Update the subject map icons based on their status and the zoom level,
// removing from the marker clusterer markers that have 
// STATUS_EXCLUDED_BY_FILTER or STATUS_UNKNOWN
function update_subject_icons() {
  var markers_to_keep = [];
  for (var su = 1; su < subjects.length; su++) {
    var st = subject_status_is[su];
    if (markers[su] && (st == STATUS_VISIBLE
        || st == STATUS_EXCLUDED_BY_VIEWPORT)) {
      // We must include EXCULDED_BY_VIEWPORT markers here because we want
      // the out-of-bounds markers to scroll smoothly into view when the user
      // pans.
      update_subject_icon(su);
      markers_to_keep.push(markers[su]);
    }
  }
  marker_clusterer.clearMarkers();
  var to_add = print ? markers_to_keep.slice(0, MAX_MARKERS_TO_PRINT)
      : markers_to_keep;
  marker_clusterer.addMarkers(to_add);
}

/**
 * Updates the subject map icons for visible subjects only. This is a
 * performance optimization over update_subject_icons(). It does not add or
 * remove icons from the map.
 */
function update_visible_subject_icons() {
  for (var su = 1; su < subjects.length; su++) {
    var st = subject_status_is[su];
    if (st == STATUS_VISIBLE) {
      update_subject_icon(su);
    }
  }
}

/**
 * Updates a map icon for a subject based on status and zoom level.
 * @param {Number} subject_i index into the subject array for the subject
 */
function update_subject_icon(subject_i) {
  var marker = markers[subject_i];
  if (marker) {
    var subject = subjects[subject_i];
    var st = subject_status_is[subject_i];
    var title = subject.values[attributes_by_name.title];
    var detail = map.getZoom() > 10;
    var icon_url;
    if (is_subject_closed(subject)) {
      icon_url = make_icon(title, st, detail, null, null, '444');
    } else if (is_subject_on_alert(subject)) {
      icon_url = make_icon(title, st, detail, null, null, 'a00');
    } else {
      icon_url = make_icon(title, st, detail);
    }
    marker.setIcon(icon_url);
    marker.setZIndex(STATUS_ZINDEXES[st]);
  }
}

// Shows/hides subjects in the subject list based on the whether they meet
// the user filter and viewport filter.
function update_subject_list() {
  if (!$('subject-tbody')) {
    return;
  }
  var visible_subjects = 0;
  for (var i = 0; i < subject_is.length; i++) {
    var su = subject_is[i];
    var subject = subjects[su];
    var row = $('subject-' + su);
    if (subject_status_is[su] === STATUS_VISIBLE) {
      row.style.display = '';
      row.style.className = get_subject_row_css_class(su, subject);
      visible_subjects++;
    } else {
      row.style.display = 'none';
    }
  }
  $('subject-message').style.display = (visible_subjects == 0) ? '' : 'none';
  update_subject_list_size();
}

// Populates the subject list.
function populate_subject_list() {
  if (!$('subject-tbody')) {
    return;
  }
  var subject_message = $$('tr', { id: 'subject-message' });
  subject_message.style.display = 'none';
  set_children(subject_message, [$$('td', {'colspan': summary_columns.length},
      locale.NO_MATCHING_FACILITIES())]);
  var rows = [subject_message];
  for (var i = 0; i < subject_is.length; i++) {
    var su = subject_is[i];
    var subject = subjects[su];
    var subject_type = subject_types[subject.type];
    var row = $$('tr', {
      id: 'subject-' + su,
      'class': get_subject_row_css_class(su, subject),
      onclick: subject_selector(su),
      onmouseover: hover_activator('subject-' + su),
      onmouseout: hover_deactivator('subject-' + su)
    });
    row.style.display = subject_status_is[su] === STATUS_VISIBLE ? '' : 'none';
    var title = subject.values[attributes_by_name.title];
    var cells = [$$('td', {'class': 'subject-title'}, title)];
    if (subject) {
      for (var c = 1; c < summary_columns.length; c++) {
        var value = summary_columns[c].get_value(subject.values);
        cells.push($$('td', {'class': 'value column_' + c}, value));
      }
    } else {
      for (var c = 1; c < summary_columns.length; c++) {
        cells.push($$('td'));
      }
    }
    set_children(row, cells);
    rows.push(row);
  }
  set_children($('subject-tbody'), rows);
  update_subject_list_size();
}

/**
 * Returns the CSS class for the given subject
 * @param {Number} subject_i index into the subject array for the subject
 * @param {Number} subject the subject
 * @return {String} the CSS class
 */
function get_subject_row_css_class(subject_i, subject) {
  return 'subject' +
    maybe_disabled(is_subject_closed(subject)) +
    maybe_on_alert(is_subject_on_alert(subject)) +
    maybe_selected(subject_i === selected_subject_i);
}

// Populate the subject list for print view.
function populate_print_subject_list() {
  if (!$('subject-print-tbody')) {
    return;
  }
  var rows = [];
  for (var i = 0; i < subject_is.length; i++) {
    var su = subject_is[i];
    var subject = subjects[su];
    var subject_type = subject_types[subject.type];
    if (subject_status_is[su] === STATUS_VISIBLE) {
      var row = $$('tr', {
        id: 'subject-' + su,
        'class': 'subject-' + (i % 2 == 0 ? 'even' : 'odd')
      });
      var cells = [];
      var total_beds;
      var open_beds;
      var address;
      var general_info;
      var healthc_id;
      var pcode;
      if (subject) {
        var values = subject.values;
        total_beds = values[attributes_by_name.total_beds];
        open_beds = values[attributes_by_name.available_beds];
        address = values[attributes_by_name.address];
        general_info = values[attributes_by_name.contact_name];
        healthc_id = values[attributes_by_name.healthc_id];
        pcode = values[attributes_by_name.pcode];
        var phone = values[attributes_by_name.phone];
        if (phone) {
          general_info = (general_info ? general_info + ' ' : '')
              + locale.PHONE_ABBREVIATION({PHONE: phone});
        }
      }
      var dist_meters = subject.distance_meters;
      var dist;
      if (typeof(dist_meters) === 'number') {
        dist = locale.DISTANCE({
            MILES: format_number(dist_meters / METERS_PER_MILE, 1), 
            KM: format_number(dist_meters / METERS_PER_KM, 2)});
      }
      var title = subject.values[attributes_by_name.title];
      var subject_title = title;
      if (healthc_id || pcode) {
        subject_title += ' - '
          + locale.HEALTHC_ID() + ': ' + render(healthc_id)
          + ' - ' + locale.PCODE() + ': ' + render(pcode);
      }
      cells.push($$('td', {'class': 'subject-beds-open'}, render(open_beds)));
      cells.push($$('td', {'class': 'subject-beds-total'},render(total_beds)));
      cells.push($$('td', {'class': 'subject-title'}, render(subject_title)));
      cells.push($$('td', {'class': 'subject-distance'}, render(dist)));
      cells.push($$('td', {'class': 'subject-address'}, render(address)));
      cells.push($$('td', {'class': 'subject-general-info'},
          render(general_info)));
      set_children(row, cells);
      rows.push(row);
    }
  }
  set_children($('subject-print-tbody'), rows);
}

// Update the height of the subject list to exactly fit the window.
function update_subject_list_size() {
  var windowHeight = get_window_size()[1];
  var freshnessHeight = $('freshness').clientHeight;
  var listTop = get_element_top($('subject-list'));
  var listHeight = windowHeight - freshnessHeight - listTop;
  $('subject-list').style.height = listHeight + 'px';
  align_header_with_table($('subject-thead'), $('subject-tbody'));
}

// Update the width of header cells to match the table cells below.
function align_header_with_table(thead, tbody) {
  if (tbody.firstChild) {
    thead.parentNode.style.width = tbody.parentNode.clientWidth + 'px';
    var head_cell = thead.firstChild.firstChild;
    var body_cell = tbody.firstChild.firstChild;
    while (body_cell) {
      // Subtract 8 pixels to account for td padding: 2px 4px.
      // TODO: fix for IE
      if (body_cell.clientWidth) {
        head_cell.style.width = (body_cell.clientWidth - 8) + 'px';
      }
      head_cell = head_cell.nextSibling;
      body_cell = body_cell.nextSibling;
    }
  }
}

// Determine the status of each subject according to the user's filters.
function update_subject_status_is() {
  var bounds = map.getBounds();
  if (bounds && marker_clusterer.getProjection()
      && marker_clusterer.getExtendedBounds) {
    // For use in viewport filtering, use the slightly larger bounds
    // considered by the marker clusterer. The reason for this is to show in 
    // the facility list all facilities that have a visible marker on the map,
    // including those that belong to any visible cluster. This means that
    // markers just slightly off-screen will still appear in the facility list. 
    bounds = marker_clusterer.getExtendedBounds(bounds);    
  }
  var viewport_filter = $('viewport-filter');
  var viewport_filter_on = viewport_filter && viewport_filter.checked;
  var visible_count = 0;
  for (var su = 1; su < subjects.length; su++) {
    var subject = subjects[su];
    if (selected_filter_attribute_i <= 0) {
      subject_status_is[su] = STATUS_VISIBLE;
    } else if (!subject) {
      subject_status_is[su] = STATUS_UNKNOWN;
    } else {
      subject_status_is[su] = STATUS_EXCLUDED_BY_FILTER;
      var a = selected_filter_attribute_i;
      if (attributes[a].type === 'multi') {
        if (contains(subject.values[a] || [], selected_filter_value)) {
          subject_status_is[su] = STATUS_VISIBLE;
        }
      }
    }
    if (viewport_filter_on && bounds && markers[su]
        && subject_status_is[su] == STATUS_VISIBLE
        && !bounds.contains(markers[su].getPosition())) {
      // If filtering by viewport, disqualify STATUS_VISIBLE subjects if they
      // fall outside the viewport
      subject_status_is[su] = STATUS_EXCLUDED_BY_VIEWPORT;
    }
    if (print && subject_status_is[su] == STATUS_VISIBLE
        && visible_count >= MAX_MARKERS_TO_PRINT) {
      subject_status_is[su] = STATUS_EXCLUDED_BY_FILTER;
    }
    if (subject_status_is[su] == STATUS_VISIBLE) {
      visible_count++;
    }
  }
}

// Update the data freshness indicator.
function update_freshness(timestamp) {
  if (!enable_freshness) {
    $('freshness-text').style.display = 'none';
  }

  if (!timestamp) {
    $('freshness-text').innerHTML = 'No reports received';
    return;
  }

  var t = new Date();
  t.setTime(timestamp * 1000);

  var timeout = 1000;
  var seconds = (new Date()).getTime() / 1000 - timestamp;
  var minutes = seconds/60;
  var hours = seconds/3600;
  var age;
  if (hours >= 1.05) {
    age = (Math.ceil(hours * 10) / 10) + ' hours ago';
    timeout = 60000;
  } else if (minutes >= 1.5) {
    age = Math.ceil(minutes) + ' minutes ago';
    timeout = 10000;
  } else if (seconds >= 1.5) {
    age = Math.ceil(seconds) + ' seconds ago';
  } else if (seconds > 0) {
    age = '1 second ago';
  } else {
    age = Math.round(seconds) + ' seconds in the future';
  }

  $('freshness-text').innerHTML = 'Last updated ' + age +
      ' (' + format_timestamp(t) + ')';
  window.setTimeout(function () { update_freshness(timestamp); }, timeout);
}

// Disable the print link in the user header.  This is done when no subjects
// are selected
function disable_print_link() {
  var print_link = $('print-link');
  if (!print_link) {
    return;
  }
  print_link.href = 'javascript:void(0)';
  print_link.title = locale.PRINT_DISABLED_TOOLTIP();
  print_link.target = '';  // prevent Selenium from opening a window in testing
  print_link.onclick = function() {
    // TODO: Use a nice model dialog instead of alert
    alert(locale.PRINT_DISABLED_TOOLTIP());
    return false;
  };
}

// Enable the print link in the user header. This is done when a subject has
// been selected.
function enable_print_link() {
  var print_link = $('print-link');
  if (!print_link) {
    return;
  }
  var subject = selected_subject;
  var location = subject.values[attributes_by_name.location];
  var title = subject.values[attributes_by_name.title];
  print_link.href = print_url + render(
      '&lat=${LAT}&lon=${LON}&rad=${RAD}',
      {LAT: location.lat, LON: location.lon, RAD: PRINT_RADIUS_METERS}
  );
  print_link.title = locale.PRINT_ENABLED_TOOLTIP({FACILITY_NAME: title});
  print_link.target = '_blank';
  print_link.onclick = null;
}

// Format a JavaScript Date object as a human-readable string.
function format_timestamp(t) {
  return locale.DATE_AT_TIME({ DATE: format_date(t), TIME: format_time(t) });
}

// Format a JavaScript Date object as a human-readable date string.
function format_date(t) {
  // Note: t.getMonth() returns a number from 0-11
  return locale.DATE_FORMAT_MEDIUM({MONTH: locale.MONTH_ABBRS[t.getMonth()](),
      DAY: t.getDate(), YEAR: t.getFullYear()});
}

// Format a JavaScript Date object as a human-readable time string.
function format_time(t) {
  var hours = (t.getHours() < 10 ? '0' : '') + t.getHours();
  var minutes = (t.getMinutes() < 10 ? '0' : '') + t.getMinutes();
  var offset = - (t.getTimezoneOffset() / 60);
  var zone = 'UTC' + (offset > 0 ? '+' : '\u2212') + Math.abs(offset);
  return locale.TIME_FORMAT_MEDIUM_WITH_ZONE(
      {HOURS: hours, MINUTES: minutes, ZONE: zone});
}

// Format a number to decimal_places places.
function format_number(num, decimal_places) {
  var integer_part = Math.floor(num);
  var mantissa = Math.round((num % 1) * Math.pow(10, decimal_places));
  return integer_part + '.' + mantissa;
}

// ==== UI event handlers

function initialize_handlers() {
  var window_size = [null, null];

  window.onresize = function () {
    var new_size = get_window_size();
    if (new_size[0] !== window_size[0] || new_size[1] !== window_size[1]) {
      handle_window_resize();
      window_size = new_size;
    }
  };

  google.maps.event.addListener(map, 'zoom_changed', handle_zoom_changed);
  google.maps.event.addListener(map, 'bounds_changed', handle_bounds_changed);
}

function handle_window_resize() {
  if (!print) {
    update_subject_list_size();
  }
}

function handle_zoom_changed() {
  update_viewport_filter();
}

function handle_bounds_changed() {
  update_viewport_filter();
}

function handle_viewport_filter_toggle() {
  var viewport_filter_on = $('viewport-filter').checked;
  _gaq.push(['_trackEvent', 'subject_list', 'viewport_filter',
             viewport_filter_on ? 'on' : 'off']);
  update_viewport_filter_now();
}

function hover_activator(id) {
  return function () {
    var element = $(id);
    element.className = element.className + ' hover';
  };
}

function hover_deactivator(id) {
  return function () {
    var element = $(id);
    element.className = element.className.replace(/ hover/g, '');
  };
}

function subject_selector(subject_i) {
  return function () {
    if ($('edit-data').style.display != 'none') {
      // Cancel inplace-edit if a new marker is selected
      inplace_edit_cancel();
    }
    cancel_add_subject(true);
    select_subject(subject_i);
  };
}

// ==== Selection behaviour

function select_filter(attribute_i, value) {
  selected_filter_attribute_i = attribute_i;
  selected_filter_value = value;

  // Apply the filter to the subject list.
  update_subject_status_is();

  // Update the subject icons to reflect their status.
  update_subject_icons();

  // Filter the list of subjects.
  update_subject_list();
}

/**
 * Select the subject with the given index, opens the map info window, and
 * optionally opens the in-place edit form.
 * @param {Integer} subject_i index of the subject in the subjects array
 */
function select_subject(subject_i) {
  // Update the selection.
  selected_subject_i = subject_i;
  selected_subject = (subject_i <= 0) ? null : subjects[subject_i];

  // Update the selection highlight.
  for (var su = 1; su < subjects.length; su++) {
    var item = $('subject-' + su);
    if (item) {
      item.className = 'subject' +
          maybe_disabled(is_subject_closed(subjects[su])) +
          maybe_on_alert(is_subject_on_alert(subjects[su])) +
          maybe_selected(su === selected_subject_i);
    }
  }

  info.close();

  if (subject_i <= 0) {
    // No selection.
    return;
  }

  // If the selected subject has no location, the map info window is not shown;
  // instead, the in-page edit form is opened. Edit requires a logged-in user;
  // if the user is not logged in, fetch the server-signed login URL from the
  // bubble and redirect.
  var old_location = selected_subject.values[attributes_by_name.location];
  var force_edit = !old_location && is_logged_in;
  var force_login = !old_location && !is_logged_in;

  // Pop up the InfoWindow on the selected clinic, if it has a location.
  show_loading(true);
  var url = bubble_url + (bubble_url.indexOf('?') >= 0 ? '&' : '?') +
      'subject_name=' + selected_subject.name;
  _gaq.push(['_trackEvent', 'bubble', 'open', selected_subject.name]);
  $j.ajax({
    url: url,
    type: 'GET',
    timeout: 10000,
    error: function(request, text_status, error_thrown){
      log(text_status + ', ' + error_thrown);
      alert(locale.ERROR_LOADING_FACILITY_INFORMATION());
      show_status(null, null, true);
    },
    success: function(result){
      subjects[subject_i].values = result.json.values;
      var new_location = subjects[subject_i].values[
          attributes_by_name.location];
      if (!old_location && new_location) {
        add_marker(subject_i);
      } else if (old_location && !new_location) {
        remove_marker(subject_i);
      } else if (old_location && new_location) {
        markers[subject_i].setPosition(new google.maps.LatLng(
          new_location.lat, new_location.lon));
      }

      update_subject_status_is();
      update_subject_row(subject_i);
      update_subject_icon(subject_i);

      show_status(null, null, true);

      if (markers[subject_i]) {
        info.setContent(result.html);
        info.open(map, markers[subject_i]);
        // Sets up the tabs and should be called after the DOM is created.
        $j('#bubble-tabs').tabs({
          select: function(event, ui) {
            _gaq.push(['_trackEvent', 'bubble', 'click ' + ui.panel.id,
                selected_subject.name]);
          }
        });
        // Enable the Print link (which requires a center location).
        enable_print_link();
      } else {
        var status = locale.NO_LOCATION_ENTERED() + ' ';
        if (force_login) {
          status += locale.SIGN_IN_TO_EDIT_LOCATION(
              {START_LINK: '<a id="status-sign-in" href="'
                   + result.login_url + '">',
               END_LINK: '</a>'});
        } else {
          status += locale.EDIT_LATITUDE_LONGITUDE();
        }
        show_status(status, 60000);
      }
    }
  });

  // If forcing edit, turn on the edit form
  if (force_edit) {
    inplace_edit_start(make_edit_url(selected_subject.name));
  }
}

function show_loading(show) {
  show_status(show ? locale.LOADING() : null);
}

function show_status(message, opt_duration, opt_override) {
  if (status_timer && !opt_override) {
    // wait for the timer to finish
    return;
  }

  clearTimeout(status_timer);
  status_timer = null;
  update_status(message);

  if (opt_duration) {
    status_timer = setTimeout(function () {
      update_status(null);
      status_timer = null;
    }, opt_duration);
  }
}

function update_status(message) {
  var status = $('loading');

  if (message) {
    var browser_width = get_browser_width();
    status.style.left = "-10000px";
    status.innerHTML = message;
    status.style.display = '';
    status.style.width = '';
    // check added to make sure that the display message does not
    // take up too much screen real estate
    if (status.clientWidth / browser_width > 0.7) {
      status.style.width = Math.round(0.7 * browser_width) + "px";
    }
    var new_location = (browser_width / 2) - (status.clientWidth / 2);
    if (rtl) {
      status.style.right = new_location;
    } else {
      status.style.left = new_location;
    }
  } else {
    status.style.display = 'none';
  }

}

function get_browser_width() {
  if (window.innerWidth) { //most browsers should support this
    return window.innerWidth;
  } else if (document.body) { //catch for those that don't
    return document.body.offsetWidth;
  } else { //any others [ie6] should definitely support this
    return document.getElementsByTagName('body')[0].offsetWidth;
  }
}

// ==== Load data

function load_data(data, selected_subject_name) {
  attributes = data.attributes;
  subject_types = data.subject_types;
  subjects = data.subjects;
  messages = data.messages;
  total_subject_count = data.total_subject_count;

  attributes_by_name = {};
  for (var a = 1; a < attributes.length; a++) {
    attributes_by_name[attributes[a].name] = a;
    switch (attributes[a].name){
      case 'specialty_care': specialty_attribute_i = a; break;
      case 'medical_equipment': equipment_attribute_i = a; break;
      case 'patient_capacity': patient_capacity_attribute_i = a; break;
      case 'patient_count': patient_count_attribute_i = a; break;
    }
  }

  subject_is = [];
  for (var i = 1; i < subjects.length; i++) {
    subject_is.push(i);
    if (selected_subject_name == subjects[i].name) {
      selected_subject_i = i;
    }
  }

  if (!print) {
    // The print link is not shown in print view, no need to disable it
    disable_print_link();
    // The filters and subject header do not appear in print view;
    // don't bother initializing them.
    initialize_filters();
    initialize_subject_header();    
  }

  initialize_map();
  initialize_markers();
  initialize_handlers();
  if ($('freshness')) {
    update_freshness(data.timestamp);
  }

  update_subject_status_is();
  update_subject_icons();
  update_map_bounds();
  populate_subject_list();

  if (selected_subject_i != -1) {
    // Selecting the subject causes an info window to open on the map. The map
    // is not fully initialized until after load finishes, so delay this.
    setTimeout(function() {
      select_subject(selected_subject_i);
    }, 250);
  }

  if (print) {
    initialize_print_headers();
    populate_print_subject_list();
  } else {
    handle_window_resize();
  }

  show_loading(false);
  log('Data loaded.');

  // TODO: Test further and re-enable
  //start_monitoring();
}

// ==== In-place update

function start_monitoring() {
  // TODO: fix for IE
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = handle_monitor_notification;
  xhr.open('GET', '/monitor');
  xhr.send('');
}

function handle_monitor_notification() {
  if (this.readyState == 4 && this.status == 200) {
    if (this.responseText != null && this.responseText.length) {
      eval(this.responseText);
    }
    start_monitoring();
  }
}

function set_subject_attribute(subject_name, attribute_name, value) {
  log(subject_name, attribute_name, value);
  var subject_i = 0;
  for (var su = 1; su < subjects.length; su++) {
    if (subjects[su].name == subject_name) {
      subject_i = su;
    }
  }
  var attribute_i = attributes_by_name[attribute_name];
  if (subject_i) {
    var subject = subjects[subject_i];
    if (!subject) {
      var nulls = [];
      for (var a = 0; a < attributes.length; a++) {
        nulls.push(null);
      }
      subject.values = nulls;
    }
    subject.values[attribute_i] = value;
  }
  update_subject_row(subject_i);
}

var GLOW_COLORS = ['#ff4', '#ff4', '#ff5', '#ff6', '#ff8', '#ffa',
                   '#ffb', '#ffc', '#ffd', '#ffe', '#fffff8'];
var glow_element = null;
var glow_step = -1;

function glow(element) {
  if (glow_element) {
    glow_element.style.backgroundColor = '';
  }
  glow_element = element;
  glow_step = 0;
  glow_next();
}

function glow_next() {
  if (glow_element && glow_step < GLOW_COLORS.length) {
    glow_element.style.backgroundColor = GLOW_COLORS[glow_step];
    glow_step++;
    window.setTimeout(glow_next, 200);
  } else {
    if (glow_element) {
      glow_element.style.backgroundColor = '';
    }
    glow_element = null;
    glow_step = -1;
  }
}

function update_subject_row(subject_i, opt_glow) {
  var row = $('subject-' + subject_i);
  var cell = row.firstChild;
  var subject = subjects[subject_i];
  for (var c = 1; c < summary_columns.length; c++) {
    cell = cell.nextSibling;
    var value = summary_columns[c].get_value(subject.values);
    set_children(cell, value);
    cell.className = 'value column_' + c;
  }
  if (opt_glow) {
    glow(row);
  }
}

// ==== In-place editing

/**
 * Creates URL to inplace edit the given subject name
 * @param {String} subject_name subject.name of the subject to edit
 * @return {String} the edit URL for the subject
 */
function make_edit_url(subject_name) {
  return edit_url_template + subject_name;
}

/**
 * Creates URL to an inplace edit form for a new subject
 * @param {String} optional - the subject type for the new subject
 * @return {String} the edit URL for the new subject
 */
function make_add_new_subject_url(opt_subject_type) {
  var subject_type = opt_subject_type || '';
  // TODO(pfritzsche): prompt user for a decision on which subject type to use
  if (!subject_type && subject_types.length >= 2) {
    subject_type = subject_types[1].name;
  }
  return edit_url_template + '&add_new=yes&subject_type=' + subject_type;
}

/**
 * Handler to start inplace editing in the left-hand panel.
 * @param {String} edit_url - URL to load the edit form via AJAX
 * @param {Boolean} opt_for_add_new - True if editing a new subject
 */
function inplace_edit_start(edit_url, opt_for_add_new) {
  if ($('edit-data').style.display == '') {
    // already editing
    return false;
  }

  // Use AJAX to load the form in the InfoWindow, then reopen the
  // InfoWindow so that it resizes correctly.
  log('Editing in place:', edit_url);

  var data = {};
  if (new_subject_marker) {
    data.lat = new_subject_marker.position.lat();
    data.lon = new_subject_marker.position.lng();
  }

  if (!opt_for_add_new) {
    cancel_add_subject(true);
  }
  show_new_subject_button(false);
  show_loading(true);
  $j.ajax({
    url: edit_url,
    data: data,
    type: 'GET',
    error: function(request, textStatus, errorThrown) {
      log(textStatus + ', ' + errorThrown);
      alert(locale.ERROR_LOADING_EDIT_FORM());
      show_loading(false);
      show_new_subject_button(true);
    },
    success: function(data) {
      var edit_data = $('edit-data');
      edit_data.innerHTML = data;
      edit_data.style.display = '';

      var windowHeight = get_window_size()[1];
      var editTop = get_element_top(edit_data);
      edit_data.style.height = (windowHeight - editTop) + 'px';
      var edit_bar = $('edit-bar');
      if (edit_bar) {
        document.body.appendChild(edit_bar);
      }

      $('data').style.display = 'none';
      init_edit(true, edit_url, edit_data);
      show_loading(false);
    }
  });

  return false;
}

/**
 * Handler for the save button on the inplace edit form.
 * Posts the data from the edit form and reloads the bubble with the
 * new values.
 * @param {String} edit_url - URL to post the edit form via AJAX
 */
function inplace_edit_save(edit_url) {
  if (validate()) {
    log('Saving in place');

    show_status(locale.SAVING());
    $j.ajax({
      url: edit_url,
      type: 'POST',
      data: $j('#edit').serialize(),
      error: function(request, textStatus, errorThrown) {
        log(textStatus + ', ' + errorThrown);
        alert(locale.ERROR_SAVING_FACILITY_INFORMATION());
        show_status(null, null, true);
        cancel_add_subject();
      },
      success: function(data) {
        if (new_subject_marker) {
            // If the save was for a new subject, edit.py will write query
            // parameters necessary to redirect to the home page and select the
            // newly created subject to the response.
            window.location = 'http://' + window.location.host + data;
        }
        $('data').style.display = '';
        $('edit-data').style.display = 'none';
        remove_edit_bar();
        select_subject(selected_subject_i);
        show_status(locale.SAVED(), 5000);
        show_new_subject_button(true);
        _gaq.push(['_trackEvent', 'edit', 'save', selected_subject.name]);
      }
    });
  }

  return false;
}

/**
 * Handler for the cancel button on the inplace edit form.
 * Hides the in-place edit form, returning to the facility list view.
 */
function inplace_edit_cancel() {
  $('data').style.display = '';
  $('edit-data').style.display = 'none';
  remove_edit_bar();
  show_status(null, null, true);
  cancel_add_subject();
  if (new_subject_marker) {
    _gaq.push(['_trackEvent', 'edit', 'cancel', 'new_subject']);
  } else {
    _gaq.push(['_trackEvent', 'edit', 'cancel', selected_subject.name]);
  }
}

function remove_edit_bar() {
  var edit_bar = $('edit-bar');
  if (edit_bar) {
    document.body.removeChild(edit_bar);
  }
}

function request_action_handler(request_url) {
  // Use AJAX to load the form in the InfoWindow, then reopen the
  // InfoWindow so that it resizes correctly.
  log('reqest action:', request_url);
  $j.ajax({
    url: request_url,
    type: 'POST',
    success: function(data) {
       // TODO(eyalf): replace with a nice blocking popup
       alert(data);
    }
  });
  return false;
}

// Returns true IFF the operational status of the subject is set to
// CLOSED_OR_CLOSING
function is_subject_closed(subject) {
  if (subject) {
    var op_status = subject.values[attributes_by_name.operational_status];
    if (op_status == 'CLOSED_OR_CLOSING') {
      return true;
    }
  }

  return false;
};

// Returns true IFF the alert status of the subject is on
function is_subject_on_alert(subject) {
  if (subject) {
    var alert_status = subject.values[attributes_by_name.alert_status];
    if (alert_status) {
      return true;
    }
  }

  return false;
};

log('map.js finished loading.');