var beansUrlParameter = function(sParam) {
  var sPageURL = window.location.search.substring(1),
      sURLVariables = sPageURL.split('&'),
      sParameterName,
      i;
  for (i = 0; i < sURLVariables.length; i++) {
    sParameterName = sURLVariables[i].split('=');
    if (sParameterName[0] === sParam) {
        return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
    }
  }
}

var getBaseConfig = function(urlFromRequest) {
  return {
    address: '',
    useGroundElevation: false,
    elevation: 0,
    canonicalUrl: urlFromRequest
  };
}

var convertUnitsArr2 = function(address, unitsArr, hideMarkers) {
  var convertedArr = [];
  for (var i = 0; i < unitsArr.length; i++) {
    var bedText = (unitsArr[i].bed && unitsArr[i].bed !== '0') ? (unitsArr[i].bed + ' Bed') : 'Studio';
    var td = new Date().toISOString().substring(0, 10);
    var as = (unitsArr[i].availability ? ('on ' + unitsArr[i].availability) : 'Now');
    if (unitsArr[i].availability && unitsArr[i].availability <= td) {
      as = 'Now';
    }
    var onPreviewData;
    if (unitsArr.floorplanImg) {
      onPreviewData = [
        {
          value: bedText + ' / ' + unitsArr[i].bath + ' Bath / ' + (unitsArr[i].sqft ? unitsArr[i].sqft.toLocaleString() : '0') + ' sq. ft.'
        },
        {
          value: 'img:' + unitsArr[i].floorplanImg
        },
        {
          value: '$' + (unitsArr[i].rent ? unitsArr[i].rent.toLocaleString() : '0') + '/ mo'
        },
        {
          value: 'Available ' + as
        }
      ];
    } else {
      onPreviewData = [
        {
          value: bedText + ' / ' + unitsArr[i].bath + ' Bath / ' + (unitsArr[i].sqft ? unitsArr[i].sqft.toLocaleString() : '0') + ' sq. ft.'
        },
        {
          value: '$' + (unitsArr[i].rent ? unitsArr[i].rent.toLocaleString() : '0') + '/ mo'
        },
        {
          value: 'Available ' + as
        }
      ];
    }
    convertedArr.push({
      address: address,
      unit: unitsArr[i].unit,
      options: {
        markers: {
          display: hideMarkers ? false : true
        },
        poi: [
          {
            name: "ALL",
            display: false
          },
          {
            name: "CLUBHOUSE",
            display: true
          },
          {
            name: "SWIMMINGPOOL",
            display: true
          },
          {
            name: "OFFICE",
            display: true
          },
          {
            name: "GYM",
            display: true
          },
          {
            name: "MAILROOM",
            display: true
          },
          {
            name: "LAUNDRY",
            display: true
          },
          {
            name: "PLAYGROUND",
            display: true
          }
        ],
        onPreviewData: onPreviewData,
        onClickData: {
          name: unitsArr[i].unit ? unitsArr[i].unit.replaceAll('||', ' - ') : '',
          bed: unitsArr[i].bed,
          bath: unitsArr[i].bath,
          sqft: unitsArr[i].sqft,
          rent: unitsArr[i].rent,
          floorplanImg: unitsArr[i].floorplanImg,
          availability: unitsArr[i].availability,
          link: unitsArr[i].link ? unitsArr[i].link.replaceAll('&amp;', '&') : ''
        }
      }
    });
  }
  return convertedArr;
}

var convertUnitsArr = function(config, unitsArr, hideMarkers, skipSort) {
  var addressAndUnitWithOptions;
  if (unitsArr.length === 0) {
    unitsArr.push({
      unit: ''
    });
    addressAndUnitWithOptions = convertUnitsArr2(config.address, unitsArr, hideMarkers);
    addressAndUnitWithOptions[0].isPlaceHolder = true;
  } else {
    if (!skipSort) {
      unitsArr.sort((a, b) => {
        var aa = a.unit ? a.unit : '';
        var bb = b.unit ? b.unit : '';
        return aa.localeCompare(bb);
      });
    }
    addressAndUnitWithOptions = convertUnitsArr2(config.address, unitsArr, hideMarkers);
  }

  if (config.unitShapeConfig) {
    for (var i = 0; i < addressAndUnitWithOptions.length; i++) {
      addressAndUnitWithOptions[i].options.unitShape = config.unitShapeConfig(addressAndUnitWithOptions[i]);
    }
  }

  if (config.poi) {
    for (var i = 0; i < addressAndUnitWithOptions.length; i++) {
      for (var j = 0; j < config.poi.length; j++) {
        addressAndUnitWithOptions[i].options.poi.push(config.poi[j]);
      }
    }
  }

  return addressAndUnitWithOptions;
}

