$(document).ready(function() { getShows("all"); });
  
  
  function getVenues(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=getvenuelist&city=" + city,
     dataType: "json",
     error: function(){
       $("#main").hide();
       $("#main").html("<div class='clean-error' style='margin-left: auto; margin-right: auto; width: 95%;'><img src='images/icons/error.png'> There was an error loading venue information, please try again.</div>");
       $("#main").fadeIn();      
     },  
     success: function(jsonObj){
       $("#main").hide();
       if(jsonObj.html) {
        $("#main").html(jsonObj.html);
       }
       
       else { $("#main").html("<br><br><br><div class='contentheading' style='padding-left: 20px;'>No venues to display. <img src='images/icons/add.png' style='vertical-align: bottom;margin-bottom: 2px;'> <a href='addVenue.php'>Add a venue</a>.</div><br><br><br>"); }
       
       
       $('div.bariconsel').removeClass('bariconsel').addClass('baricon');
       $(jsonObj.element).addClass(jsonObj.className);
       $("#main").fadeIn();

     }
   });
  }