citadelatwestpointe.com
Open in
urlscan Pro
45.154.183.183
Public Scan
Submitted URL: http://citadelatwestpointe.com/
Effective URL: https://citadelatwestpointe.com/
Submission: On November 28 via manual from US — Scanned from DE
Effective URL: https://citadelatwestpointe.com/
Submission: On November 28 via manual from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST /
<form method="post" action="/" id="form">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="MlUigRBL222ULITS/xoLWH2sni4IuqD9VBW5I4t/3PAQY6srgmv2uDIU4QxIFKjKak2Haz8y9fAwgDSOSW5oBseGEbSj0ZfJJOjM5+HiyavKNDhus2mb8WygHmVCtWWdkXta2VUffKzSvwM8GFxTJ2LfaAJh/dtVS8A6yEhcvcCEkqIj8pYislwDVOwm9Z4eRpYdrVrJ/e51PjEZ0rGucKA0k8ks01sef+1Wt+Q1EP+W7bIpnsEkixRZNDiVS21dri6E/Ml+S1owff1jK4X67vrkI9wdr0qj9wIAwJ57mIfC2RKi0kaMr34TyloOBfOj1Bw/3rojjdouDcw8UeqJIVDn6hGXf/0qLK4Njb4kfnFfGrEW2Aov73RB+giO+U8K+qWophropNeRfWVrfDkemLuP6UDRTutTeI0koTSddzffX12VuQkeR3P+v6DHkxjWw3MLYd/A002XAuKIg0xFmbYfTxZef60EbjepvOAcjICbF7UC5VyHT9TvWkBIsz3nvHuA47JWvTzUbjumQNWeyeq/okiJWLuXSeIWUCAaZN637M2Tx+uOT/2DoqD56oCw/zNXHmvLZIOX/FtPWHL55XUYHaaTer/G5g9z805xxdYGXpIozD0vECL48spJ7HABiJ6hC5vCQ3HHC/miDGAuhQ==">
<input type="hidden" name="lng" id="lng" value="en-US">
<script type="text/javascript">
//<![CDATA[
function PM_Postback(param) {
if (window.top.HideScreenLockWarningAndSync) {
window.top.HideScreenLockWarningAndSync(1080);
}
if (window.CMSContentManager) {
CMSContentManager.allowSubmit = true;
};
__doPostBack('m$am', param);
}
function 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);
}
//]]>
</script>
<script src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvgm388C7z57L5COL7njlfxHabVp02JjeGBqhojV0DvhOls37naEdTKvtve-DZGAUfkLhXnkKZ0JM5n8W_iT84YozJbVtHk6XR7HfTxh00jaQbIJ5RlBvWf7fnz-N3zpSVKNk_Hm4b82dGd4p6rDl7rs1&t=ffffffffa0418512"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var CMS = CMS || {};
CMS.Application = {
"language": "en",
"imagesUrl": "/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2f",
"isDebuggingEnabled": false,
"applicationUrl": "/",
"isDialog": false,
"isRTL": "false"
};
//]]>
</script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="A5343185">
<div id="ctxM">
</div>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
var gtm = document.createElement('script');
let GTMAccountNumber = 'GTM-PGXC6VC';
var text = document.createTextNode(
`<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=${GTMAccountNumber}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->`
)
gtm.appendChild(text)
var bodyFirstChild = document.body.firstChild;
bodyFirstChild.parentNode.insertBefore(gtm, bodyFirstChild);
})
</script>
<!-- MediaViewer Added -->
<script type="text/javascript">
$(document).ready(function() {
var disableOnMobile = 'False';
var isSmallScreenDevice = $(window).width() <= 500;
var cookie = f_getSessionCookie('showOnPageLoad');
var endDate = '';
var convertedEndDate = new Date(endDate + " 23:59:59");
var today = new Date();
var page = '~/';
//should only popup for the home page
if (page == "~/" && (!endDate || convertedEndDate > today)) {
if (!cookie || 'True'.toLowerCase() == 'true') {
if (('True'.toLowerCase() == 'true' || 'True'.toLowerCase() == 'true') && ((disableOnMobile.toLowerCase() == 'false' || !isSmallScreenDevice))) {
f_showDialog(true);
}
f_setSessionCookie('showOnPageLoad', false);
}
}
$(document).keydown(function(event) {
if (event.keyCode == 27) {
f_hideDialog();
}
});
});
function f_setSessionCookie(cookieName, value) {
document.cookie = cookieName + "=" + value;
}
function f_getSessionCookie(cookieName) {
var cookieValue = document.cookie;
var cookieStart = cookieValue.indexOf(" " + cookieName + "=");
if (cookieStart == -1) {
cookieStart = cookieValue.indexOf(cookieName + "=");
}
if (cookieStart == -1) {
cookieValue = null;
} else {
cookieStart = cookieValue.indexOf("=", cookieStart) + 1;
var cookieEnd = cookieValue.indexOf(";", cookieStart);
if (cookieEnd == -1) {
cookieEnd = cookieValue.length;
}
cookieValue = unescape(cookieValue.substring(cookieStart, cookieEnd));
}
return cookieValue;
}
function f_showDialog(modal) {
if ($('#popUpWindowDialog').length > 0) {
$("#popup-overlay").show();
$(".popUpWindowLightBox").fadeIn(300);
if (modal) {
$("#popup-overlay").unbind("click");
} else {
$("#popup-overlay").click(function() {
f_hideDialog();
});
}
}
}
function f_hideDialog() {
$("#popup-overlay").hide();
$(".popUpWindowLightBox").fadeOut(300);
}
</script>
<div id="popup-overlay" class="popup-overlay" style="display: block;"></div>
<div id="p_lt_zoneAnalytics_PopUp_PopUpWindow" class="popUpWindowLightBox" style="display: block;">
<div id="popUpWindowDialog" class="popUpWindowDialog">
<div id="popUpWindowHeader" class="popUpWindowHeader"></div>
<div id="divCloseButton" class="divCloseButton"><a href="#" id="popBtnClose" onclick="f_hideDialog()" aria-label="Close Window" tab-index="0">Close</a></div>
<div id="popUpWindowText" class="popUpWindowText">
<p></p>
<center>By entering your phone number you consent to receive text communication from (210) 684-9979. <br> Rates and terms may apply. Text STOP to opt out.<be> </be>
</center>
<p></p>
<center> <button style="color: red; display: inline-block;
border-radius: 4px;
background-color: #789D92;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 16px;
padding: 14px;
width: 120px;
margin: 5px;"><a style="width:42px;height:42px; color:white; text-decoration:none" href="https://www.citadelatwestpointe.com/contact">Click Here</a></button> </center>
</div>
</div>
</div>
<header class="head-wrap pattern" id="header">
<div id="" class="header-container">
<div id="menu-screen-overlay"></div>
<div id="" class="toolbar">
<div id="" class="header-phone">
<a class="seo-number" href="tel:+12107969358" onclick="f_analyticsSendEvent('general', 'click-phone-number', '(210) 796-9358')">(210) 796-9358</a>
</div>
<div id="" class="header-social">
<div id="p_lt_zoneHeader_WebPartZone8_WebPartZone8_zone_SocialMedia1_pnlSocialNetworks" class="social_media">
</div>
</div>
</div>
<div id="" class="main-head">
<div class="header-left">
<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/121827689/300x200/121827689.png" alt="">
</a>
</div>
<div class="header-right">
<div class="header-ctas">
<a href="/contact.aspx" target="_self" class="button cta1">Schedule a Tour</a>
<a href="https://www.on-site.com/apply/property/460904" target="_blank" class="button cta2">Apply Now</a>
</div>
<div id="" class="header-menu">
<ul id="menuElem">
<li class="homeNav active">
<a href="/">Home</a>
</li>
<li class="amenitiesNav">
<a href="/Amenities.aspx">Amenities</a>
</li>
<li class="floor-plansNav">
<a href="/Floor-Plans.aspx">Floor Plans</a>
</li>
<li class="galleryNav">
<a href="/Gallery.aspx">Gallery</a>
</li>
<li class="neighborhoodNav">
<a href="/Neighborhood.aspx">Location</a>
</li>
<li class="residentsNav">
<a href="/Residents.aspx">Residents</a>
</li>
<li class="contactNav">
<a href="/Contact.aspx">Contact</a>
</li>
</ul>
<ul class="menuElem">
<li><a href="/contact.aspx" target="_self" class="button cta1">Schedule a Tour</a></li>
<li><a href="https://www.on-site.com/apply/property/460904" target="_blank" class="button cta2">Apply Now</a></li>
<li>
<a class="seo-number" href="tel:+12107969358" onclick="f_analyticsSendEvent('general', 'click-phone-number', '(210) 796-9358')">(210) 796-9358</a>
</li>
</ul>
</div>
</div>
</div>
<div class="sps-mobile-toggle-contain">
<button class="sps-mobile-toggle" href="#" title="Open Menu" role="button" type="button">
<i class="fa fa-bars fa-fw fa-remove"></i>
</button>
</div>
</div>
</header>
<div id="wrapper" class="content-wrap" style="padding-top: 191px;">
<section id="home" class="block-area container-fluid">
<div id="" class="content-home content-row row">
<div id="" class="hero-container pattern black-border">
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_pnlContainer">
<script type="text/javascript">
$(function() {
var target;
var animType = 'slide';
var slideshowSpeed = 3000;
var overlayOpacity = 0;
var timingRun = setInterval(function() {
f_rightClick(animType);
}, slideshowSpeed);
var bgImageHeight;
var numBgImages;
var rpbgId = '#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_ctl00_background_gallery';
var backgroundGalleryLazyLoad = 'False';
var backgroundGalleryImageSize = '1920x1080';
var backgroundGalleryObserver;
$(document).ready(function() {
$(window).on("menuStateChangeEvent", function(event, params) {
f_bgResize();
});
if (backgroundGalleryLazyLoad.toLowerCase() == 'true' && navigator.userAgent.toLocaleLowerCase().indexOf('safari') == -1) {
try {
backgroundGalleryObserver = new IntersectionObserver(bgIntersectCallback, intersectOptions);
backgroundGalleryObserver.observe(document.querySelector(rpbgId));
if ($('#head').length > 0) {
backgroundGalleryObserver.observe(document.querySelector('#head'));
}
} catch (err) {
console.warn(err);
}
} else {
f_convertBgImages();
}
});
var bgIntersectCallback = function(entries, observer) {
if (entries && entries[0].isIntersecting) {
f_convertBgImages();
backgroundGalleryObserver.unobserve(document.querySelector(rpbgId));
}
}
function f_convertBgImages() {
$('.bg-images li').each(function(i, v) {
var url = $(v).find('meta[itemprop="contentUrl"]').attr('content');
var newImageWidth = $(window).width() * window.devicePixelRatio;
newImageWidth = Math.round(newImageWidth) + 'x0';
url = url.replace('dimg', 'dimg-crop').replace(backgroundGalleryImageSize, newImageWidth);
$(v).css("background-image", 'url("' + url + '")');
});
if ('True'.toLowerCase() == 'true' && screen.width < 500) $(rpbgId + ' .dbg').remove();
else $(rpbgId + ' .mbg').remove();
if ('True'.toLowerCase() == 'true' || $(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') $(rpbgId + ' .bg-bullets').hide();
if ($(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') {
$(rpbgId + ' .bg-arrow-left').hide();
$(rpbgId + ' .bg-arrow-right').hide();
}
$(rpbgId + ' .background-gallery .li-image').addClass('overlay-opacity-' + overlayOpacity);
if (animType == 'none') {
$(rpbgId + ' .bg-images li').hide();
$(rpbgId + ' .bg-images li').first().show();
}
if (animType == 'slide' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
var firstImage = $(rpbgId + ' .bg-images li').first();
var lastImage = $(rpbgId + ' .background-gallery .bg-images li').last();
firstImage.clone().appendTo(rpbgId + ' .bg-images');
lastImage.clone().prependTo(rpbgId + ' .bg-images');
} else $(rpbgId + ' .bg-images li').first().css('opacity', 1);
bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height();
$(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight);
window.addEventListener('resize', function() {
f_bgResize();
});
$(window).resize(function() {
f_bgResize();
});
numBgImages = $(rpbgId + ' .bg-images li').length;
f_bgResize();
if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
$(rpbgId + ' .background-gallery .bg-images').css('left', '-' + $(rpbgId + '.background-gallery-container').width() + 'px');
}
$(rpbgId + ' .bg-bullets li').first().addClass('bg-selected');
$(rpbgId + ' .bg-bullets li').click(function() {
if (!$(this).hasClass('bg-selected')) {
target = $(this).index();
f_sliderResponse(target, animType);
resetTiming(animType);
}
});
$(rpbgId + ' .bg-arrow-right').click(function() {
f_rightClick(animType);
});
$(rpbgId + ' .bg-arrow-left').click(function() {
f_leftClick(animType);
});
$(rpbgId + ' .bg-images li').on('swipeleft', function() {
f_rightClick('slide');
}).on('swiperight', function() {
f_leftClick('slide');
});
}
function f_sliderResponse(target, animType) {
$(rpbgId + ' .bg-images').stop(true, true);
var imageWidth = $(rpbgId + '.background-gallery-container').width();
if (animType != 'fade') $(rpbgId + ' .bg-images').animate({
'left': '-' + (imageWidth * (target + 1)) + 'px'
}, function() {});
else {
$($(rpbgId + ' .bg-images li')[target]).animate({
opacity: 1
}, function() {});
$(rpbgId + ' .bg-images li').each(function(i, v) {
if (i != target) $(v).animate({
opacity: 0
});
});
}
$(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
}
function f_rightClick(animType) {
if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
$(rpbgId + ' .bg-images').stop(true, true);
var imageWidth = $(rpbgId + '.background-gallery-container').width();
var newPosition;
if (animType == 'slide') {
if ($(rpbgId + ' .bg-images').position().left % 1 != 0) f_bgResize();
newPosition = Math.round($(rpbgId + ' .bg-images').position().left) - imageWidth;
target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
target === $(rpbgId + ' .background-gallery .bg-images li').length - 2 ? target = 0 : target = target + 1;
$(rpbgId + ' .bg-images').animate({
'left': newPosition + 'px'
}, function() {
if (Math.abs(newPosition) == ($(rpbgId + ' .background-gallery .bg-images li').length - 1) * imageWidth) {
$(rpbgId + ' .bg-images').css({
'left': '-' + imageWidth + 'px'
});
target = 0;
$(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
}
});
} else if (animType == 'fade') {
target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
target === $(rpbgId + ' .background-gallery .bg-images li').length - 1 ? target = 0 : target = target + 1;
$($(rpbgId + ' .bg-images li')[target]).animate({
opacity: 1
}, function() {});
$(rpbgId + ' .bg-images li').each(function(i, v) {
if (i != target) $(v).css('opacity', 0);
});
if (target == 0) $(rpbgId + ' .bg-images li').last().animate({
opacity: 0
}, function() {});
}
$(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
resetTiming(animType);
}
}
function f_leftClick(animType) {
if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
$(rpbgId + ' .bg-images').stop(true, true);
var imageWidth = $(rpbgId + '.background-gallery-container').width();
var newPosition;
if (animType != 'fade') {
if ($(rpbgId + ' .bg-images').position().left % 1 != 0) f_bgResize();
newPosition = Math.round($(rpbgId + ' .bg-images').position().left + imageWidth);
target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 3 : target = target - 1;
$(rpbgId + ' .bg-images').animate({
'left': newPosition + 'px'
}, function() {
if (newPosition == 0) {
$(rpbgId + ' .bg-images').css({
'left': '-' + (($(rpbgId + ' .background-gallery .bg-images li').length - 2) * imageWidth) + 'px'
});
target = ($(rpbgId + ' .background-gallery .bg-images li').length - 3);
$(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
}
});
} else if (animType == 'fade') {
target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 1 : target = target - 1;
$($(rpbgId + ' .bg-images li')[target]).animate({
opacity: 1
}, function() {});
$(rpbgId + ' .bg-images li').each(function(i, v) {
if (i != target) $(v).css('opacity', 0);
});
}
$(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
resetTiming(animType);
}
}
function resetTiming(animType) {
clearInterval(timingRun);
timingRun = setInterval(function() {
f_rightClick(animType);
}, slideshowSpeed);
}
function f_bgResize() {
$(rpbgId + ' .bg-images').stop(true, true);
target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
var newWidth = $(rpbgId + '.background-gallery-container').width() * (target + 1);
bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height();
$(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight);
if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + newWidth + 'px');
$(rpbgId + ' .background-gallery .li-image').css('width', $(rpbgId + '.background-gallery-container').width() + 'px');
$(rpbgId + ' .background-gallery').css('width', $(rpbgId + '.background-gallery-container').width() + 'px');
$(rpbgId + ' .background-gallery ul.bg-images').css('width', ($(rpbgId + '.background-gallery-container').width() * numBgImages) + 'px');
}
});
</script>
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_ctl00_background_gallery" class="background-gallery-container">
<div id="rpbg-p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_ctl00_background_gallery" class="background-gallery bg-slide" style="width: 1530px;">
<ul class="bg-images dbg" style="height: 840px; left: -3064.62px; width: 7650px;">
<li class="li-image li-image-2 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826870/1600x0/121826870.jpg"); width: 1530px;">
<div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826870/1920x1080/121826870.jpg">
<meta itemprop="name" content="Citadel at Westpointe">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-0 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826409/1600x0/121826409.jpg"); width: 1530px;">
<div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826409/1920x1080/121826409.jpg">
<meta itemprop="name" content="Citadel at Westpointe">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-1 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826411/1600x0/121826411.jpg"); width: 1530px;">
<div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826411/1920x1080/121826411.jpg">
<meta itemprop="name" content="Citadel at Westpointe">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-2 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826870/1600x0/121826870.jpg"); width: 1530px;">
<div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826870/1920x1080/121826870.jpg">
<meta itemprop="name" content="Citadel at Westpointe">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-0 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826409/1600x0/121826409.jpg"); width: 1530px;">
<div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826409/1920x1080/121826409.jpg">
<meta itemprop="name" content="Citadel at Westpointe">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
</ul>
<div class="bg-arrow-left dbg"> </div>
<div class="bg-arrow-right dbg"> </div>
<ul class="bg-bullets dbg" style="display: none;">
<li class="bg-bullet-0">●</li>
<li class="bg-bullet-1">●</li>
<li class="bg-bullet-2 bg-selected">●</li>
</ul>
</div>
</div>
</div>
<div id="" class="hero-content">
<p><em>Welcome To</em></p>
<p><strong>Citadel at Westpointe</strong></p>
<p><u>Elevated Living</u></p>
<div class="scroll-button">
<a href="#homeContent" class="rp-scroll" style="color:white;"><i class="fa fa-angle-down" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div id="homeContent" class="home-main-content-wrapper row">
<div class="clearfix col-lg-6 col-sm-12 col-xs-12 column-wrapper home-right-image">
<div class="content-right home-column">
<p>Welcome</p>
<p><strong>Home</strong></p>
</div>
</div>
<div id="" class="clearfix col-lg-6 col-md-8 col-sm-10 col-xs-12 column-wrapper">
<div class="content-left home-column clearfix">
<div class="wrapper col-lg-12">
<h1>Clean. Modern.</h1>
<div>
<ol>
</ol>
<p><span
style="font-size: 16px; font-family: Montserrat; color: rgb(102, 102, 102); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">Your
home is your castle — a modern-day fortress from the world. It is your personal retreat in Westover Hills where life happens and memories are made.</span></p>
<p><span style="color: rgb(102, 102, 102); font-family: Montserrat; font-size: 16px;">A </span><span style="color: rgb(102, 102, 102); font-family: Montserrat; font-size: 16px; outline: 0px;">citadel</span><span
style="color: rgb(102, 102, 102); font-family: Montserrat; font-size: 16px;"> of comfort and convenience, home is where your story begins and the next chapter awaits.</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="amenities" class="block-area container-fluid">
<div id="" class="home-banner amenities-banner black-border row">
<div class="banner-overlay"></div>
<div class="banner-content">
<h2>Amenities</h2>
</div>
</div>
<div id="" class="amenities-content">
<div class="col-lg-2 col-md-1 col-sm-1 hidden-xs"></div>
<div class="clearfix col-lg-8 col-md-10 col-sm-10 col-xs-12 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper">
<h1>Live Citadel at Westpointe</h1>
<div class="main-content">
<span style="font-size: 16px;">The good life just got better with everything Citadel at Westpointe has to offer!</span>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-md-1 col-sm-1 hidden-xs"></div>
</div>
<div class="container-fluid amenities-container">
<div class="row amenities-row amenities-row-gallery">
<div class="col-sm-1 hidden-lg hidden-md hidden-xs"></div>
<div class="col-lg-12 col-sm-10 col-xs-12 amenities-gallery">
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_pnlContainer">
<script type="text/javascript">
$(function() {
var target;
var animType = 'slide';
var slideshowSpeed = 3000;
var overlayOpacity = 0;
var timingRun = setInterval(function() {
f_rightClick(animType);
}, slideshowSpeed);
var bgImageHeight;
var numBgImages;
var rpbgId = '#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_ctl00_background_gallery';
var backgroundGalleryLazyLoad = 'False';
var backgroundGalleryImageSize = '1920x1080';
var backgroundGalleryObserver;
$(document).ready(function() {
$(window).on("menuStateChangeEvent", function(event, params) {
f_bgResize();
});
if (backgroundGalleryLazyLoad.toLowerCase() == 'true' && navigator.userAgent.toLocaleLowerCase().indexOf('safari') == -1) {
try {
backgroundGalleryObserver = new IntersectionObserver(bgIntersectCallback, intersectOptions);
backgroundGalleryObserver.observe(document.querySelector(rpbgId));
if ($('#head').length > 0) {
backgroundGalleryObserver.observe(document.querySelector('#head'));
}
} catch (err) {
console.warn(err);
}
} else {
f_convertBgImages();
}
});
var bgIntersectCallback = function(entries, observer) {
if (entries && entries[0].isIntersecting) {
f_convertBgImages();
backgroundGalleryObserver.unobserve(document.querySelector(rpbgId));
}
}
function f_convertBgImages() {
$('.bg-images li').each(function(i, v) {
var url = $(v).find('meta[itemprop="contentUrl"]').attr('content');
var newImageWidth = $(window).width() * window.devicePixelRatio;
newImageWidth = Math.round(newImageWidth) + 'x0';
url = url.replace('dimg', 'dimg-crop').replace(backgroundGalleryImageSize, newImageWidth);
$(v).css("background-image", 'url("' + url + '")');
});
if ('True'.toLowerCase() == 'true' && screen.width < 500) $(rpbgId + ' .dbg').remove();
else $(rpbgId + ' .mbg').remove();
if ('True'.toLowerCase() == 'true' || $(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') $(rpbgId + ' .bg-bullets').hide();
if ($(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') {
$(rpbgId + ' .bg-arrow-left').hide();
$(rpbgId + ' .bg-arrow-right').hide();
}
$(rpbgId + ' .background-gallery .li-image').addClass('overlay-opacity-' + overlayOpacity);
if (animType == 'none') {
$(rpbgId + ' .bg-images li').hide();
$(rpbgId + ' .bg-images li').first().show();
}
if (animType == 'slide' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
var firstImage = $(rpbgId + ' .bg-images li').first();
var lastImage = $(rpbgId + ' .background-gallery .bg-images li').last();
firstImage.clone().appendTo(rpbgId + ' .bg-images');
lastImage.clone().prependTo(rpbgId + ' .bg-images');
} else $(rpbgId + ' .bg-images li').first().css('opacity', 1);
bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height();
$(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight);
window.addEventListener('resize', function() {
f_bgResize();
});
$(window).resize(function() {
f_bgResize();
});
numBgImages = $(rpbgId + ' .bg-images li').length;
f_bgResize();
if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
$(rpbgId + ' .background-gallery .bg-images').css('left', '-' + $(rpbgId + '.background-gallery-container').width() + 'px');
}
$(rpbgId + ' .bg-bullets li').first().addClass('bg-selected');
$(rpbgId + ' .bg-bullets li').click(function() {
if (!$(this).hasClass('bg-selected')) {
target = $(this).index();
f_sliderResponse(target, animType);
resetTiming(animType);
}
});
$(rpbgId + ' .bg-arrow-right').click(function() {
f_rightClick(animType);
});
$(rpbgId + ' .bg-arrow-left').click(function() {
f_leftClick(animType);
});
$(rpbgId + ' .bg-images li').on('swipeleft', function() {
f_rightClick('slide');
}).on('swiperight', function() {
f_leftClick('slide');
});
}
function f_sliderResponse(target, animType) {
$(rpbgId + ' .bg-images').stop(true, true);
var imageWidth = $(rpbgId + '.background-gallery-container').width();
if (animType != 'fade') $(rpbgId + ' .bg-images').animate({
'left': '-' + (imageWidth * (target + 1)) + 'px'
}, function() {});
else {
$($(rpbgId + ' .bg-images li')[target]).animate({
opacity: 1
}, function() {});
$(rpbgId + ' .bg-images li').each(function(i, v) {
if (i != target) $(v).animate({
opacity: 0
});
});
}
$(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
}
function f_rightClick(animType) {
if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
$(rpbgId + ' .bg-images').stop(true, true);
var imageWidth = $(rpbgId + '.background-gallery-container').width();
var newPosition;
if (animType == 'slide') {
if ($(rpbgId + ' .bg-images').position().left % 1 != 0) f_bgResize();
newPosition = Math.round($(rpbgId + ' .bg-images').position().left) - imageWidth;
target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
target === $(rpbgId + ' .background-gallery .bg-images li').length - 2 ? target = 0 : target = target + 1;
$(rpbgId + ' .bg-images').animate({
'left': newPosition + 'px'
}, function() {
if (Math.abs(newPosition) == ($(rpbgId + ' .background-gallery .bg-images li').length - 1) * imageWidth) {
$(rpbgId + ' .bg-images').css({
'left': '-' + imageWidth + 'px'
});
target = 0;
$(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
}
});
} else if (animType == 'fade') {
target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
target === $(rpbgId + ' .background-gallery .bg-images li').length - 1 ? target = 0 : target = target + 1;
$($(rpbgId + ' .bg-images li')[target]).animate({
opacity: 1
}, function() {});
$(rpbgId + ' .bg-images li').each(function(i, v) {
if (i != target) $(v).css('opacity', 0);
});
if (target == 0) $(rpbgId + ' .bg-images li').last().animate({
opacity: 0
}, function() {});
}
$(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
resetTiming(animType);
}
}
function f_leftClick(animType) {
if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
$(rpbgId + ' .bg-images').stop(true, true);
var imageWidth = $(rpbgId + '.background-gallery-container').width();
var newPosition;
if (animType != 'fade') {
if ($(rpbgId + ' .bg-images').position().left % 1 != 0) f_bgResize();
newPosition = Math.round($(rpbgId + ' .bg-images').position().left + imageWidth);
target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 3 : target = target - 1;
$(rpbgId + ' .bg-images').animate({
'left': newPosition + 'px'
}, function() {
if (newPosition == 0) {
$(rpbgId + ' .bg-images').css({
'left': '-' + (($(rpbgId + ' .background-gallery .bg-images li').length - 2) * imageWidth) + 'px'
});
target = ($(rpbgId + ' .background-gallery .bg-images li').length - 3);
$(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
}
});
} else if (animType == 'fade') {
target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 1 : target = target - 1;
$($(rpbgId + ' .bg-images li')[target]).animate({
opacity: 1
}, function() {});
$(rpbgId + ' .bg-images li').each(function(i, v) {
if (i != target) $(v).css('opacity', 0);
});
}
$(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
resetTiming(animType);
}
}
function resetTiming(animType) {
clearInterval(timingRun);
timingRun = setInterval(function() {
f_rightClick(animType);
}, slideshowSpeed);
}
function f_bgResize() {
$(rpbgId + ' .bg-images').stop(true, true);
target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
var newWidth = $(rpbgId + '.background-gallery-container').width() * (target + 1);
bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height();
$(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight);
if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + newWidth + 'px');
$(rpbgId + ' .background-gallery .li-image').css('width', $(rpbgId + '.background-gallery-container').width() + 'px');
$(rpbgId + ' .background-gallery').css('width', $(rpbgId + '.background-gallery-container').width() + 'px');
$(rpbgId + ' .background-gallery ul.bg-images').css('width', ($(rpbgId + '.background-gallery-container').width() * numBgImages) + 'px');
}
});
</script>
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_ctl00_background_gallery" class="background-gallery-container">
<div id="rpbg-p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_ctl00_background_gallery" class="background-gallery bg-slide" style="width: 692px;">
<ul class="bg-images dbg" style="height: 550px; left: -1385.8px; width: 3460px;">
<li class="li-image li-image-2 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826412/1600x0/121826412.jpg"); width: 692px;">
<div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826412/1920x1080/121826412.jpg">
<meta itemprop="name" content="Citadel at Westpointe">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-0 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826407/1600x0/121826407.jpg"); width: 692px;">
<div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826407/1920x1080/121826407.jpg">
<meta itemprop="name" content="Citadel at Westpointe">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-1 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826408/1600x0/121826408.jpg"); width: 692px;">
<div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826408/1920x1080/121826408.jpg">
<meta itemprop="name" content="Citadel at Westpointe">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-2 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826412/1600x0/121826412.jpg"); width: 692px;">
<div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826412/1920x1080/121826412.jpg">
<meta itemprop="name" content="Citadel at Westpointe">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-0 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826407/1600x0/121826407.jpg"); width: 692px;">
<div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826407/1920x1080/121826407.jpg">
<meta itemprop="name" content="Citadel at Westpointe">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
</ul>
<div class="bg-arrow-left dbg"> </div>
<div class="bg-arrow-right dbg"> </div>
<ul class="bg-bullets dbg" style="display: none;">
<li class="bg-bullet-0">●</li>
<li class="bg-bullet-1">●</li>
<li class="bg-bullet-2 bg-selected">●</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-1 hidden-lg hidden-md hidden-xs"></div>
</div>
<div class="row amenities-row amenities-row-widget">
<div class="col-sm-1 hidden-lg hidden-md hidden-xs">
</div>
<div class="col-lg-12 col-sm-10 col-xs-12 amenities-container">
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader1_pnlContainer">
<script type="text/javascript">
var unitAmenityExists = 'False';
var inSelectUnitsText = '<span>*</span> In select units';
$(document).ready(function() {
if ($('.view-more-community').length > 0) {
$('.view-more-community').click(function() {
$('.amenities-tabbed-dialog').show();
$('.amenities-tabbed-overlay').show();
$('body').addClass('modal-open');
$('.amenities-list-modal-div').show();
$('.apartment-amenities-list-modal-div').hide();
});
}
if ($('.view-more-apartment').length > 0) {
$('.view-more-apartment').click(function() {
$('.amenities-tabbed-dialog').show();
$('.amenities-tabbed-overlay').show();
$('body').addClass('modal-open');
$('.apartment-amenities-list-modal-div').show();
$('.amenities-list-modal-div').hide();
});
}
if (unitAmenityExists.toLowerCase() == 'true') {
if ($('.apt-amenities-view-more').length > 0) {
$('.apt-amenities-view-more').append('<div class="select-units-only">' + inSelectUnitsText + '</div>');
$('.apartment-amenities-list-modal-div').append('<div class="apt-amenities-modal-isu">' + inSelectUnitsText + '</div > ');
} else $('#client-panel-1').append('<div class="no-view-more-select-units-only">' + inSelectUnitsText + '</div>');
f_unitLabelShowHide();
}
$('.amenities-tabbed-overlay').click(function() {
f_hideAmenitiesModal();
});
var maxTabHeight = 0;
if (screen.width > 500) {
$('.tabs-panel').each(function(i, v) {
if ($(v).height() > maxTabHeight) maxTabHeight = $(v).height();
});
$('.tabs-panel').css('min-height', maxTabHeight);
}
$('.tabs-title .tabs-link').click(function() {
$('#example-tabs .tabs-title').removeClass('is-active');
$('.tabs-content .tabs-panel').removeClass('is-active');
$(this).parent().addClass('is-active');
var checkId = $(this).attr('data');
$(checkId).addClass('is-active');
});
var pixelRatio = ((window.devicePixelRatio) ? window.devicePixelRatio : 1);
var windowWidth = Math.floor(window.innerWidth * 0.80 * pixelRatio);
var windowHeight = Math.floor(window.innerHeight * 0.80 * pixelRatio);
var fullImageSizeString = windowWidth + 'x' + windowHeight;
$('.amenity-image-link').each(function(i, e) {
var selectedAmenityImageUrl = $(e).data('amenityimage');
selectedAmenityImageUrl = selectedAmenityImageUrl.replace('%s', fullImageSizeString);
$(e).attr('href', selectedAmenityImageUrl).attr('data-caption', $(e).html());
var groupName = 'amenity-image-gallery';
if ($(e).hasClass('amenity-image-modal-link')) groupName = 'amenity-image-modal-gallery';
$(e).attr('data-fancybox', groupName);
});
$('.amenity-image-link').fancybox({
fullScreen: {
autoStart: false
},
thumbs: {
autoStart: false,
hideOnClose: true
},
smallBtn: "auto",
afterLoad: function(instance, current) {
var pixelRatio = window.devicePixelRatio || 1;
if (pixelRatio > 1.5) {
current.width = current.width / pixelRatio;
current.height = current.height / pixelRatio;
}
}
});
});
function f_hideAmenitiesModal() {
$('.amenities-tabbed-dialog').hide();
$('.amenities-tabbed-overlay').hide();
$('body').removeClass('modal-open');
}
function f_unitLabelShowHide() {
$('.select-units-only').hide();
$('#client-panel-1 ul li').each(function() {
if ($(this).text().indexOf('*') > -1) {
$('.select-units-only').show();
return false;
}
});
}
</script>
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader1_ctl00_pnlAmenitiesTabbed" class="amenities-tabbed-container columns">
<div id="client-tabs-1" class="row p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader1_ctl00_pnlAmenitiesTabbed">
<div class="columns at-container">
<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">
<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 Features</button>
</li>
<li class="tabs-title" tab-apartment-amenities="tab-apartment-amenities" role="presentation">
<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 Features</button>
</li>
<li class="tabs-title" tab-pet-policy="tab-pet-policy" role="presentation">
<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>
</li>
<li class="tabs-title" tab-parking-details="tab-parking-details" role="presentation">
<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>
</li>
</ul>
<div data-tabs-content="example-tabs" class="tabs-content">
<div id="client-panel-0" class="tabs-panel is-active" style="min-height: 584px;">
<div class="row">
<div class="large-12 columns">
<h1>Community Features</h1>
</div>
</div>
<div class="row">
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-1"><span>Clubhouse with resident lounge</span></li>
<li class="tabbed-amenity ta-col-1"><span>Epicurean lounge with stainless steel appliances</span></li>
<li class="tabbed-amenity ta-col-1"><span>Cyber café with gourmet coffee</span></li>
<li class="tabbed-amenity ta-col-1"><span>Conference Room</span></li>
<li class="tabbed-amenity ta-col-1"><span>Fitness</span></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-2"><span>-- On Demand</span></li>
<li class="tabbed-amenity ta-col-2"><span>-- Pilates and Yoga</span></li>
<li class="tabbed-amenity ta-col-2"><span>-- CrossFit style equipment</span></li>
<li class="tabbed-amenity ta-col-2"><span>-- Cardio machines</span></li>
<li class="tabbed-amenity ta-col-2"><span>-- Outdoor CrossFit</span></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-3"><span>State-of-the-art electronic access and controlled gated entry</span></li>
<li class="tabbed-amenity ta-col-3"><span>Mail and package lockers</span></li>
<li class="tabbed-amenity ta-col-3"><span>Resort style pool and spa</span></li>
<li class="tabbed-amenity ta-col-3"><span>Bocce ball court</span></li>
<li class="tabbed-amenity ta-col-3"><span>Outdoor California style cooking area</span></li>
</ul>
</div>
</div>
<div class="row">
<div class="large-12 columns"><a><button class="view-more-community" aria-label="Expand community amenities list" type="button">View More</button></a></div>
</div>
</div>
<div id="client-panel-1" class="tabs-panel" style="min-height: 584px;">
<div class="row">
<div class="large-12 columns">
<h1>Apartment Features</h1>
</div>
</div>
<div class="row">
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-1"><span>Open design floor plans</span></li>
<li class="tabbed-amenity ta-col-1"><span>9′ Ceilings</span></li>
<li class="tabbed-amenity ta-col-1"><span>Tile and Wood inspired flooring</span></li>
<li class="tabbed-amenity ta-col-1"><span>Custom two panel decorative doors</span></li>
<li class="tabbed-amenity ta-col-1"><span>Window Coverings</span></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-2"><span>Decorative designer lighting</span></li>
<li class="tabbed-amenity ta-col-2"><span>Washer/Dryer Hookup</span></li>
<li class="tabbed-amenity ta-col-2"><span>Oversized, Walk-in closets</span></li>
<li class="tabbed-amenity ta-col-2"><span>Private Balconies or patios in most unit homes</span></li>
<li class="tabbed-amenity ta-col-2"><span>Hard Surface CounterTops</span></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-3"><span>Ceiling Fan</span></li>
<li class="tabbed-amenity ta-col-3"><span>Garden tubs</span></li>
<li class="tabbed-amenity ta-col-3"><span>Vanity areas with dual sinks</span></li>
<li class="tabbed-amenity ta-col-3"><span>Prewired internet access in unit homes</span></li>
</ul>
</div>
</div>
</div>
<div id="client-panel-2" class="tabs-panel" style="min-height: 584px;">
<div class="row">
<div class="large-6 columns">
<ul class="at-comm-amenities">
<li class="pet-item">Pet Policy Type: Cat, Dogs</li>
</ul>
</div>
<div class="large-6 columns">
<ul class="at-comm-amenities">
<li class="pet-item">Other Pets Allowed: Please contact the Leasing Office for details.</li>
</ul>
</div>
</div>
</div>
<div id="client-panel-3" class="tabs-panel" style="min-height: 584px;">
<div class="row">
<div class="large-6 columns">
<ul class="at-comm-amenities">
<li class="parking-item">Parking Type: Surface Lot</li>
</ul>
</div>
<div class="large-6 columns">
<ul class="at-comm-amenities">
<li class="parking-item">Parking Comment: Please contact the Leasing Office for details.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<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><a><button onclick="f_hideAmenitiesModal()" aria-label="Close" type="button"><span aria-hidden="true" class="amenities-tabbed-standard-modal-close">×</span></button></a>
</div>
<div class="list-wrapper">
<ul class="amenities-list-modal">
<li class="amenity-item-modal"><span>Clubhouse with resident lounge</span></li>
<li class="amenity-item-modal"><span>Epicurean lounge with stainless steel appliances</span></li>
<li class="amenity-item-modal"><span>Cyber café with gourmet coffee</span></li>
<li class="amenity-item-modal"><span>Conference Room</span></li>
<li class="amenity-item-modal"><span>Fitness</span></li>
<li class="amenity-item-modal"><span>-- On Demand</span></li>
<li class="amenity-item-modal"><span>-- Pilates and Yoga</span></li>
<li class="amenity-item-modal"><span>-- CrossFit style equipment</span></li>
<li class="amenity-item-modal"><span>-- Cardio machines</span></li>
<li class="amenity-item-modal"><span>-- Outdoor CrossFit</span></li>
<li class="amenity-item-modal"><span>State-of-the-art electronic access and controlled gated entry</span></li>
<li class="amenity-item-modal"><span>Mail and package lockers</span></li>
<li class="amenity-item-modal"><span>Resort style pool and spa</span></li>
<li class="amenity-item-modal"><span>Bocce ball court</span></li>
<li class="amenity-item-modal"><span>Outdoor California style cooking area</span></li>
<li class="amenity-item-modal"><span>Complimentary Wi-Fi access throughout the common areas</span></li>
<li class="amenity-item-modal"><span>Garage parking with direct access in select Big House unit homes</span></li>
<li class="amenity-item-modal"><span>Freestanding garages</span></li>
<li class="amenity-item-modal"><span>Private storage</span></li>
<li class="amenity-item-modal"><span>Pet friendly community including Dog Park and resident dog wash area</span></li>
<li class="amenity-item-modal"><span>Dog Park includes dog water fountain, small and large dog areas</span></li>
<li class="amenity-item-modal"><span>Electric vehicles charging station</span></li>
<li class="amenity-item-modal"><span>Dry cleaning lockers</span></li>
</ul>
</div>
</div>
<div class="apartment-amenities-list-modal-div">
<div class="amenities-tabbed-header">
<h3>Apartment Amenities</h3><a><button onclick="f_hideAmenitiesModal()" aria-label="Close" type="button"><span aria-hidden="true" class="amenities-tabbed-standard-modal-close">×</span></button></a>
</div>
<div class="list-wrapper">
<ul class="apartment-amenities-list-modal">
<li class="apartment-amenity-item"><span>Open design floor plans</span></li>
<li class="apartment-amenity-item"><span>9′ Ceilings</span></li>
<li class="apartment-amenity-item"><span>Tile and Wood inspired flooring</span></li>
<li class="apartment-amenity-item"><span>Custom two panel decorative doors</span></li>
<li class="apartment-amenity-item"><span>Window Coverings</span></li>
<li class="apartment-amenity-item"><span>Decorative designer lighting</span></li>
<li class="apartment-amenity-item"><span>Washer/Dryer Hookup</span></li>
<li class="apartment-amenity-item"><span>Oversized, Walk-in closets</span></li>
<li class="apartment-amenity-item"><span>Private Balconies or patios in most unit homes</span></li>
<li class="apartment-amenity-item"><span>Hard Surface CounterTops</span></li>
<li class="apartment-amenity-item"><span>Ceiling Fan</span></li>
<li class="apartment-amenity-item"><span>Garden tubs</span></li>
<li class="apartment-amenity-item"><span>Vanity areas with dual sinks</span></li>
<li class="apartment-amenity-item"><span>Prewired internet access in unit homes</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-1 hidden-lg hidden-md hidden-xs">
</div>
</div>
</div>
</section>
<section id="floor-plans" class="block-area container-fluid">
<div id="" class="home-banner floor-plans-banner black-border row">
<div class="banner-overlay"></div>
<div class="banner-content">
<h2>Floor Plans</h2>
</div>
</div>
<div id="" class="clearfix">
<div class="col-lg-2 col-md-1 col-sm-1"></div>
<div class="clearfix col-lg-8 col-md-10 col-sm-10 col-xs-12 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper">
<h1>Spacious Luxury Floor Plans</h1>
<div class="main-content">
<span style="font-size: 16px;">You'll find spacious, modern living in our one-, two- and three-bedrooms floor plans. </span>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-md-1 col-sm-1"></div>
</div>
<div id="floor-plan-widget" class="">
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader_pnlContainer">
<!--FLOORPLANLOADER BEGIN-->
<div id="rpfloorplans" class="rpfp-container floorplans-widget-4">
<div class="rpfp-filters" id="rpfpFilters">
<div class="rpfp-filter-container">
<div class="rpfp-filter-group rpfp-filter-group-bed">
<div class="rpfp-filter rpfp-bed">
<ul class="rpfp-select rpfp-bed-select" id="beds-filter">
<li data-rpfp-filter-beds="" data-value="All" role="button" class="rpfp-active" aria-label="show all bedrooms">All</li>
<li data-rpfp-filter-beds="" data-value="1" role="button" aria-label="show One Bedroom bedrooms">One Bedroom</li>
<li data-rpfp-filter-beds="" data-value="2" role="button" aria-label="show Two Bedrooms bedrooms">Two Bedrooms</li>
<li data-rpfp-filter-beds="" data-value="3" role="button" aria-label="show Three Plus Bedrooms bedrooms">Three Plus Bedrooms</li>
</ul>
</div>
</div>
<div class="rpfp-filter-group rpfp-filter-group-move-in">
<div class="rpfp-filter rpfp-move-in">
<div class="rpfp-dropdown-container rpfp-dropdown-container-availability hint--top hint--rounded" aria-label="Filter by Move in Date">
<button type="button" data-rpfp-filter-availability="" class="rpfp-button rpfp-button-dropdown rpfp-button-availability rpfp-active">11/28/2023</button>
</div>
</div>
</div>
<div class="rpfp-filter rpfp-dropdown-container rpfp-dropdown-container-clear hint--top hint--rounded" aria-label="Clear Filters">
<button type="button" data-rpfp-filter-clear="" class="rpfp-button rpfp-button-clear">Clear</button>
</div>
</div>
</div>
<div class="rpfp-discalaimer-container"></div>
<div class="rpfp-extras" style="margin: 0px;"></div>
<div class="rpfp-body">
<div class="rpfp-cards">
<div class="rpfp-card" data-availableunits="1" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-2d-diagram rpfp-image--fit itemPhoto" data-floorplanidx="0" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/121832560/640x640/121832560.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/121832560/640x640/121832560.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766445">A1</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $963</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">1</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">1</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">578</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766445">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability" data-idx="0">Available Units <span class="rpfp-badge">1</span></button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-2d-diagram rpfp-image--fit itemPhoto" data-floorplanidx="1" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/121832566/640x640/121832566.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/121832566/640x640/121832566.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766449">A2</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,029</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">1</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">1</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">656</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766449">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="1">Contact Us</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images slick-initialized slick-slider"><button type="button" class="slick-prev slick-arrow slick-disabled" aria-label="Previous" aria-disabled="true"></button><button type="button"
class="slick-prev slick-arrow slick-disabled" aria-label="Previous" aria-disabled="true" style="display: block;"></button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 1461px; transform: translate3d(0px, 0px, 0px);">
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" style="width: 487px;">
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="2" data-idx="0" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/bdfccc6e81ac62a3f4f2580d745b1422.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DF_1x1-A3.jpg" style="background-image: url("https://cdn-dam.realpage.com/api/v1/dimg/640x640/bdfccc6e81ac62a3f4f2580d745b1422.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DF_1x1-A3.jpg");" tabindex="0"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" style="width: 487px;">
<a class="rpfp-image itemPhotoLoad rpfp-image-3d-unfurnished rpfp-image--fit" data-floorplanidx="2" data-idx="1" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/6afdfc66a9e2ccb75f1631ef2ffdcda3.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DU_1x1-A3.jpg" tabindex="-1"></a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" style="width: 487px;">
<a class="rpfp-image itemPhotoLoad rpfp-image-2d-diagram rpfp-image--fit" data-floorplanidx="2" data-idx="2" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/252677c7c6297160a118016175bc942d.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_2DU_1x1-A3.jpg" tabindex="-1"></a>
</div>
</div>
</div><button type="button" class="slick-next aria-label= slick-arrow" next"="" aria-disabled="false" style="display: block;"></button><button type="button" class="slick-next aria-label= slick-arrow" next"=""
aria-disabled="false"></button>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766450">A3</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,145</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">1</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">1</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">780</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766450">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="2">Contact Us</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-2d-diagram rpfp-image--fit itemPhoto" data-floorplanidx="6" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/121832771/640x640/121832771.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/121832771/640x640/121832771.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766459">B1</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,160</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">2</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">2</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">952</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766459">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="6">Contact Us</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="2" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images slick-initialized slick-slider"><button type="button" class="slick-prev slick-arrow slick-disabled" aria-label="Previous" aria-disabled="true"></button><button type="button"
class="slick-prev slick-arrow slick-disabled" aria-label="Previous" aria-disabled="true" style="display: block;"></button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 1461px; transform: translate3d(0px, 0px, 0px);">
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" style="width: 487px;">
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="7" data-idx="0" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/9b5f5fe787a9db6d47370d74c8faaafc.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DF_2x2-B2.jpg" style="background-image: url("https://cdn-dam.realpage.com/api/v1/dimg/640x640/9b5f5fe787a9db6d47370d74c8faaafc.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DF_2x2-B2.jpg");" tabindex="0"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" style="width: 487px;">
<a class="rpfp-image itemPhotoLoad rpfp-image-3d-unfurnished rpfp-image--fit" data-floorplanidx="7" data-idx="1" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/799d190c08fb318fd39bf6bd30ae3a17.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DU_2x2-B2.jpg" tabindex="-1"></a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" style="width: 487px;">
<a class="rpfp-image itemPhotoLoad rpfp-image-2d-diagram rpfp-image--fit" data-floorplanidx="7" data-idx="2" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/0d80582e21349ec68a6de5ec4198a696.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_2DU_2x2-B2.jpg" tabindex="-1"></a>
</div>
</div>
</div><button type="button" class="slick-next aria-label= slick-arrow" next"="" aria-disabled="false" style="display: block;"></button><button type="button" class="slick-next aria-label= slick-arrow" next"=""
aria-disabled="false"></button>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766464">B2</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,200</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">2</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">2</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">1,070</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766464">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability" data-idx="7">Available Units <span class="rpfp-badge">2</span></button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images slick-initialized slick-slider"><button type="button" class="slick-prev slick-arrow slick-disabled" aria-label="Previous" aria-disabled="true"></button><button type="button"
class="slick-prev slick-arrow slick-disabled" aria-label="Previous" aria-disabled="true" style="display: block;"></button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 1461px; transform: translate3d(0px, 0px, 0px);">
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" style="width: 487px;">
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="8" data-idx="0" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/d7cd5a44448743466f8f068f4e640bfa.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DF_2x2-B3.jpg" style="background-image: url("https://cdn-dam.realpage.com/api/v1/dimg/640x640/d7cd5a44448743466f8f068f4e640bfa.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DF_2x2-B3.jpg");" tabindex="0"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" style="width: 487px;">
<a class="rpfp-image itemPhotoLoad rpfp-image-3d-unfurnished rpfp-image--fit" data-floorplanidx="8" data-idx="1" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/ac37565fa473375aa6cd98e0dd8715a2.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DU_2x2-B3.jpg" tabindex="-1"></a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" style="width: 487px;">
<a class="rpfp-image itemPhotoLoad rpfp-image-2d-diagram rpfp-image--fit" data-floorplanidx="8" data-idx="2" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/24f4d10ebe85f0a67b8fbc06146560fb.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_2DU_2x2-B3.jpg" tabindex="-1"></a>
</div>
</div>
</div><button type="button" class="slick-next aria-label= slick-arrow" next"="" aria-disabled="false" style="display: block;"></button><button type="button" class="slick-next aria-label= slick-arrow" next"=""
aria-disabled="false"></button>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766465">B3</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,281</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">2</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">2</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">1,142</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766465">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="8">Contact Us</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-2d-diagram rpfp-image--fit itemPhoto" data-floorplanidx="3" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/121832666/640x640/121832666.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/121832666/640x640/121832666.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766455">A4 Upper</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,357</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">1</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">1</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">847</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766455">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="3">Contact Us</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-2d-diagram rpfp-image--fit itemPhoto" data-floorplanidx="4" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/121832695/640x640/121832695.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/121832695/640x640/121832695.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766458">A5</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,366</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">1</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">1</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">878</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766458">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="4">Contact Us</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images slick-initialized slick-slider"><button type="button" class="slick-prev slick-arrow slick-disabled" aria-label="Previous" aria-disabled="true"></button><button type="button"
class="slick-prev slick-arrow slick-disabled" aria-label="Previous" aria-disabled="true" style="display: block;"></button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 1461px; transform: translate3d(0px, 0px, 0px);">
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" style="width: 487px;">
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="5" data-idx="0" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/1b1f4429d363ae0e631196d319eae3be.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DF_1x1-A4.jpg" style="background-image: url("https://cdn-dam.realpage.com/api/v1/dimg/640x640/1b1f4429d363ae0e631196d319eae3be.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DF_1x1-A4.jpg");" tabindex="0"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" style="width: 487px;">
<a class="rpfp-image itemPhotoLoad rpfp-image-3d-unfurnished rpfp-image--fit" data-floorplanidx="5" data-idx="1" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/a90a0c1baf99cab7ac41fbc3d6d55cf7.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DU_1x1-A4.jpg" tabindex="-1"></a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" style="width: 487px;">
<a class="rpfp-image itemPhotoLoad rpfp-image-2d-diagram rpfp-image--fit" data-floorplanidx="5" data-idx="2" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/bea98f7bbd2d9e25f6b7cd09a535596c.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_2DU_1x1-A4.jpg" tabindex="-1"></a>
</div>
</div>
</div><button type="button" class="slick-next aria-label= slick-arrow" next"="" aria-disabled="false" style="display: block;"></button><button type="button" class="slick-next aria-label= slick-arrow" next"=""
aria-disabled="false"></button>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766451">A4 Lower</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,387</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">1</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">1</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">764</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766451">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="5">Contact Us</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-2d-diagram rpfp-image--fit itemPhoto" data-floorplanidx="9" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/121832809/640x640/121832809.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/121832809/640x640/121832809.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766467">B4 Upper</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">Please Call</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">2</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">2</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">1,072</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766467">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="9">Contact Us</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="1" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images slick-initialized slick-slider"><button type="button" class="slick-prev slick-arrow slick-disabled" aria-label="Previous" aria-disabled="true"></button><button type="button"
class="slick-prev slick-arrow slick-disabled" aria-label="Previous" aria-disabled="true" style="display: block;"></button>
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 1461px; transform: translate3d(0px, 0px, 0px);">
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" style="width: 487px;">
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="10" data-idx="0" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/fe8d8831472681996a677b7e9809e4e0.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DF_2x2-B5.jpg" style="background-image: url("https://cdn-dam.realpage.com/api/v1/dimg/640x640/fe8d8831472681996a677b7e9809e4e0.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DF_2x2-B5.jpg");" tabindex="0"></a>
</div>
<div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" style="width: 487px;">
<a class="rpfp-image itemPhotoLoad rpfp-image-3d-unfurnished rpfp-image--fit" data-floorplanidx="10" data-idx="1" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/1148f072d7d84d0e12cfbf00b7d45c14.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_3DU_2x2-B5.jpg" tabindex="-1"></a>
</div>
<div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" style="width: 487px;">
<a class="rpfp-image itemPhotoLoad rpfp-image-2d-diagram rpfp-image--fit" data-floorplanidx="10" data-idx="2" data-src="https://cdn-dam.realpage.com/api/v1/dimg/640x640/fbd6f8414f9ec4e6cdee49394b6e9ac0.38fafa7c7b/CitadelAtWestpointe_438RichlandHillsDr_II-7732805_2DU_2x2-B5.jpg" tabindex="-1"></a>
</div>
</div>
</div><button type="button" class="slick-next aria-label= slick-arrow" next"="" aria-disabled="false" style="display: block;"></button><button type="button" class="slick-next aria-label= slick-arrow" next"=""
aria-disabled="false"></button>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766468">B5 Lower</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,543</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">2</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">2</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">1,187</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766468">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability" data-idx="10">Available Units <span class="rpfp-badge">1</span></button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-2d-diagram rpfp-image--fit itemPhoto" data-floorplanidx="11" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/121832843/640x640/121832843.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/121832843/640x640/121832843.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766469">B5 Upper</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,602</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">2</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">2</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">1,281</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766469">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="11">Contact Us</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-2d-diagram rpfp-image--fit itemPhoto" data-floorplanidx="12" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/121832845/640x640/121832845.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/121832845/640x640/121832845.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10766471">C1</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">From $2,001</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">3</strong> Bed</span>
<span class="rpfp-bath"><strong data-rpfp-fp-bath="">2</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">1,397</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10766471">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="12">Contact Us</button>
</div>
</div>
</div>
</div>
<div class="rpfp-modals"></div>
<div class="rpfp-empty rpfp-hide">
<div class="rpfp-empty-message">No floorplans found</div>
</div>
<div class="rpfp-loader-wrapper">
<div class="rpfp-loader">
<div style=""></div>
<div style=""></div>
<div style=""></div>
<div style=""></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var templateId;
if ('floorplan4' === 'floorplan1') templateId = 1;
else if ('floorplan4' === 'floorplan2') templateId = 2;
else if ('floorplan4' === 'floorplan3') templateId = 3;
else if ('floorplan4' === 'floorplan4') templateId = 4;
else if ('floorplan4' === 'floorplan5') templateId = 5;
else if ('floorplan4' === 'floorplan6') templateId = 6;
var RPFP_config = {
target: '#rpfloorplans',
template: templateId,
templateColors: ['#ffffff', '#000000', '#789d92', '#d7d7d7', '#7d7d7d', '#999999', '#f1f1f1', '#ffffff', '#ffffff'],
propertyId: propertyId,
pKey: propertyKey,
ismApiUrl: 'https://ism.realpage.com',
apiUrl: 'https://c-leasestar-api.realpage.com',
useCarousel: false,
carouselItems: 3,
defaultLeaseTerm: 'bestprice',
disclaimerText: '',
floorplansPerPage: 0,
showBuildingFilter: false,
defaultSortOption: 0,
dynamicRentRange: false,
skipStepsEnabled: false,
studentProperty: false,
showAvailableFloorplansOnly: false,
showBuildingName: false,
fitThumbnail: true,
hideAvailability: false,
hideFloorplansPricing: false,
hideUnitsPricing: false,
hideSquareFeet: false,
overrideNoUnitsText: '',
overrideContactUsText: 'Contact Us',
thirdPartyContactUrl: '',
overrideLeaseNowText: '',
thirdPartyLeasingUrl: '',
onlineLeasingUrls: [{
"SiteId": "8858838",
"Url": "https://www.on-site.com/apply/property/460904",
"IsSelectedSite": false,
"PartnerPropertyId": "460904"
}],
internationalProperty: false,
matchedSource: matchedSource,
aholDisplay: false,
aholContent: 'Looking for Affordable Homes?',
aholText: 'Click Here',
aholLink: '',
ismEnabled: false,
ismId: '',
ismDefault: false,
apiKey: 'bd8999db-f5fc-4308-8d28-ff0e2b6e15eb',
availableUnitColor: '#133d22',
availableUnitHighlightColor: '#37623e',
pinColor: '#031f4b',
pinHighlightColor: '#035891',
engrainedText: 'Interactive Map',
engrainedUrl: '',
hideBrochure: false,
bmRedirect: false,
bmCreditCards: '',
bmEmail: '',
bmApplicationFee: '',
bmSerialNumber: '',
leaseTermDetails: ('' ? JSON.parse('') : ''),
templateVars: {
cta1image: "",
cta1title: "",
cta1text: ""
}
}
</script>
<script src="https://cs-cdn.realpage.com/RFP/v1.0/loader.js" type="text/javascript"></script>
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader_ctl00_ctl00_pnlFormInputs">
</div>
<!--FLOORPLANLOADER END-->
</div>
</div>
<div class="sp-container">
</div>
</section>
<section id="gallery" class="block-area container-fluid">
<div id="" class="home-banner gallery-banner black-border row">
<div class="banner-overlay"></div>
<div class="banner-content">
<h2>Gallery</h2>
</div>
</div>
<div id="" class="clearfix">
<div class="col-lg-2 col-md-1 col-sm-1"></div>
<div class="clearfix col-lg-8 col-md-10 col-sm-10 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper">
<h1>Look And See</h1>
<div class="main-content">
<p><br></p>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-md-1 col-sm-1"></div>
</div>
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_pnlContainer">
<script type="text/javascript">
var nestedGalleryLocation = 'side';
var facebookBtnName = 'Facebook';
var instagramBtnName = 'Instagram';
var gallerySquareTilesLazyLoad = 'False';
var imageSize = '1920x1080';
var squareTilesObserver;
var defaultColumnCount = '3';
var itemsPerPageGallery = 'false';
$(document).ready(function() {
if (gallerySquareTilesLazyLoad.toLowerCase() == 'true' && navigator.userAgent.toLocaleLowerCase().indexOf('safari') == -1) {
try {
squareTilesObserver = new IntersectionObserver(gstIntersectCallback, intersectOptions);
squareTilesObserver.observe(document.querySelector('#gstIntersect'));
squareTilesObserver.observe(document.querySelector('#photosContainer'));
squareTilesObserver.observe(document.querySelector('#gstFooterIntersect'));
if ($('#head').length > 0) {
squareTilesObserver.observe(document.querySelector('#head'));
}
} catch (err) {
console.warn(err);
}
} else {
f_buildGallery();
}
if ($(window).width() < 768) f_resize();
$(window).resize(function() {
f_resize();
});
});
var gstIntersectCallback = function(entries, observer) {
if (entries && entries[0].isIntersecting) {
f_buildGallery();
squareTilesObserver.unobserve(document.querySelector('#gstIntersect'));
squareTilesObserver.unobserve(document.querySelector('#photosContainer'));
squareTilesObserver.unobserve(document.querySelector('#gstFooterIntersect'));
}
}
function f_buildGallery() {
var playSlideShow = false;
var galleryIndex = 0;
if ($('.side-container li').length <= 1) {
$('.photolist').removeClass('nested-side');
$('.photolist').addClass('nested-top');
} else $('.side-container').removeClass('hide-side-cont');
if ($('.top-container li').length > 1) {
$('.top-container').removeClass('hide-top-cont');
}
if (nestedGalleryLocation == 'dropdown' && $('.top-dropdown option').length > 1 || $(window).width() < 1025 && $('.top-dropdown option').length > 1) $('.top-dropdown').removeClass('hide-dropdown');
var pixelRatio = ((window.devicePixelRatio) ? window.devicePixelRatio : 1);
var windowWidth = Math.floor(window.innerWidth * 0.80 * pixelRatio);
var windowHeight = Math.floor(window.innerHeight * 0.80 * pixelRatio);
var fullImageSizeString = windowWidth + 'x' + windowHeight;
var defaultImageWidth = Math.floor($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer').width() * pixelRatio / 3);
var thumbImageSizeString = defaultImageWidth.toString() + 'x' + defaultImageWidth.toString();
$('#widget_header_buttons .columnSelector').click(function() {
$('#widget_header_buttons .columnSelector').removeClass('selected');
$('#widget_header_buttons .mosaic').removeClass('selected');
$(this).addClass('selected');
var columnCount = $(this).data('columns');
$('#photosContainer').removeAttr('class');
$('#photosContainer').addClass('columns' + columnCount);
$('.photolist').hide();
f_convertImages(fullImageSizeString, thumbImageSizeString, columnCount);
if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) galleryIndex = $('.nested-gst.selected').attr('data-index');
else galleryIndex = $('.top-dropdown option:selected').attr('data-index');
$('#photoList' + galleryIndex).show();
$('.grid').hide();
var minHeight = 0;
$('.photolist img:visible').each(function() {
if ($(this).height() > minHeight) minHeight = $(this).height();
});
$('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight);
});
$('#widget_header_buttons #btnMosaic').on('click', function() {
$('#widget_header_buttons .columnSelector').removeClass('selected');
$(this).addClass('selected');
$('#photosContainer').removeAttr('class');
$('.photolist').hide();
$('.grid').hide();
if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) galleryIndex = $('.nested-gst.selected').attr('data-index');
else galleryIndex = $('.top-dropdown option:selected').attr('data-index');
$('#grid' + galleryIndex).show();
f_convertMosaicImages(fullImageSizeString, thumbImageSizeString);
if ($('.side-container li').length > 0 && $('.nested-gst').length > 1 && $(window).width() > 1024) {
$('.grid').css('width', '80%');
} else $('.grid').css('width', '100%');
$('.grid').masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-sizer',
percentPosition: true
});
});
$('#widget_header_buttons #btnPlaySlideshow').on('click', function() {
playSlideShow = true;
if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) galleryIndex = $('.nested-gst.selected').attr('data-index');
else galleryIndex = $('.top-dropdown option:selected').attr('data-index');
if ($('.headerButton.selected').attr('data-columns') == 'mosaic') $('#grid' + galleryIndex + ' a').first().trigger('click', [true]);
else $('#photoList' + galleryIndex + ' a').first().trigger('click', [true]);
});
$('.nested-gst').click(function() {
$('.nested-gst').removeClass('selected');
$(this).addClass('selected');
$('.top-dropdown option[data-index="' + $(this).attr('data-index') + '"]').prop('selected', true);
$('.grid').hide();
$('.photolist').hide();
if ($('.headerButton.selected').attr('data-columns') == 'mosaic') {
f_convertMosaicImages(fullImageSizeString, thumbImageSizeString);
$('#grid' + $(this).attr('data-index')).show();
$('#grid' + $(this).attr('data-index')).masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-sizer',
percentPosition: true
});
} else {
var column_count = $('.headerButton.selected').attr('data-columns');
f_convertImages(fullImageSizeString, thumbImageSizeString, column_count);
$('#photoList' + $(this).attr('data-index')).show();
var minHeight = 0;
$('.photolist img:visible').each(function() {
if ($(this).height() > minHeight) minHeight = $(this).height();
});
$('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight);
}
});
$('.top-dropdown').change(function() {
$('.grid').hide();
$('.photolist').hide();
if ($('.headerButton.selected').attr('data-columns') == 'mosaic') {
f_convertMosaicImages(fullImageSizeString, thumbImageSizeString);
$('#grid' + $('.top-dropdown option:selected').attr('data-index')).show();
$('#grid' + $('.top-dropdown option:selected').attr('data-index')).masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-sizer',
percentPosition: true
});
} else {
var column_count = $('.headerButton.selected').attr('data-columns');
f_convertImages(fullImageSizeString, thumbImageSizeString, column_count);
$('#photoList' + $('.top-dropdown option:selected').attr('data-index')).show();
var minHeight = 0;
$('.photolist img:visible').each(function() {
if ($(this).height() > minHeight) minHeight = $(this).height();
});
$('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight);
}
});
if (p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.defaultView.toLowerCase() == 'mosaic') {
$('#widget_header_buttons #btnMosaic').click();
} else $('.headerButton.column' + p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.defaultView).click();
if (p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.hideColumnSelector.toUpperCase() == "TRUE") {
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer .columnSelector').hide();
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer #widget_header_buttons #btnMosaic').hide();
}
$(".headerButton").tooltip({
position: {
my: "center bottom-20",
at: "center top",
using: function(position, feedback) {
$(this).css(position);
$("<div>").addClass("arrow").addClass(feedback.vertical).addClass(feedback.horizontal).appendTo(this);
}
}
});
f_convertImages(fullImageSizeString, thumbImageSizeString, defaultColumnCount);
if ($(window).width() < 1025) {
$('.photolist').removeClass('nested-side');
$('.photolist').addClass('nested-top');
}
$('.fancybox3').fancybox({
fullScreen: {
autoStart: false
},
thumbs: {
autoStart: false,
hideOnClose: true
},
smallBtn: "auto",
afterLoad: function(instance, current) {
if (current.$image) {
current.$image.attr('alt', current.opts.$orig.find('meta[itemprop="name"]').attr('content'));
}
var pixelRatio = window.devicePixelRatio || 1;
if (pixelRatio > 1.5) {
current.width = current.width / pixelRatio;
current.height = current.height / pixelRatio;
}
}
});
}
function f_convertImages(fullImageSizeString, thumbImageSizeString, defaultColumnCount) {
var galleryIndex = 0;
if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) galleryIndex = $('.nested-gst.selected').attr('data-index');
else galleryIndex = $('.top-dropdown option:selected').attr('data-index');
$('#photoList' + galleryIndex + ' a.fancybox3').each(function(index, imageContainer) {
var imageSrc = $(imageContainer).attr('href');
var imageThumbSrc;
if ($('.top-dropdown option:selected').html() == instagramBtnName || $('.top-dropdown option:selected').html() == facebookBtnName) {
imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url');
} else if ($(window).width() > 1025 && $('.nested-gst.selected').length > 0 && $('.nested-gst.selected').html() == instagramBtnName || $('.nested-gst.selected').html() == facebookBtnName) {
imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url');
} else {
$(imageContainer).attr('href', imageSrc.replace(imageSize, fullImageSizeString));
imageThumbSrc = imageSrc.replace('dimg', 'dimg-crop').replace(fullImageSizeString, thumbImageSizeString).replace(imageSize, thumbImageSizeString);
var imageThumbAltText = $(imageContainer).find('.img_wrapper meta[itemprop="name"]').attr('content');
}
$(imageContainer).find('.img_wrapper').css('background-image', 'url(' + imageThumbSrc.replace(imageSize, $(window).width() + 'x' + $(window).height()) + ')');
$(imageContainer).addClass('fancybox3');
$(imageContainer).click(function(e, isFromPlayButton) {
if (!isFromPlayButton) {
var imageId = $(this).data('mediaid');
f_analyticsSendEvent('gallery', 'click-gallery-image', imageId.toString());
}
});
});
var minHeight = 0;
$('.photolist img:visible').each(function() {
if ($(this).height() > minHeight) minHeight = $(this).height();
});
$('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight);
var gallery_tab = $('#photoList' + galleryIndex);
f_createPaginationGallerySquares(gallery_tab, defaultColumnCount);
}
function f_convertMosaicImages(fullImageSizeString, thumbImageSizeString) {
var galleryIndex = 0;
if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) galleryIndex = $('.nested-gst.selected').attr('data-index');
else galleryIndex = $('.top-dropdown option:selected').attr('data-index');
$('#grid' + galleryIndex + ' .mosaic-img').each(function() {
var url = $(this).find('meta[itemprop="contentUrl"]').attr('content');
$(this).css('background-image', 'url(' + url.replace(imageSize, $(window).width() + 'x' + $(window).height()) + ')');
});
$('#grid' + galleryIndex + ' a.fancybox3').each(function(index, imageContainer) {
var imageSrc = $(imageContainer).attr('href');
var imageThumbSrc;
if ($('.top-dropdown option:selected').html() == instagramBtnName || $('.top-dropdown option:selected').html() == facebookBtnName) {
imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url');
} else if ($('.nested-gst.selected').length > 0 && $('.nested-gst.selected').html() == instagramBtnName || $('.nested-gst.selected').html() == facebookBtnName) {
imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url');
} else {
$(imageContainer).attr('href', imageSrc.replace(imageSize, fullImageSizeString));
imageThumbSrc = imageSrc.replace('dimg', 'dimg-crop').replace(fullImageSizeString, thumbImageSizeString).replace(imageSize, thumbImageSizeString);
var imageThumbAltText = $(imageContainer).find('.img_wrapper meta[itemprop="name"]').attr('content');
}
$(imageContainer).find('.img_wrapper').html('<img src="' + imageThumbSrc + '" ' + (imageThumbAltText ? 'alt="' + imageThumbAltText + '"' : '') + ' />');
$(imageContainer).addClass('fancybox3');
$(imageContainer).click(function(e, isFromPlayButton) {
if (!isFromPlayButton) {
var imageId = $(this).data('mediaid');
f_analyticsSendEvent('gallery', 'click-gallery-image', imageId.toString());
}
});
});
var gallery_tab = $('#grid' + galleryIndex);
f_createPaginationGallerySquares(gallery_tab, 'mosaic');
}
function f_createPaginationGallerySquares(gallery_tab, defaultColumnCount) {
var gallery_tab_selector = '#' + gallery_tab.attr('id');
var galleryCount = 0;
$(gallery_tab_selector + ' .pagination-item').each(function() {
galleryCount++;
});
// If there is no need for the pagination don't create pagination
if (itemsPerPageGallery == 'false' || itemsPerPageGallery >= galleryCount) {
return;
}
// Create Pagination
else {
$(gallery_tab).attr('data-page', '');
$(gallery_tab_selector + ' .div-list-pagination-bot-gallery').remove();
var pageNum = (itemsPerPageGallery == '1' ? 0 : 1);
if (itemsPerPageGallery == '0') return;
else {
$(gallery_tab_selector + ' .pagination-item').each(function(i, v) {
// Increment page number whenever in a new page
if (itemsPerPageGallery == '1' || (i + 1 > itemsPerPageGallery && (i + 1) % itemsPerPageGallery == 1)) pageNum++;
$(v).attr('data-page', pageNum);
});
if (pageNum > 1) {
var botPaginationHtml =
'<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>';
for (var i = 1; i <= pageNum; i++) {
botPaginationHtml += '<li class="page-numbers" data-page="' + i + '"><a onclick="f_loadPageGallerySquares(' + i + ', this)">' + i + '</a></li>';
}
botPaginationHtml += '<li><a aria-label="Next" id="next-page" onclick="f_nextPageGallerySquares(this);"><span aria-hidden=""true"">Next » </span></a></li></ul></div>';
$(gallery_tab).append(botPaginationHtml);
f_loadPageGallerySquares('1', gallery_tab);
}
}
}
}
function f_loadPageGallerySquares(pageNum, elm) {
if ($(elm).hasClass('pagination-parent')) {
elmId = $(elm).attr('id');
} else {
elmId = $(elm).parents('.pagination-parent').attr('id');
}
var gallery_tab_selector = '#' + elmId;
$(gallery_tab_selector + ' .pagination-item').hide();
$(gallery_tab_selector + ' .pagination-item[data-page="' + pageNum + '"]').show();
if ($(gallery_tab_selector).hasClass('grid')) {
var $grid = $(gallery_tab_selector).masonry({
initLayout: true,
itemSelector: '.grid-item',
columnWidth: '.grid-sizer',
percentPosition: true
});
// bind event
$grid.masonry('on', 'layoutComplete', function() {
console.log('layout is complete');
});
// trigger initial layout
$grid.masonry();
}
$(gallery_tab_selector + ' .list-pagination-gallery li').removeClass('active-page');
$(gallery_tab_selector + ' .list-pagination-gallery li[data-page="' + pageNum + '"]').addClass('active-page');
$(gallery_tab_selector + ' .list-pagination-gallery li').show();
$(gallery_tab_selector + ' .list-pagination-gallery li').each(function(i, v) {
if (parseInt($(v).attr('data-page')) > (parseInt(pageNum) + 3) || parseInt($(v).attr('data-page')) < (parseInt(pageNum) - 3)) $(v).hide();
});
if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(pageNum) + 1) + '"]').length == 0) $(gallery_tab_selector + ' .list-pagination-gallery li:last-child').hide();
if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(pageNum) - 1) + '"]').length == 0) $(gallery_tab_selector + ' .list-pagination-gallery li:first-child').hide();
}
function f_nextPageGallerySquares(elm) {
var gallery_tab_selector = '#' + $(elm).parents('.pagination-parent').attr('id');
var currentPage = $(gallery_tab_selector + ' .pagination-item:visible').first().attr('data-page');
if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(currentPage) + 1) + '"]').length > 0) f_loadPageGallerySquares(parseInt(currentPage) + 1, gallery_tab_selector);
}
function f_previousPageGallerySquares(elm) {
var gallery_tab_selector = '#' + $(elm).parents('.pagination-parent').attr('id');
var currentPage = $(gallery_tab_selector + ' .pagination-item:visible').first().attr('data-page');
if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(currentPage) - 1) + '"]').length > 0) f_loadPageGallerySquares(parseInt(currentPage) - 1, gallery_tab_selector);
}
function f_resize() {
$('.gallerySquareContainer .img_wrapper img').css('min-height', 0);
if (nestedGalleryLocation == 'side' && $(window).width() < 1025) {
$('.photolist').removeClass('nested-side');
$('.photolist').addClass('nested-top');
} else if (nestedGalleryLocation == 'side') {
$('.photolist').addClass('nested-side');
$('.photolist').removeClass('nested-top');
}
if ($(window).width() < 1025 && $('.top-dropdown option').length > 1) $('.top-dropdown').removeClass('hide-dropdown');
if ($(window).width() > 1025 && nestedGalleryLocation != 'dropdown') $('.top-dropdown').addClass('hide-dropdown');
if ($(window).width() < 768 && $('.headerButton.selected').attr('data-columns') == 'mosaic') {
if (p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.defaultView.toLowerCase() == '4') $('.headerButton.column4').click();
else $('.headerButton.column3').click();
}
var minHeight = 0;
$('.photolist img:visible').each(function() {
if ($(this).height() > minHeight) minHeight = $(this).height();
});
$('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight);
}
</script>
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer" class="gallerySquareContainer">
<div id="gstIntersect" class="widget_head">
<div id="widget_header_buttons" aria-label="Photo Gallery Layout Selection Buttons">
<!--googleoff: all-->
<button type="button" class="headerButton" id="btnPlaySlideshow" title="" aria-label="Play Slideshow" data-original-title="Play Slideshow">Play Slideshow</button>
<button type="button" class="headerButton columnSelector column3 selected" data-columns="3" title="" aria-label="3 Column Photo Gallery" data-original-title="3 Columns">3 Columns</button>
<button type="button" class="headerButton columnSelector column4" data-columns="4" title="" aria-label="4 Column Photo Gallery" data-original-title="4 Columns">4 Columns</button>
<button type="button" class="headerButton mosaic" id="btnMosaic" data-columns="mosaic" title="" aria-label="Mosaic Photo Gallery" data-original-title="Mosaic">Mosaic</button>
<!--googleon: all-->
</div>
<select class="top-dropdown hide-dropdown" aria-label="Photo Layout Selection Dropdown Menu">
<option class="gst-drop-item" data-index="0" aria-label="Gallery">Gallery</option>
</select>
</div>
<div id="photosContainer" class="columns3">
<ul class="side-container hide-side-cont">
<li class="gallery-nav"><button type="button" class="nested-gst nested-gst-side selected" data-index="0" aria-label="Gallery">Gallery</button></li>
</ul>
<ul id="photoList0" class="photolist pagination-parent nested-top" style="display: inline-block;"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826405/1280x960/121826405.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826405/1920x1080/121826405.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826405/1920x1080/121826405.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826405/523x523/121826405.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826405/950x950/121826405.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826409/1280x960/121826409.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826409/1920x1080/121826409.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826409/1920x1080/121826409.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826409/523x523/121826409.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826409/950x950/121826409.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826407/1280x960/121826407.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826407/1920x1080/121826407.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826407/1920x1080/121826407.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826407/523x523/121826407.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826407/950x950/121826407.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826413/1280x960/121826413.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826413/1920x1080/121826413.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826413/1920x1080/121826413.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826413/523x523/121826413.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826413/950x950/121826413.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826412/1280x960/121826412.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826412/1920x1080/121826412.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826412/1920x1080/121826412.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826412/523x523/121826412.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826412/950x950/121826412.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826408/1280x960/121826408.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826408/1920x1080/121826408.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826408/1920x1080/121826408.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826408/523x523/121826408.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826408/950x950/121826408.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826404/1280x960/121826404.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826404/1920x1080/121826404.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826404/1920x1080/121826404.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826404/523x523/121826404.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826404/950x950/121826404.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826406/1280x960/121826406.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826406/1920x1080/121826406.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826406/1920x1080/121826406.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826406/523x523/121826406.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826406/950x950/121826406.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826410/1280x960/121826410.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826410/1920x1080/121826410.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826410/1920x1080/121826410.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826410/523x523/121826410.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826410/950x950/121826410.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826411/1280x960/121826411.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826411/1920x1080/121826411.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826411/1920x1080/121826411.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826411/523x523/121826411.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826411/950x950/121826411.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826964/1280x960/121826964.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826964/1920x1080/121826964.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826964/1920x1080/121826964.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826964/523x523/121826964.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826964/950x950/121826964.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/121826899/1280x960/121826899.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826899/1920x1080/121826899.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/121826899/1920x1080/121826899.jpg">
<li class="mix">
<div class="meta name">
<div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Citadel at Westpointe" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/121826899/523x523/121826899.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826899/950x950/121826899.jpg"><meta itemprop="name" content="Citadel at Westpointe"></div>
</div></li>
</a></ul>
<div id="grid0" class="grid pagination-parent" style="display:none">
<div class="grid-sizer"></div>
<div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826405/1920x1080/121826405.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826405/1920x1080/121826405.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826405/0x640/121826405.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826409/1920x1080/121826409.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826409/1920x1080/121826409.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826409/0x360/121826409.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826407/1920x1080/121826407.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826407/1920x1080/121826407.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826407/0x360/121826407.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826413/1920x1080/121826413.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826413/1920x1080/121826413.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826413/0x360/121826413.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826412/1920x1080/121826412.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826412/1920x1080/121826412.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826412/0x360/121826412.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826408/1920x1080/121826408.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826408/1920x1080/121826408.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826408/0x360/121826408.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826404/1920x1080/121826404.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826404/1920x1080/121826404.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826404/0x360/121826404.jpg">
</a></div>
<div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826406/1920x1080/121826406.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826406/1920x1080/121826406.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826406/0x640/121826406.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826410/1920x1080/121826410.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826410/1920x1080/121826410.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826410/0x360/121826410.jpg">
</a></div>
<div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826411/1920x1080/121826411.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826411/1920x1080/121826411.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826411/0x640/121826411.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826964/1920x1080/121826964.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826964/1920x1080/121826964.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826964/0x360/121826964.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Citadel at Westpointe" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/121826899/1920x1080/121826899.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/121826899/1920x1080/121826899.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/121826899/0x360/121826899.jpg">
</a></div>
</div>
</div>
</div>
<div id="gstFooterIntersect" class="clear"></div>
</div>
</section>
<section id="neighborhood" class="block-area container-fluid">
<div id="" class="home-banner neighborhood-banner black-border row">
<div class="banner-overlay"></div>
<div class="banner-content">
<h2>Neighborhood</h2>
</div>
</div>
<div id="" class="map-plus-bar row">
<div id="" class="">
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneLocation_WebPartZone_WebPartZone_zone_WebPartLoader3_pnlContainer">
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneLocation_WebPartZone_WebPartZone_zone_WebPartLoader3_ctl00_pnlNeighborhoodFullWidth" class="widget neighborhood-widget">
<script src="/CMSScripts/Custom/RPWebParts/spiderfier/oms.min.js" type="text/javascript"></script>
<script type="text/javascript">
var overrideGetDirections = 'https://www.google.com/maps/dir/Current+Location/438 Richland Hills Dr TX';
var overridePropertyLink = 'https://www.google.com/maps/place/Citadel+at+Westpointe/@29.4421692,-98.6501842,16z/';
var propertyMarker;
var mapFullWidth;
var mapService;
var markersArray = [];
var origin;
var infoWindow;
var zoomLevels = {
'402.33': 16,
'804.67': 15,
'1609.34': 14,
'4023.36': 13,
'8046.72': 12,
'16093.4': 11,
'32186.9': 10,
'48280.3': 9
};
var defaultZoom = (typeof searchRadius !== 'undefined') ? zoomLevels[searchRadius] : 15;
var currentRadius = (typeof searchRadius !== 'undefined') ? searchRadius : 804.67;
var currentKeyword = '';
var currentIcon = '';
var overlays = [];
var clicked = false;
var customMapPinsObj = '[]' ? JSON.parse('[]') : '';
var oms;
//Google Maps Lazyloading
let lazyLoaded = false;
$(document).on("ready", function() {
let script = document.createElement('script')
//Register Event Listeners so we can look for the widget container
smRegisterListener('load', smLazyLoad);
smRegisterListener('scroll', smLazyLoad);
smRegisterListener('resize', smLazyLoad);
//Load the map script if the widget is in the view port
function smLazyLoad() {
if (smIsInViewport(document.getElementById("mapFullWidth")) && lazyLoaded === false) {
$('.neighborhood-widget__loader').show();
lazyLoaded = true;
// adds the script tag to the document
if (document.getElementsByTagName('body')[0]) {
document.getElementsByTagName('body')[0].appendChild(script)
} else {
document.getElementsByTagName('html')[0].appendChild(script)
}
// baseline config for script tag
script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyDS1oKsJ_hSSZqIslqkR4EdK1VndKUOPYM&libraries=places,geometry'
script.async = true
script.defer = true
//after the google map script has loaded we can call the widget script
script.onload = function() {
loadMap();
$('.neighborhood-widget__loader').hide('slow');
}
}
}
//check if the widget is in the view port
function smIsInViewport(el) {
var rect = el.getBoundingClientRect();
return (rect.bottom >= 0 && rect.right >= 0 && rect.top <= (window.innerHeight || document.documentElement.clientHeight) && rect.left <= (window.innerWidth || document.documentElement.clientWidth));
}
//This is where our event listeners are being created
function smRegisterListener(event, func) {
if (window.addEventListener) {
if (event == 'resize') {
window.addEventListener(event, smDebounce(func));
} else if (event == 'scroll') {
window.addEventListener(event, smThrottle(func, 500));
} else {
window.addEventListener(event, func)
}
} else {
window.attachEvent('on' + event, func)
}
}
function smDebounce(func) {
var timer;
return function(event) {
if (timer) clearTimeout(timer);
timer = setTimeout(func, 0, event);
};
}
function smThrottle(func, wait) {
var time = Date.now();
return function() {
if ((time + wait - Date.now()) < 0) {
func();
time = Date.now();
}
}
}
});
//End Google Maps Lazyloading
function loadMap() {
$(function() {
initMap();
});
function initMap() {
origin = new google.maps.LatLng(latitude, longitude);
var stylesObj = [{
elementType: 'geometry',
stylers: [{
color: '#f5f5f5'
}]
}, {
elementType: 'labels.icon',
stylers: [{
visibility: 'off'
}]
}, {
elementType: 'labels.text.fill',
stylers: [{
color: '#616161'
}]
}, {
elementType: 'labels.text.stroke',
stylers: [{
color: '#f5f5f5'
}]
}, {
featureType: 'administrative.land_parcel',
elementType: 'labels.text.fill',
stylers: [{
color: '#bdbdbd'
}]
}, {
featureType: 'poi',
elementType: 'geometry',
stylers: [{
color: '#eeeeee'
}]
}, {
featureType: 'poi',
elementType: 'labels.text.fill',
stylers: [{
color: '#757575'
}]
}, {
featureType: 'poi.park',
elementType: 'geometry',
stylers: [{
color: '#e5e5e5'
}]
}, {
featureType: 'poi.park',
elementType: 'labels.text.fill',
stylers: [{
color: '#9e9e9e'
}]
}, {
featureType: 'road',
elementType: 'geometry',
stylers: [{
color: '#ffffff'
}]
}, {
featureType: 'road.arterial',
elementType: 'labels.text.fill',
stylers: [{
color: '#757575'
}]
}, {
featureType: 'road.highway',
elementType: 'geometry',
stylers: [{
color: '#dadada'
}]
}, {
featureType: 'road.highway',
elementType: 'labels.text.fill',
stylers: [{
color: '#616161'
}]
}, {
featureType: 'road.local',
elementType: 'labels.text.fill',
stylers: [{
color: '#9e9e9e'
}]
}, {
featureType: 'transit.line',
elementType: 'geometry',
stylers: [{
color: '#e5e5e5'
}]
}, {
featureType: 'transit.station',
elementType: 'geometry',
stylers: [{
color: '#eeeeee'
}]
}, {
featureType: 'water',
elementType: 'geometry',
stylers: [{
color: '#c9c9c9'
}]
}, {
featureType: 'water',
elementType: 'labels.text.fill',
stylers: [{
color: '#9e9e9e'
}]
}];
mapFullWidth = new google.maps.Map(document.getElementById('mapFullWidth'), {
center: origin,
zoom: defaultZoom,
mapTypeControl: false,
scrollwheel: false,
minZoom: 10
//gestureHandling: 'greedy'
});
mapService = new google.maps.places.PlacesService(mapFullWidth);
oms = new OverlappingMarkerSpiderfier(mapFullWidth, {
markersWontMove: true,
markersWontHide: true,
basicFormatEvents: false,
keepSpiderfied: true,
nearbyDistance: 22,
spiralFootSeparation: 28,
spiralLengthStart: 18,
spiralLengthFactor: 5
});
mapFullWidth.setOptions({
styles: stylesObj
});
var markerIconNormal = {
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',
fillColor: '#789d92',
fillOpacity: 1,
scale: .75,
strokeWeight: 0,
anchor: new google.maps.Point(55, 80)
};
var markerOptions = {
position: origin,
map: mapFullWidth,
icon: markerIconNormal,
geometry: {
location: origin
},
name: name,
vicinity: addressLine1,
addressState: addressState,
addressPostalCode: addressPostalCode,
phonesNumber: phonesNumber,
website: website,
city: city
};
propertyMarker = new google.maps.Marker(markerOptions);
google.maps.event.addListener(propertyMarker, 'spider_format', function(status) {
if (status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIED) {
propertyMarker.setIcon({
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',
fillColor: '#789d92',
fillOpacity: 1,
scale: .5,
strokeWeight: 0,
anchor: new google.maps.Point(55, 45)
});
} else {
propertyMarker.setIcon({
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',
fillColor: '#789d92',
fillOpacity: 1,
scale: .75,
strokeWeight: 0,
anchor: new google.maps.Point(55, 80)
});
}
});
oms.addMarker(propertyMarker);
var content = '<div class="neighborhood-widget__marker neighborhood-widget__marker-property">' + '<h4><a href="' + overridePropertyLink + '" target="_blank">' + name + '</a></h4>' + '<p>' + addressLine1.replace(/,/g, '<br />') +
'<br />' + city + ', ' + addressState + ' ' + addressPostalCode + '</p>' + '<p><strong>' + phonesNumber + '</strong></p>' + '<p><a href=" ' + overrideGetDirections + ' " target ="_blank"><strong>Get Directions</strong></a></p>';
content += '</div>';
google.maps.event.addListener(propertyMarker, 'spider_click', function() {
if (infoWindow != undefined) {
infoWindow.close();
}
infoWindow = new google.maps.InfoWindow({
content: content
});
infoWindow.open(mapFullWidth, propertyMarker);
$('.neighborhood-widget__marker').parent().parent().parent().prev().find('> div').eq(7).css('border-top', '3px solid #789d92;');
});
var center;
function calculateCenter() {
center = mapFullWidth.getCenter();
}
google.maps.event.addDomListener(mapFullWidth, 'idle', function() {
calculateCenter();
});
google.maps.event.addListener(mapFullWidth, 'spider_click', function(event) {
infoWindow.close();
clicked = false;
if ($(window).width() < 543) {
hideCategories();
}
});
google.maps.event.addDomListener(window, 'resize', function() {
mapFullWidth.setCenter(center);
});
google.maps.event.addListener(mapFullWidth, 'zoom_changed', boundsUpdated);
$(customMapPinsObj).each(function(i, v) {
if (v.Category == null) {
var generalIcon = {
url: '\CMSScripts\Custom\RPWebParts\spiderfier\general.png', //placeResult.icon,
scaledSize: new google.maps.Size(26, 26),
anchor: new google.maps.Point(13, 13),
};
var customMarkerOptions = {
position: new google.maps.LatLng(v.Latitude, v.Longitude),
map: mapFullWidth,
icon: generalIcon,
geometry: {
location: new google.maps.LatLng(v.Latitude, v.Longitude)
},
name: v.Name,
vicinity: v.Address,
addressState: v.State,
addressPostalCode: v.Zip,
website: v.Url,
city: v.City
};
var customMarker = new google.maps.Marker(customMarkerOptions);
markersArray.push(customMarker);
var customPin = '<div class="neighborhood-widget__marker neighborhood-widget__marker-custom">' + '<h4><a href="' + v.Url + '" target="_blank">' + v.Name + '</a></h4>' + '<p>' + v.Address + '<br />' + v.City + ', ' + v
.State + ' ' + v.Zip + '</p>' + '<p><a href="https://www.google.com/maps/dir/?api=1&destination=' + v.Address.replace(/ /g, '+') + ',' + v.City.replace(/ /g, '+') + ',' + v.State +
'" target="_blank"><strong>Get Directions</strong></a></p></div>';
google.maps.event.addListener(customMarker, 'spider_click', function() {
if (infoWindow != undefined) {
infoWindow.close();
}
infoWindow = new google.maps.InfoWindow({
content: customPin
});
infoWindow.open(mapFullWidth, customMarker);
$('.neighborhood-widget__marker').parent().parent().parent().prev().find('> div').eq(7).css('border-top', '3px solid #789d92;');
});
}
});
}
function circleDrawHandler(radius) {
while (overlays[0]) {
overlays.pop().setMap(null);
}
var circle = new google.maps.Circle({
center: origin,
clickable: true,
draggable: false,
editable: false,
fillColor: '#004de8',
fillOpacity: 0.27,
map: mapFullWidth,
radius: radius,
strokeColor: '#004de8',
strokeOpacity: 0.62,
strokeWeight: 1
});
overlays.push(circle);
google.maps.event.addListener(circle, 'rightclick', polygonDestructionHandler);
};
polygonDestructionHandler = function() {
return this.setMap(null);
};
function boundsUpdated(event) {
var z = mapFullWidth.getZoom();
var bounds = mapFullWidth.getBounds();
var center = mapFullWidth.getCenter();
var ne = bounds.getNorthEast();
var sw = bounds.getSouthWest();
var nw = new google.maps.LatLng(ne.lat(), sw.lng());
var se = new google.maps.LatLng(sw.lat(), ne.lng());
if (bounds && center) {
var b = google.maps.geometry.spherical.computeDistanceBetween(nw, ne) / 2;
var h = google.maps.geometry.spherical.computeDistanceBetween(center, ne);
var radius = ((h - b) / 400);
}
}
function createMarker(placeResult, icon) {
var iconList = ["entertainment", "schools", "food", "nightlife", "recreation", "professional", "residences", "shopping", "travel"];
if (iconList.indexOf(icon) < 0) {
icon = 'general';
}
var markerIconUrl = '/templateresources/global/icons/map-icons/' + icon + '.png';
var markerIcon = {
url: markerIconUrl,
scaledSize: new google.maps.Size(26, 26),
anchor: new google.maps.Point(13, 13),
};
var markerOptions = {
map: mapFullWidth,
position: placeResult.geometry.location,
icon: markerIcon,
zIndex: 1
};
var marker = new google.maps.Marker(markerOptions);
google.maps.event.addListener(marker, 'spider_format', function(status) {
if (status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIABLE) {
marker.setIcon({
url: '/CMSScripts/Custom/RPWebParts/spiderfier/general-plus.png',
scaledSize: new google.maps.Size(26, 26),
anchor: new google.maps.Point(13, 13)
});
} else {
marker.setIcon({
url: markerIconUrl,
scaledSize: new google.maps.Size(26, 26),
anchor: new google.maps.Point(13, 13),
});
}
});
oms.addMarker(marker);
markersArray.push(marker);
google.maps.event.addListener(marker, 'spider_click', function() {
clicked = true;
getPlaceDetails(placeResult, marker);
this.setOptions({
zIndex: 10
});
});
google.maps.event.addListener(marker, 'closeclick', function() {
clicked = false;
});
}
function isValid(input1, input2) {
if (input1 != undefined || input2 != undefined) {
return true;
} else {
return false;
}
}
function getPlaceDetails(placeResult, marker) {
if (infoWindow != undefined) {
infoWindow.close();
}
var request = {
reference: placeResult.reference
};
mapService.getDetails(request, function(details, status) {
var priceRating = '';
if (details.price_level != undefined) {
for (i = 1; i <= details.price_level; i++) {
priceRating += '$';
}
}
var photoUrl = '';
if (details.photos != undefined) {
if (details.photos.length > 0) {
photoUrl = details.photos[0].getUrl({
'maxWidth': 300,
'maxHeight': 300
});
}
}
var addr = details.address_components;
var content = '<div class="neighborhood-widget__marker ' + ((photoUrl != '') ? 'has-photo' : '') + '">';
content += (photoUrl != '') ? '<div class="photo" style="background-image: url(' + photoUrl + ')"></div>' : '';
content += '<h4><a href="' + details.url + '" target="_blank">' + details.name + '</a></h4>';
content += (details.rating != undefined) ? '<span class="rating">' + details.rating + '</span>' : '';
content += '<p>';
content += (getAddressComponent(addr, 'street_number') != undefined) ? getAddressComponent(addr, 'street_number') + ' ' : '';
content += (getAddressComponent(addr, 'route', 'short') != undefined) ? getAddressComponent(addr, 'route', 'short') : '';
content += (isValid(getAddressComponent(addr, 'street_number'), getAddressComponent(addr, 'route', 'short'))) ? '<br />' : '';
content += (getAddressComponent(addr, 'locality') != undefined) ? getAddressComponent(addr, 'locality') + ', ' : '';
content += (getAddressComponent(addr, 'administrative_area_level_1', 'short') != undefined) ? getAddressComponent(addr, 'administrative_area_level_1', 'short') + ' ' : '';
content += (getAddressComponent(addr, 'postal_code', 'short') != undefined) ? getAddressComponent(addr, 'postal_code', 'short') : '';
content += '</p>';
content += (details.formatted_phone_number != undefined) ? '<p><strong>' + details.formatted_phone_number + '</strong></p>' : '';
content += '<p><a href="https://www.google.com/maps/dir/?api=1&destination=' + details.formatted_address + '" target="_blank"><strong>Get Directions</strong></a>' + ((priceRating != '') ? ' • <span class="price">' +
priceRating + '</span>' : '') + '</p>';
content += '</div>';
infoWindow = new google.maps.InfoWindow({
content: content
});
infoWindow.open(mapFullWidth, marker);
});
}
function getAddressComponent(components, type, length) {
var str;
$(components).each(function() {
if (this.types[0] == type) {
str = (length == 'short') ? this.short_name : this.long_name;
return;
}
});
return str;
}
function findByKeyword(keyword, icon) {
currentKeyword = keyword;
currentIcon = icon;
var excludedKeywords = $.parseJSON('[]');
var excludedBusinesses = $.parseJSON('[]');
var filteredWords = "sex,strip club,adult entertainment,strip bar,XXX,porn,escort,adult video,gentlemen's club,adult bookstore,adult club";
if (excludedKeywords.length > 0) {
filteredWords += ',' + excludedKeywords.join(',');
}
if (excludedBusinesses.length > 0) {
filteredWords += ',' + excludedBusinesses.join(',');
}
var fwordsArray = filteredWords.split(",");
var request = {
keyword: keyword,
location: origin,
radius: currentRadius
};
$('.neighborhood-widget__loader').show();
mapService.nearbySearch(request, function(results, status) {
deleteOverlays();
var customPinExists = false;
$(customMapPinsObj).each(function(i, v) {
$(v.Category).each(function(j, w) {
if (w == icon || (!icon && keyword && w == keyword.trim())) {
customPinExists = true;
var markerIconUrl = '/templateresources/global/icons/map-icons/' + (icon ? icon : 'general') + '.png';
var markerIcon = {
url: markerIconUrl,
scaledSize: new google.maps.Size(26, 26),
anchor: new google.maps.Point(13, 13)
};
var customMarkerOptions = {
position: new google.maps.LatLng(v.Latitude, v.Longitude),
map: mapFullWidth,
icon: markerIcon,
geometry: {
location: new google.maps.LatLng(v.Latitude, v.Longitude)
},
name: v.Name,
vicinity: v.Address,
addressState: v.State,
addressPostalCode: v.Zip,
website: v.Url,
city: v.City
};
var customMarker = new google.maps.Marker(customMarkerOptions);
google.maps.event.addListener(customMarker, 'spider_format', function(status) {
if (status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIABLE) {
customMarker.setIcon({
url: '/CMSScripts/Custom/RPWebParts/spiderfier/general-plus.png',
scaledSize: new google.maps.Size(26, 26),
anchor: new google.maps.Point(13, 13)
});
} else {
customMarker.setIcon({
url: markerIconUrl,
scaledSize: new google.maps.Size(26, 26),
anchor: new google.maps.Point(13, 13),
});
}
});
oms.addMarker(customMarker);
markersArray.push(customMarker);
var customPin = '<div class="neighborhood-widget__marker neighborhood-widget__marker-custom">' + '<h4><a href="' + v.Url + '" target="_blank">' + v.Name + '</a></h4>' + '<p>' + v.Address + '<br />' + v.City +
', ' + v.State + ' ' + v.Zip + '</p>' + '<p><a href="https://www.google.com/maps/dir/?api=1&destination=' + v.Address.replace(/ /g, '+') + ',' + v.City.replace(/ /g, '+') + ',' + v.State +
'" target="_blank"><strong>Get Directions</strong></a></p></div>';
google.maps.event.addListener(customMarker, 'spider_click', function() {
if (infoWindow != undefined) {
infoWindow.close();
}
infoWindow = new google.maps.InfoWindow({
content: customPin
});
infoWindow.open(mapFullWidth, customMarker);
$('.neighborhood-widget__marker').parent().parent().parent().prev().find('> div').eq(7).css('border-top', '3px solid #789d92;');
});
}
});
});
if (status == google.maps.places.PlacesServiceStatus.OK) {
$(results).each(function() {
var temp = 0;
for (var i = 0; i < fwordsArray.length; i++) {
var re = new RegExp('(^|\\s+)' + fwordsArray[i] + '(\\s+|$)', 'gi');
if (this.name.match(re) != null) {
temp += this.name.match(re);
}
}
if (temp == 0 && ('false' == 'false')) {
createMarker(this, currentIcon);
}
});
if (markersArray.length > 0) {
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < markersArray.length; i++) {
bounds.extend(markersArray[i].getPosition());
}
bounds.extend(origin);
mapFullWidth.fitBounds(bounds);
}
}
if ((status == "ZERO_RESULTS" && !customPinExists) || (markersArray.length == 0)) {
$('.search-no-results').addClass('show-message');
} else {
$('.search-no-results').removeClass('show-message');
}
$('.neighborhood-widget__loader').hide('slow');
});
}
function deleteOverlays() {
if (markersArray) {
while (markersArray[0]) {
markersArray.pop().setMap(null);
}
}
}
var categoriesHidden = false;
$(function() {
var mainKeywords = 'entertainment|schools|residences|travel';
$.each(mainKeywords.split('|'), function(idx, val) {
if (val != '') {
$('.neighborhood-widget__categories ul li[data-icon=' + val + ']').hide();
}
});
var customKeywords = $.parseJSON('[]');
$.each(customKeywords, function(idx, val) {
keywordItem = '<li role="button" aria-label="' + val + '" data-icon=""><span class="fa fa-circle-o"></span><div class="neighborhood-button-text"> ' + val + '</div></li>';
$('.neighborhood-widget__categories ul').append(keywordItem);
});
$('.neighborhood-widget__categories li').click(function() {
$(this).addClass('active');
$(this).siblings().removeClass('active');
findByKeyword($(this).text(), $(this).data('icon'));
$('.neighborhood-widget__search input').val($(this).text());
if ($(window).width() < 768) {
hideCategories();
}
});
$('.neighborhood-widget__handle').click(function() {
if (!categoriesHidden) {
hideCategories();
} else {
showCategories();
}
});
$('.neighborhood-widget__search input').click(function(e) {
$('.search-no-results').removeClass('show-message');
showCategories();
if ($(window).width() < 768 && $('.neighborhood-widget__nav').hasClass('expanded')) {
blur();
}
});
$('.neighborhood-widget__search input').keypress(function(e) {
if (e.which == 13) {
findByKeyword($(this).val(), 'general');
hideCategories();
$('.neighborhood-widget__categories li').removeClass('active');
$('.neighborhood-widget__search input').blur();
return false;
}
});
$('.neighborhood-widget__search .fa-search').click(function() {
findByKeyword($('.neighborhood-widget__search input').val(), 'general');
hideCategories();
$('.neighborhood-widget__categories li').removeClass('active');
});
var navPosition = $('.neighborhood-widget__nav').position();
var walkScoreHeight = ($('.walk-score-container').length > 0) ? $('.neighborhood-widget__walkscore').height() + 30 : 0;
$('.neighborhood-widget__categories').css('max-height', $('.neighborhood-widget__categories').parent().parent().height() - (90 + navPosition.top) - walkScoreHeight);
function hideCategories() {
$('.neighborhood-widget__categories').css({
'margin-top': -$('.neighborhood-widget__categories').innerHeight(),
'opacity': 0
})
$('.neighborhood-widget__nav').removeClass('expanded');
categoriesHidden = true;
}
function showCategories() {
$('.neighborhood-widget__categories').css({
'margin-top': 0,
'opacity': 1
});
$('.neighborhood-widget__nav').addClass('expanded');
categoriesHidden = false;
}
$(window).resize(function() {
var navPosition = $('.neighborhood-widget__nav').position();
var walkScoreHeight = ($('.walk-score-container').length > 0) ? $('.neighborhood-widget__walkscore').height() + 30 : 0;
$('.neighborhood-widget__categories').css('max-height', $('.neighborhood-widget__categories').parent().parent().height() - (90 + navPosition.top) - walkScoreHeight);
});
});
}
</script>
<div id="mapFullWidth"></div>
<div class="neighborhood-widget__loader">
<div class="loader">
<svg class="circular" viewBox="25 25 50 50" style="">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" style=""></circle>
</svg>
</div>
</div>
<div class="neighborhood-widget__nav expanded">
<div class="neighborhood-widget__search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search..." aria-label="search" tabindex="0"> <span class="fa fa-search" aria-hidden="true"></span>
</div>
</div>
<div class="neighborhood-widget__categories">
<ul>
<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>
<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>
<li data-icon="food" role="button" aria-label="food"><span class="fa fa-cutlery"></span>
<div class="neighborhood-button-text"> Food</div>
</li>
<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>
<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>
<li data-icon="professional" role="button" aria-label="professional"><span class="fa fa-suitcase"></span>
<div class="neighborhood-button-text"> Professional</div>
</li>
<li data-icon="residences" role="button" aria-label="residences"><span class="fa fa-building"></span>
<div class="neighborhood-button-text"> Residences</div>
</li>
<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>
<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>
</ul>
</div>
<div class="neighborhood-widget__handle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</div>
</div>
<div class="neighborhood-widget__walkscore"></div>
<div class="search-no-results">No Results Found</div>
</div>
</div>
</div>
<div class="address-info-bar">
<div id="info-address" class="col-sm-8"><i class="fa fa-map-marker" aria-hidden="true"></i>438 Richland Hills Dr, San Antonio, TX 78245 </div>
<a href="http://maps.google.com/?q=438 Richland Hills Dr, San Antonio, TX 78245" target="_blank" id="directionsLink" role="button" class="col-sm-4">Get Directions</a>
<div class="clearfix"></div>
</div>
<div id="" class="clearfix">
<div class="col-lg-2 col-md-1 col-sm-1"></div>
<div class="clearfix col-lg-8 col-md-10 col-sm-10 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper col-lg-12">
<h1>Great Experiences Are Just Around The Corner.</h1>
<div class="main-content">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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">
<h2>Residents</h2>
<ul class="resident-links resident-links-desktop">
<li>
<a id="resident-login" class="resident-link" href="https://www.on-site.com/web/resident_passport/460904/citadel_at_westpointe/login" target="_blank">
Resident Access
</a>
</li>
</ul>
</div>
</div>
<ul class="resident-links resident-links-mobile">
<li>
<a id="resident-login" class="resident-link" href="https://www.on-site.com/web/resident_passport/460904/citadel_at_westpointe/login" target="_blank">
Resident Access
</a>
</li>
</ul>
<div id="" class="clearfix">
<div class="row res-row">
<div class="col-lg-2 col-md-1 col-sm-1"></div>
<div class="clearfix col-lg-8 col-md-10 col-sm-10 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper col-lg-12">
<h1>Exceptional Service</h1>
<div class="main-content">
<p><span style="font-size: 16px;"></span>Register or log-in here for easy rent payments, service requests and more.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-md-1 col-sm-1"></div>
</div>
</div>
</section>
<section id="contact" class="block-area container-fluid">
<div class="col-lg-12">
<hr class="floor-plans-divider">
</div>
<div class="contact-title-container">
<h2 class="contact-title">Get in Touch</h2>
</div>
<div id="" class="clearfix">
<div class="col-lg-3 col-md-1 col-sm-1"></div>
<div class="clearfix col-lg-6 col-md-10 col-sm-10 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper">
<h1>Contact Us</h1>
<div class="main-content container-fluid">
<p>Please call us or submit the short form below to reach our professional leasing staff.</p>
<p>Only scheduled tours available after 5:30 pm.<br></p>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-1 col-sm-1"></div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-1"></div>
<div id="" class="col-lg-6 contact-form-container">
<script type="text/javascript">
var rpData = null;
var listofReasons = '';
var defaultSource = 'S000000001';
var hideRefer = 'false';
var hideBed = 'false';
var enablePrivacyPolicy = 'false';
var pmcName = 'PEM LG';
var overridePrivacy = 'href="/Privacy-policy.aspx" target="_blank"';
var contactLeadSources =
'<select tabindex="7" class="body-txt1" id="usersource" name="usersource"><option value="">-Select Source-</option><option value="af">Apartment Finder</option><option value="ag">Apartment Guide</option><option value="al">Apartment List</option><option value="ar">Apartment Ratings</option><option value="a">Apartments.com</option><option value="br">Brochure/Flyer</option><option value="chb">ChatBot</option><option value="costar">CoStar</option><option value="cl">Craigslist</option><option value="db">Drive-by</option><option value="fb">Facebook</option><option value="g">Google</option><option value="leasehawk">Leasehawk</option><option value="l">Locator</option><option value="w">Property Website</option><option value="refcr">Referral - Current Resident</option><option value="reffr">Referral - Former Resident</option><option value="sist">Referral - Sister Property</option><option value="rp">RentPath</option><option value="y">Yelp</option><option value="z">Zillow</option><option value="zu">Zumper</option></select>';
var internationalProperty = 'false'; //internationalProperty = 'true';//debug
var disableReferralTracking = 'False';
var countryCode = 'USA';
var enableRecaptcha = 'true';
var pageName = 'General';
var cmsSiteId = '61686';
var widgetName = 'rpWebpart_GoogleRecaptcha';
var timeoutValue = 120000;
var googleAnalyticsId = '';
var formSuccess = false;
var captchaToken = "";
var o = {};
var kpv = {
"Studio+": {
"key": 192,
"bed": 0,
"bath": 0
},
"S Bed /1 Bath": {
"key": 192,
"bed": 5,
"bath": 1
},
"S Bed /1.5 Bath": {
"key": 192,
"bed": 5,
"bath": 1.5
},
"1 Bed /1 Bath": {
"key": 193,
"bed": 1,
"bath": 1
},
"1 Bed /1.5 Bath": {
"key": 193,
"bed": 1,
"bath": 1.5
},
"1 Bed /2 Bath": {
"key": 194,
"bed": 1,
"bath": 2
},
"1 Bed /2.5 Bath": {
"key": 194,
"bed": 1,
"bath": 2.5
},
"2 Bed /1 Bath": {
"key": 195,
"bed": 2,
"bath": 1
},
"2 Bed /1.5 Bath": {
"key": 195,
"bed": 2,
"bath": 1.5
},
"2 Bed /2 Bath": {
"key": 196,
"bed": 2,
"bath": 2
},
"2 Bed /2.5 Bath": {
"key": 196,
"bed": 2,
"bath": 2.5
},
"3 Bed /1 Bath": {
"key": 197,
"bed": 3,
"bath": 1
},
"3 Bed /1.5 Bath": {
"key": 197,
"bed": 3,
"bath": 1.5
},
"3 Bed /2 Bath": {
"key": 198,
"bed": 3,
"bath": 2
},
"3 Bed /2.5 Bath": {
"key": 198,
"bed": 3,
"bath": 2.5
},
"3 Bed /3 Bath": {
"key": 199,
"bed": 3,
"bath": 3
},
"3 Bed /3.5 Bath": {
"key": 199,
"bed": 3,
"bath": 3.5
},
"4 Bed /1 Bath": {
"key": 200,
"bed": 4,
"bath": 1
},
"4 Bed /1.5 Bath": {
"key": 200,
"bed": 4,
"bath": 1.5
},
"4 Bed /2 Bath": {
"key": 201,
"bed": 4,
"bath": 2
},
"4 Bed /2.5 Bath": {
"key": 201,
"bed": 4,
"bath": 2.5
},
"4 Bed /3 Bath": {
"key": 202,
"bed": 4,
"bath": 3
},
"4 Bed /3.5 Bath": {
"key": 202,
"bed": 4,
"bath": 3.5
},
"5 Bed /1 Bath": {
"key": 202,
"bed": 5,
"bath": 1
},
"5 Bed /1.5 Bath": {
"key": 202,
"bed": 5,
"bath": 1.5
},
"5 Bed /2 Bath": {
"key": 202,
"bed": 5,
"bath": 2
},
"5 Bed /2.5 Bath": {
"key": 202,
"bed": 5,
"bath": 2.5
},
"5 Bed /3 Bath": {
"key": 202,
"bed": 5,
"bath": 3
},
"5 Bed /3.5 Bath": {
"key": 202,
"bed": 5,
"bath": 3.5
}
};
$(document).ready(function() {
var datePicker_dateFormat = (internationalProperty == 'true') ? "dd/mm/yy" : "mm/dd/yy";
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf_movedate').datepicker({
startDate: new Date(),
autoHide: true,
dateFormat: datePicker_dateFormat,
autoclose: true
});
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf_movedate').on('pick.datepicker', function(e) {
var postDate = $(this).datepicker('formatDate', e.date);
$(this).val(postDate);
isFieldValid($(this));
$(this).data('post-data', postDate);
});
$.ajax({
type: 'GET',
url: 'CmsSiteManager/callback.aspx?act=Proxy/GetFloorPlans',
dataType: 'jsonp',
timeout: timeoutValue,
success: function(data) {
rpData = data;
buildBedRoomSelect();
},
error: function(response) {
if (response.statusText === "timeout") {
$('#pnlMobile').html(
"<div class='timeout-message'><div class='timeout-icon'><img src='/globalresources/widgets/images/TimeOutSessionIcon.png' /></div><div class='timeout-text-message'><b>Time Out Error</b>.<br> Refresh Page or Try Again Later</div></div>"
);
}
}
});
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contactus-float-input-div.reason').append(contactLeadSources);
if (hideBed.toLowerCase() == 'true') {
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contactus-float-input-div.bed').hide();
}
if (hideRefer.toLowerCase() == 'true') {
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contactus-float-input-div.reason').hide();
} else $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #contact .contactus-float-input-div.comments-txt').css('height', '186px');
if (defaultSource == 0) $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #usersource').val('');
else if (defaultSource) $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #usersource').val(defaultSource);
else $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #usersource').val('');
if (disableReferralTracking.toLowerCase() != 'true' && matchedSourceId) {
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #usersource').val(matchedSourceId);
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #contactusReason').hide();
}
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #dayPhone1').on("keyup", function() {
var value = $(this).val();
var regex1 = /[^[0-9 +]]*/gi;
var regex2 = /[^[0-9]]*/gi;
var newValue = value.substring(0, 1).replace(regex1, '') + value.substring(1).replace(regex2, '');
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #dayPhone1').val(newValue);
});
});
function buildBedRoomSelect() {
var bathRooms = 0;
var bedRooms = 0;
var countUnit = 1;
for (var i = 0; i < rpData.floorplans.length; i++) {
var currentbathRooms = rpData.floorplans[i].bathRooms;
var currentbedRooms = rpData.floorplans[i].bedRooms;
if (bathRooms != currentbathRooms || bedRooms != currentbedRooms) {
var str = currentbedRooms + ' Bed /' + currentbathRooms + ' Bath';
try {
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #bedbathid').append('<option value="' + kpv[str]["key"] + '" class="text">' + str + '</option>');
} catch (err) {
//This error typically happens when it cannot find the str and consaquently cannot find the key.
}
bathRooms = currentbathRooms;
bedRooms = currentbedRooms;
countUnit++;
}
}
}
function f_getCookie(cookieName) {
var cookieValue = document.cookie;
var cookieStart = cookieValue.indexOf(" " + cookieName + "=");
if (cookieStart == -1) {
cookieStart = cookieValue.indexOf(cookieName + "=");
}
if (cookieStart == -1) {
cookieValue = null;
} else {
cookieStart = cookieValue.indexOf("=", cookieStart) + 1;
var cookieEnd = cookieValue.indexOf(";", cookieStart);
if (cookieEnd == -1) {
cookieEnd = cookieValue.length;
}
cookieValue = unescape(cookieValue.substring(cookieStart, cookieEnd));
}
return cookieValue;
}
function floatValidPhone(b) {
var a = window.event ? b.keyCode : b.which;
if (internationalProperty == 'true' && $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #dayPhone1').val().length == 0 && b.shiftKey && b.keyCode == 43) return true;
if (a == 0 || a == 8) return true;
if (a > 47 && a < 58) return true;
else return false;
}
</script>
<style data-cssvars="skip" data-cssvars-job="1">
.contact-mobile-form .reqErr {
border: 1px solid red !important;
}
.contact-mobile-form .error-msg {
display: inline-block;
color: red;
margin-top: 10px;
}
.grecaptcha-badge {
bottom: 100px !important;
}
</style>
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf">
<div id="pnlMobile" class="mobile cf-pnlMobile timeout-error-contact">
<div class="contact-mobile-form">
<input name="pid" type="hidden" id="pid">
<input name="lcid" type="hidden" id="lcid">
<input name="cid" type="hidden" id="cid">
<input name="trackingid" type="hidden" id="trackingid">
<div id="contactusFirstName" class="contactus-float-input-div">
<input id="firstname" name="firstname" type="text" placeholder="First name" maxlength="40" tabindex="0" class="body-txt1 required" title="First name" aria-label="first name">
<span class="required-field">*</span>
</div>
<div id="contactusLastName" class="contactus-float-input-div">
<input id="lastname" name="lastname" type="text" placeholder="Last name" maxlength="40" tabindex="0" class="body-txt1 required" title="Last name" aria-label="last name">
<span class="required-field">*</span>
</div>
<div id="contactusEmail" class="contactus-float-input-div">
<input id="email" name="email" type="text" placeholder="Email" maxlength="40" tabindex="0" class="body-txt1 required email" title="Email" aria-label="email">
<span class="required-field">*</span>
</div>
<div id="contactusEmailCtrl" class="contactus-float-input-div">
<input tabindex="-1" id="e-mail" type="text" class="hpInput">
<p style="display:none">Do not fill out this input form, it is for bot control purposes only.</p>
</div>
<div id="contactusPhone" class="contactus-float-input-div">
<input id="dayPhone1" name="dayPhone1" type="text" placeholder="Phone number" maxlength="21" tabindex="0" class="body-txt1 required" title="Phone number" aria-label="phone number" onkeypress="return floatValidPhone(event);">
<span class="required-field">*</span>
</div>
<div id="contactusBedBath" class="contactus-float-input-div bed">
<select id="bedbathid" name="bedbathid" tabindex="0" class="body-txt1" aria-label="bedrooms">
<option value="">Select Bedrooms</option>
<option value="193" class="text">1 Bed /1 Bath</option>
<option value="196" class="text">2 Bed /2 Bath</option>
<option value="198" class="text">3 Bed /2 Bath</option>
</select>
</div>
<div id="contactusMoveDate" class="contactus-float-input-div move-in">
<input id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf_movedate" name="movedate" tabindex="0" type="text" class="body-txt1 required" readonly="readonly"
aria-label="move in date" title="Move In Date" placeholder="Move In Date">
<span class="required-field">*</span>
</div>
<div id="contactusReason" class="contactus-float-input-div reason"><select tabindex="7" class="body-txt1" id="usersource" name="usersource">
<option value="">-Select Source-</option>
<option value="af">Apartment Finder</option>
<option value="ag">Apartment Guide</option>
<option value="al">Apartment List</option>
<option value="ar">Apartment Ratings</option>
<option value="a">Apartments.com</option>
<option value="br">Brochure/Flyer</option>
<option value="chb">ChatBot</option>
<option value="costar">CoStar</option>
<option value="cl">Craigslist</option>
<option value="db">Drive-by</option>
<option value="fb">Facebook</option>
<option value="g">Google</option>
<option value="leasehawk">Leasehawk</option>
<option value="l">Locator</option>
<option value="w">Property Website</option>
<option value="refcr">Referral - Current Resident</option>
<option value="reffr">Referral - Former Resident</option>
<option value="sist">Referral - Sister Property</option>
<option value="rp">RentPath</option>
<option value="y">Yelp</option>
<option value="z">Zillow</option>
<option value="zu">Zumper</option>
</select></div>
<div id="contactusComments" class="contactus-float-input-div comments-txt">
<textarea id="msg" name="msg" rows="3" cols="20" tabindex="0" class="body-txt1" title="Comments" placeholder="Comments" aria-label="comments"></textarea>
</div>
<div id="contactusPrivacy" class="contactus-float-input-div privacy">
<input id="privacyid" name="privacyid" type="checkbox" class="privacy-check" value="Agree" tabindex="0" aria-label="privacy policy agreement">
<label for="privacyid">I have read and agreed to the PEM LG Privacy Policy.</label> <a href="/Privacy-policy.aspx" target="_blank">Read More</a>
<span class="required-field">*</span>
</div>
<div class="required-info"><span>*</span> Required Information</div>
<div class="submitbutton">
<button type="button" id="btnSubmit" class="cf-submit" aria-label="Submit Form" name="button">Submit</button>
</div>
<p id="errorMessage" class="error-msg"></p>
<div class="disclaimerText"></div>
<script type="text/javascript">
var enablePrivacyPolicy = 'false';
$(document).ready(function($) {
if (enablePrivacyPolicy.toLowerCase() == 'false') {
$('#privacyid').removeClass("required");
} else {
$('#contactusPrivacy').show();
$('#privacyid').addClass("required");
}
});
function setFormErrorMessage(message) {
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #errorMessage').html(message);
}
function setInputValidity($input, isValid) {
if (isValid) {
$input.removeAttr("aria-invalid");
$input.removeClass('reqErr');
} else {
$input.attr("aria-invalid", "true");
$input.addClass('reqErr');
}
}
function isFieldValid($input) {
var bIsValid = false;
if ($input.hasClass("email")) {
bIsValid = validateEmail($input);
} else if ($input.hasClass("privacy-check")) {
if ($input.is(":not(:checked)")) {
bIsValid = false;
$("label[for=" + $input.attr("id") + "]").addClass('reqErr');
} else {
bIsValid = true;
$("label[for=" + $input.attr("id") + "]").removeClass('reqErr');
}
} else {
//just do a required check... field must have content
bIsValid = $input.val() != "";
}
setInputValidity($input, bIsValid);
//check to see we need to clear out the error message
if ($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input.required.reqErr').length == 0) {
setFormErrorMessage("");
}
return bIsValid;
}
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input.required').blur(function() {
isFieldValid($(this));
});
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form select.required').blur(function() {
isFieldValid($(this));
});
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input.requiredR').blur(function() {
isFieldValid($(this));
});
function validateEmail($input) {
var reg = /^(([^<>()[\]\\.,;:\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,}))$/;
return reg.test($input.val());
}
$('.contact-us-enhanced .required-group input[type="checkbox"]').each(function() {
if ($(this).is(":not(:checked)")) {
var msg = $(this).attr("aria-label");
$(this).attr("aria-invalid", "true");
$(this).addClass('validate-field');
$("label[for=" + $(this).attr("id") + "]").addClass('validate-field');
} else {
$(this).removeAttr("aria-invalid");
$(this).removeClass('validate-field');
$("label[for=" + $(this).attr("id") + "]").removeClass('validate-field');
}
});
function changeMessage() {
alert("error loading");
}
function sendContactInfo() {
if (enableRecaptcha == "true") {
o['cmsSiteId'] = cmsSiteId;
o['pageName'] = pageName;
o['widgetName'] = widgetName;
}
o['googleAnalyticsId'] = googleAnalyticsId;
$("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input").each(function() {
var postData = $(this).data('post-data');
o[$(this).attr('name')] = (postData == null || postData == undefined) ? $(this).val() : postData;
});
$("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form select").each(function() {
if ($(this).attr('name') == 'usersource') o[$(this).attr('name')] = $('option:selected', this).text();
else o[$(this).attr('name')] = $(this).val();
});
$("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form textarea").each(function() {
o[$(this).attr('name')] = escape($(this).val());
});
if ($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #e-mail').val().length == 0) {
var id = $("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #bedbathid option:selected").val();
try {
//format number before Hash
var formatPhone = rptracker.formatPhoneNumber($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #dayPhone1').val(), countryCode);
//Hash all the parts before sending them to RPTracker.
var first_name = rptracker.hash($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #firstname').val());
var last_name = rptracker.hash($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #lastname').val());
var phone = rptracker.hash(formatPhone);
var email = rptracker.hash($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #email').val());
var source = $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #usersource option:selected').text();
var bed = 0;
var bath = 0;
for (var key in kpv) {
// skip loop if the property is from prototype
if (!kpv.hasOwnProperty(key)) continue;
var item = kpv[key];
if (item.key === parseInt(id)) {
bed = item.bed;
bath = item.bath;
break;
}
}
//Send the informaiton back over to RPTracker.
rptracker.track('Form Submitted', {
first_name: first_name,
last_name: last_name,
email: email,
phone_number: phone,
bed: bed,
bath: bath,
movein_date: $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #movedate').val(),
source: source,
comments: escape(($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #msg').val() === undefined || $(
'#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #msg').val().length <= 0 ? "" : $(
'#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #msg').val()))
});
} catch (err) {
console.log("RPTracker failed but it is not a dependancy for the contact form. Please continue.");
}
$.ajax({
type: "POST",
dataType: "json",
cache: false,
timeout: timeoutValue,
url: "CMSSiteManager/Callback.aspx?act=set_contact",
data: o,
success: function(json) {
if (json.ErrorNumber) {
formSuccess = false;
setFormErrorMessage("Failed to submit guest card.");
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('value', 'Submit');
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('disabled', false);
} else {
try {
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-pnlMobile').hide();
let customDimensions = {}
customDimensions.dimension15 = json.LeaseStarLeadId;
if (json.Lead2LeaseLeadId != 0) customDimensions.dimension17 = json.Lead2LeaseLeadId;
f_analyticsSendEvent('Contact', 'Information Request', 'Thank you', customDimensions);
} catch (e) {}
window.open('/Thank-You.aspx', '_self');
}
},
beforeSend: function(json) {
formSuccess = true;
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('value', 'Sending...');
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('disabled', true);
setFormErrorMessage("");
},
error: function(e) {
formSuccess = false;
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('value', 'Submit');
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('disabled', false);
setFormErrorMessage("There was an error submitting your information.");
}
});
}
}
$("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #btnSubmit").click(function() {
setFormErrorMessage("");
var bAllValid = true;
// Validate form
$($("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input.required").get()).each(function() {
if (!isFieldValid($(this))) {
bAllValid = false;
}
});
if (bAllValid) {
if (formSuccess == true) {
return false;
}
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #pid').val(propertyId);
var lcid = f_getCookie('RP_LSWS_LCID');
lcid = lcid ? lcid : "4";
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #lcid').val(lcid);
var cid = f_getCookie('RP_LSWS_SEM');
cid = cid ? cid : "Property Website";
if (cid != "Property Website") {
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #cid').val(
matchedSource); //The logic for setting the matchedSource based on the cid value in the commondata.ascx file
}
googleAnalyticsId = f_getCookie('_ga');
var trackingId = f_analyticsGetTrackingId() || '';
$('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #trackingid').val(trackingId);
sendContactInfo();
} else {
$("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input.required.reqErr:last").focus();
setFormErrorMessage("Please enter all required information.")
}
});
</script>
</div>
</div>
</div>
</div>
<div class="col-lg-1"></div>
<div class="col-lg-4 col-sm-12 col-xs-12 contact-info-container">
<div class="contact-info-wrapper">
<div class="col-lg-12 col-sm-6 col-xs-12">
<div class="contact-office-hours">
<h3 class="home-contact-title">office hours</h3>
<style data-cssvars="skip" data-cssvars-job="1">
.contact-hours ul {
margin: 0;
padding: 0;
list-style: none;
}
</style>
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_WebPartZone5_WebPartZone5_zone_ContactHours_pnlContactHours" class="widget">
<div class="contact-hours">
<ul class="contact-hours-list">
<li><span class="contact-hours-day">Monday:</span><span class="contact-hours-time"> 9:00AM to 6:00PM</span></li>
<li><span class="contact-hours-day">Tuesday:</span><span class="contact-hours-time"> 9:00AM to 6:00PM</span></li>
<li><span class="contact-hours-day">Wednesday:</span><span class="contact-hours-time"> 9:00AM to 6:00PM</span></li>
<li><span class="contact-hours-day">Thursday:</span><span class="contact-hours-time"> 9:00AM to 6:00PM</span></li>
<li><span class="contact-hours-day">Friday:</span><span class="contact-hours-time"> 9:00AM to 6:00PM</span></li>
<li><span class="contact-hours-day">Saturday:</span><span class="contact-hours-time"> 10:00AM to 5:00PM</span></li>
<li><span class="contact-hours-day">Sunday:</span><span class="contact-hours-text"> Closed</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-sm-6 col-xs-12">
<div class="contact-address">
<h3 class="home-contact-title">address</h3>
<div class="prop-name">Citadel at Westpointe</div>
<a href="http://maps.google.com/?q=438 Richland Hills Dr, San Antonio, TX 78245" target="_blank" id="footerDirectionsLink">
<div>438 Richland Hills Dr </div>
<div>San Antonio, TX 78245</div>
</a>
</div>
</div>
<div class="col-lg-12 col-sm-6 col-xs-12">
<a class="seo-number" href="tel:+12107969358" onclick="f_analyticsSendEvent('general', 'click-phone-number', '(210) 796-9358')">(210) 796-9358</a>
</div>
</div>
</div>
<div class="col-lg-1"></div>
</div>
</div>
</section>
<div id="p_lt_zonePagePlaceholder_LiveChatV1_pnlLiveChat" class="live-chat-container">
<style data-cssvars="skip" data-cssvars-job="1">
a#_lpChatBtn {
cursor: pointer;
}
</style>
<a id="_lpChatBtn" onclick="javascript:window.rpuc.showCommunicationWidget()">Live Chat</a>
</div>
</div>
<footer id="footer" class="container-fluid">
<div class="row footer-row-2">
<div id="" class="col-lg-4 col-sm-12 footer-content-left">
<div class="rplogo" id="rplogo"><a href="https://www.realpage.com/apartment-marketing/" target="_blank"><img src="/TemplateResources/Global/images/rplogo-white.png" alt="RealPage, Inc."></a></div>
<div id="" 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">Rental assistance website (opens in a new tab)<svg id="housingSVG" data-name="housingSVG" xmlns="http://www.w3.org/2000/svg" width="539.2" height="515.23" viewBox="0 0 539.2 515.23">
<title>HUD</title>
<g>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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-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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
</g></svg></a><a id="link-ADA" href="https://www.hud.gov/program_offices/fair_housing_equal_opp/disabilities/accessibilityR" title="ADA" target="_blank">Information for disabled persons website (opens in a new tab)<svg id="handicapSVG" data-name="handicapSVG" xmlns="http://www.w3.org/2000/svg" width="483.22" height="551.43" viewBox="0 0 483.22 551.43">
<title>ADA</title>
<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>
</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>
<div id="" class="col-lg-4 col-sm-12 footer-content-center">
<div class="content footer-content-social">
<div id="p_lt_zoneFooterRow2_WebPartZone4_WebPartZone4_zone_SocialMedia_pnlSocialNetworks" class="social_media">
</div><a href="https://www.pemreg.com/" target="_blank"><img id="p_lt_zoneFooterRow2_WebPartZone4_WebPartZone4_zone_EditableImage1_ucEditableImage_imgImage" src="https://capi.myleasestar.com/v2/dimg/65725159/235x125/65725159.jpg" alt="">
</a>
</div>
</div>
<div id="" class="col-lg-4 col-sm-12 footer-content-right">
<ul class="footer-links">
<li><a class="privacy" href="/Privacy-policy.aspx" target="_blank" title="Privacy Policy">Privacy Policy</a></li>
<li><span class="copyright-text">© 2023 Citadel at Westpointe. All Rights Reserved. </span></li>
</ul>
</div>
</div>
<div class="row">
</div>
</footer>
</form>Text Content
Press Alt+1 for screen-reader mode, Alt+0 to cancelAccessibility Screen-Reader Guide, Feedback, and Issue Reporting Close By entering your phone number you consent to receive text communication from (210) 684-9979. Rates and terms may apply. Text STOP to opt out. Click Here (210) 796-9358 Schedule a Tour Apply Now * Home * Amenities * Floor Plans * Gallery * Location * Residents * Contact * Schedule a Tour * Apply Now * (210) 796-9358 * * * * * * ● * ● * ● Welcome To Citadel at Westpointe Elevated Living Welcome Home CLEAN. MODERN. Your home is your castle — a modern-day fortress from the world. It is your personal retreat in Westover Hills where life happens and memories are made. A citadel of comfort and convenience, home is where your story begins and the next chapter awaits. AMENITIES LIVE CITADEL AT WESTPOINTE The good life just got better with everything Citadel at Westpointe has to offer! * * * * * * ● * ● * ● * Community Features * Apartment Features * Pet Policy * Parking Details COMMUNITY FEATURES * Clubhouse with resident lounge * Epicurean lounge with stainless steel appliances * Cyber café with gourmet coffee * Conference Room * Fitness * -- On Demand * -- Pilates and Yoga * -- CrossFit style equipment * -- Cardio machines * -- Outdoor CrossFit * State-of-the-art electronic access and controlled gated entry * Mail and package lockers * Resort style pool and spa * Bocce ball court * Outdoor California style cooking area View More APARTMENT FEATURES * Open design floor plans * 9′ Ceilings * Tile and Wood inspired flooring * Custom two panel decorative doors * Window Coverings * Decorative designer lighting * Washer/Dryer Hookup * Oversized, Walk-in closets * Private Balconies or patios in most unit homes * Hard Surface CounterTops * Ceiling Fan * Garden tubs * Vanity areas with dual sinks * Prewired internet access in unit homes * Pet Policy Type: Cat, Dogs * Other Pets Allowed: Please contact the Leasing Office for details. * Parking Type: Surface Lot * Parking Comment: Please contact the Leasing Office for details. AMENITIES × * Clubhouse with resident lounge * Epicurean lounge with stainless steel appliances * Cyber café with gourmet coffee * Conference Room * Fitness * -- On Demand * -- Pilates and Yoga * -- CrossFit style equipment * -- Cardio machines * -- Outdoor CrossFit * State-of-the-art electronic access and controlled gated entry * Mail and package lockers * Resort style pool and spa * Bocce ball court * Outdoor California style cooking area * Complimentary Wi-Fi access throughout the common areas * Garage parking with direct access in select Big House unit homes * Freestanding garages * Private storage * Pet friendly community including Dog Park and resident dog wash area * Dog Park includes dog water fountain, small and large dog areas * Electric vehicles charging station * Dry cleaning lockers APARTMENT AMENITIES × * Open design floor plans * 9′ Ceilings * Tile and Wood inspired flooring * Custom two panel decorative doors * Window Coverings * Decorative designer lighting * Washer/Dryer Hookup * Oversized, Walk-in closets * Private Balconies or patios in most unit homes * Hard Surface CounterTops * Ceiling Fan * Garden tubs * Vanity areas with dual sinks * Prewired internet access in unit homes FLOOR PLANS SPACIOUS LUXURY FLOOR PLANS You'll find spacious, modern living in our one-, two- and three-bedrooms floor plans. * All * One Bedroom * Two Bedrooms * Three Plus Bedrooms 11/28/2023 Clear A1 From $963 1 Bed 1 Bath 578 Sqft Brochure Available Units 1 A2 From $1,029 1 Bed 1 Bath 656 Sqft Brochure Contact Us A3 From $1,145 1 Bed 1 Bath 780 Sqft Brochure Contact Us B1 From $1,160 2 Bed 2 Bath 952 Sqft Brochure Contact Us B2 From $1,200 2 Bed 2 Bath 1,070 Sqft Brochure Available Units 2 B3 From $1,281 2 Bed 2 Bath 1,142 Sqft Brochure Contact Us A4 Upper From $1,357 1 Bed 1 Bath 847 Sqft Brochure Contact Us A5 From $1,366 1 Bed 1 Bath 878 Sqft Brochure Contact Us A4 Lower From $1,387 1 Bed 1 Bath 764 Sqft Brochure Contact Us B4 Upper Please Call 2 Bed 2 Bath 1,072 Sqft Brochure Contact Us B5 Lower From $1,543 2 Bed 2 Bath 1,187 Sqft Brochure Available Units 1 B5 Upper From $1,602 2 Bed 2 Bath 1,281 Sqft Brochure Contact Us C1 From $2,001 3 Bed 2 Bath 1,397 Sqft Brochure Contact Us No floorplans found GALLERY LOOK AND SEE Play Slideshow 3 Columns 4 Columns Mosaic Gallery * Gallery NEIGHBORHOOD * Arts & Entertainment * Colleges & Universities * Food * Nightlife Spots * Outdoors & Recreation * Professional * Residences * Shops & Services * Travel & Transport No Results Found 438 Richland Hills Dr, San Antonio, TX 78245 Get Directions GREAT EXPERIENCES ARE JUST AROUND THE CORNER. RESIDENTS * Resident Access * Resident Access EXCEPTIONAL SERVICE Register or log-in here for easy rent payments, service requests and more. -------------------------------------------------------------------------------- GET IN TOUCH CONTACT US Please call us or submit the short form below to reach our professional leasing staff. Only scheduled tours available after 5:30 pm. * * * Do not fill out this input form, it is for bot control purposes only. * Select Bedrooms 1 Bed /1 Bath2 Bed /2 Bath3 Bed /2 Bath * -Select Source-Apartment FinderApartment GuideApartment ListApartment RatingsApartments.comBrochure/FlyerChatBotCoStarCraigslistDrive-byFacebookGoogleLeasehawkLocatorProperty WebsiteReferral - Current ResidentReferral - Former ResidentReferral - Sister PropertyRentPathYelpZillowZumper I have read and agreed to the PEM LG Privacy Policy. Read More * * Required Information Submit OFFICE HOURS * Monday: 9:00AM to 6:00PM * Tuesday: 9:00AM to 6:00PM * Wednesday: 9:00AM to 6:00PM * Thursday: 9:00AM to 6:00PM * Friday: 9:00AM to 6:00PM * Saturday: 10:00AM to 5:00PM * Sunday: Closed ADDRESS Citadel at Westpointe 438 Richland Hills Dr San Antonio, TX 78245 (210) 796-9358 Live Chat Rental assistance website (opens in a new tab) HUD Information for disabled persons website (opens in a new tab) ADA * Privacy Policy * © 2023 Citadel at Westpointe. All Rights Reserved. Cookies Button By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. Accept All Cookies Cookies Settings PRIVACY PREFERENCE CENTER When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information Allow All MANAGE CONSENT PREFERENCES PERFORMANCE COOKIES Performance Cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. Back Button COOKIE LIST Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Reject All Confirm My Choices