var commonImmersives = [
  {
    url: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/FeatureServer/0",
    elevationInfo: {
      mode: "absolute-height",
      offset: 0.1,
    },
    opacity: 0.5,
    immersiveType: 'trees',
    renderer: {
      type: "unique-value",
      field: "type",
      uniqueValueInfos: [
        {
          value: "Apricot",
          symbol: {
            type: "point-3d",
            symbolLayers: [
              {
                type: "object",
                "height": 6,
                "anchor": "origin",
                "resource": {
                  "href": "https://static.arcgis.com/arcgis/styleItems/RealisticTrees/gltf/resource/PrunusArmeniaca.glb"
                }
              }
            ]
          }
        },
        {
          value: "Mountain Mahogany",
          symbol: {
            type: "point-3d",
            symbolLayers: [
              {
                type: "object",
                "height": 2,
                "anchor": "origin",
                "resource": {
                  "href": "https://static.arcgis.com/arcgis/styleItems/RealisticTrees/gltf/resource/CercocarpusMontanus.glb"
                }
              }
            ]
          }
        },
        {
          value: "Rose",
          symbol: {
            type: "point-3d",
            symbolLayers: [
              {
                type: "object",
                "height": 2,
                "anchor": "origin",
                "resource": {
                  "href": "https://static.arcgis.com/arcgis/styleItems/RealisticTrees/gltf/resource/RosaGrandiflora.glb"
                }
              }
            ]
          }
        }
      ]
    },
    isFeature: true
  },
  {
    url: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/FeatureServer/1",
    elevationInfo: {
      mode: "absolute-height",
      offset: 0.2,
    },
    renderer: {
      type: "unique-value",
      field: "type",
      uniqueValueInfos: [
        {
          value: "Walkway",
          symbol: {
            type: "line-3d",
            symbolLayers: [
              {
                type: "path",
                profile: "quad",
                material: {
                  color: "#fcf5de"
                },
                width: 2, // the width in m
                height: 0.3, // the height in m
                profileRotation: "heading"
              }
            ]
            // type: "simple-line",
            // width: 16,
            // color: "#aaaaaa"
          }
        },
        {
          value: "Road",
          symbol: {
            type: "line-3d",
            symbolLayers: [
              {
                type: "path",
                profile: "quad",
                material: {
                  color: "#aaaaaa"
                },
                width: 6, // the width in m
                height: 0.4, // the height in m
                profileRotation: "heading"
              }
            ]
          }
        }
      ]
    },
    isFeature: true
  },
  {
    url: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/FeatureServer/2",
    elevationInfo: {
      mode: "absolute-height",
      offset: 0.1,
    },
    renderer: {
      type: "unique-value",
      field: "type",
      uniqueValueInfos: [
        {
          value: "Lawn",
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "rgba(178, 195, 136, 0.35)"
          }
        },
        {
          value: "Concrete",
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "#CCCCCC"
          }
        },
        {
          value: "Mulch",
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "#DBCEA2"
          }
        }
      ]
    },
    isFeature: true
  },
  {
    url: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/FeatureServer/2",
    elevationInfo: {
      mode: "absolute-height",
      offset: 0.2,
    },
    renderer: {
      type: "unique-value",
      field: "type",
      uniqueValueInfos: [
        {
          value: "Water",
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "#a5c2d1"
          }
        }
      ]
    },
    isFeature: true
  },
];

