$(document).ready(function() {
          $("div.stat_table").each( function(index) {
                  var div_tag = $(this);
                  var state = $(this).attr("state");
                  var city = $(this).attr("city_id");
                  var zip = $(this).attr("zip_id");
                  var res_type = $(this).attr("res_type");
                  var rolling_average = $(this).attr("rolling_average");
                  var quartile = $(this).attr("quartile");
                  var date= $(this).attr("date");
                  var css = $(this).attr("css");
                  var pai = $(this).attr("pai");

                  var protocol= (('https:' == document.location.protocol) ? 'https:' : 'http:');

                  var theme = $(this).attr("theme");
                  var format = $(this).attr("format");
                  if (typeof(chartServerUrl) == "undefined") {
                      chartServerUrl = 'charts.altosresearch.com';
                  }
                  var request = '';
                  if ( date ) {
                      request = protocol + '//' + chartServerUrl +'/altos/app?service=tablevalues&rf=json&pai=' + pai + '&st='+ state + '&cid=' + city + '&zid='+zip+'&rt='+res_type+'&ra='+rolling_average+'&q='+quartile+'&d='+date;
                  } else {
                      request = protocol + '//' + chartServerUrl +'/altos/app?service=tablevalues&rf=json&pai=' + pai + '&st='+ state + '&cid=' + city + '&zid='+zip+'&rt='+res_type+'&ra='+rolling_average+'&q='+quartile;
                  }
                  $.ajax({
                          url: request,
                          dataType: 'jsonp',
                          success: function(data) {
                              var table = '';
                              var style = '';
                              var tableStyleTag = '';
                              var headerStyleTag = '';
                              var cellStyleTag = '';
                              if ( css && css != 'none' ) {
                                  style = '<link href="' + css + '" type="text/css" rel="stylesheet" />';
                              } else if ( css && css == 'none' ) {
                                  style = '';
                              } else if ( theme == 'inline') {
                                  style = '';
                                  tableStyleTag = ' style="border-collapse: collapse;" ';
                                  headerStyleTag = ' style="background-color:black; color: white; border: 1px solid black;" ';
                                  cellStyleTag = ' style="border: 1px solid black; padding: 3px; text-align:left;" '
                              } else if ( theme )  {
                                  style = '<link href="'+ protocol +'//' + chartServerUrl +'/altos/css/crm/' + theme + '/stattable.css" type="text/css" rel="stylesheet" />';
//                                  style = '<link href="http://192.168.0.99/altos/css/crm/' + theme + '/stattable.css" type="text/css" rel="stylesheet" />';
                              } else {
                                  style = '<link href="'+protocol +'//' + chartServerUrl +'/altos/css/crm/default/stattable.css" type="text/css" rel="stylesheet" />';
//                                  style = '<link href="http://192.168.0.99/altos/css/crm/default/stattable.css" type="text/css" rel="stylesheet" />';
                              }
                              var dateObj = new Date();
                              var year = dateObj.getFullYear();
                              var lot_size = 0;
                              if ( res_type == 'sf' ) {
                                  lot_size = data.response.medianLotSize  + ' SqFt';
                              } else {
                                  lot_size = 'n/a';
                              }
                              if ( !format || format == 'wide' || format == 'f' || format == 'w' ) {
                                   table = '<table  '+tableStyleTag+' id="full" class="stat_table"><tr class="header"> <th colspan="4" '+headerStyleTag+'>'+data.response.rollingAverage+
                                            ' Market Stats for '+data.response.residenceType+
                                            ' properties in<br/>'+data.response.cityName+', '+data.response.state+
                                            ' '+data.response.zipCode+' as of '+data.response.displayDate+'</th> </tr> <tr class="odd"> <td '+cellStyleTag+' class="left-label">Median List Price:</td> <td '+cellStyleTag+' class="left-value">'+
                                            data.response.medianPrice + '</td> <td '+cellStyleTag+' class="right-label">Average List Price:</td> <td '+cellStyleTag+' class="right-value">'+
                                            data.response.meanPrice +'</td> </tr> <tr class="even"> <td '+cellStyleTag+' class="left-label">Total Inventory:</td> <td '+cellStyleTag+' class="left-value">' +
                                            data.response.inventory + '</td> <td '+cellStyleTag+' class="right-label">Price Per Square Foot:</td> <td '+cellStyleTag+' class="right-value">'+
                                            data.response.pricePerSquareFoot +'/SqFt</td> </tr> <tr class="odd"> <td '+cellStyleTag+' class="left-label">Average Home Size:</td> <td '+cellStyleTag+' class="left-value">'+
                                            data.response.medianSquareFoot + ' SqFt</td> <td '+cellStyleTag+' class="right-label">Median Lot Size:</td> <td '+cellStyleTag+' class="right-value">'+
                                            lot_size +'</td> </tr> <tr class="even"> <td '+cellStyleTag+' class="left-label">Average # Beds:</td> <td '+cellStyleTag+' class="left-value">'+
                                            data.response.meanBeds +'</td> <td '+cellStyleTag+' class="right-label">Average # Baths:</td> <td '+cellStyleTag+' class="right-value">'+
                                            data.response.meanBaths +'</td> </tr> <tr class="odd"> <td '+cellStyleTag+' class="left-label">Homes Absorbed:</td> <td '+cellStyleTag+' class="left-value">'+
                                            data.response.medianAbsorbed +'</td> <td '+cellStyleTag+' class="right-label">Newly Listed:</td> <td '+cellStyleTag+' class="right-value">'+
                                            data.response.newlyListed +'</td> </tr> <tr class="even"> <td '+cellStyleTag+' class="left-label">Days on Market:</td> <td '+cellStyleTag+' class="left-value">'+
                                            data.response.daysOnMarket + ' days</td> <td '+cellStyleTag+' class="right-label">Average Age:</td> <td '+cellStyleTag+' class="right-value">'+
                                            data.response.meanAge +' years</td> </tr> <tr class="footer"> <td '+cellStyleTag+' colspan="4">Data provided by and &copy;'+
                                            year+' Altos Research LLC</td> </tr> </table>';
                              } else {
                                  table = '<table '+tableStyleTag+' id="blog" class="stat_table"><tr class="header"><th colspan="2" '+headerStyleTag+'>' + data.response.cityName + ' ' + data.response.state + ' ' + data.response.zipCode +'<br/>'+
                                  data.response.residenceType+'<br/>'+
                                  data.response.displayDate +'</th></tr><tr class="odd"><td '+cellStyleTag+' class="left-label">Median List Price:</td><td '+cellStyleTag+' class="right-value">'+
                                  data.response.medianPrice + '</td></tr><tr class="even"><td '+cellStyleTag+' class="left-label">Total Inventory:</td><td '+cellStyleTag+' class="right-value">'+
                                  data.response.inventory +'</td></tr><tr class="odd"><td '+cellStyleTag+' class="left-label">Homes Absorbed:</td><td '+cellStyleTag+' class="right-value">'+
                                  data.response.medianAbsorbed +' </td></tr><tr class="even"><td '+cellStyleTag+' class="left-label">Days on Market:</td><td '+cellStyleTag+' class="right-value">'+
                                  data.response.daysOnMarket +' days</td></tr><tr class="footer"><td '+cellStyleTag+' colspan="2">Data provided by and &copy;'+
                                  year +'<br/>Altos Research LLC</td></tr></table>';
                              }

                               div_tag.html( style + '\n' + table );
                          }
                  });

          });
  });