$(function(){
  // Hide the form submission button
  $('#map-form .submit-button').hide();
  
  // Get value of #map-form radio buttons
  var mapQuery = '';
  mapQuery = mapQuery == '' ? 'lwc' : $('#map-form :radio:checked').val();
  
  // Function to change map display
  updateMap = function() {
    mapQuery = $('#map-form :radio:checked').val()
    ajaxDisplayMap(mapQuery);
  }
  
  ajaxDisplayMap = function(map) {
    // Use a POST request to prevent IE from caching
    $.post('api.php',
      {q: map},
      function(data) { $('#display-map').html(data) });
  }
  
  // Use Ajax to update the form when a radio button is clicked
  $('#map-form :radio').click(updateMap);
  
  // Refresh the page periodically
  $.timer(5000, function(timer) {
    ajaxDisplayMap(mapQuery);
  });
});