var getDisplayOptions = function(
  config,
  unitShape_, // Default shape
  selectedUnitShape_, // Selected shape
  selectableUnitShape_, // Selectable shape
  hoverUnitShape_
) {
  return {
    propertyAddress: config.address,

    offsetGroundElevation: config.elevation,
    useGroundElevation: config.useGroundElevation,

    filters: config.filters,

    showUnitList: true,
    showUnitShape: true,

    showDirections: false,
    showPath: false,

    camera: config.camera,
    mobileCamera: config.mobileCamera,
    renameAmenities: config.renameAmenities ? config.renameAmenities : null,

    shadowModeUnitShape: config.shadowModeUnitShape ? config.shadowModeUnitShape : {
      fillColor: '#ffffff',
      fillOpacity: 1.0,
    },
    neighborModeUnitShape: config.neighborModeUnitShape ? config.neighborModeUnitShape : {
      fillColor: '#D8D7D4',
      fillOpacity: 1.0,
    },
    unitShape: config.unitShape ? config.unitShape : {
      fillColor: '#DDE3E0',
      fillOpacity: 1.0,
      strokeWeight: 1.0,
      strokeOpacity: 0.5,
      strokeColor: '#000000',
      ...unitShape_
    },
    selectedUnitShape: config.selectedUnitShape ? config.selectedUnitShape : {
      fillColor: '#A6671D',
      fillOpacity: 1.0,
      strokeWeight: 1.0,
      strokeOpacity: 1.0,
      strokeColor: '#ffffff',
      ...selectedUnitShape_
    },
    selectableUnitShape: config.selectableUnitShape ? config.selectableUnitShape : {
      fillColor: '#24453E',
      fillOpacity: 1.0,
      strokeWeight: 1.0,
      strokeOpacity: 1.0,
      strokeColor: '#ffffff',
      ...selectableUnitShape_
    },
    satelliteModeUnitShape: config.satelliteModeUnitShape ? config.satelliteModeUnitShape : {
      fillColor: '#ffffff',
      fillOpacity: 1.0,
    },
    neighborShape: config.neighborShape,
    immersiveModeUnitShape: config.immersiveModeUnitShape,
    poiShape: config.poiShape,

    hoverUnitShape: hoverUnitShape_ ? hoverUnitShape_ : null,
    // mobileUnitShape: {
    //   fillColor: '#ffffff',
    //   fillOpacity: 0.2,
    //   strokeWeight: 0.5,
    //   strokeOpacity: 0.2,
    //   strokeColor: '#000000',
    // }
  };
}

var BeansGoldenBear = function() {
};

