$(document).ready(function() {
  //getShows("all");
});

function getShows(city) {
 
  $("#main").html("<br><div class='contentheading'><img src='images/loading.gif'>&nbsp;Loading..</div>");
  
  $.ajax({
     type: "POST",
     url: "ajax.php",
     timeout: 8000,
     data: "action=getshows&city=" + city,
     dataType: "json",
     error: function(){
       $("#main").hide();
       $("#main").html("<br><br><img src='images/icons/error.png'> There was an error loading show information, please try again.");
       $("#main").fadeIn();      
     },  
     success: function(jsonObj){
       $("#main").hide();
       $("#main").html(jsonObj.html);
       $("#main").fadeIn();

     }
   });
  }