$(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 = "";
                  if ($(this).attr("quartile") != undefined) {
                      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=quartiletablevalues&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=quartiletablevalues&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 ( quartile == "") {
                                  cellStyleTag = ' style="text-align:center;" ';
                              }
                              var results = data.list;
                              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;" ';
                                  if ( quartile == "" ) {
                                    cellStyleTag = ' style="border: 1px solid black; padding: 3px; text-align:center;" ';
                                  } else {
                                    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 ( !format || format == 'wide' || format == 'f' || format == 'w' ) {
                                   table = '<table  '+tableStyleTag+' id="full" class="stat_table"><tr class="header"> <th ' + (quartile == "" ? 'colspan="11" ' : 'colspan="4" ') +headerStyleTag+'>'+ results[0].rollingAverage+
                                            ' Market Stats ' + (quartile == "" ? 'by Quartile ' : 'by ' + results[0].quartile + ' ') + 'for '+ results[0].residenceType+
                                            ' properties in<br/>'+ results[0].cityName+', '+ results[0].state+
                                            ' '+ results[0].zipCode+' as of '+ results[0].displayDate+'</th> </tr> ';
                                  if ( quartile == "" ) {
                                      table = table + '<tr class="subheader"><td '+cellStyleTag+' class="left-label">Quartile</td>' +
                                                        '<td '+cellStyleTag+' class="left-label">Median Price</td>' +
                                                        '<td '+cellStyleTag+' class="left-label">Sq. Ft.</td>' +
                                                        '<td '+cellStyleTag+' class="left-label">Lot Size</td>' +
                                                        '<td '+cellStyleTag+' class="left-label">Beds</td>' +
                                                        '<td '+cellStyleTag+' class="left-label">Baths</td>' +
                                                        '<td '+cellStyleTag+' class="left-label">Age</td>' +
                                                        '<td '+cellStyleTag+' class="left-label">Inventory</td>' +
                                                        '<td '+cellStyleTag+' class="left-label">New</td>' +
                                                        '<td '+cellStyleTag+' class="left-label">Absorbed</td>' +
                                                        '<td '+cellStyleTag+' class="right-label-border">DOM</td>' +
                                                      '</tr>';
                                      for (var i=0; i < results.length; i++) {
                                          if ( res_type == 'sf' ) {
                                              lot_size = results[i].medianLotSize;
                                          } else {
                                              lot_size = 'n/a';
                                          }
                                        table = table + '<tr class="' + (i%2 == 0 ? 'even' : 'odd') + '"> <td '+cellStyleTag+' class="left-value-border">' + results[i].quartile + '</td>' +
                                                '<td '+cellStyleTag+' class="left-value">' + results[i].medianPrice + '</td>' +
                                                '<td '+cellStyleTag+' class="left-value">' + results[i].medianSquareFoot + '</td>' +
                                                '<td '+cellStyleTag+' class="left-value">' + lot_size + '</td>' +
                                                '<td '+cellStyleTag+' class="left-value">' + results[i].meanBeds + '</td>' +
                                                '<td '+cellStyleTag+' class="left-value">' + results[i].meanBaths + '</td>' +
                                                '<td '+cellStyleTag+' class="left-value">' + results[i].meanAge + '</td>' +
                                                '<td '+cellStyleTag+' class="left-value">' + results[i].inventory + '</td>' +
                                                '<td '+cellStyleTag+' class="left-value">' + results[i].newlyListed + '</td>' +
                                                '<td '+cellStyleTag+' class="left-value">' + results[i].medianAbsorbed + '</td>' +
                                                '<td '+cellStyleTag+' class="right-value">' + results[i].daysOnMarket + '</td>';
                                      }
                                  } else {
                                        if ( res_type == 'sf' ) {
                                            lot_size = results[0].medianLotSize  + ' SqFt';
                                        } else {
                                            lot_size = 'n/a';
                                        }
                                        table = table + '<tr class="odd"> <td '+cellStyleTag+' class="left-label">Median List Price:</td> <td '+cellStyleTag+' class="left-value">'+
                                            results[0].medianPrice + '</td> <td '+cellStyleTag+' class="right-label">Average List Price:</td> <td '+cellStyleTag+' class="right-value">'+
                                            results[0].meanPrice +'</td> </tr> <tr class="even"> <td '+cellStyleTag+' class="left-label">Total Inventory:</td> <td '+cellStyleTag+' class="left-value">' +
                                            results[0].inventory + '</td> <td '+cellStyleTag+' class="right-label">Price Per Square Foot:</td> <td '+cellStyleTag+' class="right-value">'+
                                            results[0].pricePerSquareFoot +'/SqFt</td> </tr> <tr class="odd"> <td '+cellStyleTag+' class="left-label">Average Home Size:</td> <td '+cellStyleTag+' class="left-value">'+
                                            results[0].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">'+
                                            results[0].meanBeds +'</td> <td '+cellStyleTag+' class="right-label">Average # Baths:</td> <td '+cellStyleTag+' class="right-value">'+
                                            results[0].meanBaths +'</td> </tr> <tr class="odd"> <td '+cellStyleTag+' class="left-label">Homes Absorbed:</td> <td '+cellStyleTag+' class="left-value">'+
                                            results[0].medianAbsorbed +'</td> <td '+cellStyleTag+' class="right-label">Newly Listed:</td> <td '+cellStyleTag+' class="right-value">'+
                                            results[0].newlyListed +'</td> </tr> <tr class="even"> <td '+cellStyleTag+' class="left-label">Days on Market:</td> <td '+cellStyleTag+' class="left-value">'+
                                            results[0].daysOnMarket + ' days</td> <td '+cellStyleTag+' class="right-label">Average Age:</td> <td '+cellStyleTag+' class="right-value">'+
                                            results[0].meanAge +' years</td> </tr>';
                                  }
                                  table = table + ' <tr class="footer"> <td '+cellStyleTag + (quartile == "" ? 'colspan="11" ' : 'colspan="4" ') + '>Data provided by and &copy;'+
                                            year+' Altos Research LLC</td> </tr> </table>';
                              }

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

          });


  });