BeansGoldenBear.prototype.getConfigFromUrl = function(urlFromRequest) {
  var canonicalUrl = urlFromRequest ? urlFromRequest : window.location.hostname;
  if (beansUrlParameter('canonicalUrl')) {
    canonicalUrl = beansUrlParameter('canonicalUrl');
  }
  var baseConfig = getBaseConfig(canonicalUrl);

  var config = {};

config["www.liveatmontereymanor.com"] = {
  camera: {tilt: 62.074291992718955, heading: 23.755718950822565, position: {x: -106.51310883891051, y: 35.08454892925609, z: 177.74946448765695}},
  address: "12201 Lomas NE Blvd, Albuquerque, NM",
  
  
  
  propertyId: '1301512',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
  numbersConfig: {
    size: 32
  },
  backgroundImage: {
    src: '/mapswidget/prettymaps/12201cmsmultifamily.png',
    width: '1782px',
    height: '2413px',
    position: {
      lat: 35.08855748257876,
      lng: -106.51383926068303,
      lat2: 35.08593897656179,
      lng2: -106.5106179661539,
    }
  },
  initialPosition: {
    lat: 35.087245728591064,
    lng: -106.51205995191762,
    mobile: {
      lat: 35.087245728591064,
      lng: -106.51205995191762,
    }
  },
};

config["www.liveatriverrockapartments.com"] = {
  camera: {tilt: 55.19228531347064, heading: 347.2009568464696, position: {x: -106.51047851175944, y: 35.085359362675746, z: 136.89995946735144}},
  address: "12301 Lomas NE Blvd, Albuquerque, NM",
  
  
  
  propertyId: '1301513',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.thirteen20apts.com"] = {
  camera: {tilt: 66.40987716194928, heading: 25.320396307615066, position: {x: -104.75406952453498, y: 38.85054044034512, z: 61.45106707699597}},
  address: "1320 Potter Dr, Colorado Springs, CO",
  
  
  
  propertyId: '1301499',
  renameAmenities: (str) => {
    if (!str) {
      return '';
    }
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.liveattiburon.com"] = {
  camera: {tilt: 65.30832333571452, heading: 34.40442505851643, position: {x: -104.75444566824606, y: 38.85112643589071, z: 80.73763041105121}},
  address: "1330 Potter Dr, Colorado Springs, CO",
  
  
  
  propertyId: '1301501',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
  numbersConfig: {
    size: 16
  },
  backgroundImage: {
    src: '/mapswidget/prettymaps/1330cmsmultifamily.png',
    width: '1209px',
    height: '1023px',
    position: {
      lat: 38.85369898102261,
      lng: -104.75465597950507,
      lat2: 38.851207376084915,
      lng2: -104.75141103181836,
    }
  },
  initialPosition: {
    lat: 38.852442299537806,
    lng: -104.75305478532674,
    mobile: {
      lat: 38.852442299537806,
      lng: -104.75305478532674,
    }
  },
};

config["www.palazzoapartments.com"] = {
  camera: {tilt: 42.90296681929314, heading: 165.8493029012406, position: {x: -106.49200746639119, y: 35.080357369127945, z: 199.57106131501496}},
  address: "14124 Copper NE Ave, Albuquerque, NM",
  
  
  
  propertyId: '1301511',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.livevillagesatwoodmen.com"] = {
  camera: {tilt: 59.95735369477555, heading: 244.922731533559, position: {x: -104.79119711601787, y: 38.932456327311066, z: 156.3545167222619}},
  address: "1629 E Woodmen Rd, Colorado Springs, CO",
  
  
  
  propertyId: '1301502',
  renameAmenities: (str) => {
    if (!str) {
      return '';
    }
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.liveatlelaray.com"] = {
  camera: {tilt: 55.93140756952295, heading: 32.86641409155717, position: {x: -104.78981441015787, y: 38.85585710316999, z: 71.65806057211012}},
  address: "2115 Lelaray St, Colorado Springs, CO",
  
  
  
  propertyId: '1301500',
  renameAmenities: (str) => {
    if (!str) {
      return '';
    }
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.marqueevillageapartments.com"] = {
  camera: {tilt: 49.98944346183216, heading: 358.3555570306141, position: {x: -106.63135248212934, y: 35.08151560367682, z: 181.242242324166}},
  address: "230 Spruce NE St, Albuquerque, NM",
  
  
  
  propertyId: '1301508',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
  numbersConfig: {
    size: 16,
    convert: (a, raw, whatIsItFor) => {
      if (!raw) {
        return a;
      }
  
      if (raw && raw.indexOf('-') !== -1) {
        return raw.substring(0, raw.indexOf('-'));
      }
  
      return a;
    }
  },
  backgroundImage: {
    src: '/mapswidget/prettymaps/230cmsmultifamily.png',
    width: '1340px',
    height: '1242px',
    position: {
      lat: 35.08483981244766,
      lng: -106.63325252257861,
      lat2: 35.08220831130626,
      lng2: -106.63003841605811,
    }
  },
  initialPosition: {
    lat: 35.083482086788635,
    lng: -106.63159653106072,
    mobile: {
      lat: 35.083482086788635,
      lng: -106.63159653106072,
    }
  },
};

config["www.pinelaneapts.com"] = {
  camera: {tilt: 59.22069325336695, heading: 286.1427276745178, position: {x: -106.52177885111134, y: 35.119283034082095, z: 134.83040180243552}},
  address: "3300 Morris NE St, Albuquerque, NM",
  
  
  
  propertyId: '1301510',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.liveaustinbluffs.com"] = {
  camera: {tilt: 62.77580079629813, heading: 157.427316817446, position: {x: -104.76325722207106, y: 38.89829126781405, z: 290.2252526022494}},
  address: "3555 Westwood Blvd, Colorado Springs, CO",
  
  
  
  propertyId: '1301497',
  renameAmenities: (str) => {
    if (!str) {
      return '';
    }
    if (str.indexOf('MAIL') !== -1) {
      return 'MAIL BOXES';
    }
    return '';
  },
};

config["www.featherstoneapartmenthomes.com"] = {
  camera: {tilt: 53.22612319580364, heading: 163.2594990348781, position: {x: -104.7555941970243, y: 38.886883153355164, z: 111.8888994064182}},
  address: "3807 Half Turn Rd, Colorado Springs, CO",
  
  
  
  propertyId: '1301503',
  renameAmenities: (str) => {
    if (!str) {
      return '';
    }
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.thetaapartments.com"] = {
  camera: {tilt: 48.53490129317573, heading: 86.68276002220382, position: {x: -106.60818250241788, y: 35.12521656508589, z: 187.83126953151077}},
  address: "3900 Tulane NE Dr, Albuquerque, NM",
  
  
  
  propertyId: '1301514',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.vistasatcitadel.com"] = {
  camera: {tilt: 58.8984732196439, heading: 190.9708689160115, position: {x: -104.75386148893759, y: 38.83641882262962, z: 132.9240575665608}},
  address: "3955 E Bijou St, Colorado Springs, CO",
  
  
  
  propertyId: '1301498',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.elevateaptsco.com"] = {
  camera: {tilt: 67.74324480140189, heading: 328.8826921367458, position: {x: -104.83249654256369, y: 38.811988643339994, z: 132.60394262056798}},
  address: "402 Crestone Ln, Colorado Springs, CO",
  
  
  
  propertyId: '1301506',
  numbersConfig: {
    convert: (a, raw, whatIsItFor) => {
      if (!a) {
        return a;
      }
  
      if (a && a.indexOf('-') !== -1) {
        return a.substring(a.indexOf('-') + 1);
      }
  
      return a;
    },
    size: 12
  },
  backgroundImage: {
    src: '/mapswidget/prettymaps/402cmsmultifamily.png',
    width: '1728px',
    height: '1118px',
    position: {
      lat: 38.81578883609634,
      lng: -104.83612883907506,
      lat2: 38.81328244630616,
      lng2: -104.83292668498366,
    }
  },
  initialPosition: {
    lat: 38.81455808879176,
    lng: -104.8345014280767,
    mobile: {
      lat: 38.81455808879176,
      lng: -104.8345014280767,
    }
  },
};

config["www.stratusaptsco.com"] = {
  camera: {tilt: 62.285914139237825, heading: 134.39207132895686, position: {x: -104.75521759282128, y: 38.827544489445316, z: 250.94976588711143}},
  address: "4255 Airport Rd, Colorado Springs, CO",
  
  
  
  propertyId: '1301507',
};

config["www.spaintownhomes.com"] = {
  camera: {tilt: 63.83341661147728, heading: 285.43364077748294, position: {x: -106.53111207039561, y: 35.13748421941615, z: 134.2017335947603}},
  address: "5009 El Corte Miramar NE, Albuquerque, NM",
  
  
  
  propertyId: '1301515',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.chelseavillageapartments.com"] = {
  camera: {tilt: 41.4415658916393, heading: 347.41559454277524, position: {x: -106.56524658588708, y: 35.12668472636796, z: 297.31394724547863}},
  address: "7100 Natalie NE Ave, Albuquerque, NM",
  
  
  
  propertyId: '1301509',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.broadmoorparkterrace.com"] = {
  camera: {tilt: 63.74167726605204, heading: 302.69075417292487, position: {x: -104.84329984894985, y: 38.808633250066244, z: 78.69217122998089}},
  address: "920 Arcturus Dr, Colorado Springs, CO",
  
  
  
  propertyId: '1301505',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};

config["www.broadmoorparktower.com"] = {
  camera: {tilt: 65.51631753406274, heading: 45.20388104231103, position: {x: -104.84626274365237, y: 38.807660621726306, z: 59.25649211369455}},
  address: "929 Arcturus Dr, Colorado Springs, CO",
  
  
  
  propertyId: '1301504',
  renameAmenities: (str) => {
    if (str.indexOf('AMENITY') !== -1) {
      return 'COMMUNITY AREA';
    }
    return '';
  },
};


  if (config[canonicalUrl]) {
    return {...baseConfig, ...config[canonicalUrl]};
  }

  return baseConfig;
}

BeansGoldenBear.prototype.render = function(be1, urlFromRequest, renderType) {
  var so = this;

  var config = so.getConfigFromUrl(urlFromRequest);
  var address = config.address;

  var DONE = 4; // readyState 4 means the request is done.
  var OK = 200; // status 200 is a successful return.

  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'https://www.beans.ai/mapswidget/client/entrata?dom=cmsmultifamily&propertyId=' + config.propertyId);
  xhr.setRequestHeader('Content-Type', 'APPLICATION/JSON; CHARSET=UTF-8');
  xhr.setRequestHeader('X-Api-Key', '28f71a3b-0925-41be-b71a-3b092501be14');
  xhr.onreadystatechange = function() {
    if (xhr.readyState !== DONE || xhr.status !== OK) {
      return;
    }
    json = JSON.parse(xhr.responseText);
    var floorplans = {};
    if (json.response.result.Properties) {
      for (var i in json.response.result.Properties.Property[0].Floorplans.Floorplan) {
        var fp = json.response.result.Properties.Property[0].Floorplans.Floorplan[i];
        var val = '' + fp.Identification.IDValue;
        var beds = 0;
        var baths = 0;
        var sqft = 0;

        for (var j in fp.Room) {
          var rm = fp.Room[j];
          if (rm['@attributes']['RoomType'] === 'Bedroom') {
            beds = rm.Count;
          }
          if (rm['@attributes']['RoomType'] === 'Bathroom') {
            baths = rm.Count;
          }
        }
        if (fp.SquareFeet && fp.SquareFeet['@attributes'] && fp.SquareFeet['@attributes'].Min) {
          sqft = fp.SquareFeet['@attributes'].Min;
        } else if (fp.SquareFeet && fp.SquareFeet['@attributes'] && fp.SquareFeet['@attributes'].Max) {
          sqft = fp.SquareFeet['@attributes'].Max;
        } else if (fp.SquareFeet && fp.SquareFeet['@attributes'] && fp.SquareFeet['@attributes'].Avg) {
          sqft = fp.SquareFeet['@attributes'].Avg;
        }

        floorplans[val] = {
          beds: beds,
          baths: baths,
          sqft: sqft
        };
      }
    }

    var unitsArr = [];
    if (!config.placeHolder && json.response.result.ILS_Units) {
      for (var i in json.response.result.ILS_Units.Unit) {
        var obj = json.response.result.ILS_Units.Unit[i];
        if (!obj['@attributes']['Availability'] || obj['@attributes']['Availability'] !== 'Available') {
          continue;
        }
        var availability = 'Now';
        if (obj['@attributes']['AvailableOn']) {
          availability = ' from ' + obj['@attributes']['AvailableOn'];
        }

        var pp = '' + obj['@attributes']['PropertyId'];
        var up = '' + obj['@attributes']['PropertyUnitId'];
        var fp = '' + obj['@attributes']['FloorplanId'];
        var beds = 0;
        var baths = 0;
        var sqft = 0;
        var rent = 0;

        if (obj.Rent && obj.Rent['@attributes'].MinRent) {
          rent = Number(obj.Rent['@attributes'].MinRent.replace(/[^0-9\.]/, ''));
        } else if (obj.Rent && obj.Rent['@attributes'].MaxRent) {
          rent = Number(obj.Rent['@attributes'].MaxRent.replace(/[^0-9\.]/, ''));
        }

        if (floorplans[fp]) {
          beds = floorplans[fp].beds;
          baths = floorplans[fp].baths;
          sqft = floorplans[fp].sqft;
        }
        var un = obj['@attributes']['UnitNumber'];
        if (obj['@attributes']['BuildingName']) {
          if (obj['@attributes']['BuildingName'].indexOf(' ') !== -1) {
            un = obj['@attributes']['BuildingName'] + '||' + un;
          } else {
            un  = obj['@attributes']['BuildingName'] + '-' + un;
          }
        }
        unitsArr.push({
          unit: un,
          bed: beds,
          bath: baths,
          sqft: sqft,
          availability: availability,
          rent: rent,
          link: 'https://' + config.canonicalUrl + '/Apartments/module/application_authentication/popup/false/kill_session/1/property[id]/%20' + pp + '/property_floorplan[id]/' + fp + '/unit_space[id]/' + up + '/show_in_popup/false/from_check_availability/1'
        });
      }
    }

    var addressAndUnitWithOptions = convertUnitsArr(config, unitsArr, true);

    var displayOptions = getDisplayOptions(
      config,
      {
        fillColor: '#EAD6C3',
        fillOpacity: 0.5,
        strokeWeight: 0.5,
        strokeOpacity: 0.2,
        strokeColor: '#000000'
      }, // Default color
      {
        fillColor: '#CDA349',
      }, // Selected color
      {
        fillColor: '#3F1F08',
      } // Selectable color
    );

    if (!renderType || renderType.toLowerCase() === '3d') {
      be1.render(
  "body-inner-1",
  "bf141afe9917482:3030303233393234663239393462626338373235",
  addressAndUnitWithOptions,
  {
    hideNavigateButton: true,
    hideMyLocationButton: true
  },
  {
    beansMapType: 'ESRI',
    initialMap: 'STREET',
    prettyLayer: config.prettyLayer ? config.prettyLayer : '',
    // "https://basemaps.arcgis.com/arcgis/rest/services/OpenStreetMap_v2/VectorTileServer"

    modernButtons: true,
    modernBeansCard: displayOptions.hideBeansCard ? false : true,
    outsideButtons: true,
    showCompass: true,
    showFullScreenMode: false,
    showNeighbors: false,
    showPOIButton: true,
    showSeparateFacilitiesCard: true,

    immersiveConfig: config.immersiveConfig,
    showImmersive: config.showImmersive,
    showImmersiveBalloons: config.showImmersiveBalloons,
    showImmersiveLight: config.showImmersiveLight,
    showImmersiveOnLoad: config.showImmersiveOnLoad,

    overrideBaseHeightFn: config.overrideBaseHeightFn,
    overrideHeight: config.overrideHeight ? config.overrideHeight : 0,
    overrideHeightFn: config.overrideHeightFn,

    renameAmenities: config.renameAmenities ? config.renameAmenities : null,
    poiShape: config.poiShape,

    initialTilt: 30,
    initialZ: 400,
    initialHeading: 270,

    initialPosition: {
      address: address
    },

    show2DButton: true,
    event2D: () => {
      document.getElementById('body-inner-2').style.visibility = 'visible';
      document.getElementById('body-inner-1').style.visibility = 'hidden';
    },

    ...displayOptions
  }
);
    } else {
      if (displayOptions.unitShape) {
  displayOptions.unitShape.fillOpacity = 1.0;
}
be1.render(
  "body-inner-2",
  "bf141afe9917482:3030303233393234663239393462626338373235",
  addressAndUnitWithOptions,
  {
    hideNavigateButton: true,
    hideMyLocationButton: true
  },
  {
    initialMap: "STREET",

    modernBeansCard: displayOptions.hideBeansCard ? false : true,
    hideFloorSelector: false,
    hideRotateControl: true,
    hideSatelliteButton: true,
    hideShadow: true,
    outsideButtons: true,
    modernButtons: true,
    showNeighbors: false,
    showPOIButton: false,
    showSeparateFacilitiesCard: true,
    showNumbers: true,
    numbersConfig: config.numbersConfig,

    showBuildingShape: config.showBuildingShape,

    backgroundImage: config.backgroundImage,

    show3DButton: true,
    event3D: () => {
      document.getElementById('body-inner-2').style.visibility = 'hidden';
      document.getElementById('body-inner-1').style.visibility = 'visible';
    },

    unitsToExclude: config.unitsToExclude,

    ...displayOptions
  }
);
    }

  }.bind(this);
  xhr.send();
}