1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 3<head id="head"> 4 <!-- OneTrust consent script must load before GTM and any tracking/analytics tag (TFS 2965948). --> 5 <!-- OneTrust scan needed --><meta name="viewport" content="width=device-width, initial-scale=1" /><title> 6 Apartments for Rent in Colorado Springs, CO | Panorama Heights - Home 7</title><meta name="description" content="Come to a home you deserve located in Colorado Springs, CO. Panorama Heights has everything you need . Call (123) 456-7800 today!" /> 8<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 9<meta http-equiv="pragma" content="no-cache" /> 10<meta http-equiv="content-style-type" content="text/css" /> 11<meta http-equiv="content-script-type" content="text/javascript" /> 12<meta name="keywords" content="CO Apartments Great Colorado Springs, CO, Apartments for rent in CO, (123) 456-7800 Apartments CO" /> 13<link href="/CMSPages/GetResource.ashx?stylesheetname=RPcssMaster_S0100-GasLamp" type="text/css" rel="stylesheet" /> 14<!-- MasterPageIncludes --><link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/ui-lightness/jquery-ui.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" integrity="sha256-YUNa6t/JONQ+iBynZFpRTKfiPdqfpMKCPOQEFmtF70Q=" crossorigin="anonymous"></link>
14<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript" integrity="sha256-9VTS8JJyxvcUR+v+RTLTsd0ZWbzmafmlzMmeZO9RFyk=" crossorigin="anonymous"></script>
14<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js" type="text/javascript" integrity="sha256-KcG2ZvBcPZjk4GfR49kpfXemCzwSulQxLRvBus92Vv4=" crossorigin="anonymous"></script>
14<script src="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/global.min.js" type="text/javascript" integrity="" crossorigin="anonymous"></script>
14<script src="https://cs-cdn.realpage.com/CWS/2623272/Accessibe/Accessibe.js" type="text/javascript" integrity="" crossorigin="anonymous"></script>
14<!-- /MasterPageIncludes --><meta name="viewport" content="width=device-width,initial-scale=1" /> 15<meta name="geo.position" content="38.810287;-104.758891" /> 16<meta name="geo.placename" content="Colorado Springs" /> 17<meta name="geo.region" content="US-CO" /> 18<meta name="ICBM" content="38.810287, -104.758891" /> 19 20<link type="text/css" href="https://cs-cdn.realpage.com/CWS/2623272/TemplateResources/Global/Icons/font-awesome.min.css" rel="stylesheet" /> 21<link type="text/css" href="https://cs-cdn.realpage.com/CWS/2623272/TemplateResources/Global/Icons/fontello.css" rel="stylesheet" /> 22<link type="text/css" href="https://cs-cdn.realpage.com/CWS/2623272/GlobalResources/Bootstrap/css/bootstrap.min.css" rel="stylesheet" /> 23
24<script src="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/global.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 24
24
25<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 25
25
26<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js" type="text/javascript"></script>
vendor: 1 bytes, line 26
26
27<script src="https://code.jquery.com/jquery-migrate-1.4.1.js" type="text/javascript"></script>
vendor: 1 bytes, line 27
27
28<script src="https://cs-cdn.realpage.com/CWS/2623272/GlobalResources/Bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 28
28
29<script src="https://cs-cdn.realpage.com/CWS/2623272/TemplateResources/Global/scripts/expanderPlugin.js" type="text/javascript"></script>
29 30
31<script type="text/javascript"> 32$(document).ready(function () { 33 $('div.expandable').expander({ 34 slicePoint: 500, // default is 100 35 expandText: "Read More <i class='fa fa-caret-down' aria-hidden='true'></i>", 36 userCollapseText: "Read Less <i class='fa fa-caret-up' aria-hidden='true'></i>", 37 sliceOn: "</p>", 38 expandPrefix: "" 39 }); 40 41 42 $(".sps-mobile-toggle-contain, #menuElem li > a").on("click", function(e){ 43 if($(window).width() < 1025) { 44 //e.preventDefault(); 45 46 $("#menuElem").toggle("slow"); 47 $("#menu-screen-overlay").toggle(200); 48 49 $('body').toggleClass('menu-open'); 50 51 if($(".sps-mobile-toggle i").hasClass('fa-bars')){ 52 $(".sps-mobile-toggle i").removeClass('fa-bars') 53 } 54 else{ 55 $(".sps-mobile-toggle i").addClass('fa-bars') 56 } 57 } 58 }); 59 60 var bannerHeight = $(".head-wrap").height() 61 $("#wrapper").css("padding-top", bannerHeight); 62 $(".collapse").on('show.bs.collapse', function (){ 63 $("#wrapper").animate({"padding-top": bannerHeight}, "500ms"); 64 $("#specials-banner-toggle").html('<span>specials <i class="fa fa-angle-up" aria-hidden="true"></i></span>'); 65 }); 66 $(".collapse").on('shown.bs.collapse', function (){ 67 bannerHeight = $(".head-wrap").height(); 68 $("#wrapper").animate({"padding-top": bannerHeight}, "500ms"); 69 }); 70 $(".collapse").on('hide.bs.collapse', function (){ 71 var bannerHeight = $(".head-wrap").height() - $("#specials-banner").height(); 72 $("#wrapper").animate({"padding-top": bannerHeight}, "fast"); 73 $("#specials-banner-toggle").html('<span>specials <i class="fa fa-angle-down" aria-hidden="true"></i></span>'); 74 }); 75 76}); 77</script>
77 78 79
80<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenLite.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 80
80
81<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 81
81
82<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.js" type="text/javascript"></script>
vendor: 1 bytes, line 82
82
83<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/plugins/ScrollToPlugin.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 83
83
84<script src="https://cs-cdn.realpage.com/CWS/2623272/SPS/sps-v3.js" type="text/javascript"></script>
84 85
86<script type="text/javascript"> 87 // Seo Values 88 var seohome = {title: "Apartments for Rent in Colorado Springs, CO | Panorama Heights - Home", keywords: "CO Apartments Great Colorado Springs, CO, Apartments for rent in CO, (123) 456-7800 Apartments CO", description: "Come to a home you deserve located in Colorado Springs, CO. Panorama Heights has everything you need . Call (123) 456-7800 today!"}; 89 var seofloorplans = {title: "Colorado Springs, CO Panorama Heights Floor Plans | Apartments in Colorado Springs, CO - Floor Plans", keywords: "CO Apartment Floor Plans, Floor plans for apartments in Colorado Springs, CO, Panorama Heights Apartment Floor plans CO", description: "See our spacious floor plans at our apartments in Colorado Springs, CO. We have many floor plans available with multiple features."}; 90 var seoamenities = {title: "Apartment Rental Amenities in Colorado Springs, CO | Panorama Heights Amenities", keywords: "CO Apartment Amenities, Amenities for apartments in Colorado Springs, CO, Panorama Heights Apartment amenities CO", description: "Find Apartments for Rent in Colorado Springs, CO. Panorama Heights has many of the amenities you are looking for. Take a look today! (123) 456-7800 "}; 91 var seogallery = {title: "Panorama Heights Photo Gallery | Colorado Springs, CO Apartment Pictures", keywords: "CO Apartment Gallery, Gallery for apartments in Colorado Springs, CO, Panorama Heights Apartment Gallery CO", description: "View all Panorama Heights Apartments here. Quality Photo Gallery of Panorama Heights! Contact us at (123) 456-7800."}; 92 var seoneighborhood = {title: "Colorado Springs, CO Neighborhood | Panorama Heights Colorado Springs, CO Neighborhood", keywords: "CO Apartment Neighborhood, Neighborhood for apartments in Colorado Springs, CO, Panorama Heights Apartment Neighborhood CO", description: "Located in Colorado Springs, CO. Panorama Heights has all the features you need in the Colorado Springs area. Find out why so many call us home."}; 93 var seocontact = {title: "Contact Us Panorama Heights | Panorama Heights Colorado Springs, CO - Contact Us", keywords: "CO Apartments, Apartments for rent in CO, Panorama Heights, Contact Panorama Heights ", description: "Contact us today at Panorama Heights and make Colorado Springs your new home today. You will be happy you did! Call us (123) 456-7800"}; 94 var seostudents = {title: "", keywords: "", description: ""}; 95 var seoparents = {title: "", keywords: "", description: ""}; 96 var seoseniors = {title: "", keywords: "", description: ""}; 97 var seoresidents = {title: "Panorama Heights Apartments I Residents", keywords: "", description: ""}; 98 var seoreviews = {title: "", keywords: "", description: ""}; 99 100 var RP_SPS = new SPS_CONSTRUCTOR({ 101 add_pages: [], 102 remove_pages: [], 103 add_non_SPS_links: [], 104 header: 'header', 105 scene_container_class: 'block-area', 106 offset_header: true, 107 offset_mobile: false, 108 mobile_offset_end: 1025 109 }); 110 $(window).ready(function () { 111 //Init SPS 112 RP_SPS.init(); 113 }); 114 115 </script>
115 116<link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" /> 117<link href="/favicon.ico" type="image/x-icon" rel="icon" /> 118<link href="/CmsPages/GetResource.ashx?stylesheetname=rpWebpartCss_MediaViewer;rpWebpartCss_CookiesConsent;RpWebpartCss_PopUp;rpWebPartCSS_SocialMedia;rpWebpartCss_BackgroundGallery;rpWebpartCss_AmenitiesTabbedStandard;rpWebpartCss_BackgroundGallery;rpWebpartCss_BackgroundGallery;rpWebpartCss_BackgroundGallery;rpWebpartCss_GallerySquareTiles;rpWebpartCss_MediaViewer;rpWebpartCss_NeighborhoodFullWidth;rpWebpartCss_ContactUsEnhanced;rpWebpartCss_TimeOut;rpWebPartCSS_SocialMedia;rpWebpartCss_AdaHudicons;rpWebpartCss_RealPageLogo;rpWebpartCss_CCPA" type="text/css" rel="stylesheet" /> 119 120
120<script type="text/javascript">var firstTouchEnabled=true</script>
120 121 122 123 <style> 124 :root { 125 --RPcolor1: #ffffff !important; 126 --RPcolor2: #000000 !important; 127 --RPcolor3: #000000 !important; 128 --RPcolor4: #d7d7d7 !important; 129 --RPcolor5: #7d7d7d !important; 130 --RPcolor6: #999999 !important; 131 --RPcolor7: #f1f1f1 !important; 132 --RPcolor8: #ffffff !important; 133 --RPcolor9: #ffffff !important; 134 135 --RPHeaderFont: 'Montserrat', Helvetica, Arial, sans-serif; 136 --RPBodyFont: 'Open Sans', Helvetica, Arial, sans-serif; 137 138 --FPCardImageHeight: 200px; 139 --FPCardImageHeight-Medium: 200px; 140 --FPCardImageHeight-Large: 200px; 141 --FPModalImageHeight: 500px; 142 --FPModalImageHeightMedium: 500px; 143 --FPModalImageHeightLarge: 500px; 144 --FPCardCarouselPadding: 15px; 145 --FPCardCarouselPadding-Large: 30px; 146 } 147 148 /* WCAG 2.4.11 â footer content not obscured by the OneTrust cookie banner. All 3 rules gated on the banner being visible so nothing applies when OneTrust is dismissed / absent. */ 149 html:has(#onetrust-banner-sdk:not([style*="display: none"])) { 150 scroll-padding-bottom: 220px; 151 } 152 body:has(#onetrust-banner-sdk:not([style*="display: none"])) { 153 padding-bottom: 220px; 154 } 155 html:has(#onetrust-banner-sdk:not([style*="display: none"])) :focus-visible { 156 scroll-margin-bottom: 220px; 157 } 158 159 /* WCAG 1.4.10 (TFS 3041085) â OneTrust's own responsive CSS for the banner 160 (and its "Cookies Settings" button) can render briefly at desktop width 161 before its breakpoint styles finish applying, pushing the page into 162 horizontal scroll on mobile. This stylesheet is inline in <head>, so it 163 applies to #onetrust-banner-sdk the instant OneTrust injects it â no 164 dependency on OneTrust's own script/CSS load order. */ 165 @media (max-width: 767px) { 166 #onetrust-banner-sdk { 167 max-width: 100vw !important; 168 box-sizing: border-box !important; 169 overflow-x: hidden; 170 } 171 } 172 </head></style> 173 174
174<script src="https://cdn.jsdelivr.net/npm/css-vars-ponyfill@1" type="text/javascript"></script>
174 175
175<script src="/RPWebParts/General/CommonData.js" type="text/javascript"></script>
175 176
176<script type="text/javascript"> 177 cssVars(); 178 </script>
178 179 180
180<script type="text/javascript"> 181 var sourcesList = JSON.parse('[{"DisplayName":"Apartment Guide","PmSourceId":"S000000036"},{"DisplayName":"ApartmentFinder.com","PmSourceId":"S000000041"},{"DisplayName":"ApartmentGuide.com","PmSourceId":"S000000003"},{"DisplayName":"ApartmentMatching.com","PmSourceId":"S000000004"},{"DisplayName":"ApartmentRatings.com","PmSourceId":"S000000042"},{"DisplayName":"Apartments.com","PmSourceId":"S000000005"},{"DisplayName":"Billboard","PmSourceId":"S000000019"},{"DisplayName":"Brochure/Flyer","PmSourceId":"S000000020"},{"DisplayName":"CraigsList.com","PmSourceId":"S000000044"},{"DisplayName":"Current Resident","PmSourceId":"S000000027"},{"DisplayName":"Drive by","PmSourceId":"S000000021"},{"DisplayName":"ForRent.com","PmSourceId":"S000000008"},{"DisplayName":"Google.com","PmSourceId":"S000000040"},{"DisplayName":"LivingChoices.com","PmSourceId":"S000000002"},{"DisplayName":"Locator Service","PmSourceId":"S000000015"},{"DisplayName":"Move.com","PmSourceId":"S000000049"},{"DisplayName":"MoveForFree.com","PmSourceId":"S000000045"},{"DisplayName":"MyNewPlace.com","PmSourceId":"S000000039"},{"DisplayName":"Other","PmSourceId":"S000000026"},{"DisplayName":"Prior resident","PmSourceId":"S000000029"},{"DisplayName":"Property web site","PmSourceId":"S000000001"},{"DisplayName":"Radio Advertising","PmSourceId":"S000000025"},{"DisplayName":"Referral companies/merchants","PmSourceId":"S000000030"},{"DisplayName":"Rent.com","PmSourceId":"S000000012"},{"DisplayName":"Rentals.com","PmSourceId":"S000000010"},{"DisplayName":"Sign","PmSourceId":"S000000023"},{"DisplayName":"Yahoo.com","PmSourceId":"S000000048"},{"DisplayName":"Yellow pages","PmSourceId":"S000000022"}]'); 182 var propertyKey = '709010568219'; 183 var propertyId = '9105829'; 184 var leadList = [ 185 { hcLeadChannelName: "Apartment Finder", Domain: "ApartmentFinder.com"}, 186 { hcLeadChannelName: "Apartment Home Living Export", Domain: "ApartmentHomeLiving.com"}, 187 { hcLeadChannelName: "ApartmentGuide.com", Domain: "ApartmentGuide.com"}, 188 { hcLeadChannelName: "Apartments.com Network", Domain: "Apartments.com" }, 189 { hcLeadChannelName: "Rent.com", Domain: "Rent.com" }, 190 { hcLeadChannelName: "ForRent.com", Domain: "ForRent.com" }, 191 { hcLeadChannelName: "Move.com", Domain: "Move.com" }, 192 { hcLeadChannelName: "ApartmentFinder.com", Domain: "ApartmentFinder.com" }, 193 { hcLeadChannelName: "ApartmentShowcase.com", Domain: "ApartmentShowcase.com" }, 194 { hcLeadChannelName: "ApartmentList.com", Domain: "ApartmentList.com" }, 195 { hcLeadChannelName: "Zillow Rental Network", Domain: "zillow.com" }, 196 { hcLeadChannelName: "LiveLovely.com", Domain: "LiveLovely.com" }, 197 { hcLeadChannelName: "Google.com", Domain: "Google.com" }, 198 { hcLeadChannelName: "MyLeasestar", Domain: "myleasestar.com" }, 199 { hcLeadChannelName: "Greystar", Domain: "greystar.com" } 200 ]; 201 202 //Defined in CommonData 203 //matchedSource = f_getSessionStorage('matchedSource'); 204 //matchedSourceId = f_getSessionStorage('matchedSourceId'); 205 206 tryMatchingSourceFromReferrerUrl(window.document, sourcesList); 207 </script>
207 208 209
209<script type="text/javascript"> 210 var utmConfigInfo = ''; 211 212 $(document).ready(function () { 213 commonDataOnReady(document, sourcesList); 214 }); 215 216 217 function setSEONumber(phoneNumber) { 218 $('.seo-number').each(function() { 219 if ($(this).find('span').length) { 220 $(this).find('span').html(phoneNumber); 221 } else { 222 $(this).html(phoneNumber); 223 } 224 225 if ($(this).attr('href') && $(this).attr('href').indexOf('tel:') > -1) 226 $(this).attr('href', 'tel: ' + phoneNumber); 227 if ($(this).attr('onclick') && $(this).attr('onclick').indexOf('f_analyticsSendEvent(') > -1) { 228 $(this).attr('onclick', "f_analyticsSendEvent('general', 'click-phone-number', '" + phoneNumber + '\')'); 229 } 230 }); 231 232 233 } 234 235 </script>
235 236 237
237<script type="text/javascript"> 238 try { 239 let myAccessibe = new RpAcsb() 240 myAccessibe.config = { 241 positionX: 'left', 242 positionY: 'bottom', 243 offsetX: 20, 244 offsetY: 110, 245 hideTrigger: false, 246 statementLink: 'https://www.realpage.com/accessibility-statement/' 247 } 248 myAccessibe.init() 249 } 250 catch (err) { 251 console.log("Accessibe Script not available"); 252 } 253 </script>
253 254 255 <!-- OG Image Information --> 256 <meta property="og:image" content="https://capi.myleasestar.com/v2/dimg-crop/168752664/1200x1200/168752664.png" /> 257 <!-- END OG Image Information -->
257<script type="text/javascript">var propertyId='9105829';var lsApi='https://c-leasestar-api.realpage.com';var cacheUrl='';</script>
257<script type="text/javascript">var leadObj=[{"PhoneNumber":"(719) 284-7145","LeadChannelName":"Apartments.com Network"},{"PhoneNumber":"(719) 284-7145","LeadChannelName":"Zillow Rental Network"},{"PhoneNumber":"(719) 284-7145","LeadChannelName":"Website"},{"PhoneNumber":"(999) 999-9999","LeadChannelName":"Syndication"}];var googleCallTrackingEnabled = false;</script>
257 258<link rel="canonical" href="https://www.panoramaheightsliving.com/" /> 259 <!-- ExternalResources_Header --> 260 261 <!-- /ExternalResources_Header --> 262 <style> 263 /* WCAG 2.4.1 Bypass Blocks ââ¬â visible-on-focus skip-to-content link (TFS 2850320). */ 264 .skip-link { 265 position: absolute; 266 left: -10000px; 267 top: auto; 268 width: 1px; 269 height: 1px; 270 overflow: hidden; 271 } 272 .skip-link:focus { 273 position: fixed; 274 top: 0; 275 left: 0; 276 width: auto; 277 height: auto; 278 padding: 0.5rem 1rem; 279 background: #000; 280 color: #fff; 281 text-decoration: underline; 282 z-index: 10000; 283 outline: 3px solid #fff; 284 outline-offset: -3px; 285 } 286 287 /* WCAG 3.2.5/2.4.4 ââ¬â screen-reader-only utility (TFS 2991863). 288 RealPage-owned definition; the class is currently only reachable via vendor CSS 289 (Bootstrap / Font Awesome) on several templates. Mirrors header.css:1481. */ 290 .sr-only { 291 position: absolute; width: 1px; height: 1px; 292 padding: 0; margin: -1px; overflow: hidden; 293 clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; 294 } 295 .sr-only-focusable:active, .sr-only-focusable:focus { 296 position: static; width: auto; height: auto; 297 margin: 0; overflow: visible; clip: auto; white-space: normal; 298 } 299 </style>
300<script type="text/javascript">dataLayer = [{'propertyId': '9105829' ,'companyId': '919' ,'productTypeId': '6131'}];</script>
300<script type="text/javascript">function gtag(){dataLayer.push(arguments);}</script>
300<!-- Google Tag Manager Header -->
300<script type="text/javascript">
vendor: 453 bytes, lines 300-304
300(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start": 301 new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0], 302 j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src= 303 "//www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); 304 })(window,document,"script","dataLayer","
304GTM-PGF6D5HB
vendor: 33 bytes, lines 304-305
304"); 305
305</script>
305<link href="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/fancybox3/jquery.fancybox.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" />
306<script type="text/javascript">var mvTourText = ''; var mvColor = '000000'; mvBtnAnimation = 'spin'</script>
306<script type="text/javascript">var mvTours = [{"MediaId":168861887,"Src":"https://my.matterport.com/show/?m=cYnV96KUz44","Type":"UKN","Caption":"","AltText":"Panorama Heights","TourType":"Matterport","DisplaySequence":450,"ImgUrl":null},{"MediaId":168863482,"Src":"https://my.matterport.com/show/?m=hiwHwNNcuwZ","Type":"UKN","Caption":"","AltText":"Panorama Heights","TourType":"Matterport","DisplaySequence":460,"ImgUrl":null},{"MediaId":168864268,"Src":"https://my.matterport.com/show/?m=yzLMbuKnpzr","Type":"UKN","Caption":"","AltText":"Panorama Heights","TourType":"Matterport","DisplaySequence":470,"ImgUrl":null},{"MediaId":168864876,"Src":"https://my.matterport.com/show/?m=k7mzjLdgPg1","Type":"UKN","Caption":"","AltText":"Panorama Heights","TourType":"Matterport","DisplaySequence":480,"ImgUrl":null},{"MediaId":168866164,"Src":"https://my.matterport.com/show/?m=6BPiguwzukh","Type":"UKN","Caption":"","AltText":"Panorama Heights","TourType":"Matterport","DisplaySequence":500,"ImgUrl":null}]</script>
306<script src="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/fancybox3/jquery.fancybox.js" type="text/javascript" defer="defer"></script>
306<script src="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/media-viewer.js" type="text/javascript" defer="defer"></script>
306<link href="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/fancybox3/jquery.fancybox.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" />
307<script src="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/cookies-consent.js" type="text/javascript" defer="defer"></script>
307<script type="application/ld+json">{"@context":"http://schema.org","@type":"Apartment","name":"Panorama Heights","image":"https://capi.myleasestar.com/v2/dimg/168752664/400x400/168752664.png","url":"https://panoramaheightsliving.com/","telephone":"(719) 284-7145","address":{"@type":"PostalAddress","streetAddress":"1609 Zebulon Drive","addressLocality":"Colorado Springs","addressRegion":"CO","postalCode":"80910","addressCountry":"USA"},"geo":{"@type":"GeoCoordinates","latitude":38.810287,"longitude":-104.758891},"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"Monday","opens":"9:00AM","closes":"5:00PM"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Tuesday","opens":"9:00AM","closes":"5:00PM"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Wednesday","opens":"9:00AM","closes":"5:00PM"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Thursday","opens":"9:00AM","closes":"5:00PM"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Friday","opens":"9:00AM","closes":"5:00PM"}]}</script>
307<link href="https://cs-cdn.realpage.com/CWS/2623272/TemplateResources/Global/Icons/font-awesome.min.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" />
308<script src="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/jquery.mobile.toucheventsonly.min.js" type="text/javascript" defer="defer"></script>
308<link href="/CMSPages/GetResource.ashx?stylesheetfile=/Assets/common/wcag/css/pause-control.min.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" /> 309<link href="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/fancybox3/jquery.fancybox.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" /> 310<link href="/CMSPages/GetResource.ashx?stylesheetfile=/Assets/common/wcag/css/pause-control.min.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" /> 311<link href="/CMSPages/GetResource.ashx?stylesheetfile=/Assets/common/wcag/css/pause-control.min.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" /> 312<link href="/CMSPages/GetResource.ashx?stylesheetfile=/Assets/common/wcag/css/pause-control.min.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" />
313<script type="text/javascript">var floorPlanTemplate = 'floorplan1';</script>
313<link href="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/fancybox3/jquery.fancybox.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" />
314<script src="https://cs-cdn.realpage.com/CWS/2623272/CMSScripts/Custom/RPWebParts/masonry/masonry.pkgd.min.js" type="text/javascript" defer="defer"></script>
314<script type="text/javascript">var p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer= {galleryId:'127115,127116',hideColumnSelector:'false',defaultView:'3',openCloseEffect:'elastic',openCloseSpeed:'normal',nextPrefEffect:'fade',nextPrevSpeed:'normal',playSpeed:'3000'};</script>
314<script type="text/javascript">var latitude='38.810287',longitude='-104.758891',name='Panorama Heights',addressLine1='1609 Zebulon Drive',city='Colorado Springs',addressState='CO',addressPostalCode='80910',phonesNumber='(719) 284-7145',website='',walkScore='71',searchRadius='4023.36';</script>
314<link href="https://cs-cdn.realpage.com/CWS/2623272/GlobalResources/datepicker.css" type="text/css" rel="preload" as="style" onload="this.rel='stylesheet'" />
315<script src="https://cs-cdn.realpage.com/CWS/2623272/GlobalResources/datepicker.js" type="text/javascript" defer="defer"></script>
315<script type="text/javascript"> 316(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
vendor: 323 bytes, line 316
316(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
316GTM-PGXC6VC
vendor: 3 bytes, line 316
316');
316var RpUniqueUserId = f_getAnalyticsUserValueFromCookie('RP_LSWS_USER');let customDimensions = {}; customDimensions.dimension4 = '9105829'; customDimensions.dimension5 = '919'; customDimensions.dimension9 = RpUniqueUserId; customDimensions.dimension10 = 's0100-gaslamp'; customDimensions.dimension11 = new Date().getTime(); customDimensions.dimension18 = '0'; customDimensions.dimension19 = '76615'; dataLayer.push({customDimensions});ga('set', { 'dimension4': 9105829, 'dimension5': 919, 'dimension9': RpUniqueUserId, 'dimension10': 's0100-gaslamp', 'dimension11': new Date().getTime(), 'dimension18':'0', 'dimension19': 76615 });ga('send', 'pageview'); 317</script>
317<!-- Google tag (gtag.js) -->
vendor: 72 bytes, line 317
317 <script async="async" src="https://www.googletagmanager.com/gtag/js?id=
317AW-478291036
vendor: 34 bytes, line 317
317" type="text/javascript"></script>
317<script type="text/javascript">
vendor: 127 bytes, line 317
317window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
317AW-478291036
vendor: 3 bytes, line 317
317')
317</script>
vendor: 1 bytes, line 317
317
318<script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script>
318 319
319<script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="Y2PYZ-3WZ5U-9VEDC-WUEHY-8N7AV",function(){function e(){if(!i){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.parentNode.appendChild(e),i=!0}}function t(e){i=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",o.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"Y2PYZ-3WZ5U-9VEDC-WUEHY-8N7AV";var o=document.currentScript||document.getElementsByTagName("script")[0],i=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!i)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="z54cytaxyascs2wegpsa-f-516bc022a-clientnsv4-s.akamaihd.net",o="false"=="true"?2:1,i={"ak.v":"41","ak.cp":"1592120","ak.ai":parseInt("1022256",10),"ak.ol":"0","ak.cr":34,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"926dde8f","ak.r":51139,"ak.a2":n,"ak.m":"","ak.n":"essl","ak.cport":28182,"ak.gh":"23.197.55.233","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1791243236","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==UiDK96IfAzUaHuPIJZDhCdyx2xyq7z+go8DOovKYGE3zrGYXv/XKaqPBZ3QAE0P+G80k2+gBnnf8FKeTTj6HoyYiEfdarTSX8wT50bkOJJM5l3jjSB3KhJVZ6Ko6Ex8Dq+rNxaeT5St7h98VGMglDr1wZOyZh3q/rQAXx9EcHfU7zUwBMFHzA5+cPLva4jJG6edy54NPr/xIkwF86xuApW2psStaV2p8KoWrli+SWv531IuksjCsq7ksicgPVy2R/CuKJ9qdGaUrYLwTBTAZr6oTX0sZUYwvIs1SNlM53xJRmXFL9G3OsXEiv5xmxR4cSec0Q/jVQcBePWaxL/4ZIPOGUGROZHSb0jpv5jTCu1M1+npgLRqrKpd1XRMnGJ1YWfJROfJLFyJq6anxFkEj2cWFDL0ywMzWK+6XN7MSTn4=","ak.pv":"8","ak.dpoabenc":"","ak.tf":o};if(""!==t)i["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))i["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(i)},rv:function(){var e=["ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:i,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script>
319</head> 320<body class="LTR Chrome ENUS ContentBody"> 321 <a class="skip-link" href="#main-content">Skip to main content</a> 322 <!-- Google Tag Manager --> 323 <noscript> 324 <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PGF6D5HB" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe> 325 </noscript> 326 <!-- End Google Tag Manager --> 327 328 329 330 331
332<script type="text/javascript"> 333 var displayModal = false; 334 if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > -1){ 335 displayModal = true; 336 } 337 338 339 // POLYFILLS 340 if (typeof IntersectionObserver == 'undefined') { 341 var intersectionObserverScript = document.createElement("script"); 342 intersectionObserverScript.type = "text/javascript"; 343 intersectionObserverScript.setAttribute("src", '/CMSScripts/Custom/Polyfill/intersection-observer.js'); 344 document.documentElement.firstChild.appendChild(intersectionObserverScript); 345 } 346 if (navigator.userAgent.toLocaleLowerCase().indexOf('chrome') == -1) { 347 var preloadCssScript = document.createElement("script"); 348 preloadCssScript.type = "text/javascript"; 349 preloadCssScript.setAttribute("src", '/CMSScripts/Custom/Polyfill/cssrelpreload.js'); 350 document.documentElement.firstChild.appendChild(preloadCssScript); 351 } 352 353 // END POLYFILLS 354 //For TESTING 355 //displayModal = true; 356 $(document).ready(function () { 357 var cookie = f_getBrowserSessionCookie('showBrowserVersionOnPageLoad'); 358 //For TESTING 359 //var cookie = null; 360 361 if (displayModal && cookie == null) { 362 $('.oB-overlay').show(); 363 $('#oldBrowserModal').show(); 364 var html = htmlStringBuilder(); 365 $('#oldBrowserModal').append(html); 366 f_setBrowserSessionCookie('showBrowserVersionOnPageLoad', false); 367 } 368 $('#closeBrowserModalButton').on('click', function() { 369 $('.oB-overlay').hide(); 370 $('#oldBrowserModal').hide(); 371 }); 372 }); 373 374 function f_setBrowserSessionCookie(cookieName, value) { 375 document.cookie = cookieName + "=" + value; 376 } 377 378 function f_getBrowserSessionCookie(cookieName) { 379 var cookieValue = document.cookie; 380 var cookieStart = cookieValue.indexOf(" " + cookieName + "="); 381 if (cookieStart == -1) { 382 cookieStart = cookieValue.indexOf(cookieName + "="); 383 } 384 if (cookieStart == -1) { 385 cookieValue = null; 386 } 387 else { 388 cookieStart = cookieValue.indexOf("=", cookieStart) + 1; 389 var cookieEnd = cookieValue.indexOf(";", cookieStart); 390 if (cookieEnd == -1) { 391 cookieEnd = cookieValue.length; 392 } 393 cookieValue = unescape(cookieValue.substring(cookieStart, cookieEnd)); 394 } 395 return cookieValue; 396 } 397 398 function htmlStringBuilder() { 399 var buildHtml = '<div class="oB-dialog">'+ 400 '<div class="oB-content">'+ 401 '<div class="oB-header">'+ 402 '<h4>For the best website experience, please update your browser</h4>'+ 403 '</div>'+ 404 '<div class="oB-body">'+ 405 '<p>Just click on the icons to get to the download page</p>'+ 406 '<div class="browserSelect">'+ 407 '<div class="browserIconContainer" id="firefoxTab">'+ 408 '<div class="browserColumn">'+ 409 '<a class="browserLink" href="https://www.mozilla.org/en-US/firefox/new/?v=1" target="_blank" rel="noopener noreferrer" aria-label="Firefox Download (opens in a new tab)" tabindex="0">'+ 410 '<div class="browserImage"><img src="https://cs-cdn.realpage.com/CWS/2623272/GlobalResources/BrowserIcons/firefoxLogo.png" aria-hidden="true" alt="Firefox" /></div>'+ 411 '<div class="browserName">Firefox</div>'+ 412 '</a>'+ 413 '</div>'+ 414 '</div>'+ 415 '<div class="browserIconContainer" id="chromeTab">'+ 416 '<div class="browserColumn">'+ 417 '<a class="browserLink" href="https://www.google.com/chrome/browser/desktop/" target="_blank" rel="noopener noreferrer" aria-label="Chrome Download (opens in a new tab)" tabindex="0">'+ 418 '<div class="browserImage"><img src="https://cs-cdn.realpage.com/CWS/2623272/GlobalResources/BrowserIcons/chromeLogo.png" aria-hidden="true" alt="Chrome" /></div>'+ 419 '<div class="browserName">Chrome</div>'+ 420 '</a>'+ 421 '</div>'+ 422 '</div>'+ 423 '<div class="browserIconContainer" id="safariTab">'+ 424 '<div class="browserColumn">'+ 425 '<a class="browserLink" href="https://support.apple.com/downloads/safari" target="_blank" rel="noopener noreferrer" aria-label="Safari Download (opens in a new tab)" tabindex="0">'+ 426 '<div class="browserImage"><img src="https://cs-cdn.realpage.com/CWS/2623272/GlobalResources/BrowserIcons/safariLogo.png" aria-hidden="true" alt="Safari"/></div>'+ 427 '<div class="browserName">Safari</div>'+ 428 '</a>'+ 429 '</div>'+ 430 '</div>'+ 431 ' <div class="browserIconContainer" id="edgeTab">'+ 432 '<div class="browserColumn">'+ 433 '<a class="browserLink" href="https://www.microsoft.com/en-us
433/windows/microsoft-edge#0QiY0Omq3i5Z0krF.97" target="_blank" rel="noopener noreferrer" aria-label="Edge Download (opens in a new tab)" tabindex="0">'+ 434 '<div class="browserImage"><img src="https://cs-cdn.realpage.com/CWS/2623272/GlobalResources/BrowserIcons/edgeLogo.png" aria-hidden="true" alt="Edge"/></div>'+ 435 '<div class="browserName">Edge</div>'+ 436 '</a>'+ 437 '</div>'+ 438 '</div>'+ 439 '</div>'+ 440 '</div>'+ 441 '<button id="closeBrowserModalButton" type="button" aria-label="close" tabindex="0">Close Window</button>'+ 442 '<div class="oB-footer">'+ 443 '</p>By closing this window you acknowledge that your experience on this website may be degraded</p>'+ 444 '</div>'+ 445 '</div>'; 446 console.log(buildHtml); 447 return buildHtml; 448 } 449</script>
449 450 <style> 451 #oldBrowserModal { 452 font-family: 'Arial', sans-serif; 453 } 454 #oldBrowserModal .oB-header h4, #oldBrowserModal .oB-body p { 455 color: #666; 456 font-weight: bold; 457 } 458 #oldBrowserModal .oB-header h4 {font-size: 20px;} 459 #oldBrowserModal .oB-body p { 460 font-size: 16px; 461 padding: 0 15px 15px; 462 } 463 #oldBrowserModal .browserIconContainer { 464 width: 90px; 465 display: inline-block; 466 text-align: center; 467 margin-bottom: 15px; 468 } 469 #oldBrowserModal .browserSelect {font-size: 14px;} 470 #oldBrowserModal #explorerTab {width: 140px;} 471 #oldBrowserModal .browserImage img { 472 height: 60px; 473 width: 60px; 474 margin-bottom:10px; 475 border: none !important; 476 } 477 #oldBrowserModal a.browserLink { 478 color: #666; 479 text-decoration: none; 480 } 481 #oldBrowserModal #closeBrowserModalButton { 482 background: #42a5f5; 483 color: #fff; 484 border: none; 485 padding: 15px 45px; 486 border-radius: 500px; 487 font-size: 16px; 488 cursor: pointer; 489 } 490 #oldBrowserModal .oB-content {text-align:center;} 491 #oldBrowserModal :focus { 492 outline: -webkit-focus-ring-color auto 0px; 493 } 494 #oldBrowserModal .oB-content {border-radius: 0;} 495 .oB-overlay { 496 position: fixed; 497 z-index: 2000; 498 height: 100%; 499 width: 100%; 500 top: 0; 501 left: 0; 502 background: rgba(0,0,0,0.5); 503 } 504 #oldBrowserModal .oB-header { 505 border-bottom: 1px solid rgba(0,0,0,.1); 506 padding: 15px; 507 } 508 #oldBrowserModal .oB-body { 509 padding: 15px; 510 } 511 #oldBrowserModal .oB-footer { 512 font-size: 12px; 513 padding: 15px; 514 text-align: center; 515 border: none; 516 color: #666; 517 } 518 @media (min-width: 768px) { 519 #oldBrowserModal .oB-dialog {width: 690px;} 520 #oldBrowserModal { 521 position: absolute; 522 z-index: 2001; 523 top: 10%; 524 left: 50%; 525 background: #fff; 526 transform: translate(-50%, 0); 527 -ms-transform: translate(-50%, 0); 528 } 529 } 530 @media (max-width: 767px) { 531 #oldBrowserModal { 532 position: relative; 533 z-index: 2001; 534 margin: 5% auto 5%; 535 background: #fff; 536 width: 95%; 537 } 538 } 539</style> 540 541<div class="oB-overlay" style="display: none;"></div> <div id="oldBrowserModal" style="display: none;"></div> 542 <form method="post" action="/" id="form"> 543<div class="aspNetHidden"> 544<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> 545<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> 546<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="shi+ocBNE/gRYyU6YcROqaAQA5y6XePfZ47Ei2bZnlh5jDmoi8XnzTE+0DBxBLBUdBuv27e5+SqiShmhyiFv6pLbXM93KjjvYqQOotradx5BdhydMG+0lB4e2qiT1Z43TYlvEMFrf85mzkzkHLuqPOrDXToWJPox+NjsgcxmxljRv7wrxgmq9V1AvU4shaan0ktzV7UXSmkgouLBSFH2BkZeO8qVgDJvxkbBmgi5L+DUUu/DZcXNi2GdLY07Lq5Pt3vWQaxiaucGr8Ed17FhZ6u0h/YcGwSkO4bhCpkgbSJZ+s/9UVATjno+yKDZiU4Q0fVYfb1nx3uTrClOqSsXS0SPW6UCrXDvWLLXvBhuut9QeRQdtzulQHcHQQja04KF" /> 547</div> 548
549<script type="text/javascript"> 550//<![CDATA[ 551var theForm = document.forms['form']; 552if (!theForm) { 553 theForm = document.form; 554} 555function __doPostBack(eventTarget, eventArgument) { 556 if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 557 theForm.__EVENTTARGET.value = eventTarget; 558 theForm.__EVENTARGUMENT.value = eventArgument; 559 theForm.submit(); 560 } 561} 562//]]> 563</script>
563 564 565
566<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZLJliYB8TA_FIF9xlHcKd7ag0Vv3EWtMdA4IBxcPvyX2M5F_ORIargEI2RFqew7B_g2&t=639191793026372022" type="text/javascript"></script>
566 567 568
569<script src="/Assets/common/wcag/js/pause-control.js" type="text/javascript"></script>
569<input type="hidden" name="lng" id="lng" value="en-US" />
570<script type="text/javascript"> 571 //<![CDATA[ 572 573function PM_Postback(param) { if (window.top.HideScreenLockWarningAndSync) { window.top.HideScreenLockWarningAndSync(1080); } if(window.CMSContentManager) { CMSContentManager.allowSubmit = true; }; __doPostBack('m$am',param); } 574function PM_Callback(param, callback, ctx) { if (window.top.HideScreenLockWarningAndSync) { window.top.HideScreenLockWarningAndSync(1080); }if (window.CMSContentManager) { CMSContentManager.storeContentChangedStatus(); };WebForm_DoCallback('m$am',param,callback,ctx,null,true); } 575//]]> 576</script>
vendor: 2 bytes, line 576
576
577<script src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvgm388C7z57L5COL7njlfxHabVp02JjeGBqhojV0DvhOls37naEdTKvtve-DZGAUfkLhXnkKZ0JM5n8W_iT84YozJbVtHk6XR7HfTxh00jaQbIJ5RlBvWf7fnz-N3zpSVKNk_Hm4b82dGd4p6rDl7rs1&t=fffffffff7f39b88" type="text/javascript"></script>
vendor: 2 bytes, line 577
577
578<script src="/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OBLhaBrqwBdVAb8vaEtP5p0RwE8U2clwoyTHecbvHf4xQfmyrJ2iJaF8M22aUIdHdYyU7qY-2hjISrIPPxmhFqA408i6Y0GxT1-SnCjYV3lgC3TXr_eJ0QD4CYVGcu8j6ZFo_C_b-R4EfAA4qAquMMk1&t=fffffffff7f39b88" type="text/javascript"></script>
vendor: 2 bytes, line 578
578
579<script type="text/javascript"> 580 //<![CDATA[ 581 582var CMS = CMS || {}; 583CMS.Application = { 584 "language": "en", 585 "imagesUrl": "/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2f", 586 "isDebuggingEnabled": false, 587 "applicationUrl": "/", 588 "isDialog": false, 589 "isRTL": "false" 590}; 591 592//]]> 593</script>
593 594<div class="aspNetHidden"> 595 596 <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="A5343185" /> 597 <input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0" /> 598 <input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="0" /> 599</div> 600
600<script type="text/javascript"> 601//<![CDATA[ 602Sys.WebForms.PageRequestManager._initialize('manScript', 'form', ['tctxM',''], [], [], 90, ''); 603//]]> 604</script>
604 605 606 <div id="ctxM"> 607 608</div> 609 610 611 612<!-- MediaViewer Added --> 613 614 615 616 617 618
619<script type="text/javascript"> 620(function () { 621 622 // Per-instance suffix â matches the id suffix the code-behind (Initialize()) applies to 623 // popup-overlay/popUpWindowDialog/popUpWindowHeader/divCloseButton/popBtnClose/popUpWindowText, 624 // so two PopUp instances on one page never collide in DOM ids OR in this closure's JS scope. 625 var suffix = 'p_lt_zoneAnalytics_PopUp_PopUpWindow'; 626 var dialogSelector = '#popUpWindowDialog_' + suffix; 627 var overlaySelector = '#popup-overlay_' + suffix; 628 var containerSelector = '#' + suffix; // the PopUpWindow panel itself (.popUpWindowLightBox) 629 630 // Remembers the element focused before the dialog opened so focus can be restored on close (WCAG 2.4.3). 631 var f_lastFocusedBeforeDialog = null; 632 633 // Returns the currently focusable, visible elements inside the open dialog. 634 // Null-guarded: returns an empty jQuery set when the dialog markup is absent/empty. 635 function f_getDialogFocusables() { 636 var $dialog = $(dialogSelector); 637 if ($dialog.length === 0) { return $(); } 638 return $dialog 639 .find('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])') 640 .filter(':visible'); 641 } 642 643 function f_dialogIsOpen() { 644 var $dialog = $(dialogSelector); 645 return $dialog.length > 0 && $dialog.is(':visible'); 646 } 647 648 // WCAG 2.4.11 â while the dialog is open, mark every non-dialog sibling `inert` + `aria-hidden` so focu
648s/AT can't escape behind it. 649 function f_inertBackground() { 650 var dialog = document.querySelector(containerSelector); 651 var overlay = document.querySelector(overlaySelector); 652 if (!dialog) { return; } 653 var ancestor = dialog; 654 while (ancestor && ancestor.parentElement) { 655 var parent = ancestor.parentElement; 656 Array.prototype.forEach.call(parent.children, function (sibling) { 657 if (sibling === ancestor || sibling === overlay) { return; } 658 if (sibling.tagName === 'SCRIPT' || sibling.tagName === 'STYLE' || sibling.tagName === 'LINK') { return; } 659 if (sibling.hasAttribute('data-popup-was-inert')) { return; } 660 sibling.setAttribute('data-popup-was-inert', sibling.hasAttribute('inert') ? '1' : '0'); 661 sibling.setAttribute('data-popup-was-aria-hidden', sibling.getAttribute('aria-hidden') || ''); 662 sibling.setAttribute('inert', ''); 663 sibling.setAttribute('aria-hidden', 'true'); 664 }); 665 if (parent === document.body) { break; } 666 ancestor = parent; 667 } 668 } 669
670 function f_restoreBackground() { 671 var marked = document.querySelectorAll('[data-popup-was-inert]'); 672 Array.prototype.forEach.call(marked, function (el) { 673 if (el.getAttribute('data-popup-was-inert') === '0') { el.removeAttribute('inert'); } 674 var prev = el.getAttribute('data-popup-was-aria-hidden'); 675 if (prev) { el.setAttribute('aria-hidden', prev); } else { el.removeAttribute('aria-hidden'); } 676 el.removeAttribute('data-popup-was-inert'); 677 el.removeAttribute('data-popup-was-aria-hidden'); 678 }); 679 } 680 681 function f_showDialog(modal) { 682 if ($(dialogSelector).length > 0) { 683 // Remember where focus was so it can be restored on close (WCAG 2.4.3). 684 f_lastFocusedBeforeDialog = document.activeElement; 685 $(overlaySelector).show(); 686 $(containerSelector).fadeIn(300, function () { 687 f_inertBackground(); 688 // Move focus into the dialog once it is visible (focusing a hidden element silently fails). 689 var $focusables = f_getDialogFocusables(); 690 if ($focusables.length) { 691 $focusables.first().focus(); 692 } else { 693 $(dialogSelector).attr('tabindex', '-1').focus(); 694 } 695 }); 696 if (modal) { 697 $(overlaySelector).unbind('click'); 698 } else { 699 $(overlaySelector).click(function () { 700 f_hideDialog(); 701 }); 702 } 703 } 704 } 705 706 function f_hideDialog() { 707 $(overlaySelector).hide(); 708 $(containerSelector).fadeOut(300);
709 f_restoreBackground(); 710 // Return focus to the element that was focused before the dialog opened (WCAG 2.4.3). 711 if (f_lastFocusedBeforeDialog && typeof f_lastFocusedBeforeDialog.focus === 'function') { 712 f_lastFocusedBeforeDialog.focus(); 713 } 714 f_lastFocusedBeforeDialog = null; 715 } 716 717 function f_setSessionCookie(cookieName, value) { 718 document.cookie = cookieName + "=" + value; 719 } 720 721 function f_getSessionCookie(cookieName) { 722 var cookieValue = document.cookie; 723 var cookieStart = cookieValue.indexOf(" " + cookieName + "="); 724 if (cookieStart == -1) { 725 cookieStart = cookieValue.indexOf(cookieName + "="); 726 } 727 if (cookieStart == -1) { 728 cookieValue = null; 729 } 730 else { 731 cookieStart = cookieValue.indexOf("=", cookieStart) + 1; 732 var cookieEnd = cookieValue.indexOf(";", cookieStart); 733 if (cookieEnd == -1) { 734 cookieEnd = cookieValue.length; 735 } 736 cookieValue = unescape(cookieValue.substring(cookieStart, cookieEnd)); 737 } 738 return cookieValue; 739 } 740 741 // Registered per instance (keyed by suffix) so the inline onclick="RpPopUp['<suffix>'].hideDialog()" 742 // built in Initialize() always targets this instance's own closure, never a sibling PopUp's. 743 window.RpPopUp = window.RpPopUp || {}; 744 window.RpPopUp[suffix] = { 745 showDialog: f_showDialog, 746 hideDialog: f_hideDialog 747 }; 748 749 $(document).ready(function () { 750 var disableOnMobile = 'False'; 751 var isSmallScreenDevice = $(window).width() <= 500; 752 753 var cookie = f_getSessionCookie('showOnPageLoad'); 754 var endDate = ''; 755 var convertedEndDate = new Date(endDate + " 23:59:59"); 756 var today = new Date(); 757 758 var page = '~/'; 759 //should only popup for the home page 760 if (page == "~/" && (!endDate || convertedEndDate > today)) { 761 if (!cookie || 'True'.toLowerCase() == 'true') { 762 if (('True'.toLowerCase() == 'true' || 'True'.toLowerCase() == 'true') && ((disableOnMobile.toLowerCase() == 'false' || !isSmallScreenDevice))) { 763 f_showDialog(true); 764 } 765 f_setSessionCookie('showOnPageLoad', false); 766 } 767 } 768 769 $(document).keydown(function (event) { 770 // Only act while the dialog is actually open so Esc/Tab never affect a hidden dialog. 771 if (!f_dialogIsOpen()) { return; } 772 773 if (event.keyCode == 27) { // Esc â preserve existing close behavior (avoids a 2.1.2 keyboard trap) 774 f_hideDialog(); 775 return; 776 } 777 778 if (event.keyCode == 9) { // Tab / Shift+Tab â confine focus to the dialog (WCAG 2.4.11 / 2.4.3) 779 var $focusables = f_getDialogFocusables(); 780 if ($focusables.length === 0) { 781 // No focusable content inside the dialog: keep focus on the container. 782 event.preventDefault(); 783 $(dialogSelector).attr('tabindex', '-1').focus(); 784 return; 785 } 786 var first = $focusables.first()[0]; 787 var last = $focusables.last()[0]; 788 var active = document.activeElement; 789 if (event.shiftKey && active === first) { 790 event.preventDefault(); 791 $(last).focus(); 792 } else if (!event.shiftKey && active === last) { 793 event.preventDefault(); 794 $(first).focus(); 795 } else if ($focusables.index(active) === -1) { 796 // Focus is currently outside the dialog (e.g. on <body> after an auto-open) â pull it in. 797 event.preventDefault(); 798 $(first).focus(); 799 } 800 } 801 }); 802 }); 803 804})(); 805</script>
805 806 807<div id="popup-overlay_p_lt_zoneAnalytics_PopUp_PopUpWindow" class="popup-overlay"></div> 808<div id="p_lt_zoneAnalytics_PopUp_PopUpWindow" class="popUpWindowLightBox"> 809 <div id="popUpWindowDialog_p_lt_zoneAnalytics_PopUp_PopUpWindow" class="popUpWindowDialog" role="dialog" aria-modal="true" aria-labelledby="popUpWindowHeader_p_lt_zoneAnalytics_PopUp_PopUpWindow"><div id="popUpWindowHeader_p_lt_zoneAnalytics_PopUp_PopUpWindow" class="popUpWindowHeader">Current Special</div><div id="divCloseButton_p_lt_zoneAnalytics_PopUp_PopUpWindow" class="divCloseButton"><button id="popBtnClose_p_lt_zoneAnalytics_PopUp_PopUpWindow" class="popBtnClose" onclick="RpPopUp['p_lt_zoneAnalytics_PopUp_PopUpWindow'].hideDialog()" aria-label="Close Window" tabindex="0" type="button">Close</button></div><div id="popUpWindowText_p_lt_zoneAnalytics_PopUp_PopUpWindow" class="popUpWindowText"><p class="MsoNormal" style="margin-bottom:0in;line-height:normal;mso-pagination: 810none;mso-layout-grid-align:none;text-autospace:none">Move-in by 11/6 and receive ONE-MONTH FREE RENT! *Restrictions May Apply</p></div></div> 811</div> 812 813 814 815 816<header class="head-wrap pattern" id="header"> 817 <div id="specials-banner" class="collapse"> 818 <div class="inner-wrap"> 819 <div class="content"> 820 <div class="specials-banner-title specials-title">Specials</div> 821 <div class="specials-banner-text specials-text"> 822 <p>Move-in by 11/6 and receive ONE-MONTH FREE RENT! *Restrictions May Apply</p> 823 </div> 824 </div> 825 </div> 826</div> 827 <div id="" class="header-container"><div id="menu-screen-overlay"></div><div id="" class="toolbar"><div id="" class="header-phone"> 828<a class="seo-number" href="tel:(719) 284-7145" onclick="f_analyticsSendEvent('general', 'click-phone-number', '(719) 284-7145')">(719) 284-7145</a></div><div id="" class="text-center"><button type="button" id="specials-banner-toggle" data-toggle="collapse" data-target="#specials-banner"> 829<span>Specials <i class="fa fa-angle-down" aria-hidden="true"></i></span> 830</button></div><div id="" class="header-social"><div id="p_lt_zoneHeader_WebPartZone8_WebPartZone8_zone_SocialMedia1_pnlSocialNetworks" class="social_media"> 831 832</div></div></div><div id="" class="main-head"><div class="header-left"> 833<a class="logo scroll-notice" href="/home" title="Home"><img id="p_lt_zoneHeader_WebPartZone7_WebPartZone7_zone_EditableImage_ucEditableImage_imgImage" src="https://capi.myleasestar.com/v2/dimg/168752664/600x400/168752664.png" alt="" /> 834 835</a> 836</div><div class="header-right"> 837 838 <ul id="menuElem"> 839 <li class="amenitiesNav"> 840 <a href="/Amenities.aspx">Amenities</a> 841 </li> 842 <li class="floor-plansNav"> 843 <a href="/Floor-Plans.aspx">Floor Plans</a> 844 </li> 845 <li class="galleryNav"> 846 <a href="/Gallery.aspx">Gallery</a> 847 </li> 848 <li class="neighborhoodNav"> 849 <a href="/Neighborhood.aspx">Neighborhood</a> 850 </li> 851 <li class="residentsNav"> 852 <a href="/Residents.aspx">Residents</a> 853 </li> 854 <li class="contactNav"> 855 <a href="/Contact.aspx">Contact Us</a> 856 </li> 857 <li> 858 <a href="/Specials.aspx">Specials</a> 859 </li> 860 861 </ul> 862 863 864<div class="header-ctas"> 865 <a href="https://panoramaheights.activebuilding.com/portal/" target="_blank" class="button cta1">Resident Portal</a> 866 <a href="https://9105829aff.onlineleasing.realpage.com" target="_blank" class="button cta2">Apply Now</a> 867</div> 868</div> 869<div class="sps-mobile-toggle-contain"> 870 <button class="sps-mobile-toggle" href="#" title="Open Menu" role="button" type="button"> 871 <i class="fa fa-bars fa-fw fa-remove"></i> 872 </button> 873</div></div></div> 874</header> 875 876<div id="wrapper" class="content-wrap"> 877 878 879 880 881 882<section id="home" class="block-area container-fluid"><div id="" class="content-home content-row row"><div id="" class="hero-container pattern"><div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_pnlContainer"> 883 884
885<script type="text/javascript"> 886 $(function () { 887 888 var target; 889 var animType = 'slide'; 890 var slideshowSpeed = 3000; 891 var overlayOpacity = 0; 892 var timingRun = setInterval(function () { f_rightClick(animType); }, slideshowSpeed); 893 // TFS 2987210 (WCAG 2.2.2 Pause, Stop, Hide -- Level A). Sticky user-pause flag. 894 // This gallery already had a clearInterval, but ONLY inside resetTiming(), which 895 // immediately re-arms the timer -- a debounce, not a stop. Every arrow click, bullet 896 // click and auto-advance funnels through resetTiming(), so a plain clearInterval from 897 // a pause button would be silently undone by the user's very next interaction. This 898 // flag is what makes the stop a real stop; resetTiming() below honours it. 899 var bgUserPaused = false; 900 var bgImageHeight; 901 var numBgImages; 902 var rpbgId = '#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_ctl00_background_gallery'; 903 var backgroundGalleryLazyLoad = 'False'; 904 var backgroundGalleryImageSize = '1920x1080'; 905 var backgroundGalleryObserver; 906 907 $(document).ready(function () { 908 909 $(window).on( "menuStateChangeEvent", function( event, params ) { 910 f_bgResize(); 911 }); 912 if (backgroundGalleryLazyLoad.toLowerCase() == 'true' && navigator.userAgent.toLocaleLowerCase().indexOf('safari') == -1) { 913 try { 914 backgroundGalleryObserver = new IntersectionObserver(bgIntersectCallback, intersectOptions); 915 backgroundGalleryObserver.observe(document.querySelector(rpbgId)); 916 if ($('#head').length > 0) { 917 backgroundGalleryObserver.observe(document.querySelector('#head')); 918 } 919 } catch (err) { 920 console.warn(err); 921 } 922 } else { 923 f_convertBgImages(); 924 } 925 }); 926 927 var bgIntersectCallback = function (entries, observer) { 928 if (entries && entries[0].isIntersecting) { 929 f_convertBgImages(); 930 backgroundGalleryObserver.unobserve(document.querySelector(rpbgId)); 931 } 932 } 933 934 function f_convertBgImages() { 935 $('.bg-images li').each(function (i, v) { 936 var url = $(v).find('meta[itemprop="contentUrl"]').attr('content'); 937 var newImageWidth = $(window).width() * window.devicePixelRatio; 938 newImageWidth = Math.round(newImageWidth) + 'x0'; 939 url = url.replace('dimg', 'dimg-crop').replace(backgroundGalleryImageSize, newImageWidth); 940 941 $(v).css("background-image", 'url("' + url + '")'); 942 }); 943 if ('True'.toLowerCase() == 'true' && screen.width < 500) 944 $(rpbgId + ' .dbg').remove(); 945 else 946 $(rpbgId + ' .mbg').remove(); 947 948 if ('False'.toLowerCase() == 'true' || $(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') 949 $(rpbgId + ' .bg-bullets').hide(); 950 951 if ($(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') { 952 $(rpbgId + ' .bg-arrow-left').hide(); 953 $(rpbgId + ' .bg-arrow-right').hide(); 954 } 955 956 $(rpbgId + ' .background-gallery .li-image').addClass('overlay-opacity-' + overlayOpacity); 957 958 if (animType == 'none') { 959 $(rpbgId + ' .bg-images li').hide(); 960 $(rpbgId + ' .bg-images li').first().show(); 961 } 962 963 if (animType == 'slide' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 964 var firstImage = $(rpbgId + ' .bg-images li').first(); 965 var lastImage = $(rpbgId + ' .background-gallery .bg-images li').last(); 966 firstImage.clone().appendTo(rpbgId + ' .bg-images'); 967 lastImage.clone().prependTo(rpbgId + ' .bg-images'); 968 } else 969 $(rpbgId + ' .bg-images li').first().css('opacity', 1); 970 971 bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height(); 972 $(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight); 973 window.addEventListener('resize', function () { 974 f_bgResize(); 975 }); 976 $(window).resize(function () { 977 f_bgResize(); 978 }); 979 numBgImages = $(rpbgId + ' .bg-images li').length; 980 981 f_bgResize(); 982 983 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 984 $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + $(rpbgId + '.background-gallery-container').width() + 'px'); 985 } 986 987 $(rpbgId + ' .bg-bullets li').first().addClass('bg-selected'); 988 989 $(rpbgId + ' .bg-bullets li').click(function () { 990 if (!$(this).hasClass('bg-selected')) { 991 target = $(this).index(); 992 f_sliderResponse(target, animType); 993 resetTiming(animType); 994 } 995 }); 996 $(rpbgId + ' .bg-arrow-right').click(function () { 997 f_rightClick(animType); 998 }); 999 $(rpbgId + ' .bg-arrow-left').click(function () { 1000 f_leftClick(animType); 1001 }); 1002 1003 $(rpbgId + ' .bg-images li').on('swipeleft', function () { 1004 f_rightClick('slide'); 1005 }).on('swiperight', function () { 1006 f_leftClick('slide'); 1007 }); 1008 1009 // TFS 2987210 (WCAG 2.2.2 Pause, Stop, Hide -- Level A). Attached here, at the 1010 // end of f_convertBgImages, because that is the point at which the slide count 1011 // is finally known: the 'slide' branch above clones the first and last images, 1012 // so an earlier count would be wrong. Gated on the same tw
1012o conditions the 1013 // arrows and bullets use, since when either fails nothing is rotating and a 1014 // pause control would be a lie. 1015 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1 && window.RPPauseControl) { 1016 window.RPPauseControl.attach({ 1017 container: rpbgId, 1018 overlay: true, 1019 key: 'background-gallery', 1020 onPause: function () { 1021 bgUserPaused = true; 1022 clearInterval(timingRun); 1023 }, 1024 onPlay: function () { 1025 bgUserPaused = false; 1026 resetTiming(animType); 1027 } 1028 }); 1029 } 1030 } 1031 1032 function f_sliderResponse(target, animType) { 1033 $(rpbgId + ' .bg-images').stop(true, true); 1034 var imageWidth = $(rpbgId + '.background-gallery-container').width(); 1035 if (animType != 'fade') 1036 $(rpbgId + ' .bg-images').animate({ 'left': '-' + (imageWidth * (target + 1)) + 'px' }, function () { });
1037 else { 1038 $($(rpbgId + ' .bg-images li')[target]).animate({ opacity: 1 }, function () { }); 1039 $(rpbgId + ' .bg-images li').each(function (i, v) { 1040 if (i != target) 1041 $(v).animate({ opacity: 0 }); 1042 }); 1043 } 1044 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1045 } 1046 function f_rightClick(animType) { 1047 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 1048 $(rpbgId + ' .bg-images').stop(true, true); 1049 var imageWidth = $(rpbgId + '.background-gallery-container').width(); 1050 var newPosition; 1051 1052 if (animType == 'slide') { 1053 if ($(rpbgId + ' .bg-images').position().left % 1 != 0) 1054 f_bgResize(); 1055 newPosition = Math.round($(rpbgId + ' .bg-images').position().left) - imageWidth; 1056 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1057 target === $(rpbgId + ' .background-gallery .bg-images li').length - 2 ? target = 0 : target = target + 1; 1058 $(rpbgId + ' .bg-images').animate({ 'left': newPosition + 'px' }, function () { 1059 if (Math.abs(newPosition) == ($(rpbgId + ' .background-gallery .bg-images li').length - 1) * imageWidth) { 1060 $(rpbgId + ' .bg-images').css({ 'left': '-' + imageWidth + 'px' }); 1061 target = 0; 1062 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1063 } 1064 }); 1065 } else if (animType == 'fade') { 1066 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1067 target === $(rpbgId + ' .background-gallery .bg-images li').length - 1 ? target = 0 : target = target + 1; 1068 1069 $($(rpbgId + ' .bg-images li')[target]).animate({ opacity: 1 }, function () { });
1070 $(rpbgId + ' .bg-images li').each(function (i, v) { 1071 if (i != target) 1072 $(v).css('opacity', 0); 1073 }); 1074 if (target == 0) 1075 $(rpbgId + ' .bg-images li').last().animate({ opacity: 0 }, function () { }); 1076 } 1077 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1078 resetTiming(animType); 1079 } 1080 } 1081 function f_leftClick(animType) { 1082 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 1083 $(rpbgId + ' .bg-images').stop(true, true); 1084 var imageWidth = $(rpbgId + '.background-gallery-container').width(); 1085 var newPosition; 1086 if (animType != 'fade') { 1087 if ($(rpbgId + ' .bg-images').position().left % 1 != 0) 1088 f_bgResize(); 1089 newPosition = Math.round($(rpbgId + ' .bg-images').position().left + imageWidth); 1090 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1091 target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 3 : target = target - 1; 1092 1093 $(rpbgId + ' .bg-images').animate({ 'left': newPosition + 'px' }, function () { 1094 if (newPosition == 0) { 1095 $(rpbgId + ' .bg-images').css({ 'left': '-' + (($(rpbgId + ' .background-gallery .bg-images li').length - 2) * imageWidth) + 'px' }); 1096 target = ($(rpbgId + ' .background-gallery .bg-images li').length - 3); 1097 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1098 } 1099 }); 1100 } else if (animType == 'fade') { 1101 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1102 target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 1 : target = target - 1; 1103 1104 $($(rpbgId + ' .bg-images li')[target]).animate({ opacity: 1 }, function () { });
1105 $(rpbgId + ' .bg-images li').each(function (i, v) { 1106 if (i != target) 1107 $(v).css('opacity', 0); 1108 }); 1109 } 1110 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1111 resetTiming(animType); 1112 } 1113 } 1114 function resetTiming(animType) { 1115 clearInterval(timingRun); 1116 // TFS 2987210: do not re-arm while the user has explicitly paused. Returning 1117 // here (rather than guarding each caller) covers all three call sites -- 1118 // f_rightClick, f_leftClick and the bullet click handler -- and means manual 1119 // navigation still works while paused without secretly restarting rotation. 1120 if (bgUserPaused) { 1121 return; 1122 } 1123 timingRun = setInterval(function () { f_rightClick(animType); }, slideshowSpeed); 1124 } 1125 function f_bgResize() { 1126 $(rpbgId + ' .bg-images').stop(true, true); 1127 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1128 var newWidth = $(rpbgId + '.background-gallery-container').width() * (target + 1); 1129 bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height(); 1130 $(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight); 1131 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) 1132 $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + newWidth + 'px'); 1133 $(rpbgId + ' .background-gallery .li-image').css('width', $(rpbgId + '.background-gallery-container').width() + 'px'); 1134 $(rpbgId + ' .background-gallery').css('width', $(rpbgId + '.background-gallery-container').width() + 'px'); 1135 $(rpbgId + ' .background-gallery ul.bg-images').css('width', ($(rpbgId + '.background-gallery-container').width() * numBgImages) + 'px'); 1136 } 1137 }); 1138</script>
1138 1139 1140<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_ctl00_background_gallery" class="background-gallery-container"> 1141 <div id="rpbg-p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_ctl00_background_gallery" class="background-gallery bg-slide"><ul class="bg-images mbg"><li class="li-image li-image-0"> 1142 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1143 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429431/800x0/176429431.jpg" /></div> 1144 <div class="bg-caption-container"> 1145 <div class="bg-caption"></div> 1146 <div class="bg-description"></div> 1147 </div> 1148 </li></ul><button type="button" class="bg-arrow-left mbg" aria-label="Previous slide"> </button> 1149 <button type="button" class="bg-arrow-right mbg" aria-label="Next slide"> </button><ul class="bg-bullets mbg"><li class="bg-bullet-0">â</li></ul><ul class="bg-images dbg"><li class="li-image li-image-0"> 1150 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1151 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429431/1920x1080/176429431.jpg" /></div> 1152 <div class="bg-caption-container"> 1153 <div class="bg-caption"></div> 1154 <div class="bg-description"></div> 1155 </div> 1156 </li></ul><button type="button" class="bg-arrow-left dbg" aria-label="Previous slide"> </button> 1157 <button type="button" class="bg-arrow-right dbg" aria-label="Next slide"> </button><ul class="bg-bullets dbg"><li class="bg-bullet-0">â</li></ul></div> 1158 </div> 1159</div> 1160<div id="" class="hero-content"><h1>Welcome To</h1> 1161<h2>Panorama Heights</h2> 1162<p>A Cohen-Esrey Community</p> 1163</div><div class="scroll-button"> 1164 <a href="#home-content" class="rp-scroll"><i class="fa fa-angle-down" aria-hidden="true"></i></a> 1165</div></div><div id="home-content" class="home-main-content-wrapper"><div class="col-lg-6 col-md-8 col-sm-12 content-left home-column"> 1166 <div class="wrapper col-lg-12"> 1167 <h1>Elevate your lifestyle at Panorama Heights Apartments in Colorado Springs, CO!</h1> 1168 1169 <div class="expandable"> 1170 <span style="font-size: 16px;"><b><span style="font-size: 18px;">NOW OPEN! </span></b>Come Home to Panorama Heights in Colorado Springs, CO 1171 1172At Panorama Heights, you'll discover everything you need to live the convenient and carefree lifestyle you deserve. </span> 1173 </div> 1174 </div> 1175</div><div class="clearfix col-lg-6 col-md-4 col-sm-12 column-wrapper home-right-image"> 1176 <div class="content-right home-column"> 1177 <div class="home-column"> 1178 <div class="wrapper"> 1179 <div class="main-content-section"> 1180 1181 <img id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone1_WebPartZone1_zone_EditableImage_ucEditableImage_imgImage" src="https://capi.myleasestar.com/v2/dimg/170773395/800x600/170773395.jpg" alt="" /> 1182 1183</div> 1184 </div> 1185 </div> 1186 </div> 1187</div></div></div></section> 1188<section id="amenities" class="block-area container-fluid"><div id="" class="home-banner amenities-banner light-border row"><div class="banner-overlay"></div><div class="banner-content"> 1189<h2>Amenities</h2> 1190</div></div><div id="" class="amenities-content"><div class="col-lg-3 col-md-2 hidden-sm hidden-xs"></div> 1191<div class="clearfix col-lg-6 col-md-8 col-sm-12 column-wrapper home-content-sub-content"> 1192 <div class="home-column"> 1193 <div class="wrapper"> 1194 <h1>Amenities at Panorama Heights Apartments</h1> 1195 <div class="main-content">
1196 <span style="font-size: 16px;">The living spaces at Panorama Heights are thoughtfully designed with comfort and convenience in mind, and are stylishly appointed with the kind of premium materials and finishes you wonât find in any other apartments for rent in Colorado Springs.</span> 1197 </div> 1198 </div> 1199 </div> 1200</div> 1201<div class="col-lg-3 col-md-2 hidden-sm hidden-xs"></div> 1202</div><div class="container-fluid"> 1203<div class="row"><div class="col-lg-6 col-md-12 amenities-container"><div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader1_pnlContainer"> 1204
1205<script type="text/javascript"> 1206 var unitAmenityExists = 'False'; 1207 var inSelectUnitsText = '<span>*</span> In select units'; 1208 var hideUnitAmenities = 'False'; 1209 1210 $(document).ready(function() { 1211 if ($('.view-more-community').length > 0) { 1212 $('.view-more-community').click(function() { 1213 $('.amenities-tabbed-dialog').show(); 1214 $('.amenities-tabbed-overlay').show(); 1215 $('body').addClass('modal-open'); 1216 $('.amenities-list-modal-div').show(); 1217 $('.apartment-amenities-list-modal-div').hide(); 1218 }); 1219 } 1220 if ($('.view-more-apartment').length > 0) { 1221 $('.view-more-apartment').click(function () { 1222 $('.amenities-tabbed-dialog').show(); 1223 $('.amenities-tabbed-overlay').show(); 1224 $('body').addClass('modal-open'); 1225 $('.apartment-amenities-list-modal-div').show(); 1226 $('.amenities-list-modal-div').hide(); 1227 }); 1228 } 1229 1230 if (unitAmenityExists.toLowerCase() == 'true' && hideUnitAmenities.toLowerCase() != 'true') { 1231 if ($('.apt-amenities-view-more').length > 0) { 1232 $('.apt-amenities-view-more').append('<div class="select-units-only">' + inSelectUnitsText + '</div>'); 1233 $('.apartment-amenities-list-modal-div').append('<div class="apt-amenities-modal-isu">' + inSelectUnitsText + '</div > '); 1234 } 1235 else 1236 $('#client-panel-1').append('<div class="no-view-more-select-units-only">' + inSelectUnitsText + '</div>'); 1237 f_unitLabelShowHide(); 1238 } 1239 1240 $('.amenities-tabbed-overlay').click(function() { 1241 f_hideAmenitiesModal(); 1242 }); 1243 1244 var maxTabHeight = 0; 1245 1246 if (screen.width > 500) { 1247 $('.tabs-panel').each(function(i, v) { 1248 if ($(v).height() > maxTabHeight) 1249 maxTabHeight = $(v).height(); 1250 }); 1251 $('.tabs-panel').css('min-height', maxTabHeight); 1252 } 1253 1254 $('.tabs-title .tabs-link').click(function () { 1255 $('#example-tabs .tabs-title').removeClass('is-active'); 1256 $('.tabs-content .tabs-panel').removeClass('is-active'); 1257 $(this).parent().addClass('is-active'); 1258 var checkId = $(this).attr('data'); 1259 $(checkId).addClass('is-active'); 1260 }); 1261 1262 var pixelRatio = ((window.devicePixelRatio) ? window.devicePixelRatio : 1); 1263 var windowWidth = Math.floor(window.innerWidth * 0.80 * pixelRatio); 1264 var windowHeight = Math.floor(window.innerHeight * 0.80 * pixelRatio); 1265 var fullImageSizeString = windowWidth + 'x' + windowHeight; 1266 1267 $('.amenity-image-link').each(function (i, e) { 1268 var selectedAmenityImageUrl = $(e).data('amenityimage'); 1269 selectedAmenityImageUrl = selectedAmenityImageUrl.replace('%s', fullImageSizeString); 1270 $(e).attr('href', selectedAmenityImageUrl).attr('data-caption', $(e).html()); 1271 var groupName = 'amenity-image-gallery'; 1272 if ($(e).hasClass('amenity-image-modal-link')) 1273 groupName = 'amenity-image-modal-gallery'; 1274 $(e).attr('data-fancybox', groupName); 1275 }); 1276 1277 $('.amenity-image-link').fancybox({ 1278 fullScreen: { 1279 autoStart: false 1280 }, 1281 thumbs: { 1282 autoStart: false, 1283 hideOnClose: true 1284 }, 1285 smallBtn: "auto", 1286 afterLoad : function(instance, current) { 1287 var pixelRatio = window.devicePixelRatio || 1; 1288 1289 if ( pixelRatio > 1.5 ) { 1290 current.width = current.width / pixelRatio; 1291 current.height = current.height / pixelRatio; 1292 } 1293 } 1294 }); 1295 }); 1296 function f_hideAmenitiesModal() { 1297 $('.amenities-tabbed-dialog').hide(); 1298 $('.amenities-tabbed-overlay').hide(); 1299 $('body').removeClass('modal-open'); 1300 } 1301 1302 function f_unitLabelShowHide() { 1303 $('.select-units-only').hide(); 1304 $('#client-panel-1 ul li').each(function () { 1305 if ($(this).text().indexOf('*') > -1) { 1306 $('.select-units-only').show(); 1307 return false; 1308 } 1309 }); 1310 } 1311 </script>
1311 1312<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader1_ctl00_pnlAmenitiesTabbed" class="amenities-tabbed-container columns"> 1313 1314 <div id="client-tabs-1" class="row p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader1_ctl00_pnlAmenitiesTabbed"> 1315 <div class="columns at-container"> 1316 <ul data-tabs="data-tabs" id="example-tabs" class="tabs" role="tablist"><li class="tabs-title is-active" tab-community-amenities="tab-community-amenities" role="presentation"> 1317 <button tabindex="0" class="tabs-link" data="#client-panel-0" role="tab" aria-controls="client-panel-0" aria-selected="false" id="client-panel-0-label" type="button">Community Amenities</button> 1318 </li><li class="tabs-title" tab-apartment-amenities="tab-apartment-amenities" role="presentation"> 1319 <button class="tabs-link" tabindex="0" data="#client-panel-1" role="tab" aria-controls="client-panel-1" aria-selected="false" id="client-panel-1-label" type="button">Apartment Amenities</button> 1320 </li><li class="tabs-title" tab-pet-policy="tab-pet-policy" role="presentation"> 1321 <button class="tabs-link" tabindex="0" data="#client-panel-2" role="tab" aria-controls="client-panel-2" aria-selected="false" id="client-panel-2-label" type="button">Pet Policy</button> 1322 </li><li class="tabs-title" tab-parking-details="tab-parking-details" role="presentation"> 1323 <button tabindex="0" class="tabs-link" data="#client-panel-3" role="tab" aria-controls="client-panel-3" aria-selected="false" id="client-panel-3-label" type="button">Parking Details</button> 1324 </li></ul><div data-tabs-content="example-tabs" class="tabs-content"><div id="client-panel-0" class="tabs-panel is-active"> 1325 <div class="row"><div class="large-4 columns"> 1326 <ul class="at-comm-amenities"><li class="tabbed-amenity ta-col-1"><span>Playground</span></li><li class="tabbed-amenity ta-col-1"><span>Dog Park and Spa</span></li><li class="tabbed-amenity ta-col-1"><span>Community Room</span></li><li class="tabbed-amenity ta-col-1"><span>Covered Parking</span></li><li class="tabbed-amenity ta-col-1"><span>Fitness center</span></li></ul> 1327 </div><div class="large-4 columns"> 1328 <ul class="at-comm-amenities"><li class="tabbed-amenity ta-col-2"><span>Indoor Bike Storage</span></li><li class="tabbed-amenity ta-col-2"><span>Elevators</span></li><li class="tabbed-amenity ta-col-2"><span>Mail Room</span></li><li class="tabbed-amenity ta-col-2"><span>Community Kitchen</span></li><li class="tabbed-amenity ta-col-2"><span>On-site maintenance</span></li></ul> 1329 </div><div class="large-4 columns"> 1330 <ul class="at-comm-amenities"><li class="tabbed-amenity ta-col-3"><span>On-site management</span></li></ul> 1331 </div> 1332 </div> 1333 </div><div id="client-panel-1" class="tabs-panel"> 1334 <div class="row"><div class="large-4 columns"> 1335 <ul class="at-comm-amenities"><li class="tabbed-amenity ta-col-1"><span>Stainless steel appliances</span></li><li class="tabbed-amenity ta-col-1"><span>Walk-In Closets</span></li><li class="tabbed-amenity ta-col-1"><span>Washer & Dryer (In Unit)</span></li><li class="tabbed-amenity ta-col-1"><span>Vinyl Wood Planking</span></li><li class="tabbed-amenity ta-col-1"><span>Central Heating & Air</span></li></ul> 1336 </div><div class="large-4 columns"> 1337 <ul class="at-comm-amenities"><li class="tabbed-amenity ta-col-2"><span>
1337Carpeted Bedroom</span></li><li class="tabbed-amenity ta-col-2"><span>Dishwasher</span></li><li class="tabbed-amenity ta-col-2"><span>Refrigerator</span></li><li class="tabbed-amenity ta-col-2"><span>Kitchen Pantry</span></li><li class="tabbed-amenity ta-col-2"><span>Electric, Water, Trash and Sewage Included in Rent</span></li></ul> 1338 </div> 1339 </div> 1340 </div><div id="client-panel-2" class="tabs-panel"> 1341 <div class="row"><div class="large-6 columns"> 1342 <ul class="at-comm-amenities"><li class="pet-item">Pet Policy Type: Cat, Dogs</li><li class="pet-item">Max Weight of Pets: 25</li><li class="pet-item">Pet Monthly Rent Min: <span class="range">$35</span></li></ul> 1343 </div><div class="large-6 columns"> 1344 <ul class="at-comm-amenities"><li class="pet-item">Max Number of Pets: 1</li><li class="pet-item">Pet Deposit Max: $300</li><li class="pet-item">Pet Policy: Pets allowed $300 pet deposit $35 monthly pet fee. Pets must be under 25 lbs. One pet per apartment. Breed Restrictions apply.</li></ul> 1345 </div> 1346 </div> 1347 </div><div id="client-panel-3" class="tabs-panel"> 1348 <div class="row"><div class="large-12 columns parking-panel-details"> 1349 <ul class="at-comm-amenities"><li class="parking-item parking-comment">Parking Comment: Garage lot and surface lot parking available. Please contact us for more information.</li><li class="parking-container-item"><div class="parking-container"><div class="parking-group"><ul class="parking-group-items"><li class="parking-item">Parking Type: Surface Lot Parking</li><li class="parking-item">Parking Allocation: all</li><li class="parking-item">Assigned Parking: Yes</li></ul></div><div class="parking-group"><ul class="parking-group-items"><li class="parking-item">Parking Type: Covered Lot Parking</li><li class="parking-item">Parking Allocation: some</li><li class="parking-item">Assigned Parking: No</li></ul></div><div class="parking-group"><ul class="parking-group-items"><li class="parking-item">Parking Type: Garage Lot</li><li class="parking-item">Parking Allocation: all</li><li class="parking-item">Assigned Parking: Yes</li></ul></div></div></li></ul> 1350 </div> 1351 </div> 1352 </div></div></div></div> 1353 <div class="amenities-tabbed-overlay" style="display: none"></div><div class="amenities-tabbed-dialog" style="display: none"><div class="amenities-list-modal-div"><div class="amenities-tabbed-header"><h3>Amenities</h3><button onclick="f_hideAmenitiesModal()" aria-label="Close" type="button"><span aria-hidden="true" class="amenities-tabbed-standard-modal-close">×</span></button></div><div class="list-wrapper"><ul class="amenities-list-modal"><li class="amenity-item-modal"><span>Playground</span></li><li class="amenity-item-modal"><span>Dog Park and Spa</span></li><li class="amenity-item-modal"><span>Community Room</span></li><li class="amenity-item-modal"><span>Covered Parking</span></li><li class="amenity-item-modal"><span>Fitness center</span></li><li class="amenity-item-modal"><span>Indoor Bike Storage</span></li><li class="amenity-item-modal"><span>Elevators</span></li><li class="amenity-item-modal"><span>Mail Room</span></li><li class="amenity-item-modal"><span>Community Kitchen</span></li><li class="amenity-item-modal"><span>On-site maintenance</span></li><li class="amenity-item-modal"><span>On-site management</span></li></ul></div></div><div class="apartment-amenities-list-modal-div"><div class="amenities-tabbed-header"><h3>Apartment Amenities</h3><button onclick="f_hideAmenitiesModal()" aria-label="Close" type="button"><span aria-hidden="true" class="amenities-tabbed-standard-modal-close">×</span></button></div><div class="list-wrapper"><ul class="apartment-amenities-list-modal"><li class="apartment-amenity-item"><span>Stainless steel appliances</span></li><li class="apartment-amenity-item"><span>Walk-In Closets</span></li><li class="apartment-amenity-item"><span>Washer & Dryer (In Unit)</span></li><li class="apartment-amenity-item"><span>Vinyl Wood Planking</span></li><li class="apartment-amenity-item"><span>Central Heating & Air</span></li><li class="apartment-amenity-item"><span>
1353Carpeted Bedroom</span></li><li class="apartment-amenity-item"><span>Dishwasher</span></li><li class="apartment-amenity-item"><span>Refrigerator</span></li><li class="apartment-amenity-item"><span>Kitchen Pantry</span></li><li class="apartment-amenity-item"><span>Electric, Water, Trash and Sewage Included in Rent</span></li></ul></div></div></div> 1354 1355 </div> 1356</div> 1357</div><div id="" class="col-lg-6 col-md-12 amenities-gallery"><div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_pnlContainer"> 1358 1359
1360<script type="text/javascript"> 1361 $(function () { 1362 1363 var target; 1364 var animType = 'slide'; 1365 var slideshowSpeed = 3000; 1366 var overlayOpacity = 0; 1367 var timingRun = setInterval(function () { f_rightClick(animType); }, slideshowSpeed); 1368 // TFS 2987210 (WCAG 2.2.2 Pause, Stop, Hide -- Level A). Sticky user-pause flag. 1369 // This gallery already had a clearInterval, but ONLY inside resetTiming(), which 1370 // immediately re-arms the timer -- a debounce, not a stop. Every arrow click, bullet 1371 // click and auto-advance funnels through resetTiming(), so a plain clearInterval from 1372 // a pause button would be silently undone by the user's very next interaction. This 1373 // flag is what makes the stop a real stop; resetTiming() below honours it. 1374 var bgUserPaused = false; 1375 var bgImageHeight; 1376 var numBgImages; 1377 var rpbgId = '#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_ctl00_background_gallery'; 1378 var backgroundGalleryLazyLoad = 'False'; 1379 var backgroundGalleryImageSize = '1920x1080'; 1380 var backgroundGalleryObserver; 1381 1382 $(document).ready(function () { 1383 1384 $(window).on( "menuStateChangeEvent", function( event, params ) { 1385 f_bgResize(); 1386 }); 1387 if (backgroundGalleryLazyLoad.toLowerCase() == 'true' && navigator.userAgent.toLocaleLowerCase().indexOf('safari') == -1) { 1388 try { 1389 backgroundGalleryObserver = new IntersectionObserver(bgIntersectCallback, intersectOptions); 1390 backgroundGalleryObserver.observe(document.querySelector(rpbgId)); 1391 if ($('#head').length > 0) { 1392 backgroundGalleryObserver.observe(document.querySelector('#head')); 1393 } 1394 } catch (err) { 1395 console.warn(err); 1396 } 1397 } else { 1398 f_convertBgImages(); 1399 } 1400 }); 1401 1402 var bgIntersectCallback = function (entries, observer) { 1403 if (entries && entries[0].isIntersecting) { 1404 f_convertBgImages(); 1405 backgroundGalleryObserver.unobserve(document.querySelector(rpbgId)); 1406 } 1407 } 1408 1409 function f_convertBgImages() { 1410 $('.bg-images li').each(function (i, v) { 1411 var url = $(v).find('meta[itemprop="contentUrl"]').attr('content'); 1412 var newImageWidth = $(window).width() * window.devicePixelRatio; 1413 newImageWidth = Math.round(newImageWidth) + 'x0'; 1414 url = url.replace('dimg', 'dimg-crop').replace(backgroundGalleryImageSize, newImageWidth); 1415 1416 $(v).css("background-image", 'url("' + url + '")'); 1417 }); 1418 if ('True'.toLowerCase() == 'true' && screen.width < 500) 1419 $(rpbgId + ' .dbg').remove(); 1420 else 1421 $(rpbgId + ' .mbg').remove(); 1422 1423 if ('False'.toLowerCase() == 'true' || $(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') 1424 $(rpbgId + ' .bg-bullets').hide(); 1425 1426 if ($(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') { 1427 $(rpbgId + ' .bg-arrow-left').hide(); 1428 $(rpbgId + ' .bg-arrow-right').hide(); 1429 } 1430 1431 $(rpbgId + ' .background-gallery .li-image').addClass('overlay-opacity-' + overlayOpacity); 1432 1433 if (animType == 'none') { 1434 $(rpbgId + ' .bg-images li').hide(); 1435 $(rpbgId + ' .bg-images li').first().show(); 1436 } 1437 1438 if (animType == 'slide' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 1439 var firstImage = $(rpbgId + ' .bg-images li').first(); 1440 var lastImage = $(rpbgId + ' .background-gallery .bg-images li').last(); 1441 firstImage.clone().appendTo(rpbgId + ' .bg-images'); 1442 lastImage.clone().prependTo(rpbgId + ' .bg-images'); 1443 } else 1444 $(rpbgId + ' .bg-images li').first().css('opacity', 1); 1445 1446 bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height(); 1447 $(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight); 1448 window.addEventListener('resize', function () { 1449 f_bgResize(); 1450 }); 1451 $(window).resize(function () { 1452 f_bgResize(); 1453 }); 1454 numBgImages = $(rpbgId + ' .bg-images li').length; 1455 1456 f_bgResize(); 1457 1458 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 1459 $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + $(rpbgId + '.background-gallery-container').width() + 'px'); 1460 } 1461 1462 $(rpbgId + ' .bg-bullets li').first().addClass('bg-selected'); 1463 1464 $(rpbgId + ' .bg-bullets li').click(function () { 1465 if (!$(this).hasClass('bg-selected')) { 1466 target = $(this).index(); 1467 f_sliderResponse(target, animType); 1468 resetTiming(animType); 1469 } 1470 }); 1471 $(rpbgId + ' .bg-arrow-right').click(function () { 1472 f_rightClick(animType); 1473 }); 1474 $(rpbgId + ' .bg-arrow-left').click(function () { 1475 f_leftClick(animType); 1476 }); 1477 1478 $(rpbgId + ' .bg-images li').on('swipeleft', function () { 1479 f_rightClick('slide'); 1480 }).on('swiperight', function () { 1481 f_leftClick('slide'); 1482 }); 1483 1484 // TFS 2987210 (WCAG 2.2.2 Pause, Stop, Hide -- Level A). Attached here, at the 1485 // end of f_convertBgImages, because that is the point at which the slide count 1486 // is finally known: the 'slide' branch above clones the first and last images, 1487 // so an earlier count would be wrong. Gated on the same tw
1487o conditions the 1488 // arrows and bullets use, since when either fails nothing is rotating and a 1489 // pause control would be a lie. 1490 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1 && window.RPPauseControl) { 1491 window.RPPauseControl.attach({ 1492 container: rpbgId, 1493 overlay: true, 1494 key: 'background-gallery', 1495 onPause: function () { 1496 bgUserPaused = true; 1497 clearInterval(timingRun); 1498 }, 1499 onPlay: function () { 1500 bgUserPaused = false; 1501 resetTiming(animType); 1502 } 1503 }); 1504 } 1505 } 1506 1507 function f_sliderResponse(target, animType) { 1508 $(rpbgId + ' .bg-images').stop(true, true); 1509 var imageWidth = $(rpbgId + '.background-gallery-container').width(); 1510 if (animType != 'fade') 1511 $(rpbgId + ' .bg-images').animate({ 'left': '-' + (imageWidth * (target + 1)) + 'px' }, function () { });
1512 else { 1513 $($(rpbgId + ' .bg-images li')[target]).animate({ opacity: 1 }, function () { }); 1514 $(rpbgId + ' .bg-images li').each(function (i, v) { 1515 if (i != target) 1516 $(v).animate({ opacity: 0 }); 1517 }); 1518 } 1519 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1520 } 1521 function f_rightClick(animType) { 1522 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 1523 $(rpbgId + ' .bg-images').stop(true, true); 1524 var imageWidth = $(rpbgId + '.background-gallery-container').width(); 1525 var newPosition; 1526 1527 if (animType == 'slide') { 1528 if ($(rpbgId + ' .bg-images').position().left % 1 != 0) 1529 f_bgResize(); 1530 newPosition = Math.round($(rpbgId + ' .bg-images').position().left) - imageWidth; 1531 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1532 target === $(rpbgId + ' .background-gallery .bg-images li').length - 2 ? target = 0 : target = target + 1; 1533 $(rpbgId + ' .bg-images').animate({ 'left': newPosition + 'px' }, function () { 1534 if (Math.abs(newPosition) == ($(rpbgId + ' .background-gallery .bg-images li').length - 1) * imageWidth) { 1535 $(rpbgId + ' .bg-images').css({ 'left': '-' + imageWidth + 'px' }); 1536 target = 0; 1537 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1538 } 1539 }); 1540 } else if (animType == 'fade') { 1541 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1542 target === $(rpbgId + ' .background-gallery .bg-images li').length - 1 ? target = 0 : target = target + 1; 1543 1544 $($(rpbgId + ' .bg-images li')[target]).animate({ opacity: 1 }, function () { });
1545 $(rpbgId + ' .bg-images li').each(function (i, v) { 1546 if (i != target) 1547 $(v).css('opacity', 0); 1548 }); 1549 if (target == 0) 1550 $(rpbgId + ' .bg-images li').last().animate({ opacity: 0 }, function () { }); 1551 } 1552 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1553 resetTiming(animType); 1554 } 1555 } 1556 function f_leftClick(animType) { 1557 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 1558 $(rpbgId + ' .bg-images').stop(true, true); 1559 var imageWidth = $(rpbgId + '.background-gallery-container').width(); 1560 var newPosition; 1561 if (animType != 'fade') { 1562 if ($(rpbgId + ' .bg-images').position().left % 1 != 0) 1563 f_bgResize(); 1564 newPosition = Math.round($(rpbgId + ' .bg-images').position().left + imageWidth); 1565 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1566 target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 3 : target = target - 1; 1567 1568 $(rpbgId + ' .bg-images').animate({ 'left': newPosition + 'px' }, function () { 1569 if (newPosition == 0) { 1570 $(rpbgId + ' .bg-images').css({ 'left': '-' + (($(rpbgId + ' .background-gallery .bg-images li').length - 2) * imageWidth) + 'px' }); 1571 target = ($(rpbgId + ' .background-gallery .bg-images li').length - 3); 1572 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1573 } 1574 }); 1575 } else if (animType == 'fade') { 1576 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1577 target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 1 : target = target - 1; 1578 1579 $($(rpbgId + ' .bg-images li')[target]).animate({ opacity: 1 }, function () { });
1580 $(rpbgId + ' .bg-images li').each(function (i, v) { 1581 if (i != target) 1582 $(v).css('opacity', 0); 1583 }); 1584 } 1585 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1586 resetTiming(animType); 1587 } 1588 } 1589 function resetTiming(animType) { 1590 clearInterval(timingRun); 1591 // TFS 2987210: do not re-arm while the user has explicitly paused. Returning 1592 // here (rather than guarding each caller) covers all three call sites -- 1593 // f_rightClick, f_leftClick and the bullet click handler -- and means manual 1594 // navigation still works while paused without secretly restarting rotation. 1595 if (bgUserPaused) { 1596 return; 1597 } 1598 timingRun = setInterval(function () { f_rightClick(animType); }, slideshowSpeed); 1599 } 1600 function f_bgResize() { 1601 $(rpbgId + ' .bg-images').stop(true, true); 1602 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1603 var newWidth = $(rpbgId + '.background-gallery-container').width() * (target + 1); 1604 bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height(); 1605 $(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight); 1606 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) 1607 $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + newWidth + 'px'); 1608 $(rpbgId + ' .background-gallery .li-image').css('width', $(rpbgId + '.background-gallery-container').width() + 'px'); 1609 $(rpbgId + ' .background-gallery').css('width', $(rpbgId + '.background-gallery-container').width() + 'px'); 1610 $(rpbgId + ' .background-gallery ul.bg-images').css('width', ($(rpbgId + '.background-gallery-container').width() * numBgImages) + 'px'); 1611 } 1612 }); 1613</script>
1613 1614 1615<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_ctl00_background_gallery" class="background-gallery-container"> 1616 <div id="rpbg-p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_ctl00_background_gallery" class="background-gallery bg-slide"><ul class="bg-images mbg"><li class="li-image li-image-0"> 1617 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1618 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429414/800x0/176429414.jpg" /></div> 1619 <div class="bg-caption-container"> 1620 <div class="bg-caption"></div> 1621 <div class="bg-description"></div> 1622 </div> 1623 </li><li class="li-image li-image-1"> 1624 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1625 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429416/800x0/176429416.jpg" /></div> 1626 <div class="bg-caption-container"> 1627 <div class="bg-caption"></div> 1628 <div class="bg-description"></div> 1629 </div> 1630 </li><li class="li-image li-image-2"> 1631 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1632 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429415/800x0/176429415.jpg" /></div> 1633 <div class="bg-caption-container"> 1634 <div class="bg-caption"></div> 1635 <div class="bg-description"></div> 1636 </div> 1637 </li><li class="li-image li-image-3"> 1638 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1639 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431170/800x0/176431170.jpg" /></div> 1640 <div class="bg-caption-container"> 1641 <div class="bg-caption"></div> 1642 <div class="bg-description"></div> 1643 </div> 1644 </li><li class="li-image li-image-4"> 1645 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1646 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431169/800x0/176431169.jpg" /></div> 1647 <div class="bg-caption-container"> 1648 <div class="bg-caption"></div> 1649 <div class="bg-description"></div> 1650 </div> 1651 </li><li class="li-image li-image-5"> 1652 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1653 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431172/800x0/176431172.jpg" /></div> 1654 <div class="bg-caption-container"> 1655 <div class="bg-caption"></div> 1656 <div class="bg-description"></div> 1657 </div> 1658 </li><li class="li-image li-image-6"> 1659 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1660 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431171/800x0/176431171.jpg" /></div> 1661 <div class="bg-caption-container"> 1662 <div class="bg-caption"></div> 1663 <div class="bg-description"></div> 1664 </div> 1665 </li><li class="li-image li-image-7"> 1666 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1667 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431173/800x0/176431173.jpg" /></div> 1668 <div class="bg-caption-container"> 1669 <div class="bg-caption"></div> 1670 <div class="bg-description"></div> 1671 </div> 1672 </li></ul><button type="button" class="bg-arrow-left mbg" aria-label="Previous slide"> </button> 1673 <button type="button" class="bg-arrow-right mbg" aria-label="Next slide"> </button><ul class="bg-bullets mbg"><li class="bg-bullet-0">â</li><li class="bg-bullet-1">â</li><li class="bg-bullet-2">â</li><li class="bg-bullet-3">â</li><li class="bg-bullet-4">â</li><li class="bg-bullet-5">â</li><li class="bg-bullet-6">â</li><li class="bg-bullet-7">â</li></ul><ul class="bg-images dbg"><li class="li-image li-image-0"> 1674 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1675 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429414/1920x1080/176429414.jpg" /></div> 1676 <div class="bg-caption-container"> 1677 <div class="bg-caption"></div> 1678 <div class="bg-description"></div> 1679 </div> 1680 </li><li class="li-image li-image-1"> 1681 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1682 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429416/1920x1080/176429416.jpg" /></div> 1683 <div class="bg-caption-container"> 1684 <div class="bg-caption"></div> 1685 <div class="bg-description"></div> 1686 </div> 1687 </li><li class="li-image li-image-2"> 1688 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1689 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429415/1920x1080/176429415.jpg" /></div> 1690 <div class="bg-caption-container"> 1691 <div class="bg-caption"></div> 1692 <div class="bg-description"></div> 1693 </div> 1694 </li><li class="li-image li-image-3"> 1695 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1696 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431170/1920x1080/176431170.jpg" /></div> 1697 <div class="bg-caption-container"> 1698 <div class="bg-caption"></div> 1699 <div class="bg-description"></div> 1700 </div> 1701 </li><li class="li-image li-image-4"> 1702 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1703 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431169/1920x1080/176431169.jpg" /></div> 1704 <div class="bg-caption-container"> 1705 <div class="bg-caption"></div> 1706 <div class="bg-description"></div> 1707 </div> 1708 </li><li class="li-image li-image-5"> 1709 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1710 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431172/1920x1080/176431172.jpg" /></div> 1711 <div class="bg-caption-container"> 1712 <div class="bg-caption"></div> 1713 <div class="bg-description"></div> 1714 </div> 1715 </li><li class="li-image li-image-6"> 1716 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1717 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431171/1920x1080/176431171.jpg" /></div> 1718 <div class="bg-caption-container"> 1719 <div class="bg-caption"></div> 1720 <div class="bg-description"></div> 1721 </div> 1722 </li><li class="li-image li-image-7"> 1723 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1724 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431173/1920x1080/176431173.jpg" /></div> 1725 <div class="bg-caption-container"> 1726 <div class="bg-caption"></div> 1727 <div class="bg-description"></div> 1728 </div> 1729 </li></ul><button type="button" class="bg-arrow-left dbg" aria-label="Previous slide"> </button> 1730 <button type="button" class="bg-arrow-right dbg" aria-label="Next slide"> </button><ul class="bg-bullets dbg"><li class="bg-bullet-0">â</li><li class="bg-bullet-1">â</li><li class="bg-bullet-2">â</li><li class="bg-bullet-3">â</li><li class="bg-bullet-4">â</li><li class="bg-bullet-5">â</li><li class="bg-bullet-6">â</li><li class="bg-bullet-7">â</li></ul></div> 1731 </div> 1732</div> 1733</div></div> 1734</div></section> 1735<section id="floor-plans" class="block-area container-fluid"><div class="col-lg-12"><hr class="floor-plans-divider" /></div><div id="" class="col-lg-6 floor-plans-gallery-container"><div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader6_pnlContainer"> 1736 1737
1738<script type="text/javascript"> 1739 $(function () { 1740 1741 var target; 1742 var animType = 'slide'; 1743 var slideshowSpeed = 3000; 1744 var overlayOpacity = 0; 1745 var timingRun = setInterval(function () { f_rightClick(animType); }, slideshowSpeed); 1746 // TFS 2987210 (WCAG 2.2.2 Pause, Stop, Hide -- Level A). Sticky user-pause flag. 1747 // This gallery already had a clearInterval, but ONLY inside resetTiming(), which 1748 // immediately re-arms the timer -- a debounce, not a stop. Every arrow click, bullet 1749 // click and auto-advance funnels through resetTiming(), so a plain clearInterval from 1750 // a pause button would be silently undone by the user's very next interaction. This 1751 // flag is what makes the stop a real stop; resetTiming() below honours it. 1752 var bgUserPaused = false; 1753 var bgImageHeight; 1754 var numBgImages; 1755 var rpbgId = '#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader6_ctl00_background_gallery'; 1756 var backgroundGalleryLazyLoad = 'False'; 1757 var backgroundGalleryImageSize = '1920x1080'; 1758 var backgroundGalleryObserver; 1759 1760 $(document).ready(function () { 1761 1762 $(window).on( "menuStateChangeEvent", function( event, params ) { 1763 f_bgResize(); 1764 }); 1765 if (backgroundGalleryLazyLoad.toLowerCase() == 'true' && navigator.userAgent.toLocaleLowerCase().indexOf('safari') == -1) { 1766 try { 1767 backgroundGalleryObserver = new IntersectionObserver(bgIntersectCallback, intersectOptions); 1768 backgroundGalleryObserver.observe(document.querySelector(rpbgId)); 1769 if ($('#head').length > 0) { 1770 backgroundGalleryObserver.observe(document.querySelector('#head')); 1771 } 1772 } catch (err) { 1773 console.warn(err); 1774 } 1775 } else { 1776 f_convertBgImages(); 1777 } 1778 }); 1779 1780 var bgIntersectCallback = function (entries, observer) { 1781 if (entries && entries[0].isIntersecting) { 1782 f_convertBgImages(); 1783 backgroundGalleryObserver.unobserve(document.querySelector(rpbgId)); 1784 } 1785 } 1786 1787 function f_convertBgImages() { 1788 $('.bg-images li').each(function (i, v) { 1789 var url = $(v).find('meta[itemprop="contentUrl"]').attr('content'); 1790 var newImageWidth = $(window).width() * window.devicePixelRatio; 1791 newImageWidth = Math.round(newImageWidth) + 'x0'; 1792 url = url.replace('dimg', 'dimg-crop').replace(backgroundGalleryImageSize, newImageWidth); 1793 1794 $(v).css("background-image", 'url("' + url + '")'); 1795 }); 1796 if ('True'.toLowerCase() == 'true' && screen.width < 500) 1797 $(rpbgId + ' .dbg').remove(); 1798 else 1799 $(rpbgId + ' .mbg').remove(); 1800 1801 if ('False'.toLowerCase() == 'true' || $(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') 1802 $(rpbgId + ' .bg-bullets').hide(); 1803 1804 if ($(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') { 1805 $(rpbgId + ' .bg-arrow-left').hide(); 1806 $(rpbgId + ' .bg-arrow-right').hide(); 1807 } 1808 1809 $(rpbgId + ' .background-gallery .li-image').addClass('overlay-opacity-' + overlayOpacity); 1810 1811 if (animType == 'none') { 1812 $(rpbgId + ' .bg-images li').hide(); 1813 $(rpbgId + ' .bg-images li').first().show(); 1814 } 1815 1816 if (animType == 'slide' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 1817 var firstImage = $(rpbgId + ' .bg-images li').first(); 1818 var lastImage = $(rpbgId + ' .background-gallery .bg-images li').last(); 1819 firstImage.clone().appendTo(rpbgId + ' .bg-images'); 1820 lastImage.clone().prependTo(rpbgId + ' .bg-images'); 1821 } else 1822 $(rpbgId + ' .bg-images li').first().css('opacity', 1); 1823 1824 bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height(); 1825 $(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight); 1826 window.addEventListener('resize', function () { 1827 f_bgResize(); 1828 }); 1829 $(window).resize(function () { 1830 f_bgResize(); 1831 }); 1832 numBgImages = $(rpbgId + ' .bg-images li').length; 1833 1834 f_bgResize(); 1835 1836 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 1837 $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + $(rpbgId + '.background-gallery-container').width() + 'px'); 1838 } 1839 1840 $(rpbgId + ' .bg-bullets li').first().addClass('bg-selected'); 1841 1842 $(rpbgId + ' .bg-bullets li').click(function () { 1843 if (!$(this).hasClass('bg-selected')) { 1844 target = $(this).index(); 1845 f_sliderResponse(target, animType); 1846 resetTiming(animType); 1847 } 1848 }); 1849 $(rpbgId + ' .bg-arrow-right').click(function () { 1850 f_rightClick(animType); 1851 }); 1852 $(rpbgId + ' .bg-arrow-left').click(function () { 1853 f_leftClick(animType); 1854 }); 1855 1856 $(rpbgId + ' .bg-images li').on('swipeleft', function () { 1857 f_rightClick('slide'); 1858 }).on('swiperight', function () { 1859 f_leftClick('slide'); 1860 }); 1861 1862 // TFS 2987210 (WCAG 2.2.2 Pause, Stop, Hide -- Level A). Attached here, at the 1863 // end of f_convertBgImages, because that is the point at which the slide count 1864 // is finally known: the 'slide' branch above clones the first and last images, 1865 // so an earlier count would be wrong. Gated on the same tw
1865o conditions the 1866 // arrows and bullets use, since when either fails nothing is rotating and a 1867 // pause control would be a lie. 1868 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1 && window.RPPauseControl) { 1869 window.RPPauseControl.attach({ 1870 container: rpbgId, 1871 overlay: true, 1872 key: 'background-gallery', 1873 onPause: function () { 1874 bgUserPaused = true; 1875 clearInterval(timingRun); 1876 }, 1877 onPlay: function () { 1878 bgUserPaused = false; 1879 resetTiming(animType); 1880 } 1881 }); 1882 } 1883 } 1884 1885 function f_sliderResponse(target, animType) { 1886 $(rpbgId + ' .bg-images').stop(true, true); 1887 var imageWidth = $(rpbgId + '.background-gallery-container').width(); 1888 if (animType != 'fade') 1889 $(rpbgId + ' .bg-images').animate({ 'left': '-' + (imageWidth * (target + 1)) + 'px' }, function () { });
1890 else { 1891 $($(rpbgId + ' .bg-images li')[target]).animate({ opacity: 1 }, function () { }); 1892 $(rpbgId + ' .bg-images li').each(function (i, v) { 1893 if (i != target) 1894 $(v).animate({ opacity: 0 }); 1895 }); 1896 } 1897 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1898 } 1899 function f_rightClick(animType) { 1900 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 1901 $(rpbgId + ' .bg-images').stop(true, true); 1902 var imageWidth = $(rpbgId + '.background-gallery-container').width(); 1903 var newPosition; 1904 1905 if (animType == 'slide') { 1906 if ($(rpbgId + ' .bg-images').position().left % 1 != 0) 1907 f_bgResize(); 1908 newPosition = Math.round($(rpbgId + ' .bg-images').position().left) - imageWidth; 1909 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1910 target === $(rpbgId + ' .background-gallery .bg-images li').length - 2 ? target = 0 : target = target + 1; 1911 $(rpbgId + ' .bg-images').animate({ 'left': newPosition + 'px' }, function () { 1912 if (Math.abs(newPosition) == ($(rpbgId + ' .background-gallery .bg-images li').length - 1) * imageWidth) { 1913 $(rpbgId + ' .bg-images').css({ 'left': '-' + imageWidth + 'px' }); 1914 target = 0; 1915 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1916 } 1917 }); 1918 } else if (animType == 'fade') { 1919 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1920 target === $(rpbgId + ' .background-gallery .bg-images li').length - 1 ? target = 0 : target = target + 1; 1921 1922 $($(rpbgId + ' .bg-images li')[target]).animate({ opacity: 1 }, function () { });
1923 $(rpbgId + ' .bg-images li').each(function (i, v) { 1924 if (i != target) 1925 $(v).css('opacity', 0); 1926 }); 1927 if (target == 0) 1928 $(rpbgId + ' .bg-images li').last().animate({ opacity: 0 }, function () { }); 1929 } 1930 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1931 resetTiming(animType); 1932 } 1933 } 1934 function f_leftClick(animType) { 1935 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) { 1936 $(rpbgId + ' .bg-images').stop(true, true); 1937 var imageWidth = $(rpbgId + '.background-gallery-container').width(); 1938 var newPosition; 1939 if (animType != 'fade') { 1940 if ($(rpbgId + ' .bg-images').position().left % 1 != 0) 1941 f_bgResize(); 1942 newPosition = Math.round($(rpbgId + ' .bg-images').position().left + imageWidth); 1943 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1944 target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 3 : target = target - 1; 1945 1946 $(rpbgId + ' .bg-images').animate({ 'left': newPosition + 'px' }, function () { 1947 if (newPosition == 0) { 1948 $(rpbgId + ' .bg-images').css({ 'left': '-' + (($(rpbgId + ' .background-gallery .bg-images li').length - 2) * imageWidth) + 'px' }); 1949 target = ($(rpbgId + ' .background-gallery .bg-images li').length - 3); 1950 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1951 } 1952 }); 1953 } else if (animType == 'fade') { 1954 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1955 target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 1 : target = target - 1; 1956 1957 $($(rpbgId + ' .bg-images li')[target]).animate({ opacity: 1 }, function () { });
1958 $(rpbgId + ' .bg-images li').each(function (i, v) { 1959 if (i != target) 1960 $(v).css('opacity', 0); 1961 }); 1962 } 1963 $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected'); 1964 resetTiming(animType); 1965 } 1966 } 1967 function resetTiming(animType) { 1968 clearInterval(timingRun); 1969 // TFS 2987210: do not re-arm while the user has explicitly paused. Returning 1970 // here (rather than guarding each caller) covers all three call sites -- 1971 // f_rightClick, f_leftClick and the bullet click handler -- and means manual 1972 // navigation still works while paused without secretly restarting rotation. 1973 if (bgUserPaused) { 1974 return; 1975 } 1976 timingRun = setInterval(function () { f_rightClick(animType); }, slideshowSpeed); 1977 } 1978 function f_bgResize() { 1979 $(rpbgId + ' .bg-images').stop(true, true); 1980 target = $(rpbgId + ' .bg-bullets li.bg-selected').index(); 1981 var newWidth = $(rpbgId + '.background-gallery-container').width() * (target + 1); 1982 bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height(); 1983 $(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight); 1984 if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) 1985 $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + newWidth + 'px'); 1986 $(rpbgId + ' .background-gallery .li-image').css('width', $(rpbgId + '.background-gallery-container').width() + 'px'); 1987 $(rpbgId + ' .background-gallery').css('width', $(rpbgId + '.background-gallery-container').width() + 'px'); 1988 $(rpbgId + ' .background-gallery ul.bg-images').css('width', ($(rpbgId + '.background-gallery-container').width() * numBgImages) + 'px'); 1989 } 1990 }); 1991</script>
1991 1992 1993<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader6_ctl00_background_gallery" class="background-gallery-container"> 1994 <div id="rpbg-p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader6_ctl00_background_gallery" class="background-gallery bg-slide"><ul class="bg-images mbg"><li class="li-image li-image-0"> 1995 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 1996 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/170773037/800x0/170773037.jpg" /></div> 1997 <div class="bg-caption-container"> 1998 <div class="bg-caption"></div> 1999 <div class="bg-description"></div> 2000 </div> 2001 </li><li class="li-image li-image-1"> 2002 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2003 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/170773038/800x0/170773038.jpg" /></div> 2004 <div class="bg-caption-container"> 2005 <div class="bg-caption"></div> 2006 <div class="bg-description"></div> 2007 </div> 2008 </li><li class="li-image li-image-2"> 2009 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2010 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/171511090/800x0/171511090.jpg" /></div> 2011 <div class="bg-caption-container"> 2012 <div class="bg-caption"></div> 2013 <div class="bg-description"></div> 2014 </div> 2015 </li><li class="li-image li-image-3"> 2016 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2017 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/171511091/800x0/171511091.jpg" /></div> 2018 <div class="bg-caption-container"> 2019 <div class="bg-caption"></div> 2020 <div class="bg-description"></div> 2021 </div> 2022 </li><li class="li-image li-image-4"> 2023 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2024 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/171511144/800x0/171511144.jpg" /></div> 2025 <div class="bg-caption-container"> 2026 <div class="bg-caption"></div> 2027 <div class="bg-description"></div> 2028 </div> 2029 </li><li class="li-image li-image-5"> 2030 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2031 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188442/800x0/169188442.jpg" /></div> 2032 <div class="bg-caption-container"> 2033 <div class="bg-caption"></div> 2034 <div class="bg-description"></div> 2035 </div> 2036 </li><li class="li-image li-image-6"> 2037 <div class="img_wrapper mbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2038 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188444/800x0/169188444.jpg" /></div> 2039 <div class="bg-caption-container"> 2040 <div class="bg-caption"></div> 2041 <div class="bg-description"></div> 2042 </div> 2043 </li></ul><button type="button" class="bg-arrow-left mbg" aria-label="Previous slide"> </button> 2044 <button type="button" class="bg-arrow-right mbg" aria-label="Next slide"> </button><ul class="bg-bullets mbg"><li class="bg-bullet-0">â</li><li class="bg-bullet-1">â</li><li class="bg-bullet-2">â</li><li class="bg-bullet-3">â</li><li class="bg-bullet-4">â</li><li class="bg-bullet-5">â</li><li class="bg-bullet-6">â</li></ul><ul class="bg-images dbg"><li class="li-image li-image-0"> 2045 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2046 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/170773037/1920x1080/170773037.jpg" /></div> 2047 <div class="bg-caption-container"> 2048 <div class="bg-caption"></div> 2049 <div class="bg-description"></div> 2050 </div> 2051 </li><li class="li-image li-image-1"> 2052 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2053 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/170773038/1920x1080/170773038.jpg" /></div> 2054 <div class="bg-caption-container"> 2055 <div class="bg-caption"></div> 2056 <div class="bg-description"></div> 2057 </div> 2058 </li><li class="li-image li-image-2"> 2059 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2060 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/171511090/1920x1080/171511090.jpg" /></div> 2061 <div class="bg-caption-container"> 2062 <div class="bg-caption"></div> 2063 <div class="bg-description"></div> 2064 </div> 2065 </li><li class="li-image li-image-3"> 2066 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2067 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/171511091/1920x1080/171511091.jpg" /></div> 2068 <div class="bg-caption-container"> 2069 <div class="bg-caption"></div> 2070 <div class="bg-description"></div> 2071 </div> 2072 </li><li class="li-image li-image-4"> 2073 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2074 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/171511144/1920x1080/171511144.jpg" /></div> 2075 <div class="bg-caption-container"> 2076 <div class="bg-caption"></div> 2077 <div class="bg-description"></div> 2078 </div> 2079 </li><li class="li-image li-image-5"> 2080 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2081 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188442/1920x1080/169188442.jpg" /></div> 2082 <div class="bg-caption-container"> 2083 <div class="bg-caption"></div> 2084 <div class="bg-description"></div> 2085 </div> 2086 </li><li class="li-image li-image-6"> 2087 <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject"> 2088 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188444/1920x1080/169188444.jpg" /></div> 2089 <div class="bg-caption-container"> 2090 <div class="bg-caption"></div> 2091 <div class="bg-description"></div> 2092 </div> 2093 </li></ul><button type="button" class="bg-arrow-left dbg" aria-label="Previous slide"> </button> 2094 <button type="button" class="bg-arrow-right dbg" aria-label="Next slide"> </button><ul class="bg-bullets dbg"><li class="bg-bullet-0">â</li><li class="bg-bullet-1">â</li><li class="bg-bullet-2">â</li><li class="bg-bullet-3">â</li><li class="bg-bullet-4">â</li><li class="bg-bullet-5">â</li><li class="bg-bullet-6">â</li></ul></div> 2095 </div> 2096</div> 2097</div><div id="" class="clearfix"><div class="col-lg-1 col-md-2 col-sm-0"></div> 2098<div class="clearfix col-lg-4 col-md-8 col-sm-12 column-wrapper home-content-sub-content"> 2099 <div class="home-column"> 2100 <div class="wrapper"> 2101 <h1>View Panorama Apartments in Colorado Springs, COFloor Plans</h1> 2102 <div class="main-content">
2103 <span style="font-size: 16px;">One look at our spacious floor plans and it's easy to see how Panorama Heights is different from other apartments for rent in Colorado Springs, CO. With a variety of floor plans to choose from, weâre certain thereâs one thatâs just right for you. Browse our one two, and three bedroom floor plans.</span> 2104 2105 <a class="floor-plan-link check-availability-button rp-scroll" href="#floor-plan-widget">Check Availability<i class="fa fa-angle-down" aria-hidden="true"></i></a> 2106 </div> 2107 </div> 2108 </div> 2109</div> 2110<div class="col-lg-1 col-md-2 col-sm-0"></div> 2111</div><div id="floor-plan-widget" class=""><div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader_pnlContainer"> 2112 2113<!--FLOORPLANLOADER BEGIN--> 2114 2115 2116 2117<div id="rpfloorplans"></div> 2118
2118<script type="text/javascript"> 2119 var templateId; 2120 if ('floorplan1' === 'floorplan1') 2121 templateId = 1; 2122 else if ('floorplan1' === 'floorplan2') 2123 templateId = 2; 2124 else if ('floorplan1' === 'floorplan3') 2125 templateId = 3; 2126 else if ('floorplan1' === 'floorplan4') 2127 templateId = 4; 2128 else if ('floorplan1' === 'floorplan5') 2129 templateId = 5; 2130 else if ('floorplan1' === 'floorplan6') 2131 templateId = 6; 2132 2133 var enablePT = false; 2134 var enableDRR = false; 2135 var valueDRR = (enablePT) ? true : enableDRR; 2136 2137 var RPFP_config = { 2138 target: '#rpfloorplans', 2139 template: templateId, 2140 templateColors: ['#ffffff', '#000000', 2141 '#000000', '#d7d7d7', 2142 '#7d7d7d', '#999999', 2143 '#f1f1f1', '#ffffff', 2144 '#ffffff'], 2145 propertyId: propertyId, 2146 pKey: propertyKey, 2147 ismApiUrl: 'https://ism.realpage.com', 2148 apiUrl: 'https://c-leasestar-api.realpage.com', 2149 useCarousel: false, 2150 carouselItems: 3, 2151 defaultLeaseTerm: 'bestprice', 2152 disclaimerText: '', 2153 floorplansPerPage: 0, 2154 maxMoveInDateDays: 0, 2155 showBuildingFilter: false, 2156 hidePricingFilter: false, 2157 defaultSortOption: 0, 2158 defaultMediaOrder: 0, 2159 skipStepsEnabled: true, 2160 studentProperty: false, 2161 showAvailableFloorplansOnly: false, 2162 showBuildingName: false, 2163 fitThumbnail: true, 2164 hideAvailability: true, 2165 hideFloorplansPricing: false, 2166 hideUnitsPricing: false, 2167 hideSquareFeet: false, 2168 overrideNoUnitsText: '', 2169 overrideContactUsText: 'Apply Now', 2170 thirdPartyContactUrl: '/contact.aspx', 2171 overrideLeaseNowText: '', 2172 thirdPartyLeasingUrl: '', 2173 onlineLeasingUrls: [{"SiteId":"9105829","Url":"http://9105829aff.onlineleasing.realpage.com/#k=83594","IsSelectedSite":false,"PartnerPropertyId":"5337132"}], 2174 internationalProperty: false, 2175 matchedSource: matchedSource, 2176 aholDisplay: false, 2177 aholContent: 'Looking for Affordable Homes?', 2178 aholText: 'Click Here', 2179 aholLink: 'https://oll-leasing.loftliving.com/affordable/?siteid=5337132', 2180 ismEnabled: false, 2181 ismId: '', 2182 ismDefault: false, 2183 apiKey: '499e3174-ece6-4ebb-9895-9968106527ae', 2184 availableUnitColor: '#133d22', 2185 availableUnitHighlightColor: '#37623e', 2186 pinColor: '#031f4b', 2187 pinHighlightColor: '#035891', 2188 engrainSitemapId: '', 2189 engrainedText: 'Interactive Map', 2190 engrainedUrl: '', 2191 hideUnitSiteMapDetails: false, 2192 hideEngrainSiteMaponMobile: false, 2193 hideBrochure: false, 2194 bmRedirect: false, 2195 bmCreditCards: '', 2196 bmEmail: '', 2197 bmApplicationFee: '', 2198 bmSerialNumber: '', 2199 leaseTermDetails: ('{"leaseTerms":[1,2,3,4,5,6,7,8,9,10,11,12,13]}' ? JSON.parse('{"leaseTerms":[1,2,3,4,5,6,7,8,9,10,11,12,13]}') : ''), 2200 templateVars: { 2201 cta1image: "", 2202 cta1title: "", 2203 cta1text: "" 2204 }, 2205 dynamicRentRange: valueDRR, 2206 enablePricingTransparency: 'false', 2207 ufWidgetEnabled: false ? false : false, 2208 hideFeeCalculator: 'false', 2209 ufWidgetDisclaimer: 'This price estimate does not include optional fees. Use our cost calculator to customize.', 2210 rollUpPricing: 'false', 2211 feesToDisplay: 'all', 2212 pricingDisclaimer: 'Estimated price does not include additional fees', 2213 pricingLink: 'Show additional pricing information', 2214 excludedFeeCodes: '["PETDEP","PETFEE"]', 2215 rentDisplayOption: '0', 2216 feeTransparencyWidgetVersion: '0', 2217 additionalinfo1:'', 2218 additionalinfo2:'', 2219 additionalscript: ``, 2220 disableOnMobile: 'false', 2221 enablePopUp:'false', 2222 popupWindowHeader:'', 2223 popupWindowText: ``, 2224 imageHeight:480, 2225 imageWidth:640, 2226 imageOverride: '', 2227 } 2228 </script>
2228 2229 2230 2231
2232<script src="https://cs-cdn.realpage.com/RFP/v1.0/loader.js" type="text/javascript"></script>
2232 2233 2234 2235<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader_ctl00_ctl00_pnlFormInputs"> 2236 2237 </div> 2238 2239<!--FLOORPLANLOADER END--> 2240</div> 2241</div> 2242 2243<div class="sp-container"> 2244 2245 2246</div></section> 2247<section id="gallery" class="block-area container-fluid"><div id="" class="clearfix"><div class="col-lg-3 col-md-2 col-sm-0"></div> 2248<div class="clearfix col-lg-6 col-md-8 col-sm-12 column-wrapper home-content-sub-content"> 2249 <div class="home-column"> 2250 <div class="wrapper"> 2251 <h1>Colorado Springs, CO Apartments Gallery</h1> 2252 <div class="main-content"> 2253 <span style="font-size: 16px;">Take a look below at our gallery and youâll see our Colorado Springs apartment's interior and community photos.</span> 2254 </div> 2255 </div> 2256 </div> 2257</div> 2258<div class="col-lg-3 col-md-2 col-sm-0"></div> 2259</div><div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_pnlContainer"> 2260 2261
2262<script type="text/javascript"> 2263 var nestedGalleryLocation = 'top'; 2264 var facebookBtnName = 'Facebook'; 2265 var instagramBtnName = 'Instagram'; 2266 var gallerySquareTilesLazyLoad = 'False'; 2267 var imageSize = '1920x1080'; 2268 var squareTilesObserver; 2269 2270 var defaultColumnCount= '3'; 2271 var itemsPerPageGallery = 'false'; 2272 2273 $(document).ready(function () { 2274 if (gallerySquareTilesLazyLoad.toLowerCase() == 'true' && navigator.userAgent.toLocaleLowerCase().indexOf('safari') == -1) { 2275 try { 2276 squareTilesObserver = new IntersectionObserver(gstIntersectCallback, intersectOptions); 2277 squareTilesObserver.observe(document.querySelector('#gstIntersect')); 2278 squareTilesObserver.observe(document.querySelector('#photosContainer')); 2279 squareTilesObserver.observe(document.querySelector('#gstFooterIntersect')); 2280 if ($('#head').length > 0) { 2281 squareTilesObserver.observe(document.querySelector('#head')); 2282 } 2283 } catch (err) { 2284 console.warn(err); 2285 } 2286 } else { 2287 f_buildGallery(); 2288 } 2289 2290 2291 if($(window).width() < 768) 2292 f_resize(); 2293 2294 $(window).resize(function() { 2295 f_resize(); 2296 }); 2297 }); 2298 2299 var gstIntersectCallback = function (entries, observer) { 2300 if (entries && entries[0].isIntersecting) { 2301 f_buildGallery(); 2302 squareTilesObserver.unobserve(document.querySelector('#gstIntersect')); 2303 squareTilesObserver.unobserve(document.querySelector('#photosContainer')); 2304 squareTilesObserver.unobserve(document.querySelector('#gstFooterIntersect')); 2305 } 2306 } 2307 2308 function f_buildGallery() { 2309 var playSlideShow = false; 2310 var galleryIndex = 0; 2311 2312 if ($('.side-container li').length <= 1) { 2313 $('.photolist').removeClass('nested-side'); 2314 $('.photolist').addClass('nested-top'); 2315 } else 2316 $('.side-container').removeClass('hide-side-cont'); 2317 2318 if ($('.top-container li').length > 1) { 2319 $('.top-container').removeClass('hide-top-cont'); 2320 } 2321 if (nestedGalleryLocation == 'dropdown' && $('.top-dropdown option').length > 1 || $(window).width() < 1025 && $('.top-dropdown option').length > 1) 2322 $('.top-dropdown').removeClass('hide-dropdown'); 2323 2324 var pixelRatio = ((window.devicePixelRatio) ? window.devicePixelRatio : 1); 2325 var windowWidth = Math.floor(window.innerWidth * 0.80 * pixelRatio); 2326 var windowHeight = Math.floor(window.innerHeight * 0.80 * pixelRatio); 2327 2328 var fullImageSizeString = windowWidth + 'x' + windowHeight; 2329 var defaultImageWidth = Math.floor($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer').width() * pixelRatio / 3); 2330 var thumbImageSizeString = defaultImageWidth.toString() + 'x' + defaultImageWidth.toString(); 2331 2332 $('#widget_header_buttons .columnSelector').click(function() { 2333 $('#widget_header_buttons .columnSelector').removeClass('selected'); 2334 $('#widget_header_buttons .mosaic').removeClass('selected'); 2335 $(this).addClass('selected'); 2336 var columnCount = $(this).data('columns'); 2337 $('#photosContainer').removeAttr('class'); 2338 $('#photosContainer').addClass('columns' + columnCount); 2339 $('.photolist').hide(); 2340 2341 f_convertImages(fullImageSizeString, thumbImageSizeString, columnCount); 2342 2343 if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) 2344 galleryIndex = $('.nested-gst.selected').attr('data-index'); 2345 else 2346 galleryIndex = $('.top-dropdown option:selected').attr('data-index'); 2347 2348 $('#photoList' + galleryIndex).show(); 2349 2350 2351 2352 $('.grid').hide(); 2353 2354 var minHeight = 0; 2355 $('.photolist img:visible').each(function() { 2356 if ($(this).height() > minHeight) 2357 minHeight = $(this).height(); 2358 }); 2359 $('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight); 2360 2361 }); 2362 2363 $('#widget_header_buttons #btnMosaic').on('click', function() { 2364 $('#widget_header_buttons .columnSelector').removeClass('selected'); 2365 $(this).addClass('selected'); 2366 $('#photosContainer').removeAttr('class'); 2367 $('.photolist').hide(); 2368 $('.grid').hide(); 2369 2370 if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) 2371 galleryIndex = $('.nested-gst.selected').attr('data-index'); 2372 else 2373 galleryIndex = $('.top-dropdown option:selected').attr('data-index'); 2374 2375 $('#grid' + galleryIndex).show(); 2376 2377 f_convertMosaicImages(fullImageSizeString, thumbImageSizeString); 2378 2379 if ($('.side-container li').length > 0 && $('.nested-gst').length > 1 && $(window).width() > 1024) { 2380 $('.grid').css('width', '80%'); 2381 } else 2382 $('.grid').css('width', '100%'); 2383 2384 $('.grid').masonry({ 2385 itemSelector: '.grid-item', 2386 columnWidth: '.grid-sizer', 2387 percentPosition: true 2388 }); 2389 2390 }); 2391 2392 $('#widget_header_buttons #btnPlaySlideshow').on('click', function(){ 2393 playSlideShow = true; 2394 2395 if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) 2396 galleryIndex = $('.nested-gst.selected').attr('data-index'); 2397 else 2398 galleryIndex = $('.top-dropdown option:selected').attr('data-index'); 2399 2400 if ($('.headerButton.selected').attr('data-columns') == 'mosaic') 2401 $('#grid' + galleryIndex + ' a').first().trigger('click', [true]); 2402 else 2403 $('#photoList' + galleryIndex + ' a').first().trigger('click', [true]); 2404 }); 2405 2406 $('.nested-gst').click(function() { 2407 $('.nested-gst').removeClass('selected'); 2408 $(this).addClass('selected'); 2409 $('.top-dropdown option[data-index="' + $(this).attr('data-index') + '"]').prop('selected', true); 2410 2411 $('.grid').hide(); 2412 $('.photolist').hide(); 2413 2414 if ($('.headerButton.selected').attr('data-columns') == 'mosaic') { 2415 f_convertMosaicImages(fullImageSizeString, thumbImageSizeString); 2416 2417 $('#grid' + $(this).attr('data-index')).show(); 2418 2419 $('#grid' + $(this).attr('data-index')).masonry({ 2420 itemSelector: '.grid-item', 2421 columnWidth: '.grid-sizer', 2422 percentPosition: true 2423 }); 2424 } else { 2425 var column_count = $('.headerButton.selected').attr('data-columns'); 2426 f_convertImages(fullImageSizeString, thumbImageSizeString, column_count); 2427 2428 $('#photoList' + $(this).attr('data-index')).show(); 2429 2430 var minHeight = 0; 2431 $('.photolist img:visible').each(function() { 2432 if ($(this).height() > minHeight) 2433 minHeight = $(this).height(); 2434 }); 2435 $('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight); 2436 } 2437 }); 2438 2439 $('.top-dropdown').change(function() { 2440 $('.grid').hide(); 2441 $('.photolist').hide(); 2442 2443 if ($('.headerButton.selected').attr('data-columns') == 'mosaic') { 2444 f_convertMosaicImages(fullImageSizeString, thumbImageSizeString); 2445 2446 $('#grid' + $('.top-dropdown option:selected').attr('data-index')).show(); 2447 2448 $('#grid' + $('.top-dropdown option:selected').attr('data-index')).masonry({ 2449 itemSelector: '.grid-item', 2450 columnWidth: '.grid-sizer', 2451 percentPosition: true 2452 }); 2453 } else { 2454 var column_count = $('.headerButton.selected').attr('data-columns'); 2455 f_convertImages(fullImageSizeString, thumbImageSizeString, column_count); 2456 $('#photoList' + $('.top-dropdown option:selected').attr('data-index')).show(); 2457 2458 var minHeight = 0; 2459 $('.photolist img:visible').each(function() { 2460 if ($(this).height() > minHeight) 2461 minHeight = $(this).height(); 2462 }); 2463 $('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight); 2464 } 2465 }); 2466 2467 if (p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.defaultView.toLowerCase() == 'mosaic') { 2468 $('#widget_header_buttons #btnMosaic').click(); 2469 } else 2470 $('.headerButton.column' + p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.defaultView).click(); 2471 2472 if (p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.hideColumnSelector.toUpperCase() == "TRUE") { 2473 $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer .columnSelector').hide(); 2474 $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer #widget_header_buttons #btnMosaic').hide(); 2475 } 2476 2477 $(".headerButton").tooltip({ 2478 position: { 2479 my: "center bottom-20", 2480 at: "center top", 2481 using: function( position, feedback ) { 2482 $( this ).css( position ); 2483 $( "<div>" ) 2484 .addClass( "arrow" ) 2485 .addClass( feedback.vertical ) 2486 .addClass( feedback.horizontal ) 2487 .appendTo( this ); 2488 } 2489 } 2490 }); 2491 2492 f_convertImages(fullImageSizeString, thumbImageSizeString, defaultColumnCount); 2493 2494 if ($(window).width() < 1025) { 2495 $('.photolist').removeClass('nested-side'); 2496 $('.photolist').addClass('nested-top'); 2497 } 2498 2499 $('.fancybox3').fancybox({ 2500 fullScreen: { 2501 autoStart: false 2502 }, 2503 thumbs: { 2504 autoStart: false, 2505 hideOnClose: true 2506 }, 2507 smallBtn: "auto", 2508 afterLoad: function (instance, current) { 2509 if (current.$image) { 2510 current.$image.attr('alt', current.opts.$orig.find('meta[itemprop="name"]').attr('content')); 2511 } 2512 var pixelRatio = window.devicePixelRatio || 1; 2513 2514 if ( pixelRatio > 1.5 ) { 2515 current.width = current.width / pixelRatio; 2516 current.height = current.height / pixelRatio; 2517 } 2518 } 2519 }); 2520 } 2521 2522 function f_convertImages(fullImageSizeString, thumbImageSizeString, defaultColumnCount) { 2523 var galleryIndex = 0; 2524 if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) 2525 galleryIndex = $('.nested-gst.selected').attr('data-index'); 2526 else 2527 galleryIndex = $('.top-dropdown option:selected').attr('data-index'); 2528 2529 $('#photoList' + galleryIndex + ' a.fancybox3').each(function(index, imageContainer) { 2530 var imageSrc = $(imageContainer).attr('href'); 2531 var imageThumbSrc; 2532 2533 if ($('.top-dropdown option:selected').html() == instagramBtnName || $('.top-dropdown option:selected').html() == facebookBtnName) { 2534 imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url'); 2535 } else if ($(window).width() > 1025 && $('.nested-gst.selected').length > 0 && $('.nested-gst.selected').html() == instagramBtnName || $('.nested-gst.selected').html() == facebookBtnName) { 2536 imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url'); 2537 } else { 2538 $(imageContainer).attr('href', imageSrc.replace(imageSize, fullImageSizeString)); 2539 imageThumbSrc = imageSrc.replace('dimg', 'dimg-crop').replace(fullImageSizeString, thumbImageSizeString).replace(imageSize, thumbImageSizeString); 2540 var imageThumbAltText = $(imageContainer).find('.img_wrapper meta[itemprop="name"]').attr('content'); 2541 } 2542 $(imageContainer).find('.img_wrapper').css('background-image', 'url(' + imageThumbSrc.replace(imageSize, $(window).width() + 'x' + $(window).height()) + ')'); 2543 2544 $(imageContainer).addClass('fancybox3'); 2545 $(imageContainer).click(function(e, isFromPlayButton){ 2546 if (!isFromPlayButton){ 2547 var imageId = $(this).data('mediaid'); 2548 f_analyticsSendEvent('gallery', 'click-gallery-image', imageId.toString()); 2549 } 2550 }); 2551 }); 2552 2553 var minHeight = 0; 2554 $('.photolist img:visible').each(function() { 2555 if ($(this).height() > minHeight) 2556 minHeight = $(this).height(); 2557 }); 2558 $('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight); 2559 2560 var gallery_tab = $('#photoList' + galleryIndex); 2561 f_createPaginationGallerySquares(gallery_tab, defaultColumnCount); 2562 } 2563 2564 function f_convertMosaicImages(fullImageSizeString, thumbImageSizeString) { 2565 var galleryIndex = 0; 2566 if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) 2567 galleryIndex = $('.nested-gst.selected').attr('data-index'); 2568 else 2569 galleryIndex = $('.top-dropdown option:selected').attr('data-index'); 2570 2571 $('#grid' + galleryIndex + ' .mosaic-img').each(function() { 2572 var url = $(this).find('meta[itemprop="contentUrl"]').attr('content'); 2573 $(this).css('background-image', 'url(' + url.replace(imageSize, $(window).width() + 'x' + $(window).height()) + ')'); 2574 }); 2575 2576 $('#grid' + galleryIndex + ' a.fancybox3').each(function(index, imageContainer) { 2577 var imageSrc = $(imageContainer).attr('href'); 2578 var imageThumbSrc; 2579 2580 if ($('.top-dropdown option:selected').html() == instagramBtnName || $('.top-dropdown option:selected').html() == facebookBtnName) { 2581 imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url'); 2582 } else if ($('.nested-gst.selected').length > 0 && $('.nested-gst.selected').html() == instagramBtnName || $('.nested-gst.selected').html() == facebookBtnName) { 2583 imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url'); 2584 } else { 2585 $(imageContainer).attr('href', imageSrc.replace(imageSize, fullImageSizeString)); 2586 imageThumbSrc = imageSrc.replace('dimg', 'dimg-crop').replace(fullImageSizeString, thumbImageSizeString).replace(imageSize, thumbImageSizeString); 2587 var imageThumbAltText = $(imageContainer).find('.img_wrapper meta[itemprop="name"]').attr('content'); 2588 } 2589 $(imageContainer).find('.img_wrapper').html('<img src="' + imageThumbSrc + '" ' + (imageThumbAltText ? 'alt="' + imageThumbAltText + '"' : '') + ' />'); 2590 $(imageContainer).addClass('fancybox3'); 2591 $(imageContainer).click(function(e, isFromPlayButton){ 2592 if (!isFromPlayButton){ 2593 var imageId = $(this).data('mediaid'); 2594 f_analyticsSendEvent('gallery', 'click-gallery-image', imageId.toString()); 2595 } 2596 }); 2597 }); 2598 var gallery_tab = $('#grid' + galleryIndex); 2599 2600 f_createPaginationGallerySquares(gallery_tab, 'mosaic'); 2601 2602 } 2603 2604 2605 function f_createPaginationGallerySquares(gallery_tab, defaultColumnCount) { 2606 var gallery_tab_selector = '#' + gallery_tab.attr('id'); 2607 var galleryCount = 0; 2608 $(gallery_tab_selector + ' .pagination-item').each(function () { 2609
2609 galleryCount++; 2610 }); 2611 2612 2613 // If there is no need for the pagination don't create pagination 2614 if (itemsPerPageGallery == 'false' || itemsPerPageGallery >= galleryCount) { 2615 return; 2616 } 2617 // Create Pagination 2618 else { 2619 $(gallery_tab).attr('data-page', ''); 2620 $(gallery_tab_selector + ' .div-list-pagination-bot-gallery').remove(); 2621 2622 2623 var pageNum = (itemsPerPageGallery == '1' ? 0 : 1); 2624 if (itemsPerPageGallery == '0') 2625 return; 2626 else { 2627 $(gallery_tab_selector + ' .pagination-item').each(function (i, v) { 2628 // Increment page number whenever in a new page 2629 if (itemsPerPageGallery == '1' || (i + 1 > itemsPerPageGallery && (i + 1) % itemsPerPageGallery == 1)) 2630 pageNum++; 2631 $(v).attr('data-page', pageNum); 2632 }); 2633 if (pageNum > 1) { 2634 // TFS 3046412 WCAG 4.1.1: gallery_tab is a <ul>; wrap the pagination <div> in an <li> so it stays a valid list child. 2635 var botPaginationHtml = '<li class="div-list-pagination-wrapper"><div class="div-list-pagination-bot-gallery div-list-pagination-gallery"><ul class="list-pagination-bot list-pagination-gallery"><li><a aria-label="Previous" id="previous-page" onclick="f_previousPageGallerySquares(this);"><span aria-hidden="true">« Prev</span></a></li>'; 2636 for (var i = 1; i <= pageNum; i++) { 2637 botPaginationHtml += '<li class="page-numbers" data-page="' + i + '"><a onclick="f_loadPageGallerySquares(' + i + ', this)">' + i + '</a></li>'; 2638 } 2639 botPaginationHtml += '<li><a aria-label="Next" id="next-page" onclick="f_nextPageGallerySquares(this);"><span aria-hidden=""true"">Next » </span></a></li></ul></div></li>'; 2640 $(gallery_tab).append(botPaginationHtml); 2641 f_loadPageGallerySquares('1', gallery_tab); 2642 } 2643 } 2644 } 2645 2646 } 2647 2648 function f_loadPageGallerySquares(pageNum, elm) { 2649 if ($(elm).hasClass('pagination-parent')) { 2650 elmId = $(elm).attr('id'); 2651 } 2652 else { 2653 elmId = $(elm).parents('.pagination-parent').attr('id'); 2654 } 2655 var gallery_tab_selector = '#' + elmId; 2656 $(gallery_tab_selector + ' .pagination-item').hide(); 2657 $(gallery_tab_selector + ' .pagination-item[data-page="' + pageNum + '"]').show(); 2658 2659 if ($(gallery_tab_selector).hasClass('grid')) { 2660 var $grid = $(gallery_tab_selector).masonry({ 2661 initLayout: true, 2662 itemSelector: '.grid-item', 2663 columnWidth: '.grid-sizer', 2664 percentPosition: true 2665 }); 2666 // bind event 2667 $grid.masonry( 'on', 'layoutComplete', function() { 2668 console.log('layout is complete'); 2669 }); 2670 // trigger initial layout 2671 $grid.masonry(); 2672 } 2673 2674 $(gallery_tab_selector + ' .list-pagination-gallery li').removeClass('active-page'); 2675 $(gallery_tab_selector + ' .list-pagination-gallery li[data-page="' + pageNum + '"]').addClass('active-page'); 2676 2677 $(gallery_tab_selector + ' .list-pagination-gallery li').show(); 2678 $(gallery_tab_selector + ' .list-pagination-gallery li').each(function (i, v) { 2679 if (parseInt($(v).attr('data-page')) > (parseInt(pageNum) + 3) || parseInt($(v).attr('data-page')) < (parseInt(pageNum) - 3)) 2680 $(v).hide(); 2681 }); 2682 2683 if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(pageNum) + 1) + '"]').length == 0) 2684 $(gallery_tab_selector + ' .list-pagination-gallery li:last-child').hide(); 2685 if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(pageNum) - 1) + '"]').length == 0) 2686 $(gallery_tab_selector + ' .list-pagination-gallery li:first-child').hide(); 2687 2688 } 2689 2690 2691 2692 function f_nextPageGallerySquares(elm) { 2693 var gallery_tab_selector = '#' + $(elm).parents('.pagination-parent').attr('id'); 2694 2695 var currentPage = $(gallery_tab_selector + ' .pagination-item:visible').first().attr('data-page'); 2696 2697 if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(currentPage) + 1) + '"]').length > 0) 2698 f_loadPageGallerySquares(parseInt(currentPage) + 1, gallery_tab_selector); 2699 } 2700 2701 function f_previousPageGallerySquares(elm) { 2702 var gallery_tab_selector = '#' + $(elm).parents('.pagination-parent').attr('id'); 2703 2704 var currentPage = $(gallery_tab_selector + ' .pagination-item:visible').first().attr('data-page'); 2705 2706 if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(currentPage) - 1) + '"]').length > 0) 2707 f_loadPageGallerySquares(parseInt(currentPage) - 1, gallery_tab_selector); 2708 } 2709 2710 2711 function f_resize() { 2712 $('.gallerySquareContainer .img_wrapper img').css('min-height', 0); 2713 2714 if (nestedGalleryLocation == 'side' && $(window).width() < 1025) { 2715 $('.photolist').removeClass('nested-side'); 2716 $('.photolist').addClass('nested-top'); 2717 } else if(nestedGalleryLocation == 'side') { 2718 $('.photolist').addClass('nested-side'); 2719 $('.photolist').removeClass('nested-top'); 2720 } 2721 2722 if ($(window).width() < 1025 && $('.top-dropdown option').length > 1) 2723 $('.top-dropdown').removeClass('hide-dropdown'); 2724 if ($(window).width() > 1025 && nestedGalleryLocation != 'dropdown') 2725 $('.top-dropdown').addClass('hide-dropdown'); 2726 2727 if ($(window).width() < 768 && $('.headerButton.selected').attr('data-columns') == 'mosaic') { 2728 if (p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.defaultView.toLowerCase() == '4') 2729 $('.headerButton.column4').click(); 2730 else 2731 $('.headerButton.column3').click(); 2732 } 2733 2734 var minHeight = 0; 2735 $('.photolist img:visible').each(function() { 2736 if ($(this).height() > minHeight) 2737 minHeight = $(this).height(); 2738 }); 2739 $('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight); 2740 } 2741</script>
2741 2742 2743<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer" class="gallerySquareContainer"> 2744 2745 <div id="gstIntersect" class="widget_head"> 2746 <div id="widget_header_buttons" aria-label="Photo Gallery Layout Selection Buttons"> 2747 <!--googleoff: all--> 2748 <button type="button" class="headerButton" id="btnPlaySlideshow" title="Play Slideshow" aria-label="Play Slideshow">Play Slideshow</button> 2749 <button type="button" class="headerButton columnSelector column3" data-columns="3" title="3 Columns" aria-label="3 Column Photo Gallery">3 Columns</button> 2750 <button type="button" class="headerButton columnSelector column4" data-columns="4" title="4 Columns" aria-label="4 Column Photo Gallery">4 Columns</button> 2751 <button type="button" class="headerButton mosaic" id="btnMosaic" data-columns="mosaic" title="Mosaic" aria-label="Mosaic Photo Gallery">Mosaic</button> 2752 <!--googleon: all--> 2753 </div> 2754 <ul class="top-container hide-top-cont"><li class="gallery-nav gallery-nav-top"><button type="button" class="nested-gst nested-gst-top selected" data-index="0" aria-label="Apartment">Apartment</button></li><li class="gallery-nav gallery-nav-top"><button type="button" class="nested-gst nested-gst-top" data-index="1" aria-label="Community">Community</button></li></ul> 2755 <select class="top-dropdown hide-dropdown" aria-label="Photo Layout Selection Dropdown Menu"><option class="gst-drop-item" data-index="0" aria-label="Apartment">Apartment</option><option class="gst-drop-item" data-index="1" aria-label="Community">Community</option></select> 2756 </div> 2757 <div id="photosContainer"> 2758 2759 <ul id="photoList0" class="photolist pagination-parent nested-top"><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 1 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/174070427/1920x1080/174070427.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070427/1920x1080/174070427.jpg"> 2760 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/174070427/1920x1080/174070427.jpg" /> 2761 <div class="meta name"> 2762 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="174070427"> 2763 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070427/950x950/174070427.jpg" /><meta itemprop="name" content="174070427" /></div> 2764 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 2 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/169188450/1920x1080/169188450.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188450/1920x1080/169188450.jpg"> 2765 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188450/1920x1080/169188450.jpg" /> 2766 <div class="meta name"> 2767 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="169188450"> 2768 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188450/950x950/169188450.jpg" /><meta itemprop="name" content="169188450" /></div> 2769 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 3 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/169188449/1920x1080/169188449.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188449/1920x1080/169188449.jpg"> 2770 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188449/1920x1080/169188449.jpg" /> 2771 <div class="meta name"> 2772 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="169188449"> 2773 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188449/950x950/169188449.jpg" /><meta itemprop="name" content="169188449" /></div> 2774 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 4 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/169188447/1920x1080/169188447.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188447/1920x1080/169188447.jpg"> 2775 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188447/1920x1080/169188447.jpg" /> 2776 <div class="meta name"> 2777 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="169188447"> 2778 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188447/950x950/169188447.jpg" /><meta itemprop="name" content="169188447" /></div> 2779 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 5 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/169188448/1920x1080/169188448.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188448/1920x1080/169188448.jpg"> 2780 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188448/1920x1080/169188448.jpg" /> 2781 <div class="meta name"> 2782 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="169188448"> 2783 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188448/950x950/169188448.jpg" /><meta itemprop="name" content="169188448" /></div> 2784 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 6 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/169188451/1920x1080/169188451.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188451/1920x1080/169188451.jpg"> 2785 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188451/1920x1080/169188451.jpg" /> 2786 <div class="meta name"> 2787 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="169188451"> 2788 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188451/950x950/169188451.jpg" /><meta itemprop="name" content="169188451" /></div> 2789 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 7 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/169188452/1920x1080/169188452.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188452/1920x1080/169188452.jpg"> 2790 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188452/1920x1080/169188452.jpg" /> 2791 <div class="meta name"> 2792 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="169188452"> 2793 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188452/950x950/169188452.jpg" /><meta itemprop="name" content="169188452" /></div> 2794 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 8 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/174070422/1920x1080/174070422.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070422/1920x1080/174070422.jpg"> 2795 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/174070422/1920x1080/174070422.jpg" /> 2796 <div class="meta name"> 2797 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="174070422"> 2798 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070422/950x950/174070422.jpg" /><meta itemprop="name" content="174070422" /></div> 2799 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 9 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/174070425/1920x1080/174070425.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070425/1920x1080/174070425.jpg"> 2800 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/174070425/1920x1080/174070425.jpg" /> 2801 <div class="meta name"> 2802 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="174070425"> 2803 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070425/950x950/174070425.jpg" /><meta itemprop="name" content="174070425" /></div> 2804 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 10 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/174070426/1920x1080/174070426.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070426/1920x1080/174070426.jpg"> 2805 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/174070426/1920x1080/174070426.jpg" /> 2806 <div class="meta name"> 2807 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="174070426"> 2808 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070426/950x950/174070426.jpg" /><meta itemprop="name" content="174070426" /></div> 2809 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 11 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/169188453/1920x1080/169188453.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188453/1920x1080/169188453.jpg"> 2810 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/169188453/1920x1080/169188453.jpg" /> 2811 <div class="meta name"> 2812 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="169188453"> 2813 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188453/950x950/169188453.jpg" /><meta itemprop="name" content="169188453" /></div> 2814 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 12 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/174070423/1920x1080/174070423.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070423/1920x1080/174070423.jpg"> 2815 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/174070423/1920x1080/174070423.jpg" /> 2816 <div class="meta name"> 2817 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="174070423"> 2818 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070423/950x950/174070423.jpg" /><meta itemprop="name" content="174070423" /></div> 2819 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 13 of 13" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/174070424/1920x1080/174070424.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070424/1920x1080/174070424.jpg"> 2820 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/174070424/1920x1080/174070424.jpg" /> 2821 <div class="meta name"> 2822 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="174070424"> 2823 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070424/950x950/174070424.jpg" /><meta itemprop="name" content="174070424" /></div> 2824 </div></a></li></ul><ul id="photoList1" class="photolist pagination-parent nested-top"><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 1 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176429212/1920x1080/176429212.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176429212/1920x1080/176429212.jpg"> 2825 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429212/1920x1080/176429212.jpg" /> 2826 <div class="meta name"> 2827 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176429212"> 2828 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176429212/950x950/176429212.jpg" /><meta itemprop="name" content="176429212" /></div> 2829 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 2 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176429303/1920x1080/176429303.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176429303/1920x1080/176429303.jpg"> 2830 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429303/1920x1080/176429303.jpg" /> 2831 <div class="met
2831a name"> 2832 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176429303"> 2833 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176429303/950x950/176429303.jpg" /><meta itemprop="name" content="176429303" /></div> 2834 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 3 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176429325/1920x1080/176429325.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176429325/1920x1080/176429325.jpg"> 2835 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429325/1920x1080/176429325.jpg" /> 2836 <div class="meta name"> 2837 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176429325"> 2838 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176429325/950x950/176429325.jpg" /><meta itemprop="name" content="176429325" /></div> 2839 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 4 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176429323/1920x1080/176429323.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176429323/1920x1080/176429323.jpg"> 2840 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429323/1920x1080/176429323.jpg" /> 2841 <div class="meta name"> 2842 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176429323"> 2843 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176429323/950x950/176429323.jpg" /><meta itemprop="name" content="176429323" /></div> 2844 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 5 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176429324/1920x1080/176429324.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176429324/1920x1080/176429324.jpg"> 2845 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176429324/1920x1080/176429324.jpg" /> 2846 <div class="meta name"> 2847 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176429324"> 2848 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176429324/950x950/176429324.jpg" /><meta itemprop="name" content="176429324" /></div> 2849 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 6 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176431156/1920x1080/176431156.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431156/1920x1080/176431156.jpg"> 2850 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431156/1920x1080/176431156.jpg" /> 2851 <div class="meta name"> 2852 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176431156"> 2853 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431156/950x950/176431156.jpg" /><meta itemprop="name" content="176431156" /></div> 2854 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 7 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176431153/1920x1080/176431153.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431153/1920x1080/176431153.jpg"> 2855 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431153/1920x1080/176431153.jpg" /> 2856 <div class="meta name"> 2857 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176431153"> 2858 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431153/950x950/176431153.jpg" /><meta itemprop="name" content="176431153" /></div> 2859 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 8 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176431154/1920x1080/176431154.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431154/1920x1080/176431154.jpg"> 2860 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431154/1920x1080/176431154.jpg" /> 2861 <div class="meta name"> 2862 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176431154"> 2863 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431154/950x950/176431154.jpg" /><meta itemprop="name" content="176431154" /></div> 2864 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 9 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176431157/1920x1080/176431157.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431157/1920x1080/176431157.jpg"> 2865 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431157/1920x1080/176431157.jpg" /> 2866 <div class="meta name"> 2867 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176431157"> 2868 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431157/950x950/176431157.jpg" /><meta itemprop="name" content="176431157" /></div> 2869 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 10 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176431155/1920x1080/176431155.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431155/1920x1080/176431155.jpg"> 2870 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431155/1920x1080/176431155.jpg" /> 2871 <div class="meta name"> 2872 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176431155"> 2873 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431155/950x950/176431155.jpg" /><meta itemprop="name" content="176431155" /></div> 2874 </div></a></li><li class="mix"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Gallery image 11 of 11" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/176431158/1920x1080/176431158.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431158/1920x1080/176431158.jpg"> 2875 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/176431158/1920x1080/176431158.jpg" /> 2876 <div class="meta name"> 2877 <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="176431158"> 2878 <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431158/950x950/176431158.jpg" /><meta itemprop="name" content="176431158" /></div> 2879 </div></a></li></ul> 2880 <div id="grid0" class="grid pagination-parent" style="display:none"> 2881 <div class="grid-sizer"></div><div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Gallery image 1 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/174070427/1920x1080/174070427.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070427/1920x1080/174070427.jpg"> 2882 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070427/0x640
2882/174070427.jpg" /><meta itemprop="name" content="174070427" /> 2883 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 2 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/169188450/1920x1080/169188450.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188450/1920x1080/169188450.jpg"> 2884 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188450/0x1200/169188450.jpg" /><meta itemprop="name" content="169188450" /> 2885 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 3 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/169188449/1920x1080/169188449.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188449/1920x1080/169188449.jpg"> 2886 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188449/0x1200/169188449.jpg" /><meta itemprop="name" content="169188449" /> 2887 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 4 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/169188447/1920x1080/169188447.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188447/1920x1080/169188447.jpg"> 2888 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188447/0x1200/169188447.jpg" /><meta itemprop="name" content="169188447" /> 2889 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 5 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/169188448/1920x1080/169188448.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188448/1920x1080/169188448.jpg"> 2890 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188448/0x1200/169188448.jpg" /><meta itemprop="name" content="169188448" /> 2891 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 6 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/169188451/1920x1080/169188451.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188451/1920x1080/169188451.jpg"> 2892 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188451/0x1200/169188451.jpg" /><meta itemprop="name" content="169188451" /> 2893 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 7 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/169188452/1920x1080/169188452.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188452/1920x1080/169188452.jpg"> 2894 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188452/0x1200/169188452.jpg" /><meta itemprop="name" content="169188452" /> 2895 </a></div><div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Gallery image 8 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/174070422/1920x1080/174070422.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070422/1920x1080/174070422.jpg"> 2896 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070422/0x640/174070422.jpg" /><meta itemprop="name" content="174070422" /> 2897 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 9 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/174070425/1920x1080/174070425.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070425/1920x1080/174070425.jpg"> 2898 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070425/0x1200/174070425.jpg" /><meta itemprop="name" content="174070425" /> 2899 </a></div><div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Gallery image 10 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/174070426/1920x1080/174070426.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070426/1920x1080/174070426.jpg"> 2900 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070426/0x640/174070426.jpg" /><meta itemprop="name" content="174070426" /> 2901 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 11 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/169188453/1920x1080/169188453.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/169188453/1920x1080/169188453.jpg"> 2902 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/169188453/0x1200/169188453.jpg" /><meta itemprop="name" content="169188453" /> 2903 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 12 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/174070423/1920x1080/174070423.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070423/1920x1080/174070423.jpg"> 2904 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070423/0x1200/174070423.jpg" /><meta itemprop="name" content="174070423" /> 2905 </a></div><div class="grid-item pagination-item grid-item--width3 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Gallery image 13 of 13" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/174070424/1920x1080/174070424.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/174070424/1920x1080/174070424.jpg"> 2906 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/174070424/0x1200/174070424.jpg" /><meta itemprop="name" content="174070424" /> 2907 </a></div></div><div id="grid1" class="grid pagination-parent" style="display:none"> 2908 <div class="grid-sizer"></div><div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Gallery image 1 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176429212/1920x1080/176429212.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176429212/1920x1080/176429212.jpg"> 2909 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176429212/0x640/176429212.jpg" /><meta itemprop="name" content="176429212" /> 2910 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 2 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176429303/1920x1080/176429303.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176429303/1920x1080/176429303.jpg"> 2911 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176429303/0x1200/176429303.jpg" /><meta itemprop="name" content="176429303" /> 2912 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 3 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176429325/1920x1080/176429325.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176429325/1920x1080/176429325.jpg"> 2913 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176429325/0x1200/176429325.jpg" /><meta itemprop="name" content="176429325" /> 2914 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 4 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176429323/1920x1080/176429323.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176429323/1920x1080/176429323.jpg"> 2915 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176429323/0x1200/176429323.jpg" /><meta itemprop="name" content="176429323" /> 2916 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 5 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176429324/1920x1080/176429324.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176429324/1920x1080/176429324.jpg"> 2917 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176429324/0x1200/176429324.jpg" /><meta itemprop="name" content="176429324" /> 2918 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 6 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176431156/1920x1080/176431156.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431156/1920x1080/176431156.jpg"> 2919 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431156/0x1200/176431156.jpg" /><meta itemprop="name" content="176431156" /> 2920 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 7 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176431153/1920x1080/176431153.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431153/1920x1080/176431153.jpg"> 2921 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431153/0x1200/176431153.jpg" /><meta itemprop="name" content="176431153" /> 2922 </a></div><div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Gallery image 8 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176431154/1920x1080/176431154.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431154/1920x1080/176431154.jpg"> 2923 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431154/0x640/176431154.jpg" /><meta itemprop="name" content="176431154" /> 2924 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 9 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176431157/1920x1080/176431157.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431157/1920x1080/176431157.jpg"> 2925 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431157/0x1200/176431157.jpg" /><meta itemprop="name" content="176431157" /> 2926 </a></div><div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Gallery image 10 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176431155/1920x1080/176431155.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431155/1920x1080/176431155.jpg"> 2927 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431155/0x1200/176431155.jpg" /><meta itemprop="name" content="176431155" /> 2928 </a></div><div class="grid-item pagination-item grid-item--width2"><a class="mosaic-img fancybox3" aria-label="Gallery image 11 of 11" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/176431158/1920x1080/176431158.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/176431158/1920x1080/176431158.jpg"> 2929 <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/176431158/0x1200/176431158.jpg" /><meta itemprop="name" content="176431158" /> 2930 </a></div></div> 2931 </div> 2932 2933 </div> 2934<div id="gstFooterIntersect" class="clear"></div> 2935 2936</div> 2937</section> 2938<section id="neighborhood" class="block-area container-fluid"><div class="row"> 2939 <div class="col-lg-12"><hr class="floor-plans-divider" /></div> 2940</div><div id="" class="home-banner neighborhood-banner black-border row"><div class="banner-overlay"></div><div class="banner-content"> 2941<h2>Neighborhood</h2> 2942</div></div><div id="" class="map-plus-bar row"><div id="" class="clearfix"><div class="col-lg-3 col-md-2 col-sm-0"></div> 2943<div class="clearfix col-lg-6 col-md-8 col-sm-12 column-wrapper home-content-sub-content"> 2944 <div class="home-column"> 2945 <div class="wrapper col-lg-12"> 2946 <h1>Panorama Heights in Colorado Springs, CO for Rent</h1> 2947 <div class="main-content">
2948 <span style="font-size: 16px;">Panorama Heights Apartments in Colorado Springs, CO is ideally situated to give you easy access to the best of what the area has to offer. Browse the categories for local services and attractions near you.</span> 2949 </div> 2950 </div> 2951 </div> 2952</div></div><div id="" class=""><div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneLocation_WebPartZone_WebPartZone_zone_WebPartLoader3_pnlContainer"> 2953 <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneLocation_WebPartZone_WebPartZone_zone_WebPartLoader3_ctl00_pnlNeighborhoodFullWidth" class="widget neighborhood-widget"> 2954 2955 2956
2957<script src="/CMSScripts/Custom/RPWebParts/spiderfier/oms.min.js" type="text/javascript"></script>
2957 2958
2959<script type="text/javascript"> 2960// PME-507748 / WCAG 1.3.1 ââ¬â emit the marker-name <h4> only when the name has text. 2961// If name is blank, return '' so axe doesn't flag <h4><a></a></h4>. 2962function f_buildMarkerHeading(href, name) { 2963 var safeName = (name || '').toString().trim(); 2964 if (safeName.length === 0) { return ''; } 2965 return '<h4><a href="' + href + '" target="_blank" rel="noopener noreferrer">' + safeName + '<span class="sr-only"> (opens in a new tab)</span></a></h4>'; 2966} 2967var overrideGetDirections = 'https://www.google.com/maps/dir/Current+Location/1609 Zebulon Drive CO'; 2968var overridePropertyLink = 'https://www.google.com/maps/place/Panorama+Heights/@38.810287,-104.758891,16z/'; 2969var propertyMarker; 2970var mapFullWidth; 2971var mapService; 2972var markersArray = []; 2973var origin; 2974var infoWindow; 2975var zoomLevels = { 2976 '402.33': 16, 2977 '804.67': 15, 2978 '1609.34': 14, 2979 '4023.36': 13, 2980 '8046.72': 12, 2981 '16093.4': 11, 2982 '32186.9': 10, 2983 '48280.3': 9 2984}; 2985var defaultZoom = (typeof searchRadius !== 'undefined') ? zoomLevels[searchRadius] : 15; 2986var currentRadius = (typeof searchRadius !== 'undefined') ? searchRadius : 804.67; 2987var currentKeyword = ''; 2988var currentIcon = ''; 2989var overlays = []; 2990var clicked = false; 2991var customMapPinsObj = '[]' ? JSON.parse('[]') : ''; 2992var oms; 2993//Google Maps Lazyloading 2994let lazyLoaded = false; 2995 2996$(document).on("ready", function () { 2997 let script = document.createElement('script') 2998 2999 // Load the map script once the widget container is actually visible. 3000 // Previously this was gated on scroll/resize/load DOM events re-checking 3001 // getBoundingClientRect(); if none of those events fired after the container 3002 // was already in view (e.g. an automated page check, or a user landing via 3003 // an in-page anchor), the map script never loaded ââ¬â silently, with no 3004 // console error. IntersectionObserver fires on real visibility directly, 3005 // including the "already visible when observed" case, so it doesn't depend 3006 // on a scroll/resize event happening to occur afterward. 3007 function smLoadMapScript() { 3008 if (lazyLoaded) { return; } 3009 lazyLoaded = true; 3010 $('.neighborhood-widget__loader').show(); 3011 // adds the script tag to the document 3012 if (document.getElementsByTagName('body')[0]) { 3013 document.getElementsByTagName('body')[0].appendChild(script) 3014 } else { 3015 document.getElementsByTagName('html')[0].appendChild(script) 3016 } 3017 3018 // baseline config for script tag 3019 script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyDS1oKsJ_hSSZqIslqkR4EdK1VndKUOPYM&libraries=places,geometry' 3020 script.async = true 3021 script.defer = true 3022 3023 //after the google map script has loaded we can call the widget script 3024 script.onload = function () { 3025 loadMap(); 3026 $('.neighborhood-widget__loader').hide('slow'); 3027 } 3028 } 3029 3030 var mapContainerEl = document.getElementById("mapFullWidth"); 3031 if (mapContainerEl && window.IntersectionObserver) { 3032 var mapObserver = new IntersectionObserver(function (entries) { 3033 entries.forEach(function (entry) { 3034 if (entry.isIntersecting) { 3035 smLoadMapScript(); 3036 mapObserver.disconnect(); 3037 } 3038 }); 3039 }); 3040 mapObserver.observe(mapContainerEl); 3041 } else if (mapContainerEl) { 3042 smLoadMapScript(); 3043 } 3044 }); 3045 //End Google Maps Lazyloading 3046 3047 3048 function loadMap() { 3049 3050 $(function () { 3051 initMap(); 3052 }); 3053 3054 function initMap() { 3055 origin = new google.maps.LatLng(latitude, longitude); 3056 3057 var stylesObj = [{elementType: 'geometry', 3058 stylers: [{ color: '#f5f5f5' }] 3059 }, 3060 { 3061 elementType: 'labels.icon', 3062 stylers: [{ visibility: 'off' }] 3063 }, 3064 { 3065 elementType: 'labels.text.fill', 3066 stylers: [{ color: '#616161' }] 3067 }, 3068 { 3069 elementType: 'labels.text.stroke', 3070 stylers: [{ color: '#f5f5f5' }] 3071 }, 3072 { 3073 featureType: 'administrative.land_parcel', 3074 elementType: 'labels.text.fill', 3075 stylers: [{ color: '#bdbdbd' }
3075] 3076 }, 3077 { 3078 featureType: 'poi', 3079 elementType: 'geometry', 3080 stylers: [{ color: '#eeeeee' }] 3081 }, 3082 { 3083 featureType: 'poi', 3084 elementType: 'labels.text.fill', 3085 stylers: [{ color: '#757575' }] 3086 }, 3087 { 3088 featureType: 'poi.park', 3089 elementType: 'geometry', 3090 stylers: [{ color: '#e5e5e5' }] 3091 }, 3092 { 3093 featureType: 'poi.park', 3094 elementType: 'labels.text.fill', 3095 stylers: [{ color: '#9e9e9e' }] 3096 }, 3097 { 3098 featureType: 'road', 3099 elementType: 'geometry', 3100 stylers: [{ color: '#ffffff' }] 3101 }, 3102 { 3103 featureType: 'road.arterial', 3104 elementType: 'labels.text.fill', 3105 stylers: [{ color: '#757575' }] 3106 }, 3107 { 3108 featureType: 'road.highway', 3109 elementType: 'geometry', 3110 stylers: [{ color: '#dadada' }] 3111 }, 3112 { 3113 featureType: 'road.highway', 3114 elementType: 'labels.text.fill', 3115 stylers: [{ color: '#616161' }] 3116 }, 3117 { 3118 featureType: 'road.local', 3119 elementType: 'labels.text.fill', 3120 stylers: [{ color: '#9e9e9e' }] 3121 }, 3122 { 3123 featureType: 'transit.line', 3124 elementType: 'geometry', 3125 stylers: [{ color: '#e5e5e5' }] 3126 }, 3127 { 3128 featureType: 'transit.station', 3129 elementType: 'geometry', 3130 stylers: [{ color: '#eeeeee' }] 3131 }, 3132 { 3133 featureType: 'water', 3134 elementType: 'geometry', 3135 stylers: [{ color: '#c9c9c9' }] 3136 }, 3137 { 3138 featureType: 'water', 3139 elementType: 'labels.text.fill', 3140 stylers: [{ color: '#9e9e9e' }] 3141 } 3142 ]; 3143 3144 mapFullWidth = new google.maps.Map(document.getElementById('mapFullWidth'), { 3145 center: origin, 3146 zoom: defaultZoom, 3147 mapTypeControl: false, 3148 scrollwheel: false, 3149 minZoom: 10, 3150 keyboardShortcuts: false 3151 //gestureHandling: 'greedy' 3152 3153 }); 3154 3155 mapService = new google.maps.places.PlacesService(mapFullWidth);
3156 3157 oms = new OverlappingMarkerSpiderfier(mapFullWidth, { 3158 markersWontMove: true, 3159 markersWontHide: true, 3160 basicFormatEvents: false, 3161 keepSpiderfied: true, 3162 nearbyDistance: 22, 3163 spiralFootSeparation: 28, 3164 spiralLengthStart: 18, 3165 spiralLengthFactor: 5 3166 }); 3167 3168 mapFullWidth.setOptions({ styles: stylesObj }); 3169 3170 var markerIconNormal = { 3171 path: 'M54.549,17.947c-12.314,0-22.332,10.02-22.332,22.334c0,11.854,20.262,39.548,21.125,40.721l0.805,1.096,c0.094,0.129,0.244,0.204,0.402,0.204c0.16,0,0.309-0.075,0.404-0.204l0.805-1.096c0.863-1.173,21.125-28.867,21.125-40.721,C76.883,27.967,66.863,17.947,54.549,17.947z M54.549,32.281c4.412,0,8,3.588,8,8c0,4.41-3.588,8-8,8c-4.41,0-8-3.59-8-8,C46.549,35.869,50.139,32.281,54.549,32.281z', 3172 fillColor: '#000000', 3173 fillOpacity: 1, 3174 scale: .75, 3175 strokeWeight: 0, 3176 anchor: new google.maps.Point(55, 80) 3177 }; 3178 3179 var markerOptions = { 3180 position: origin, 3181 map: mapFullWidth, 3182 icon: markerIconNormal, 3183 geometry: { 3184 location: origin 3185 }, 3186 title: name, 3187 name: name, 3188 vicinity: addressLine1, 3189 addressState: addressState, 3190 addressPostalCode: addressPostalCode, 3191 phonesNumber: phonesNumber, 3192 website: website, 3193 city: city 3194 }; 3195 3196 propertyMarker = new google.maps.Marker(markerOptions); 3197 3198 google.maps.event.addListener(propertyMarker, 'spider_format', function (status) { 3199 if (status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIED) { 3200 propertyMarker.setIcon({ 3201 path: 'M54.549,17.947c-12.314,0-22.332,10.02-22.332,22.334c0,11.854,20.262,39.548,21.125,40.721l0.805,1.096,c0.094,0.129,0.244,0.204,0.402,0.204c0.16,0,0.309-0.075,0.404-0.204l0.805-1.096c0.863-1.173,21.125-28.867,21.125-40.721,C76.883,27.967,66.863,17.947,54.549,17.947z M54.549,32.281c4.412,0,8,3.588,8,8c0,4.41-3.588,8-8,8c-4.41,0-8-3.59-8-8,C46.549,35.869,50.139,32.281,54.549,32.281z', 3202 fillColor: '#000000', 3203 fillOpacity: 1, 3204 scale: .5, 3205 strokeWeight: 0, 3206 anchor: new google.maps.Point(55, 45) 3207 }); 3208 } 3209 else { 3210 propertyMarker.setIcon({ 3211 path: 'M54.549,17.947c-12.314,0-22.332,10.02-22.332,22.334c0,11.854,20.262,39.548,21.125,40.721l0.805,1.096,c0.094,0.129,0.244,0.204,0.402,0.204c0.16,0,0.309-0.075,0.404-0.204l0.805-1.096c0.863-1.173,21.125-28.867,21.125-40.721,C76.883,27.967,66.863,17.947,54.549,17.947z M54.549,32.281c4.412,0,8,3.588,8,8c0,4.41-3.588,8-8,8c-4.41,0-8-3.59-8-8,C46.549,35.869,50.139,32.281,54.549,32.281z', 3212 fillColor: '#000000', 3213 fillOpacity: 1, 3214 scale: .75, 3215 strokeWeight: 0, 3216 anchor: new google.maps.Point(55, 80) 3217 }); 3218 } 3219 }); 3220 oms.addMarker(propertyMarker); 3221 3222 var content = '<div class="neighborhood-widget__marker neighborhood-widget__marker-property">' + 3223 f_buildMarkerHeading(overridePropertyLink, name) + 3224 '<p>' + addressLine1.replace(/,/g, '<br />') + '<br />' + city + ', ' + addressState + ' ' + addressPostalCode + '</p>' + 3225 '<p><strong>' + phonesNumber + '</strong></p>' + 3226 '<p><a href=" ' + overrideGetDirections + ' " target ="_blank" rel="noopener noreferrer"><strong>Get Directions</strong><span class="sr-only"> (opens in a new tab)</span></a></p>'; 3227 3228 content += '</div>'; 3229 3230 google.maps.event.addListener(propertyMarker, 'spider_click', function () { 3231 if (infoWindow != undefined) { 3232 infoWindow.close(); 3233 } 3234 infoWindow = new google.maps.InfoWindow({ content: content }); 3235 infoWindow.open(mapFullWidth, propertyMarker); 3236 3237 $('.neighborhood-widget__marker').parent().parent().parent().prev().find('> div').eq(7).css('border-top', '3px solid #000000;'); 3238 }); 3239 3240 var center; 3241 3242 function calculateCenter() { 3243 center = mapFullWidth.getCenter(); 3244 } 3245 3246 google.maps.event.addDomListener(mapFullWidth, 'idle', function () { 3247 calculateCenter(); 3248 }); 3249 3250 google.maps.event.addListener(mapFullWidth, 'spider_click', function (event) { 3251 infoWindow.close(); 3252 clicked = false; 3253 if ($(window).width() < 543) { 3254 hideCategories(); 3255 } 3256 }); 3257 3258 google.maps.event.addDomListener(window, 'resize', function () { 3259 mapFullWidth.setCenter(center); 3260 }); 3261 3262 google.maps.event.addListener(mapFullWidth, 'zoom_changed', boundsUpdated); 3263 3264 $(customMapPinsObj).each(function (i, v) { 3265 if (v.Category == null) { 3266 var generalIcon = { 3267 url: '\CMSScripts\Custom\RPWebParts\spiderfier\general.png', //placeResult.icon, 3268 scaledSize: new google.maps.Size(26, 26),
3269 anchor: new google.maps.Point(13, 13), 3270 }; 3271 var customMarkerOptions = { 3272 position: new google.maps.LatLng(v.Latitude, v.Longitude), 3273 map: mapFullWidth, 3274 icon: generalIcon, 3275 geometry: { 3276 location: new google.maps.LatLng(v.Latitude, v.Longitude) 3277 }, 3278 title: v.Name, 3279 name: v.Name, 3280 vicinity: v.Address, 3281 addressState: v.State, 3282 addressPostalCode: v.Zip, 3283 website: v.Url, 3284 city: v.City 3285 }; 3286 var customMarker = new google.maps.Marker(customMarkerOptions); 3287 markersArray.push(customMarker); 3288 3289 var customPin = '<div class="neighborhood-widget__marker neighborhood-widget__marker-custom">' + 3290 f_buildMarkerHeading(v.Url, v.Name) + 3291 '<p>' + v.Address + '<br />' + v.City + ', ' + v.State + ' ' + v.Zip + '</p>' + 3292 '<p><a href="https://www.google.com/maps/dir/?api=1&destination=' + v.Address.replace(/ /g, '+') + ',' + v.City.replace(/ /g, '+') + ',' + 3293 v.State + '" target="_blank" rel="noopener noreferrer"><strong>Get Directions</strong><span class="sr-only"> (opens in a new tab)</span></a></p></div>'; 3294 3295 google.maps.event.addListener(customMarker, 'spider_click', function () { 3296 if (infoWindow != undefined) { 3297 infoWindow.close(); 3298 } 3299 infoWindow = new google.maps.InfoWindow({ content: customPin }); 3300 infoWindow.open(mapFullWidth, customMarker); 3301 3302 $('.neighborhood-widget__marker').parent().parent().parent().prev().find('> div').eq(7).css('border-top', '3px solid #000000;'); 3303 }); 3304 } 3305 }); 3306 } 3307 3308 function circleDrawHandler(radius) { 3309 while (overlays[0]) { 3310 overlays.pop().setMap(null); 3311 } 3312 var circle = new google.maps.Circle({ 3313 center: origin, 3314 clickable: true, 3315 draggable: false, 3316 editable: false, 3317 fillColor: '#004de8', 3318 fillOpacity: 0.27, 3319 map: mapFullWidth, 3320 radius: radius, 3321 strokeColor: '#004de8', 3322 strokeOpacity: 0.62, 3323 strokeWeight: 1 3324 }); 3325 overlays.push(circle); 3326 google.maps.event.addListener(circle, 'rightclick', polygonDestructionHandler); 3327 }; 3328 3329 polygonDestructionHandler = function () { 3330 return this.setMap(null); 3331 }; 3332 3333 function boundsUpdated(event) { 3334 var z = mapFullWidth.getZoom(); 3335 var bounds = mapFullWidth.getBounds(); 3336 var center = mapFullWidth.getCenter(); 3337 var ne = bounds.getNorthEast();
3338 var sw = bounds.getSouthWest(); 3339 var nw = new google.maps.LatLng(ne.lat(), sw.lng()); 3340 var se = new google.maps.LatLng(sw.lat(), ne.lng()); 3341 3342 if (bounds && center) { 3343 var b = google.maps.geometry.spherical.computeDistanceBetween(nw, ne) / 2; 3344 var h = google.maps.geometry.spherical.computeDistanceBetween(center, ne); 3345 var radius = ((h - b) / 400); 3346 } 3347 } 3348 3349 function createMarker(placeResult, icon) { 3350 var iconList = ["entertainment", "schools", "food", "nightlife", "recreation", "professional", "residences", "shopping", "travel"]; 3351 3352 if (iconList.indexOf(icon) < 0) { 3353 icon = 'general'; 3354 } 3355 var markerIconUrl = '/templateresources/global/icons/map-icons/' + icon + '.png'; 3356 var markerIcon = { 3357 url: markerIconUrl, 3358 scaledSize: new google.maps.Size(26, 26), 3359 anchor: new google.maps.Point(13, 13), 3360 }; 3361 3362 var markerOptions = { 3363 map: mapFullWidth, 3364 position: placeResult.geometry.location, 3365 title: placeResult.name, 3366 icon: markerIcon, 3367 zIndex: 1 3368 }; 3369 3370 var marker = new google.maps.Marker(markerOptions); 3371 google.maps.event.addListener(marker, 'spider_format', function (status) { 3372 if (status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIABLE) { 3373 marker.setIcon({ 3374 url: '/CMSScripts/Custom/RPWebParts/spiderfier/general-plus.png', 3375 scaledSize: new google.maps.Size(26, 26), 3376 anchor: new google.maps.Point(13, 13) 3377 }); 3378 } 3379 else { 3380 marker.setIcon({ 3381 url: markerIconUrl, 3382 scaledSize: new google.maps.Size(26, 26), 3383 anchor: new google.maps.Point(13, 13), 3384 }); 3385 } 3386 }); 3387 oms.addMarker(marker); 3388 markersArray.push(marker); 3389 3390 google.maps.event.addListener(marker, 'spider_click', function () { 3391 clicked = true; 3392 3393 getPlaceDetails(placeResult, marker); 3394 this.setOptions({ zIndex: 10 }); 3395 }); 3396 3397 google.maps.event.addListener(marker, 'closeclick', function () { 3398 clicked = false; 3399 }); 3400 } 3401 3402 function isValid(input1, input2) { 3403 if (input1 != undefined || input2 != undefined) { 3404 return true; 3405 } 3406 else { 3407 return false; 3408 } 3409 } 3410 3411 function getPlaceDetails(placeResult, marker){ 3412 if (infoWindow != undefined) { 3413 infoWindow.close(); 3414 } 3415 3416 var request = { 3417 reference: placeResult.reference 3418 }; 3419 3420 mapService.getDetails(request, function(details, status) { 3421 var priceRating = ''; 3422 if (details.price_level != undefined) { 3423 for (i = 1; i <= details.price_level; i++) { 3424 priceRating += '$'; 3425 } 3426 } 3427 3428 var photoUrl = ''; 3429 if (details.photos != undefined) { 3430 if (details.photos.length > 0) { 3431 photoUrl = details.photos[0].getUrl({ 'maxWidth': 300, 'maxHeight': 300 }); 3432 } 3433 } 3434 3435 var addr = details.address_components; 3436 var content = '<div class="neighborhood-widget__marker ' + ((photoUrl != '') ? 'has-photo' : '') + '">'; 3437 content += (photoUrl != '') ? '<div class="photo" style="background-image: url(' + photoUrl + ')"></div>' : ''; 3438 content += f_buildMarkerHeading(details.url, details.name); 3439 content += (details.rating != undefined) ? '<span class="rating">' + details.rating + '</span>' : ''; 3440 content += '<p>'; 3441 content += (getAddressComponent(addr, 'street_number') != undefined) ? getAddressComponent(addr, 'street_number') + ' ' : ''; 3442 content += (getAddressComponent(addr, 'route', 'short') != undefined) ? getAddressComponent(addr, 'route', 'short') : ''; 3443 content += (isValid(getAddressComponent(addr, 'street_number'), getAddressComponent(addr, 'route', 'short'))) ? '<br />' : ''; 3444 content += (getAddressComponent(addr, 'locality') != undefined) ? getAddressComponent(addr, 'locality') + ', ' : ''; 3445 content += (getAddressComponent(addr, 'administrative_area_level_1', 'short') != undefined) ? getAddressComponent(addr, 'administrative_area_level_1', 'short') + ' ' : ''; 3446 content += (getAddressComponent(addr, 'postal_code', 'short') != undefined) ? getAddressComponent(addr, 'postal_code', 'short') : ''; 3447 content += '</p>'; 3448 content += (details.formatted_phone_number != undefined) ? '<p><strong>' + details.formatted_phone_number + '</strong></p>' : ''; 3449 content += '<p><a href="https://www.google.com/maps/dir/?api=1&destination=' + details.formatted_address + '" target="_blank" rel="noopener noreferrer"><strong>Get Directions</strong><span class="sr-only"> (opens in a new tab)</span></a>' + ((priceRating != '') ? ' • <span class="price">' + priceRating + '</span>' : '') + '</p>'; 3450 content += '</div>'; 3451 3452 infoWindow = new google.maps.InfoWindow({ content: content }); 3453 3454 infoWindow.open(mapFullWidth, marker); 3455 }); 3456 } 3457 3458 function getAddressComponent(components, type, length){ 3459 var str; 3460 $(components).each(function(){
3461 if (this.types[0] == type){ 3462 str = (length == 'short') ? this.short_name : this.long_name; 3463 return; 3464 } 3465 }); 3466 return str; 3467 } 3468 3469 function findByKeyword(keyword, icon) { 3470 currentKeyword = keyword; 3471 currentIcon = icon; 3472 3473 var excludedKeywords = $.parseJSON('[]'); 3474 var excludedBusinesses = $.parseJSON('[]'); 3475 var filteredWords = "sex,strip club,adult entertainment,strip bar,XXX,porn,escort,adult video,gentlemen's club,adult bookstore,adult club"; 3476 if (excludedKeywords.length > 0) { 3477 filteredWords += ',' + excludedKeywords.join(','); 3478 } 3479 if (excludedBusinesses.length > 0) { 3480 filteredWords += ',' + excludedBusinesses.join(','); 3481 } 3482 var fwordsArray = filteredWords.split(","); 3483 var request = { 3484 keyword: keyword, 3485 location: origin, 3486 radius: currentRadius 3487 }; 3488 3489 $('.neighborhood-widget__loader').show(); 3490 3491 mapService.nearbySearch(request, function (results, status) { 3492 deleteOverlays(); 3493 var customPinExists = false; 3494 $(customMapPinsObj).each(function (i, v) { 3495 $(v.Category).each(function (j, w) { 3496 if (w == icon || (!icon && keyword && w == keyword.trim())) { 3497 customPinExists = true; 3498 3499 var markerIconUrl = '/templateresources/global/icons/map-icons/' + (icon ? icon : 'general') + '.png'; 3500 var markerIcon = { 3501 url: markerIconUrl, 3502 scaledSize: new google.maps.Size(26, 26), 3503 anchor: new google.maps.Point(13, 13) 3504 }; 3505 3506 var customMarkerOptions = { 3507 position: new google.maps.LatLng(v.Latitude, v.Longitude), 3508 map: mapFullWidth, 3509 icon: markerIcon, 3510 geometry: { 3511 location: new google.maps.LatLng(v.Latitude, v.Longitude) 3512 }, 3513 title: v.Name, 3514 name: v.Name, 3515 vicinity: v.Address, 3516 addressState: v.State, 3517 addressPostalCode: v.Zip, 3518 website: v.Url, 3519 city: v.City 3520 }; 3521 var customMarker = new google.maps.Marker(customMarkerOptions); 3522 google.maps.event.addListener(customMarker, 'spider_format', function (status) { 3523 if (status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIABLE) { 3524 customMarker.setIcon({ 3525 url: '/CMSScripts/Custom/RPWebParts/spiderfier/general-plus.png', 3526 scaledSize: new google.maps.Size(26, 26), 3527 anchor: new google.maps.Point(13, 13) 3528 }); 3529 } 3530 else { 3531 customMarker.setIcon({ 3532 url: markerIconUrl, 3533 scaledSize: new google.maps.Size(26, 26), 3534 anchor: new google.maps.Point(13,
353413), 3535 }); 3536 } 3537 }); 3538 3539 oms.addMarker(customMarker); 3540 markersArray.push(customMarker); 3541 3542 var customPin = '<div class="neighborhood-widget__marker neighborhood-widget__marker-custom">' + 3543 f_buildMarkerHeading(v.Url, v.Name) + 3544 '<p>' + v.Address + '<br />' + v.City + ', ' + v.State + ' ' + v.Zip + '</p>' + 3545 '<p><a href="https://www.google.com/maps/dir/?api=1&destination=' + v.Address.replace(/ /g, '+') + ',' + v.City.replace(/ /g, '+') + ',' + 3546 v.State + '" target="_blank" rel="noopener noreferrer"><strong>Get Directions</strong><span class="sr-only"> (opens in a new tab)</span></a></p></div>'; 3547 3548 google.maps.event.addListener(customMarker, 'spider_click', function () { 3549 if (infoWindow != undefined) { 3550 infoWindow.close(); 3551 } 3552 infoWindow = new google.maps.InfoWindow({ content: customPin }); 3553 infoWindow.open(mapFullWidth, customMarker); 3554 3555 $('.neighborhood-widget__marker').parent().parent().parent().prev().find('> div').eq(7).css('border-top', '3px solid #000000;'); 3556 }); 3557 } 3558 }); 3559 }); 3560 3561 if (status == google.maps.places.PlacesServiceStatus.OK) { 3562 $(results).each(function () { 3563 var temp = 0; 3564 for (var i = 0; i < fwordsArray.length; i++) { 3565 var re = new RegExp('(^|\\s+)' + fwordsArray[i] + '(\\s+|$)', 'gi'); 3566 if (this.name.match(re) != null) { 3567 temp += this.name.match(re); 3568 } 3569 } 3570 if (temp == 0 && ('false' == 'false')) { 3571 createMarker(this, currentIcon); 3572 } 3573 }); 3574 3575 if (markersArray.length > 0) { 3576 var bounds = new google.maps.LatLngBounds(); 3577 3578 for (var i = 0; i < markersArray.length; i++) { 3579 bounds.extend(markersArray[i].getPosition()); 3580 } 3581 3582 bounds.extend(origin); 3583 3584 mapFullWidth.fitBounds(bounds); 3585 } 3586 } 3587 3588 if ((status == "ZERO_RESULTS" && !customPinExists) || (markersArray.length == 0)) { 3589 $('.search-no-results').addClass('show-message'); 3590 } 3591 else { $('.search-no-results').removeClass('show-message'); } 3592 $('.neighborhood-widget__loader').hide('slow'); 3593 }); 3594 } 3595 3596 function deleteOverlays() { 3597 if (markersArray) { 3598 while (markersArray[0]) { 3599 markersArray.pop().setMap(null); 3600 } 3601 } 3602 } 3603 3604 var categoriesHidden = false; 3605 3606 $(function () { 3607 var mainKeywords = 'entertainment|schools|nightlife|professional|residences|travel'; 3608 $.each(mainKeywords.split('|'), function (idx, val) { 3609 if (val != '') { 3610 $('.neighborhood-widget__categories ul li[data-icon=' + val + ']').hide(); 3611 } 3612 }); 3613 3614 var customKeywords = $.parseJSON('["Transportation","Schools"]'); 3615 $.each(customKeywords, function (idx, val) { 3616 keywordItem = '<li role="button" aria-label="' + val + '" data-icon=""><span class="fa fa-circle-o"></span><div class="neighborhood-button-text"> ' + val + '</div></li>'; 3617 $('.neighborhood-widget__categories ul').append(keywordItem); 3618 }); 3619 3620 $('.neighborhood-widget__categories li').click(function () { 3621 $(this).addClass('active'); 3622 $(this).siblings().removeClass('active'); 3623 3624 findByKeyword($(this).text(), $(this).data('icon')); 3625 $('.neighborhood-widget__search input').val($(this).text()); 3626 3627 if ($(window).width() < 768) { 3628 hideCategories(); 3629 } 3630 }); 3631 3632 $('.neighborhood-widget__handle').click(function () { 3633 if (!categoriesHidden) { 3634 hideCategories(); 3635 } else { 3636 showCategories(); 3637 } 3638 }); 3639 3640 $('.neighborhood-widget__search input').click(function (e) { 3641 $('.search-no-results').removeClass('show-message'); 3642 showCategories(); 3643 if ($(window).width() < 768 && $('.neighborhood-widget__nav').hasClass('expanded')) { 3644 blur(); 3645 } 3646 }); 3647 3648 $('.neighborhood-widget__search input').keypress(function (e) { 3649 if (e.which == 13) { 3650 findByKeyword($(this).val(), 'general'); 3651 hideCategories(); 3652 $('.neighborhood-widget__categories li').removeClass('active'); 3653 $('.neighborhood-widget__search input').blur(); 3654 return false; 3655 } 3656 }); 3657 3658 $('.neighborhood-widget__search .fa-search').click(function () { 3659 findByKeyword($('.neighborhood-widget__search input').val(), 'general'); 3660 hideCategories(); 3661 $('.neighborhood-widget__categories li').removeClass('active'); 3662 }); 3663 3664 var navPosition = $('.neighborhood-widget__nav').position(); 3665 var walkScoreHeight = ($('.walk-score-container').length >
3665 0) ? $('.neighborhood-widget__walkscore').height() + 30 : 0; 3666 $('.neighborhood-widget__categories').css('max-height', $('.neighborhood-widget__categories').parent().parent().height() - (90 + navPosition.top) - walkScoreHeight); 3667 3668 function hideCategories() { 3669 $('.neighborhood-widget__categories').css({ 'margin-top': -$('.neighborhood-widget__categories').innerHeight(), 'opacity': 0 }) 3670 $('.neighborhood-widget__nav').removeClass('expanded'); 3671 categoriesHidden = true; 3672 } 3673 3674 function showCategories() { 3675 $('.neighborhood-widget__categories').css({ 'margin-top': 0, 'opacity': 1 }); 3676 $('.neighborhood-widget__nav').addClass('expanded'); 3677 categoriesHidden = false; 3678 } 3679 3680 $(window).resize(function () { 3681 var navPosition = $('.neighborhood-widget__nav').position(); 3682 var walkScoreHeight = ($('.walk-score-container').length > 0) ? $('.neighborhood-widget__walkscore').height() + 30 : 0; 3683 $('.neighborhood-widget__categories').css('max-height', $('.neighborhood-widget__categories').parent().parent().height() - (90 + navPosition.top) - walkScoreHeight); 3684 }); 3685 }); 3686 } 3687 </script>
3687 3688 3689 <div id="mapFullWidth"></div> 3690 3691 <div class="neighborhood-widget__loader"> 3692 <div class="loader"> 3693 <svg class="circular" viewbox="25 25 50 50"> 3694 <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"></circle> 3695 </svg> 3696 </div> 3697 </div> 3698 3699 <div class="neighborhood-widget__nav expanded"> 3700 <div class="neighborhood-widget__search"> 3701 <div class="form-group"> 3702 <input type="text" class="form-control" placeholder="Search..." aria-label="search" tabindex="0" /> <span class="fa fa-search" aria-hidden="true"></span> 3703 </div> 3704 </div> 3705 3706 <div class="neighborhood-widget__categories"> 3707 <ul> 3708 <li data-icon="entertainment" role="button" aria-label="arts and entertainment"><span class="fa fa-paint-brush"></span><div class="neighborhood-button-text"> Arts & Entertainment</div></li> 3709 <li data-icon="schools" role="button" aria-label="colleges and universities"><span class="fa fa-graduation-cap"></span><div class="neighborhood-button-text"> Colleges & Universities</div></li> 3710 <li data-icon="food" role="button" aria-label="food"><span class="fa fa-cutlery"></span><div class="neighborhood-button-text"> Food</div></li> 3711 <li data-icon="nightlife" role="button" aria-label="nightlife spots"><span class="fa fa-beer"></span><div class="neighborhood-button-text"> Nightlife Spots</div></li> 3712 <li data-icon="recreation" role="button" aria-label="outdoors and recreation"><span class="fa fa-soccer-ball-o"></span><div class="neighborhood-button-text"> Outdoors & Recreation</div></li> 3713 <li data-icon="professional" role="button" aria-label="professional"><span class="fa fa-suitcase"></span><div class="neighborhood-button-text"> Professional</div></li> 3714 <li data-icon="residences" role="button" aria-label="residences"><span class="fa fa-building"></span><div class="neighborhood-button-text"> Residences</div></li> 3715 <li data-icon="shopping" role="button" aria-label="shops and services"><span class="fa fa-shopping-bag"></span><div class="neighborhood-button-text"> Shops & Services</div></li> 3716 <li data-icon="travel" role="button" aria-label="travel and transport"><span class="fa fa-bus"></span><div class="neighborhood-button-text"> Travel & Transport</div></li> 3717 </ul> 3718 </div> 3719 3720 <div class="neighborhood-widget__handle"> 3721 <span class="icon-bar"></span> 3722 <span class="icon-bar"></span> 3723 </div> 3724 </div> 3725 3726 <div class="neighborhood-widget__walkscore"></div> 3727 <div class="search-no-results">No Results Found</div> 3728 3729 </div> 3730 3731</div> 3732</div><div class="address-info-bar"> 3733 <div id="info-address" class="col-sm-8"><i class="fa fa-map-marker" aria-hidden="true"></i>1609 Zebulon Drive, Colorado Springs, CO 80910 3734 </div> 3735 <a href="http://maps.google.com/?q=1609 Zebulon Drive, Colorado Springs, CO 80910" target="_blank" id="directionsLink" role="button" class="col-sm-4">Get Directions</a> 3736 <div class="clearfix"></div> 3737</div></div></section> 3738 3739<section id="residents" class="block-area container-fluid"><div id="" class="home-banner residents-banner black-border row"><div class="banner-overlay"></div><div class="content"> 3740<h2>Residents</h2> 3741 3742</div></div><div class="row res-row"> 3743 <div class="col-lg-3 col-md-2 col-sm-0"></div> 3744 <div class="clearfix col-lg-6 col-md-8 col-sm-12 column-wrapper home-content-sub-content"> 3745 <div class="home-column"> 3746 <div class="wrapper col-lg-12"> 3747 <h1>CONVENIENT ONLINE SERVICES</h1> 3748 <div class="main-content"> 3749 <p style="text-align: center;">We've set up a quick and easy way for you to pay your rent online so you can focus on the more important and fun things in life. Visit our Resident Portal and pay rent with a simple click of the button.</p><p style="text-align: center;"><b style="font-family: "Open Sans", sans-serif; font-size: 16px;">Resident Portal Coming Soon!</b></p><p style="text-align: center;"><span style="color: rgb(73, 80, 87); font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 700;">Now offering flexible monthly rent payments through FLEX</span><b style="font-family: "Open Sans", sans-serif; font-size: 16px;"></b></p><p></p> 3750 </div> 3751 <ul class="resident-links"><li> 3752 <a id="resident-login1" class="resident-link" href="/contact.aspx" target="_self">Resident Portal</a> 3753</li> </ul> 3754 </div> 3755 </div> 3756 </div> 3757 <div class="col-lg-3 col-md-2 col-sm-0"></div> 3758</div><div class="col-lg-12"><hr class="floor-plans-divider" /></div></section> 3759<section id="contact" class="block-area container-fluid"><div id="" class="clearfix"><div class="col-lg-3 col-md-2 col-sm-0"></div> 3760<div class="clearfix col-lg-6 col-md-8 col-sm-12 column-wrapper home-content-sub-content"> 3761 <div class="home-column"> 3762 <div class="wrapper"> 3763 <h1>Contact Us About Our Colorado Springs Apartments</h1> 3764 <div class="main-content">
3765 <span style="font-size: 16px;">Feel free to contact us by phone or send us a note using the form below. You can also just drop by the leasing office for apartments for rent in Colorado Springs, CO; we'd be delighted to give you a tour. We look forward to hearing from you.</span> 3766 </div> 3767 </div> 3768 </div> 3769</div> 3770<div class="col-lg-3 col-md-2 col-sm-0"></div> 3771</div><div class="container-fluid"> 3772<div class="row"> 3773<div class="col-lg-1"></div><div id="" class="col-lg-6 contact-form-container">
3774<script type="text/javascript"> 3775 var rpData = null; 3776 var defaultSource = ''; 3777 var internationalProperty = 'false'; 3778 var countryCode = 'USA'; 3779 var disableReferralTracking = 'False'; 3780 var successScreen = ''; 3781 var pageName = 'General'; 3782 var cmsSiteId = '76615'; 3783 var widgetName = 'rpWebpart_GoogleRecaptcha'; 3784 var enableGoogleRecaptcha = 'true'; 3785 var timeoutValue = 120000; 3786 var ipAddress = '169.40.142.96'; 3787 var googleAnalyticsId = ''; 3788 3789 var formSuccess = false; 3790 var captchaToken; 3791 var o = {}; 3792 3793 // WCAG 3.3.3 â suggested-correction messages keyed by input id 3794 var errorMessages = { 3795 firstName: "First name is required", 3796 lastName: "Last name is required", 3797 address: "Address is required", 3798 city: "City is required", 3799 state: "State is required", 3800 zip: "ZIP code is required", 3801 phone: "Valid phone number is required", 3802 email: "Valid email address is required", 3803 occupants: "Number of occupants is required", 3804 movedate: "Move-in date is required", 3805 unitType: "Please select a unit type", 3806 usersource: "Please select a source", 3807 pets: "Please select an option", 3808 bestday: "Please select a day", 3809 privacy: "Privacy policy agreement is required" 3810 }; 3811 3812 function f_ensureErrorSpans() { 3813 $('.contact-us-enhanced .required-group').each(function () { 3814 var $group = $(this); 3815 $group.find('input, select, textarea').each(function () { 3816 var id = $(this).attr('id'); 3817 if (!id || $group.find('#' + id + '-error').length) return; 3818 var errorId = id + '-error'; 3819 // WCAG 3.3.2 â append to any pre-existing aria-describedby (e.g. movedate's 3820 // format-hint span) instead of overwriting it; aria-describedby is a token list. 3821 var existingDescribedBy = $(this).attr('aria-describedby'); 3822 $(this).attr('aria-describedby', existingDescribedBy ? existingDescribedBy + ' ' + errorId : errorId); 3823 $group.append('<span id="' + id + '-error" class="field-error" role="alert"></span>'); 3824 }); 3825 }); 3826 } 3827 3828 function f_setEnhFieldValidity($input, isValid) { 3829 var id = $input.attr('id'); 3830 var $span = id ? $('#' + id + '-error') : $(); 3831 if (isValid) { 3832 $input.removeAttr("aria-invalid"); 3833 $input.removeClass('validate-field'); 3834 $span.text(''); 3835 } else { 3836 $input.attr("aria-invalid", "true"); 3837 $input.addClass('validate-field'); 3838 $span.text(errorMessages[id] || $input.attr('aria-label') || 'This field is required'); 3839 } 3840 } 3841 3842 var kpv = { 3843 "Studio+" : { "key" : 192, "bed" : 0, "bath" : 0 }, 3844 "S Bed /1 Bath" : { "key" : 192, "bed" : 5, "bath" : 1 }, 3845 "S Bed /1.5 Bath" : { "key" : 192, "bed" : 5, "bath" : 1.5 }, 3846 "1 Bed /1 Bath" : { "key" : 193, "bed" : 1, "bath" : 1 }, 3847 "1 Bed /1.5 Bath" : { "key" : 193, "bed" : 1, "bath" : 1.5 }, 3848 "1 Bed /2 Bath" : { "key" : 194, "bed" : 1, "bath" : 2 }, 3849 "1 Bed /2.5 Bath" : { "key" : 194, "bed" : 1, "bath" : 2.5 }, 3850 "2 Bed /1 Bath" : { "key" : 195, "bed" : 2, "bath" : 1 }, 3851 "2 Bed /1.5 Bath" : { "key" : 195, "bed" : 2, "bath" : 1.5 }, 3852 "2 Bed /2 Bath" : { "key" : 196, "bed" : 2, "bath" : 2 }, 3853 "2 Bed /2.5 Bath" : { "key" : 196, "bed" : 2, "bath" : 2.5 }, 3854 "3 Bed /1 Bath" : { "key" : 197, "bed" : 3, "bath" : 1 }, 3855 "3 Bed /1.5 Bath" : { "key" : 197, "bed" : 3, "bath" : 1.5 }, 3856 "3 Bed /2 Bath" : { "key" : 198, "bed" : 3, "bath" : 2 }, 3857 "3 Bed /2.5 Bath" : { "key" : 198, "bed" : 3, "bath" : 2.5 }, 3858 "3 Bed /3 Bath": { "key": 199, "bed": 3, "bath": 3 }, 3859 "3 Bed /3.5 Bath" : { "key" : 199, "bed" : 3, "bath" : 3.5 }, 3860 "4 Bed /1 Bath" : { "key" : 200, "bed" : 4, "bath" : 1 }, 3861 "4 Bed /1.5 Bath" : { "key" : 200, "bed" : 4, "bath" : 1.5 },
3862 "4 Bed /2 Bath" : { "key" : 201, "bed" : 4, "bath" : 2 }, 3863 "4 Bed /2.5 Bath" : { "key" : 201, "bed" : 4, "bath" : 2.5 }, 3864 "4 Bed /3 Bath" : { "key" : 202, "bed" : 4, "bath" : 3 }, 3865 "4 Bed /3.5 Bath" : { "key" : 202, "bed" : 4, "bath" : 3.5 }, 3866 "5 Bed /1 Bath": { "key": 202, "bed": 5, "bath": 1 }, 3867 "5 Bed /1.5 Bath": { "key": 202, "bed": 5, "bath": 1.5 }, 3868 "5 Bed /2 Bath": { "key": 202, "bed": 5, "bath": 2 }, 3869 "5 Bed /2.5 Bath": { "key": 202, "bed": 5, "bath": 2.5 }, 3870 "5 Bed /3 Bath": { "key": 202, "bed": 5, "bath": 3 }, 3871 "5 Bed /3.5 Bath": { "key": 202, "bed": 5, "bath": 3.5 } 3872 }; 3873 3874 $(document).ready(function () { 3875 3876 if (internationalProperty == 'true') 3877 $('.contact-us-enhanced #movedate').datepicker({ 3878 autoHide: true, 3879 format: "dd-mm-yyyy", 3880 startDate: new Date() 3881 }); 3882 else 3883 $('.contact-us-enhanced #movedate').datepicker({ 3884 autoHide: true, 3885 startDate: new Date() 3886 }); 3887 3888 // WCAG 2.4.11 â close the datepicker when focus lands on a real element outside it, 3889 // so an open calendar can't obscure the next focused field. React to focus LANDING 3890 // somewhere (document-level focusin), not to #movedate blurring: the plugin's 3891 // month/year nav <li> arrows aren't focusable, so clicking them blurs #movedate 3892 // without focus landing anywhere, and a focusout-only check never gets a second 3893 // chance to run once #movedate is already blurred. 3894 var $movedateEnh = $('.contact-us-enhanced #movedate'); 3895 $(document).on('focusin', function (e) { 3896 if (e.target === $movedateEnh[0]) return; 3897 if ($(e.target).closest('.datepicker-container').length) return; 3898 $movedateEnh.datepicker('hide'); 3899 }); 3900 3901 $.ajax({
3902 type: 'GET', 3903 url: 'CmsSiteManager/callback.aspx?act=Proxy/GetFloorPlans', 3904 dataType: 'jsonp', 3905 timeout: timeoutValue, 3906 success: function(data) { 3907 rpData = data; 3908 f_enhBuildBedRoomSelect(); 3909 }, 3910 error: function (response) { 3911 if (response.statusText === "timeout") { 3912 $('#contactUsEnhancedContainer').html("<div class='timeout-message'><div class='timeout-icon'><img src='/globalresources/widgets/images/TimeOutSessionIcon.png' alt='' /></div><div class='timeout-text-message'><b>Time Out Error</b>.<br> Refresh Page or Try Again Later</div></div>"); 3913 } 3914 } 3915 }); 3916 3917 if (defaultSource == 0) 3918 $('#usersource').val(''); 3919 else if (defaultSource) 3920 $('#usersource').val(defaultSource); 3921 else 3922 $('#usersource').val(''); 3923 3924 if (disableReferralTracking.toLowerCase() != 'true' && matchedSourceId) { 3925 $('.contact-us-enhanced #usersource').val(matchedSourceId); 3926 $('.contact-us-enhanced #usersourceDiv').hide(); 3927 } 3928 3929 $('.contact-us-enhanced #btnEnhSubmit').on('click', function () { 3930 if (f_validateFields()) { 3931 f_enhSubmit(); 3932 } 3933 }); 3934 3935 f_ensureErrorSpans(); 3936 }); 3937 3938 function f_validateFields() { 3939 let isPhoneValid = true; 3940 let isEmailValid = true; 3941 3942 // Phone and email inputs based on the provided HTML 3943 const phoneInput = $('#phone'); // Target phone input by id "phone" 3944 const emailInput = $('#email'); // Target email input by id "email" 3945 3946 // Trim values to avoid spaces being considered valid 3947 const phoneValue = phoneInput.val().trim(); 3948 const emailValue = emailInput.val().trim(); 3949 3950 // Phone validation 3951 if ($('#phoneDiv').hasClass('required-group')) { 3952 const phonePattern = /^(?:\(\d{3}\)|\d{3}[-.\s]?)\d{3}[-.\s]?\d{4}$/; // Phone number pattern 3953 isPhoneValid = phonePattern.test(phoneValue); 3954 f_setEnhFieldValidity(phoneInput, isPhoneValid); 3955 } 3956 3957 // Email validation 3958 const emailPattern = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; // Email pattern 3959 isEmailValid = emailPattern.test(emailValue); 3960 f_setEnhFieldValidity(emailInput, isEmailValid); 3961 3962 // Exclude #email/#phone â dedicated format checks above would otherwise be clobbered. 3963 $('.contact-us-enhanced .required-group input').not('#email, #phone').each(function () { 3964 f_setEnhFieldValidity($(this), $(this).val() != ''); 3965 }); 3966 3967 $('.contact-us-enhanced .required-group input[type="checkbox"]').each(function() { 3968 var isChecked = $(this).is(':checked'); 3969 f_setEnhFieldValidity($(this), isChecked); 3970 var $label = $("label[for=" + $(this).attr("id") + "]"); 3971 if (isChecked) { 3972 $label.removeClass('validate-field'); 3973 } else { 3974 $label.addClass('validate-field'); 3975 } 3976 }); 3977 3978 $('.contact-us-enhanced .required-group textarea').each(function () { 3979 f_setEnhFieldValidity($(this), $(this).val() != ''); 3980 }); 3981 3982 $('.contact-us-enhanced .required-group select').each(function () { 3983 f_setEnhFieldValidity($(this), $(this).val() != ''); 3984 }); 3985 3986 if ($('.contact-us-enhanced .validate-field').length == 0 && isPhoneValid && isEmailValid) 3987 return true; 3988 else { 3989 $('.validate-field:first').focus(); 3990 return false; 3991 } 3992 } 3993 3994 function f_enhBuildBedRoomSelect() { 3995 var bathRooms = 0; 3996 var bedRooms = 0; 3997 3998 var countUnit = 1; 3999 4000 for (var i = 0; i < rpData.floorplans.length; i++) { 4001 var currentbathRooms = rpData.floorplans[i].bathRooms; 4002 var currentbedRooms = rpData.floorplans[i].bedRooms; 4003 if (bathRooms != currentbathRooms || bedRooms != currentbedRooms) { 4004 var str = currentbedRooms + ' Bed /' + currentbathRooms + ' Bath'; 4005 4006 try { 4007 $('.contact-us-enhanced #unitType').append('<option value="' + kpv[str]["key"] + '" class="text">' + str + '</option>'); 4008 } catch(err) { 4009 //This error typically happens when it cannot find the str and consaquently cannot find the key. 4010 } 4011 4012 bathRooms = currentbathRooms; 4013 bedRooms = currentbedRooms; 4014 countUnit++; 4015 } 4016 } 4017 } 4018 function f_getCookie(cookieName) { 4019 var cookieValue = document.cookie;
4020 var cookieStart = cookieValue.indexOf(" " + cookieName + "="); 4021 if (cookieStart == -1) { 4022 cookieStart = cookieValue.indexOf(cookieName + "="); 4023 } 4024 if (cookieStart == -1) { 4025 cookieValue = null; 4026 } 4027 else { 4028 cookieStart = cookieValue.indexOf("=", cookieStart) + 1; 4029 var cookieEnd = cookieValue.indexOf(";", cookieStart); 4030 if (cookieEnd == -1) { 4031 cookieEnd = cookieValue.length; 4032 } 4033 cookieValue = unescape(cookieValue.substring(cookieStart, cookieEnd)); 4034 } 4035 return cookieValue; 4036 } 4037 4038 function f_enhValidPhone(b) { 4039 var a = window.event ? b.keyCode : b.which; 4040 4041 if (internationalProperty == 'true' && $('#dayPhone1').val().length == 0 && b.shiftKey && b.keyCode == 43) 4042 return true; 4043 4044 if (a == 0 || a == 8) 4045 return true; 4046 if (a > 47 && a < 58) 4047 return true; 4048 else 4049 return false; 4050 } 4051 4052 function getSubmitTimeStamp() { 4053 let date = new Date(); 4054 var formattedDate = String(date.getUTCFullYear() + "-" + date.getUTCDate() + "-" + date.getUTCDay() + " " + date.getUTCHours() + ":" + date.getUTCMinutes() + ":" + date.getUTCSeconds()); 4055 console.log("Get UTC date time/stamp: " + formattedDate) 4056 return formattedDate; 4057 } 4058 4059 function submitContactEnhanced() { 4060 if (enableGoogleRecaptcha == "true") { 4061 o['cmsSiteId'] = cmsSiteId; 4062 o['pageName'] = pageName; 4063 o['widgetName'] = widgetName; 4064 } 4065 4066 o['googleAnalyticsId'] = googleAnalyticsId; 4067 o['ipaddress'] = ipAddress; 4068 o['leadtime'] = getSubmitTimeStamp(); 4069 4070 $(".contact-us-enhanced input:not([type=radio])").each(function () { 4071 if (internationalProperty == 'true' && this.name == 'movedate') { 4072 o[$(this).attr('name')] = ($(this).val().substring(3, 5) + '-' + $(this).val().substring(0, 2) + '-' + $(this).val().substring(6, 10)); 4073 } 4074 else { 4075 o[$(this).attr('name')] = $(this).val(); 4076 } 4077 }); 4078 4079 o['respondmedium'] = $('input[name="respondmedium"]:checked').val(); 4080 4081 $(".contact-us-enhanced select").each(function () { 4082 if (this.name == 'usersource') 4083 o[$(this).attr('name')] = $('option:selected', this).text(); 4084 else 4085 o[$(this).attr('name')] = $(this).val(); 4086 }); 4087 4088 $(".contact-us-enhanced textarea").each(function () { 4089 o[$(this).attr('name')] = escape($(this).val()); 4090 }); 4091 4092 4093 if ($('.contact-us-enhanced #e-mail').val().length == 0) { 4094 var id = $(".contact-us-enhanced #unitType option:selected").val(); 4095 4096 $.ajax({
4097 type: "POST", 4098 dataType: "json", 4099 cache: false, 4100 url: "CMSSiteManager/Callback.aspx?act=set_contact", 4101 data: o, 4102 timeout: timeoutValue, 4103 success: function (json) { 4104 if (json.ErrorNumber) { 4105 formSuccess = false; 4106 $('#lblError').html('Failed to submit guest card.'); 4107 $('#btnEnhSubmit').html('Error Submitting!'); 4108 $('#btnEnhSubmit').prop('disabled', false); 4109 } else { 4110 try { 4111 let customDimensions = {} 4112 customDimensions.dimension15 = json.LeaseStarLeadId; 4113 if (json.Lead2LeaseLeadId != 0) 4114 customDimensions.dimension17 = json.Lead2LeaseLeadId; 4115 f_analyticsSendEvent('Contact', 'Information Request', 'Thank you', customDimensions); 4116 } catch (e) { 4117 } 4118 if (successScreen == '') 4119 window.open('/Thank-You.aspx', '_self'); 4120 else 4121 window.open(successScreen, '_self'); 4122 } 4123 }, 4124 beforeSend: function (json) { 4125 formSuccess = true; 4126 $('#btnEnhSubmit').html('Sending...'); 4127 $('#btnEnhSubmit').prop('disabled', true); 4128 }, 4129 error: function (e) { 4130 formSuccess = false; 4131 $('#btnEnhSubmit').html('Error Submitting!'); 4132 $('#btnEnhSubmit').prop('disabled', false); 4133 } 4134 }); 4135 } 4136 } 4137 4138 function f_enhSubmit() { 4139 if (formSuccess == true) { 4140 return false; 4141 } 4142 4143 $('.contact-us-enhanced #pid').val(propertyId); 4144 4145 var lcid = f_getCookie('RP_LSWS_LCID'); 4146 lcid = lcid ? lcid : "4"; 4147 $('.contact-us-enhanced #lcid').val(lcid); 4148 var cid = f_getCookie('RP_LSWS_SEM'); 4149 cid = cid ? cid : "Property Website"; 4150 if (cid != "Property Website") { 4151 $('.contact-us-enhanced #cid').val(matchedSource); //The logic for setting the matchedSource based on the cid value in the commondata.ascx file 4152 } 4153 4154 googleAnalyticsId = f_getCookie('_ga'); 4155 4156 4157 submitContactEnhanced(); 4158 4159 } 4160</script>
4160 4161<style> 4162 .grecaptcha-badge{ 4163 bottom: 100px !important; 4164 } 4165 .contact-us-enhanced input:focus-visible, 4166 .contact-us-enhanced select:focus-visible, 4167 .contact-us-enhanced textarea:focus-visible, 4168 .contact-us-enhanced button:focus-visible, 4169 .contact-us-enhanced input:focus, 4170 .contact-us-enhanced select:focus, 4171 .contact-us-enhanced textarea:focus, 4172 .contact-us-enhanced button:focus { 4173 outline-offset: 2px; 4174 box-shadow: 0 0 0 2px #005fcc, 0 0 0 3px #fff; 4175 } 4176</style> 4177 4178<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUsEnhanced_contact_us_enhanced" class="contact-us-enhanced"> 4179 <div id="contactUsEnhancedContainer" class="timeout-error-contact"> 4180 <div class="row"> 4181 <input name="pid" type="hidden" id="pid" /> 4182 <input name="lcid" type="hidden" id="lcid" /> 4183 <input name="cid" type="hidden" id="cid" /> 4184 <div class="col-md-6"> 4185 <div class="form-group required-group" id="firstNameDiv"><label for="firstName">First Name</label><input type="text" id="firstName" class="form-control" autocomplete="given-name" name="firstname" /> 4186 </div> 4187 <div class="form-group required-group" id="lastNameDiv"><label for="lastName">Last Name</label><input type="text" id="lastName" class="form-control" autocomplete="family-name" name="lastname" /> 4188 </div><div class="form-group" id="addressDiv"><label for="address">Address</label><input type="text" id="address" class="form-control" autocomplete="street-address" name="address" /> 4189 </div><div class="form-group" id="cityDiv"><label for="city">City</label><input type="text" id="city" class="form-control" autocomplete="address-level2" name="city" /> 4190 </div><div class="row"><div class="form-group col-xs-6" id="stateDiv"><label for="state">State</label><select id="state" class="form-control" autocomplete="address-level1" name="state"><option value="">-Select-</option><option value="AK">AK</option> 4191 <option value="AL">AL</option> 4192 <option value="AR">AR</option> 4193 <option value="AZ">AZ</option> 4194 <option value="CA">CA</option> 4195 <option value="CO">CO</option> 4196 <option value="CT">CT</option> 4197 <option value="DC">DC</option> 4198 <option value="DE">DE</option> 4199 <option value="FL">FL</option> 4200 <option value="GA">GA</option> 4201 <option value="GU">GU</option> 4202 <option value="HI">HI</option> 4203 <option value="IA">IA</option> 4204 <option value="ID">ID</option> 4205 <option value="IL">IL</option> 4206 <option value="IN">IN</option> 4207 <option value="KS">KS</option> 4208 <option value="KY">KY</option> 4209 <option value="LA">LA</option> 4210 <option value="MA">MA</option> 4211 <option value="MD">MD</option> 4212 <option value="ME">ME</option> 4213 <option value="MI">MI</option> 4214 <option value="MN">MN</option> 4215 <option value="MO">MO</option> 4216 <option value="MS">MS</option> 4217 <option value="MT">MT</option> 4218 <option value="NC">NC</option> 4219 <option value="ND">ND</option> 4220 <option value="NE">NE</option> 4221 <option value="NH">NH</option> 4222 <option value="NJ">
4222NJ</option> 4223 <option value="NM">NM</option> 4224 <option value="NV">NV</option> 4225 <option value="NY">NY</option> 4226 <option value="OH">OH</option> 4227 <option value="OK">OK</option> 4228 <option value="OR">OR</option> 4229 <option value="PA">PA</option> 4230 <option value="PR">PR</option> 4231 <option value="RI">RI</option> 4232 <option value="SC">SC</option> 4233 <option value="SD">SD</option> 4234 <option value="TN">TN</option> 4235 <option value="TX">TX</option> 4236 <option value="UT">UT</option> 4237 <option value="VA">VA</option> 4238 <option value="VI">VI</option> 4239 <option value="VT">VT</option> 4240 <option value="WA">WA</option> 4241 <option value="WI">WI</option> 4242 <option value="WV">WV</option> 4243 <option value="WY">WY</option> 4244 </select> 4245 </div><div class="form-group col-xs-6" id="zipDiv"><label for="zip">Zip</label><input type="text" id="zip" class="form-control" max-length="10" autocomplete="postal-code" name="zip" /> 4246 </div></div><div class="form-group" id="phoneDiv"><label for="phone">Phone</label><input type="text" id="phone" class="form-control" autocomplete="tel" name="dayPhone1" /> 4247 </div><div class="form-group required-group" id="emailDiv"><label for="email">Email</label><input type="email" id="email" class="form-control" autocomplete="email" name="email" /> 4248 </div><div class="form-group" id="occupantsDiv"><label for="occupants">Number of Occupants</label><input type="text" id="occupants" class="form-control" name="occupants" /> 4249 </div></div><div class="col-md-6"><div class="form-group required-group" id="moveDateDiv"><label for="movedate">Move-in Date</label><input type="text" id="movedate" class="form-control" name="movedate" readonly="readonly" aria-describedby="movedate-hint" /> 4250 <span id="movedate-hint" class="field-format-hint">Format: MM/DD/YYYY</span> 4251 </div><div class="form-group" id="unitTypeDiv"><label for="unitType">Unit Type</label><select id="unitType" class="form-control" name="bedbathid"><option value="">-Select-</option> </select> 4252 </div><div class="form-group" id="usersourceDiv"> 4253 <label for="usersource">How did you hear about us?</label><select class="form-control" id="usersource" name="usersource"><option value="">-Select Source-</option><option value="S000000036">Apartment Guide</option><option value="S000000041">ApartmentFinder.com</option><option value="S000000003">ApartmentGuide.com</option><option value="S000000004">ApartmentMatching.com</option><option value="S000000042">ApartmentRatings.com</option><option value="S000000005">Apartments.com</option><option value="S000000019">Billboard</option><option value="S000000020">Brochure/Flyer</option><option value="S000000044">CraigsList.com</option><option value="S000000027">Current Resident</option><option value="S000000021">Drive by</option><option value="S000000008">ForRent.com</option><option value="S000000040">Google.com</option><option value="S000000002">LivingChoices.com</option><option value="S000000015">Locator Service</option><option value="S000000049">Move.com</option><option value="S000000045">MoveForFree.com</option><option value="S000000039">MyNewPlace.com</option><option value="S000000026">Other</option><option value="S000000029">Prior resident</option><option value="S000000001">Property web site</option><option value="S000000025">Radio Advertising</option><option value="S000000030">Referral companies/merchants</option><option value="S000000012">Rent.com</option><option value="S000000010">Rentals.com</option><option value="S000000023">Sign</option><option value="S000000048">Yahoo.com</option><option value="S000000022">Yellow pages</option></select></div><div class="form-group" id="petsDiv"><label for="pets">Do you have pets?</label><select id="pets" class="form-control" name="pets"><option value="">-Select-</option><option>Yes</option> 4254 <option>No</option> 4255 </select> 4256 </div><div class="form-group" id="respondDiv"> 4257 <fieldset><legend>Contact Me By:</legend> 4258 <div class="respondRadios"> 4259 <input type="radio" value="phone" id="respondmedium" name="respondmedium" /><label for="respondmedium" class="radio-label">Phone</label> 4260 <input type="radio" value="email" id="respondmediumemail" name="respondmedium" /><label for="respondmediumemail" class="radio-label">Email</label> 4261 </div></fieldset> 4262 </div><div class="form-group" id="bestdayDiv"><label for="bestday">Best day to call</label><select id="bestday" class="form-control" name="bestday"><option value="">-Select-</option><option>Any Day</option> 4263 <option>Weekends</option> 4264 <option>Weekdays</option> 4265 </select> 4266 </div><div class="form-group" id="commentsDiv"><label for="comments">Comments</label><textarea id="comments" class="form-control" name="msg"></textarea> 4267 </div><div class="form-group required-group" id="privacyDiv"> 4268 <input id="privacy" type="checkbox" class="privacy-check" value="Agree" tabindex="0" /> 4269 <label for="privacy">By submitting this form, you agree to the <a href="/Privacy-Policy.aspx" target="_blank" rel="noopener noreferrer">privacy policy<span class="sr-only"> (opens in a new tab)</span></a>.</label> 4270 </div></div></div><div class="contactus-float-input-div"> 4271 <label for="e-mail" style="display:none;">Do not fill out this input form, it is for bot control purposes only.</label> 4272 <input id="e-mail" type="text" class="hpInput" aria-hidden="true" tabindex="-1" autocomplete="off" /> 4273 </div><div id="requiredNotation"><span></span> required field</div> 4274 <div class="sumbit-button"> 4275 <button type="button" name="btnEnhSubmit" id="bt
4275nEnhSubmit">Submit</button> 4276 </div> 4277 <div> 4278 <p type="label" id="lblError" class="error-msg"></p> 4279 </div> 4280 </div> 4281</div></div><div class="col-lg-1"></div> 4282<div class="col-lg-3 contact-info-container"><div class="col-lg-12 col-sm-6 col-xs-12"><h4 class="home-contact-title">office hours</h4> 4283 4284<style> 4285 .contact-hours ul { 4286 margin: 0; 4287 padding: 0; 4288 list-style: none; 4289 } 4290</style> 4291 4292<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_WebPartZone5_WebPartZone5_zone_ContactHours_pnlContactHours" class="widget"> 4293 4294 4295<div class="contact-hours"><ul class="contact-hours-list"><li><span class="contact-hours-day">Monday - Friday:</span><span class="contact-hours-time"> 9:00AM to 5:00PM</span></li><li><span class="contact-hours-day">Saturday:</span><span class="contact-hours-text"> Closed</span></li><li><span class="contact-hours-day">Sunday:</span><span class="contact-hours-text"> Closed</span></li></ul></div> 4296 4297 4298</div></div><div class="col-lg-12 col-sm-6 col-xs-12"><h4 class="home-contact-title">address</h4><div class="prop-name">Panorama Heights</div> 4299<a href="http://maps.google.com/?q=1609 Zebulon Drive, Colorado Springs, CO 80910" target="_blank" id="footerDirectionsLink"> 4300 <div>1609 Zebulon Drive </div> 4301 <div>Colorado Springs, CO 80910</div> 4302</a><div id="" class=""> 4303<a class="seo-number" href="tel:(719) 284-7145" onclick="f_analyticsSendEvent('general', 'click-phone-number', '(719) 284-7145')">(719) 284-7145</a></div></div></div><div class="col-lg-1"></div> 4304</div> 4305</div></section> 4306</div> 4307 4308<footer id="footer" class="container-fluid"> 4309 <div class="row footer-row-2"> 4310 <div id="" class="col-lg-4 col-sm-12"><div class="header-left"> 4311<a class="logo scroll-notice" href="/home" title="Home"><img id="p_lt_zoneFooterRow2_EditableImage2_ucEditableImage_imgImage" src="https://capi.myleasestar.com/v2/dimg/168768792/600x400/168768792.png" alt="" /> 4312 4313</a> 4314</div></div><div id="" class="col-lg-4 col-sm-12 footer-content-center"><div class="content footer-content-logos">© 2026 4315<span class="copyright-text">Panorama Heights. All Rights Reserved. </span><ul class="footer-links"><li><a class="privacy" href="/Privacy-policy.aspx" title="">Privacy</a></li><li><a class="additional-footer-link" href="https://www.cecommunities.com/" target="_blank" title="">A Cohen-Esrey Community</a></li></ul></div></div><div id="" class="col-lg-4 col-sm-12 footer-content-right"><div class="footer-icons"><div id="ADA-HUD-Links"><a id="link-HUD" href="https://www.hud.gov/program_offices/fair_housing_equal_opp" title="HUD" target="_blank" rel="noopener noreferrer" aria-label="HUD (opens in a new tab)"><svg id="housingSVG" aria-hidden="true" data-name="housingSVG" xmlns="http://www.w3.org/2000/svg" width="539.2" height="515.23" viewbox="0 0 539.2 515.23"> 4316 <title>HUD</title> 4317 <g> 4318 <polygon points="61.89 421.07 40.79 421.07 40.79 429.43 60.17 429.43 60.17 436.48 40.79 436.48 40.79 446.74 62.82 446.74 62.82 453.79 32.66 453.79 32.66 414.04 61.89 414.04 61.89 421.07 61.89 421.07" fill-rule="evenodd"></polygon> 4319 <path d="M202.69,476.83l4,3.75a9.67,9.67,0,0,1-4.48,1.06c-4.49,0-10.8-2.76-10.8-13.89s6.32-13.89,10.8-13.89S213,456.64,213,467.76a17.78,17.78,0,0,1-1.82,8.54L207,472.37l-4.26,4.46ZM221.46,486l-4.33-4.07c2.44-3.1,4.16-7.64,4.16-14.18,0-18.65-13.84-20.92-19.1-20.92s-19.09,2.26-19.09,20.92,13.84,20.92,19.09,20.92A20.52,20.52,0,0,0,212.37,486l4.71,4.49,4.37-4.49Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4320 <path d="M260.37,473.75c0,10.44-6.32,14.94-16.34,14.94-3.65,0-9.07-.88-12.62-4.81-2.15-2.42-3-5.66-3.09-9.63V447.89h8.47v25.78c0,5.56,3.21,8,7.08,8,5.71,0,8-2.76,8-7.59V447.89h8.48v25.85Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4321 <path d="M282.61,456.86h.12l4.92,15.72H277.51l5.1-15.72Zm-7.32,22.56H290l2.55,8.21h9l-14-39.75H278l-14.17,39.75h8.75l2.76-8.21Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4322 <polygon points="202.19 446.59 221.95 446.59 221.95 453.79 193.88 453.79 193.88 414.04 202.19 414.04 202.19 446.59 202.19 446.59" fill-rule="evenodd"></polygon> 4323 <polygon points="253.44 435.95 253.44 453.79 245.15 453.79 245.15 414.04 253.44 414.04 253.44 429.09 268.94 429.09 268.94 414.04 277.23 414.04 277.23 453.79 268.94 453.79 268.94 435.95 253.44 435.95 253.44 435.95" fill-rule="evenodd"></polygon> 4324 <path d="M407.18,467.76c0-11.12,6.32-13.89,10.79-13.89s10.81,2.76,10.81,13.89-6.31,13.89-10.81,13.89-10.79-2.76-10.79-13.89Zm-8.29,0c0,18.66,13.85,20.92,19.08,20.92s19.12-2.26,19.12-20.92S423.25,446.85,418,446.85s-19.08,2.26-19.08,20.92Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4325 <path d="M476.72,473.75c0,10.44-6.32,14.94-16.34,14.94-3.65,0-9.06-.88-12.62-4.81-2.16-2.42-3-5.66-3.09-9.63V447.89h8.46v25.78c0,5.56,3.22,8,7.1,8,5.7,0,8-2.76,8-7.59V447.89h8.47v25.85Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4326 <path d="M491.92,475.4c.07,2.21,1.19,6.42,8.43,6.42,3.93,0,8.31-.94,8.31-5.17,0-3.08-3-3.92-7.19-4.92l-4.27-1c-6.44-1.49-12.64-2.91-12.64-11.66,0-4.43,2.39-12.24,15.29-12.24,12.18,0,15.45,8,15.51,12.84h-8c-.22-1.76-.88-6-8.13-6-3.15,0-6.92,1.16-6.92,4.76,0,3.12,2.55,3.75,4.2,4.14l9.69,2.38c5.43,1.33,10.4,3.55,10.4,10.68,0,12-12.17,13-15.66,13-14.49,0-17-8.36-17-13.28Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4327 <polygon points="417.6 453.79 409.32 453.79 409.32 414.04 417.6 414.04 417.6 453.79 417.6 453.79" fill-rule="evenodd"></polygon> 4328 <polygon points="450.76 414.04 458.5 414.04 458.5 453.79 450.21 453.79 434 425.44 433.86 425.44 433.86 453.79 426.13 453.79 426.13 414.04 434.87 414.04 450.63 441.72 450.76 441.72 450.76 414.04 450.76 414.04" fill-rule="evenodd"></polygon> 4329 <path d="M600.42,466.22H617v21.42h-5.53l-.83-5c-2.1,2.41-5.14,6-12.4,6-9.57,0-18.25-6.86-18.25-20.8,0-10.84,6-21.09,19.42-21,12.2,0,17,7.9,17.43,13.4h-8.29c0-1.56-2.83-6.54-8.69-6.54S588.46,457.8,588.46,468c0,10.86,5.93,13.67,11.57,13.67,1.82,0,7.93-.71,9.63-8.75h-9.24v-6.69Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4330 <path d="M153.32,528.15c0-11.12,6.31-13.9,10.79-13.9s10.79,2.77,10.79,13.9-6.31,13.9-10.79,13.9-10.79-2.79-10.79
4330-13.9Zm-8.3,0c0,18.65,13.84,20.94,19.09,20.94s19.09-2.29,19.09-20.94-13.84-20.92-19.09-20.92S145,509.49,145,528.15Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4331 <path d="M206,526.81V515.12h6.59c5.14,0,7.3,1.62,7.3,5.5,0,1.77,0,6.19-6.21,6.19Zm0,6.87h9.51c10.69,0,12.67-9.08,12.67-12.67,0-7.8-4.64-12.73-12.34-12.73H197.66V548H206V533.68Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4332 <path d="M250.67,526.81V515.12h6.58c5.15,0,7.31,1.62,7.31,5.5,0,1.77,0,6.19-6.19,6.19Zm0,6.87h9.52c10.68,0,12.68-9.08,12.68-12.67,0-7.8-4.64-12.73-12.34-12.73H242.37V548h8.31V533.68Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4333 <path d="M293.63,528.15c0-11.12,6.29-13.9,10.8-13.9s10.79,2.77,10.79,13.9-6.32,13.9-10.79,13.9-10.8-2.79-10.8-13.9Zm-8.3,0c0,18.65,13.83,20.94,19.1,20.94s19.08-2.29,19.08-20.94-13.84-20.92-19.08-20.92-19.1,2.26-19.1,20.92Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4334 <path d="M346.1,525.77V515.12h10.34c4.87,0,5.8,3.12,5.8,5.22,0,3.93-2.09,5.43-6.41,5.43ZM337.95,548h8.16V532.46h8.56c6.15,0,6.49,2.1,6.49,7.53a26.77,26.77,0,0,0,.87,8h9.2v-1.07c-1.77-.65-1.77-2.1-1.77-7.89,0-7.45-1.77-8.65-5-10.09,3.93-1.32,6.13-5.09,6.13-9.45,0-3.44-1.93-11.24-12.5-11.24H337.95V548Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4335 <polygon points="287.36 514.17 279.06 514.17 279.06 481.46 267.05 481.46 267.05 474.42 299.38 474.42 299.38 481.46 287.36 481.46 287.36 514.17 287.36 514.17" fill-rule="evenodd"></polygon> 4336 <path d="M458.06,534.11c0,10.46-6.31,15-16.33,15-3.64,0-9.06-.92-12.61-4.85-2.16-2.42-3-5.64-3.09-9.62V508.28h8.46v25.78c0,5.54,3.22,8,7.09,8,5.7,0,8-2.79,8-7.6V508.28h8.47v25.84Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4337 <polygon points="384.11 474.42 391.87 474.42 391.87 514.17 383.55 514.17 367.33 485.82 367.25 485.82 367.25 514.17 359.48 514.17 359.48 474.42 368.22 474.42 384.01 502.1 384.11 502.1 384.11 474.42 384.11 474.42" fill-rule="evenodd"></polygon> 4338 <polygon points="415.29 514.17 406.97 514.17 406.97 474.42 415.29 474.42 415.29 514.17 415.29 514.17" fill-rule="evenodd"></polygon> 4339 <polygon points="447.7 514.17 439.4 514.17 439.4 481.46 427.41 481.46 427.41 474.42 459.72 474.42 459.72 481.46 447.7 481.46 447.7 514.17 447.7 514.17" fill-rule="evenodd"></polygon> 4340 <polygon points="491.11 514.17 482.8 514.17 482.8 499.16 469.08 474.42 478.87 474.42 487.12 491.7 494.99 474.42 504.39 474.42 491.11 499.27 491.11 514.17 491.11 514.17" fill-rule="evenodd"></polygon> 4341 <path d="M381.73,33.85l-267.6,131.8v61.91h30V413.27H617.36V227.56h36V165.65L381.73,33.85ZM559.46,357.34H202V187.62L381.73,95.76l177.73,91.86V357.34Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path> 4342 <polygon points="349.46 213.66 183.73 213.66 183.73 153.77 349.46 153.77 349.46 213.66 349.46 213.66" fill-rule="evenodd"></polygon> 4343 <polygon points="349.46 299.57 183.73 299.57 183.73 239.63 349.46 239.63 349.46 299.57 349.46 299.57" fill-rule="evenodd"></polygon> 4344 </g></svg></a><a id="link-ADA" href="https://www.hud.gov/helping-americans/disabilities" title="ADA" target="_blank" rel="noopener noreferrer" aria-label="ADA (opens in a new tab)"><svg id="handicapSVG" aria-hidden="true" data-name="handicapSVG" xmlns="http://www.w3.org/2000/svg" width="483.22" height="551.43" viewbox="0 0 483.22 551.43"> 4345 <title>ADA</title> 4346 <path d="M-54,93.12c25-2.3,44.36-23.81,44.36-49A49.25,49.25,0,0,0-58.81-5,49.25,49.25,0,0,0-108,44.16,51.06,51.06,0,0,0-101.83,68l17.52,246.47,180.4,0,74,173.37,97.14-38.1-15-35.82-54.37,19.63L126.22,268.28-41.51,269.4l-2.3-31.21,121.42,0V192.06l-126.05,0ZM127.42,446.59C97,506.78,33.25,546.43-34.73,546.43-134.57,546.43-216,465-216,365.16c0-70.1,42.49-135.24,105.88-164.12l4.1,53.54c-37.5,23.63-60.61,66.26-60.61,111,0,72.43,59.07,131.5,131.5,131.5,66.26,0,122.76-50.85,130.47-116.09Z" transform="translate(216 5)"></path> 4347</svg></a></div><em class="icon-no-smoking" title="Non-Smoking" aria-label="non-smoking"></em><em class="fa fa-paw" title="Pet Friendly" aria-label="pet friendly"></em></div></div> 4348 </div> 4349 4350 <hr class="floor-plans-divider" /> 4351 4352 <div class="row footer-row-3"> 4353 <div class="rplogo" id="rplogo_p_lt_zoneFooterRow3_RealPageLogo_plcRealPageLogo"><a href="https://www.realpage.com/apartment-marketing/" target="_blank" rel="noopener noreferrer"><img src="/TemplateResources/Global/images/rplogo-white.png" alt="RealPage, Inc." /><span class="sr-only"> (opens in a new tab)</span></a></div><div id="" class="pmc-logo"><a class="footer-PMC-link"><img id="p_lt_zoneFooterRow3_EditableImage1_ucEditableImage_imgImage" src="https://capi.myleasestar.com/v2/dimg/176111540/250x80/176111540.png" alt="" /> 4354 4355</a></div> 4356 </div> 4357</footer> 4358 4359 4360 <button type="submit" tabindex="-1" aria-hidden="true" style="position:absolute;
4360left:-9999px;width:1px;height:1px;overflow:hidden">Submit</button> 4361 4362
4363<script type="text/javascript"> 4364//<![CDATA[ 4365 4366WebForm_InitCallback(); 4367theForm.oldSubmit = theForm.submit; 4368theForm.submit = WebForm_SaveScrollPositionSubmit; 4369 4370theForm.oldOnSubmit = theForm.onsubmit; 4371theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit; 4372//]]> 4373</script>
4373 4374</form> 4375 4376 4377 4378 4379
4379<script type="text/javascript"> 4380 try { 4381 $(document).foundation(); 4382 } 4383 catch(err) {} 4384 </script>
4384 4385 <!-- ExternalResources_Footer --> 4386 <span id="cookie-preferences" hidden="hidden"></span> 4387 4388 <!-- /ExternalResources_Footer --> 4389</body> 4390</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.