www.melissaranchapartments.com
Open in
urlscan Pro
207.120.33.12
Public Scan
Submitted URL: https://www.thecaldwellseguin.com/
Effective URL: https://www.melissaranchapartments.com/
Submission: On December 21 via api from US — Scanned from US
Effective URL: https://www.melissaranchapartments.com/
Submission: On December 21 via api from US — Scanned from US
Form analysis 1 forms found in the DOM
POST /
<form method="post" action="/" id="form">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="hdWo1MLNyzksGJV4SqF9m4/081bBCjeEqOTo5F1AG4XjKyvJS6mSh/pfNIpjpJaB56huSENxofCxVs/GzWxS+26TisFLbwdPs/aG1S6QBvXrxDFKltyHYS5fDecf62JY6z50RTre4+vpYTV2yhIi4teWY8obLlEzeD6Q0oW/dG71te7mDyAtlh6X3Kqu/MqUeB01u4x2S4aHtVF02qYf+kWZ7YheJh0Vk9Diear380kxSnzXFmxQJyGJzKD8zXF/VYatcTXz56+9AW1aQrmJrgGHOw9+icKMKn4Z2Ay1MphPe1PkTqXgtWFE9Su8gr6ouQ2g0gWlbniBouTcyOc0dUEl9oPrtT+pq0hXCQURrAN4vxeTxO1tfAf+0A8EPOS7cpF2+sRs3rt5guIBHb9G/IyB7m+YfV7nwded4b5kmeraPk4FfDUykmm5dHczLLKfDzcdTtszuFdJIvmwz2LaQh6EOJRhwDU7Q22/ipjCYrjhDFozU99+gWYwSaFcQell1A4CcLs1sZX1a3ETnuuXyQ==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form'];
if (!theForm) {
theForm = document.form;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZLJliYB8TA_FIF9xlHcKd7ag0Vv3EWtMdA4IBxcPvyX2M5F_ORIargEI2RFqew7B_g2&t=638285866241696996" type="text/javascript"></script>
<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 src="/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OBLhaBrqwBdVAb8vaEtP5p0RwE8U2clwoyTHecbvHf4xQfmyrJ2iJaF8M22aUIdHdYyU7qY-2hjISrIPPxmhFqA408i6Y0GxT1-SnCjYV3lgC3TXr_eJ0QD4CYVGcu8j6ZFo_C_b-R4EfAA4qAquMMk1&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>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="A5343185">
<input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0">
<input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="0">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('manScript', 'form', ['tctxM', ''], [], [], 90, '');
//]]>
</script>
<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 || 'False'.toLowerCase() == 'true') {
if (('False'.toLowerCase() == 'true' || 'False'.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"></div>
<div id="p_lt_zoneAnalytics_PopUp_PopUpWindow" class="popUpWindowLightBox">
<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"></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:(210) 792-3915" onclick="f_analyticsSendEvent('general', 'click-phone-number', '(210) 792-3915')">(210) 792-3915</a>
</div>
<div id="" class="header-social">
<div id="p_lt_zoneHeader_WebPartZone8_WebPartZone8_zone_SocialMedia1_pnlSocialNetworks" class="social_media">
<a href="https://www.facebook.com/profile.php?id=100085568453945" class="facebook" title="" target="_blank" onclick="f_analyticsSendEvent('social', 'click-facebook-icon', 'https://www.facebook.com/profile.php?id=100085568453945')" role="button" aria-label="facebook">
<em class="sicon-facebook" aria-hidden="true"></em></a><a href="https://www.instagram.com/melissa.ranch/" class="instagram" title="" target="_blank" onclick="f_analyticsSendEvent('social', 'click-instagram-icon', 'https://www.instagram.com/melissa.ranch/')" role="button" aria-label="instagram">
<em class="sicon-instagram" aria-hidden="true"></em></a><a href="https://twitter.com/melissa_ranch" class="twitter" title="" target="_blank" onclick="f_analyticsSendEvent('social', 'click-twitter-icon', 'https://twitter.com/melissa_ranch')" role="button" aria-label="twitter">
<em class="sicon-twitter" aria-hidden="true"></em></a>
</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/143773748/600x400/143773748.png" alt="">
</a>
</div>
<div class="header-right">
<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">Neighborhood</a>
</li>
<li class="residentsNav">
<a href="/Residents.aspx">Residents</a>
</li>
<li class="contactNav">
<a href="/Contact.aspx">Contact Us</a>
</li>
<li>
<a href="/Reviews.aspx">Reviews</a>
</li>
<li>
<a href="/Specials.aspx">Specials</a>
</li>
</ul>
<div class="header-ctas">
<a href="https://melissaranchapartments.activebuilding.com" target="_blank" class="button cta1">Residents</a>
<a href="https://8883885.onlineleasing.realpage.com" target="_blank" class="button cta2">Apply Now</a>
</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>
</div>
</header>
<div id="wrapper" class="content-wrap" style="padding-top: 147px;">
<section id="home" class="block-area container-fluid">
<div id="" class="content-home content-row row">
<div id="" class="hero-container pattern">
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_pnlContainer">
<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 ('False'.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: 1600px;">
<ul class="bg-images dbg" style="height: 792px; width: 1600px;">
<li class="li-image li-image-0 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144900444/1600x0/144900444.jpg"); opacity: 1; width: 1600px;">
<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/144900444/1920x1080/144900444.jpg">
</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" style="display: none;"> </div>
<div class="bg-arrow-right dbg" style="display: none;"> </div>
<ul class="bg-bullets dbg" style="display: none;">
<li class="bg-bullet-0 bg-selected">●</li>
</ul>
</div>
</div>
</div>
<div id="" class="hero-content">
<h1>Welcome To</h1>
<h2>Melissa Ranch</h2>
<p>A San Antonio, TX Community</p>
</div>
<div class="scroll-button">
<a href="#home-content" class="rp-scroll"><i class="fa fa-angle-down" aria-hidden="true"></i></a>
</div>
</div>
<div id="home-content" class="home-main-content-wrapper">
<div class="col-lg-6 col-md-8 col-sm-12 content-left home-column">
<div class="wrapper col-lg-12">
<h1>Welcome Home</h1>
<div class="expandable"><span style="font-size: 16px;">Melissa Ranch is a brand-new luxury apartment home community with upscale amenities and top notch customer service. We offer studio, one, two and three bedroom apartment homes. In
addition, we have one and two bedroom townhomes with an attached garage. Close to local shopping, dining, attractions and convenient location to all major highways and thoroughfares in San Antonio. Our state of the art fitness
center, resort- style pool, business center, resident recreational room with arcade games,</span><span class="read-more"><a href="#" class="more-link">Read More <i class="fa fa-caret-down" aria-hidden="true"></i></a></span> <span
class="details" style="display: none;"><span style="font-size: 16px;"> and our award winning management team will set us apart from all others.</span><span class="read-less">
<a href="#" class="less-link">Read Less <i class="fa fa-caret-up" aria-hidden="true"></i></a></span></span></div>
</div>
</div>
<div class="clearfix col-lg-6 col-md-4 col-sm-12 column-wrapper home-right-image">
<div class="content-right home-column">
<div class="home-column">
<div class="wrapper">
<div class="main-content-section">
<img id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone1_WebPartZone1_zone_EditableImage_ucEditableImage_imgImage" src="https://capi.myleasestar.com/v2/dimg/144900435/800x600/144900435.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="amenities" class="block-area container-fluid">
<div id="" class="home-banner amenities-banner light-border row">
<div class="banner-overlay"></div>
<div class="banner-content">
<h2>Amenities</h2>
</div>
</div>
<div id="" class="amenities-content">
<div class="col-lg-3 col-md-2 hidden-sm hidden-xs"></div>
<div class="clearfix col-lg-6 col-md-8 col-sm-12 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper">
<h1>Luxurious Amenities at Melissa Ranch Apartments</h1>
<div class="main-content">
<span style="font-size: 16px;">The apartment homes at Melissa Ranch are specifically designed with comfort and convenience in mind, and are stylishly appointed with premium finishes only a luxurious apartment home could offer.</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-2 hidden-sm hidden-xs"></div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-12 amenities-container">
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader1_pnlContainer">
<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 Amenities</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 Amenities</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: 372px;">
<div class="row">
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-1"><span>Limited Access Gate</span></li>
<li class="tabbed-amenity ta-col-1"><span>Resident Business Center</span></li>
<li class="tabbed-amenity ta-col-1"><span>Outdoor Cabanas with Charcoal Grills and Smoker</span></li>
<li class="tabbed-amenity ta-col-1"><span>Reserved Covered Parking available</span></li>
<li class="tabbed-amenity ta-col-1"><span>24-Hour State of the Art Fitness Center w/ free we</span></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-2"><span>Resort Style Swimming Pool</span></li>
<li class="tabbed-amenity ta-col-2"><span>Fenced Dog Park</span></li>
<li class="tabbed-amenity ta-col-2"><span>Recreational Room w/ Skee ball and Arcade</span></li>
<li class="tabbed-amenity ta-col-2"><span>Valet Door-to-Door Trash Services</span></li>
<li class="tabbed-amenity ta-col-2"><span>Resident Social Lounge w/ large TVs</span></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-3"><span>Gourmet Coffee Bar</span></li>
<li class="tabbed-amenity ta-col-3"><span>Professional Management and Maintenance Team</span></li>
<li class="tabbed-amenity ta-col-3"><span>Community Wide Wi-Fi High Speed Internet</span></li>
<li class="tabbed-amenity ta-col-3"><span>Package Lockers</span></li>
</ul>
</div>
</div>
</div>
<div id="client-panel-1" class="tabs-panel" style="min-height: 372px;">
<div class="row">
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-1"><span>Ceiling Fan in Living Room</span></li>
<li class="tabbed-amenity ta-col-1"><span>High-Speed Wi-Fi and Cable</span></li>
<li class="tabbed-amenity ta-col-1"><span>Kitchen islands*</span></li>
<li class="tabbed-amenity ta-col-1"><span>Private balcony on the patio</span></li>
<li class="tabbed-amenity ta-col-1"><span>Granite Countertops</span></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-2"><span>Bedrooms</span></li>
<li class="tabbed-amenity ta-col-2"><span>Walk-in Closets</span></li>
<li class="tabbed-amenity ta-col-2"><span>Stainless Steel Appliances</span></li>
<li class="tabbed-amenity ta-col-2"><span>Upgraded Lighting Package</span></li>
<li class="tabbed-amenity ta-col-2"><span>Washer/Dryers*</span></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="at-comm-amenities">
<li class="tabbed-amenity ta-col-3"><span>Garden Soaking Tub</span></li>
<li class="tabbed-amenity ta-col-3"><span>Nature or Pool Views</span></li>
<li class="tabbed-amenity ta-col-3"><span>Upscale Shaker Cabinetry</span></li>
<li class="tabbed-amenity ta-col-3"><span>Private Fenced Yards Available*</span></li>
</ul>
</div>
</div>
</div>
<div id="client-panel-2" class="tabs-panel" style="min-height: 372px;">
<div class="row">
<div class="large-6 columns">
<ul class="at-comm-amenities">
<li class="pet-item">Pet Policy Type: Cat, Dogs</li>
<li class="pet-item">Max Number of Pets: 2</li>
<li class="pet-item">Pet Policy Fee Min: <span class="range">$350</span></li>
</ul>
</div>
<div class="large-6 columns">
<ul class="at-comm-amenities">
<li class="pet-item">Other Pets Allowed: Please call our Leasing Office for complete Pet Policy information.</li>
<li class="pet-item">Pet Monthly Rent Min: <span class="range">$25</span></li>
<li class="pet-item">Pet Policy: Please call our Leasing Office for complete Pet Policy information.</li>
<li class="pet-item">Pet Rent Basis: Per Pet</li>
</ul>
</div>
</div>
</div>
<div id="client-panel-3" class="tabs-panel" style="min-height: 372px;">
<div class="row">
<div class="large-6 columns">
<ul class="at-comm-amenities">
<li class="parking-item">Parking Type: Multiple</li>
</ul>
</div>
<div class="large-6 columns">
<ul class="at-comm-amenities">
<li class="parking-item">Parking Comment: • Carports $35.00/month • Attached garage included with townhome • Convenient general parking</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>Limited Access Gate</span></li>
<li class="amenity-item-modal"><span>Resident Business Center</span></li>
<li class="amenity-item-modal"><span>Outdoor Cabanas with Charcoal Grills and Smoker</span></li>
<li class="amenity-item-modal"><span>Reserved Covered Parking available</span></li>
<li class="amenity-item-modal"><span>24-Hour State of the Art Fitness Center w/ free we</span></li>
<li class="amenity-item-modal"><span>Resort Style Swimming Pool</span></li>
<li class="amenity-item-modal"><span>Fenced Dog Park</span></li>
<li class="amenity-item-modal"><span>Recreational Room w/ Skee ball and Arcade</span></li>
<li class="amenity-item-modal"><span>Valet Door-to-Door Trash Services</span></li>
<li class="amenity-item-modal"><span>Resident Social Lounge w/ large TVs</span></li>
<li class="amenity-item-modal"><span>Gourmet Coffee Bar</span></li>
<li class="amenity-item-modal"><span>Professional Management and Maintenance Team</span></li>
<li class="amenity-item-modal"><span>Community Wide Wi-Fi High Speed Internet</span></li>
<li class="amenity-item-modal"><span>Package 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>Ceiling Fan in Living Room</span></li>
<li class="apartment-amenity-item"><span>High-Speed Wi-Fi and Cable</span></li>
<li class="apartment-amenity-item"><span>Kitchen islands*</span></li>
<li class="apartment-amenity-item"><span>Private balcony on the patio</span></li>
<li class="apartment-amenity-item"><span>Granite Countertops</span></li>
<li class="apartment-amenity-item"><span>Bedrooms</span></li>
<li class="apartment-amenity-item"><span>Walk-in Closets</span></li>
<li class="apartment-amenity-item"><span>Stainless Steel Appliances</span></li>
<li class="apartment-amenity-item"><span>Upgraded Lighting Package</span></li>
<li class="apartment-amenity-item"><span>Washer/Dryers*</span></li>
<li class="apartment-amenity-item"><span>Garden Soaking Tub</span></li>
<li class="apartment-amenity-item"><span>Nature or Pool Views</span></li>
<li class="apartment-amenity-item"><span>Upscale Shaker Cabinetry</span></li>
<li class="apartment-amenity-item"><span>Private Fenced Yards Available*</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="" class="col-lg-6 col-md-12 amenities-gallery">
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_pnlContainer">
<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 ('False'.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: 770px;">
<ul class="bg-images dbg" style="height: 600px; left: -1540px; width: 10010px;">
<li class="li-image li-image-10 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144900440/1600x0/144900440.jpg"); width: 770px;">
<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/144900440/1920x1080/144900440.jpg">
</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/144900437/1600x0/144900437.jpg"); width: 770px;">
<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/144900437/1920x1080/144900437.jpg">
</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/144900439/1600x0/144900439.jpg"); width: 770px;">
<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/144900439/1920x1080/144900439.jpg">
</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/144900438/1600x0/144900438.jpg"); width: 770px;">
<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/144900438/1920x1080/144900438.jpg">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-3 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144900441/1600x0/144900441.jpg"); width: 770px;">
<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/144900441/1920x1080/144900441.jpg">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-4 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144900431/1600x0/144900431.jpg"); width: 770px;">
<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/144900431/1920x1080/144900431.jpg">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-5 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144900434/1600x0/144900434.jpg"); width: 770px;">
<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/144900434/1920x1080/144900434.jpg">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-6 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144900436/1600x0/144900436.jpg"); width: 770px;">
<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/144900436/1920x1080/144900436.jpg">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-7 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144900482/1600x0/144900482.jpg"); width: 770px;">
<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/144900482/1920x1080/144900482.jpg">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-8 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144900487/1600x0/144900487.jpg"); width: 770px;">
<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/144900487/1920x1080/144900487.jpg">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-9 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144900485/1600x0/144900485.jpg"); width: 770px;">
<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/144900485/1920x1080/144900485.jpg">
</div>
<div class="bg-caption-container">
<div class="bg-caption"></div>
<div class="bg-description"></div>
</div>
</li>
<li class="li-image li-image-10 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144900440/1600x0/144900440.jpg"); width: 770px;">
<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/144900440/1920x1080/144900440.jpg">
</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/144900437/1600x0/144900437.jpg"); width: 770px;">
<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/144900437/1920x1080/144900437.jpg">
</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">
<li class="bg-bullet-0">●</li>
<li class="bg-bullet-1 bg-selected">●</li>
<li class="bg-bullet-2">●</li>
<li class="bg-bullet-3">●</li>
<li class="bg-bullet-4">●</li>
<li class="bg-bullet-5">●</li>
<li class="bg-bullet-6">●</li>
<li class="bg-bullet-7">●</li>
<li class="bg-bullet-8">●</li>
<li class="bg-bullet-9">●</li>
<li class="bg-bullet-10">●</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="floor-plans" class="block-area container-fluid">
<div class="col-lg-12">
<hr class="floor-plans-divider">
</div>
<div id="" class="col-lg-6 floor-plans-gallery-container">
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader6_pnlContainer">
<script type="text/javascript">
$(function() {
var target;
var animType = 'slide';
var slideshowSpeed = 5000;
var overlayOpacity = 0;
var timingRun = setInterval(function() {
f_rightClick(animType);
}, slideshowSpeed);
var bgImageHeight;
var numBgImages;
var rpbgId = '#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader6_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 ('False'.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_zoneFloorPlans_WebPartLoader6_ctl00_background_gallery" class="background-gallery-container">
<div id="rpbg-p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader6_ctl00_background_gallery" class="background-gallery bg-slide" style="width: 770px;">
<ul class="bg-images dbg" style="height: 600px; width: 770px;">
<li class="li-image li-image-0 overlay-opacity-0" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144941065/1600x0/144941065.jpg"); opacity: 1; width: 770px;">
<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/144941065/1920x1080/144941065.jpg">
</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" style="display: none;"> </div>
<div class="bg-arrow-right dbg" style="display: none;"> </div>
<ul class="bg-bullets dbg" style="display: none;">
<li class="bg-bullet-0 bg-selected">●</li>
</ul>
</div>
</div>
</div>
</div>
<div id="" class="clearfix">
<div class="col-lg-1 col-md-2 col-sm-0"></div>
<div class="clearfix col-lg-4 col-md-8 col-sm-12 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper">
<h1>Melissa Ranch Floor Plans</h1>
<div class="main-content">
<span style="font-size: 16px;">One look at our spacious floor plans and it's easy to see how Melissa Ranch can accommodate your lifestyle. With a variety of floor plans to choose from we're certain there's one that is just right for
you.</span>
<a class="floor-plan-link check-availability-button rp-scroll" href="#floor-plan-widget">Check Availability<i class="fa fa-angle-down" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-1 col-md-2 col-sm-0"></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-1">
<div class="rpfp-filters">
<div class="rpfp-filter-group">
<div class="rpfp-dropdown-container rpfp-dropdown-container-floor hint--top hint--rounded" aria-label="Filter by Floor">
<button type="button" data-rpfp-filter-floor-label="" class="rpfp-button rpfp-button-dropdown rpfp-button-floor"></button>
<div data-rpfp-filter-floor-container="" class="rpfp-filter-dropdown rpfp-filter-floor">
<ul></ul>
</div>
</div>
<div class="rpfp-dropdown-container rpfp-dropdown-container-beds hint--top hint--rounded" aria-label="Filter by Bedrooms">
<button type="button" data-rpfp-filter-beds-label="" class="rpfp-button rpfp-button-dropdown rpfp-button-beds">All Bedrooms</button>
<div data-rpfp-filter-beds-container="" class="rpfp-filter-dropdown rpfp-filter-beds">
<ul 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="0" role="button" aria-label="show S bedrooms">S</li>
<li data-rpfp-filter-beds="" data-value="1" role="button" aria-label="show 1 bedrooms">1</li>
<li data-rpfp-filter-beds="" data-value="2" role="button" aria-label="show 2 bedrooms">2</li>
<li data-rpfp-filter-beds="" data-value="3" role="button" aria-label="show 3+ bedrooms">3+</li>
</ul>
</div>
</div>
<div class="rpfp-dropdown-container rpfp-dropdown-container-baths hint--top hint--rounded" aria-label="Filter by Bathrooms">
<button type="button" data-rpfp-filter-baths-label="" class="rpfp-button rpfp-button-dropdown rpfp-button-baths">All Bathrooms</button>
<div data-rpfp-filter-baths-container="" class="rpfp-filter-dropdown rpfp-filter-baths">
<ul id="baths-filter">
<li data-rpfp-filter-baths="" data-value="All" role="button" class="rpfp-active" aria-label="show all bathrooms">All</li>
<li data-rpfp-filter-baths="" data-value="1" role="button" aria-label="show 1 bathrooms">1</li>
<li data-rpfp-filter-baths="" data-value="1.5" role="button" aria-label="show 1.5 bathrooms">1.5</li>
<li data-rpfp-filter-baths="" data-value="2" role="button" aria-label="show 2 bathrooms">2</li>
<li data-rpfp-filter-baths="" data-value="2.5" role="button" aria-label="show 2.5 bathrooms">2.5</li>
</ul>
</div>
</div>
<div class="rpfp-dropdown-container rpfp-dropdown-container-price hint--top hint--rounded" aria-label="Filter by Price">
<button type="button" class="rpfp-button rpfp-button-dropdown rpfp-button-price" data-filter-min="0" data-filter-max="0">Any Price</button>
<div class="rpfp-filter-dropdown rpfp-filter-price">
<div class="rpfp-price-entries">
<div class="box1"><input class="text rpfp-price-min" maxlength="11" size="10" name="rpfp-price-min" type="number" min="0" placeholder="Min"></div>
<div class="dash"> </div>
<div class="box2"><input class="text rpfp-price-max" maxlength="11" size="11" name="rpfp-price-max" type="number" min="0" placeholder="Max"></div>
</div>
<div class="rpfp-price-options rpfp-price-options-min">
<ul>
<li data-value="0">Any</li>
<li data-value="500">$500</li>
<li data-value="750">$750</li>
<li data-value="1000">$1,000</li>
<li data-value="1250">$1,250</li>
<li data-value="1500">$1,500</li>
<li data-value="1750">$1,750</li>
<li data-value="2000">$2,000</li>
<li data-value="2500">$2,500</li>
<li data-value="3000">$3,000</li>
</ul>
</div>
<div class="rpfp-price-options rpfp-price-options-max">
<ul>
<li data-value="1000">$1,000</li>
<li data-value="1500">$1,500</li>
<li data-value="2000">$2,000</li>
<li data-value="2500">$2,500</li>
<li data-value="3000">$3,000</li>
<li data-value="3500">$3,500</li>
<li data-value="4000">$4,000</li>
<li data-value="4500">$4,500</li>
<li data-value="5000">$5,000</li>
<li data-value="999999">Any Price</li>
</ul>
</div>
</div>
</div>
<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">12/21/2023</button>
</div>
</div>
<div class="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 class="rpfp-dropdown-container rpfp-dropdown-container-sortby hint--top hint--rounded" aria-label="Sort by">
<button type="button" class="rpfp-button rpfp-button-dropdown rpfp-button-sortby">Sort by: <strong>price</strong></button>
<div class="rpfp-filter-dropdown rpfp-filter-sortby">
<ul>
<li class="rpfp-filter-sortby-price" data-value="price">Price</li>
<li class="rpfp-filter-sortby-name" data-value="name">Name</li>
<li class="rpfp-filter-sortby-sqft" data-value="sqft">Sqft</li>
</ul>
</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="3" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="0" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/143773241/640x640/143773241.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/143773241/640x640/143773241.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10819170">The Waggoner</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">$1,090 - $1,190</div>
</div>
<div class="rpfp-details">
<span class="rpfp-beds"><strong data-rpfp-fp-bed="">Studio</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="">565</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10819170">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="0">Apply Now</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="3" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="1" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/143773242/640x640/143773242.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/143773242/640x640/143773242.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10819177">The Beaumont</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">$1,150 - $1,300</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="">647</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10819177">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="1">Apply Now</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="3" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="2" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/143773380/640x640/143773380.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/143773380/640x640/143773380.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10819251">The Swinson</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">$1,150 - $1,300</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="">811</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10819251">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="2">Apply Now</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-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="3" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/143773270/640x640/143773270.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/143773270/640x640/143773270.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10819250">The Brisco</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="">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="">715</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10819250">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="3">Apply Now</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="3" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="5" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/143773560/640x640/143773560.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/143773560/640x640/143773560.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10819256">The Maverick</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">$1,424 - $1,690</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="">995</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10819256">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="5">Apply Now</button>
</div>
</div>
</div>
<div class="rpfp-card" data-availableunits="3" data-favorite="false" data-page="">
<div class="rpfp-card-inner">
<div class="rpfp-images">
<div>
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="6" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/143773651/640x640/143773651.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/143773651/640x640/143773651.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10819257">The Matador</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">$1,599 - $1,749</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,110</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10819257">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="6">Apply Now</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">
<div>
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="4" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/143773435/640x640/143773435.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/143773435/640x640/143773435.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10819252">The Warren</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">$1,720</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.5</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">1,050</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10819252">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="4">Apply Now</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">
<div>
<a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="7" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/143773478/640x640/143773478.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/143773478/640x640/143773478.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10819254">The Escalera</div>
<div data-rpfp-fp-rentrange="" class="rpfp-rent">$1,999</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.5</strong> Bath</span>
<span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">1,409</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10819254">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="7">Apply Now</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-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="8" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/143773683/640x640/143773683.jpg" style="background-image: url("https://capi.myleasestar.com/v2/dimg/143773683/640x640/143773683.jpg");"></a>
</div>
</div>
<div class="rpfp-info">
<div class="rpfp-details">
<div data-rpfp-fp-name="" class="rpfp-name" data-id="10819266">The King</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="">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,313</strong> Sqft</span>
</div>
</div>
<div class="rpfp-actions">
<button type="button" class="rpfp-button rpfp-button--brochure" data-id="10819266">Brochure</button>
<button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="8">Apply Now</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 ('floorplan1' === 'floorplan1') templateId = 1;
else if ('floorplan1' === 'floorplan2') templateId = 2;
else if ('floorplan1' === 'floorplan3') templateId = 3;
else if ('floorplan1' === 'floorplan4') templateId = 4;
else if ('floorplan1' === 'floorplan5') templateId = 5;
else if ('floorplan1' === 'floorplan6') templateId = 6;
var RPFP_config = {
target: '#rpfloorplans',
template: templateId,
templateColors: ['#ffffff', '#000000', '#000000', '#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: true,
studentProperty: false,
showAvailableFloorplansOnly: false,
showBuildingName: false,
fitThumbnail: true,
hideAvailability: true,
hideFloorplansPricing: false,
hideUnitsPricing: true,
hideSquareFeet: false,
overrideNoUnitsText: '',
overrideContactUsText: 'Apply Now',
thirdPartyContactUrl: 'https://8883885.onlineleasing.realpage.com',
overrideLeaseNowText: '',
thirdPartyLeasingUrl: 'https://8883885.onlineleasing.realpage.com',
onlineLeasingUrls: [{
"SiteId": "8883885",
"Url": "https://8883885.onlineleasing.realpage.com",
"IsSelectedSite": false,
"PartnerPropertyId": "4988592"
}],
internationalProperty: false,
matchedSource: matchedSource,
aholDisplay: false,
aholContent: 'Looking for Affordable Homes?',
aholText: 'Click Here',
aholLink: 'https://8883885.onlineleasing.realpage.com/',
ismEnabled: false,
ismId: '',
ismDefault: false,
apiKey: '29bd436f-cf75-415a-9b75-2b78cb787fc8',
availableUnitColor: '#133d22',
availableUnitHighlightColor: '#37623e',
pinColor: '#031f4b',
pinHighlightColor: '#035891',
engrainedText: 'Interactive Map',
engrainedUrl: '',
hideBrochure: false,
bmRedirect: false,
bmCreditCards: '',
bmEmail: '',
bmApplicationFee: '',
bmSerialNumber: '',
leaseTermDetails: ('{"leaseTerms":[7,9,10,11,12,13,14,15,16,17,18]}' ? JSON.parse('{"leaseTerms":[7,9,10,11,12,13,14,15,16,17,18]}') : ''),
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="clearfix">
<div class="col-lg-3 col-md-2 col-sm-0"></div>
<div class="clearfix col-lg-6 col-md-8 col-sm-12 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper">
<h1>Melissa Ranch Apartments Gallery</h1>
<div class="main-content">
<span style="font-size: 16px;">Take a sneak peek at our interior and community photographs.</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-2 col-sm-0"></div>
</div>
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_pnlContainer">
<script type="text/javascript">
var nestedGalleryLocation = 'top';
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>
<ul class="top-container">
<li class="gallery-nav gallery-nav-top"><button type="button" class="nested-gst nested-gst-top selected" data-index="0" aria-label="Apartment">Apartment</button></li>
<li class="gallery-nav gallery-nav-top"><button type="button" class="nested-gst nested-gst-top" data-index="1" aria-label="Community">Community</button></li>
</ul>
<select class="top-dropdown hide-dropdown" aria-label="Photo Layout Selection Dropdown Menu">
<option class="gst-drop-item" data-index="0" aria-label="Apartment">Apartment</option>
<option class="gst-drop-item" data-index="1" aria-label="Community">Community</option>
</select>
</div>
<div id="photosContainer" class="columns3">
<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/144940344/1280x960/144940344.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940344/1920x1080/144940344.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940344/1920x1080/144940344.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940344/523x523/144940344.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940344/950x950/144940344.jpg"></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/144940332/1280x960/144940332.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940332/1920x1080/144940332.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940332/1920x1080/144940332.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940332/523x523/144940332.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940332/950x950/144940332.jpg"></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/144940336/1280x960/144940336.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940336/1920x1080/144940336.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940336/1920x1080/144940336.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940336/523x523/144940336.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940336/950x950/144940336.jpg"></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/144952590/1280x960/144952590.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952590/1920x1080/144952590.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144952590/1920x1080/144952590.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144952590/523x523/144952590.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952590/950x950/144952590.jpg"></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/144940489/1280x960/144940489.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940489/1920x1080/144940489.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940489/1920x1080/144940489.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940489/523x523/144940489.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940489/950x950/144940489.jpg"></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/144940338/1280x960/144940338.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940338/1920x1080/144940338.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940338/1920x1080/144940338.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940338/523x523/144940338.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940338/950x950/144940338.jpg"></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/144940335/1280x960/144940335.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940335/1920x1080/144940335.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940335/1920x1080/144940335.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940335/523x523/144940335.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940335/950x950/144940335.jpg"></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/144940242/1280x960/144940242.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940242/1920x1080/144940242.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940242/1920x1080/144940242.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940242/523x523/144940242.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940242/950x950/144940242.jpg"></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/144940339/1280x960/144940339.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940339/1920x1080/144940339.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940339/1920x1080/144940339.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940339/523x523/144940339.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940339/950x950/144940339.jpg"></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/144940333/1280x960/144940333.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940333/1920x1080/144940333.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940333/1920x1080/144940333.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940333/523x523/144940333.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940333/950x950/144940333.jpg"></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/144952591/1280x960/144952591.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952591/1920x1080/144952591.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144952591/1920x1080/144952591.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144952591/523x523/144952591.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952591/950x950/144952591.jpg"></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/144940341/1280x960/144940341.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940341/1920x1080/144940341.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940341/1920x1080/144940341.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940341/523x523/144940341.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940341/950x950/144940341.jpg"></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/144940240/1280x960/144940240.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940240/1920x1080/144940240.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940240/1920x1080/144940240.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940240/523x523/144940240.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940240/950x950/144940240.jpg"></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/144940239/1280x960/144940239.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940239/1920x1080/144940239.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940239/1920x1080/144940239.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940239/523x523/144940239.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940239/950x950/144940239.jpg"></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/144940334/1280x960/144940334.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940334/1920x1080/144940334.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940334/1920x1080/144940334.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144940334/523x523/144940334.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940334/950x950/144940334.jpg"></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/144952589/1280x960/144952589.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952589/1920x1080/144952589.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144952589/1920x1080/144952589.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144952589/523x523/144952589.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952589/950x950/144952589.jpg"></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/144952588/1280x960/144952588.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952588/1920x1080/144952588.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144952588/1920x1080/144952588.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144952588/523x523/144952588.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952588/950x950/144952588.jpg"></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/144952587/1280x960/144952587.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952587/1920x1080/144952587.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144952587/1920x1080/144952587.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="" style="background-image: url("//capi.myleasestar.com/v2/dimg-crop/144952587/523x523/144952587.jpg");">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952587/950x950/144952587.jpg"></div>
</div></li>
</a></ul>
<ul id="photoList1" class="photolist pagination-parent nested-top" style="display: none;"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/144940592/1920x1080/144940592.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940592/1920x1080/144940592.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940592/1920x1080/144940592.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940592/950x950/144940592.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940586/1920x1080/144940586.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940586/1920x1080/144940586.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940586/1920x1080/144940586.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940586/950x950/144940586.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940595/1920x1080/144940595.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940595/1920x1080/144940595.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940595/1920x1080/144940595.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940595/950x950/144940595.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940987/1920x1080/144940987.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940987/1920x1080/144940987.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940987/1920x1080/144940987.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940987/950x950/144940987.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940990/1920x1080/144940990.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940990/1920x1080/144940990.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940990/1920x1080/144940990.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940990/950x950/144940990.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940590/1920x1080/144940590.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940590/1920x1080/144940590.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940590/1920x1080/144940590.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940590/950x950/144940590.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144952586/1920x1080/144952586.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952586/1920x1080/144952586.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144952586/1920x1080/144952586.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952586/950x950/144952586.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940591/1920x1080/144940591.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940591/1920x1080/144940591.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940591/1920x1080/144940591.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940591/950x950/144940591.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940593/1920x1080/144940593.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940593/1920x1080/144940593.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940593/1920x1080/144940593.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940593/950x950/144940593.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940988/1920x1080/144940988.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940988/1920x1080/144940988.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940988/1920x1080/144940988.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940988/950x950/144940988.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940986/1920x1080/144940986.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940986/1920x1080/144940986.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940986/1920x1080/144940986.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940986/950x950/144940986.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144900469/1920x1080/144900469.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144900469/1920x1080/144900469.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144900469/1920x1080/144900469.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144900469/950x950/144900469.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940989/1920x1080/144940989.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940989/1920x1080/144940989.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940989/1920x1080/144940989.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940989/950x950/144940989.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144940589/1920x1080/144940589.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940589/1920x1080/144940589.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144940589/1920x1080/144940589.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940589/950x950/144940589.jpg"></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-1" href="//capi.myleasestar.com/v2/dimg/144900483/1920x1080/144900483.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144900483/1920x1080/144900483.jpg">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/144900483/1920x1080/144900483.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="">
<meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144900483/950x950/144900483.jpg"></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" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940344/1920x1080/144940344.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940344/1920x1080/144940344.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940344/0x640/144940344.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940332/1920x1080/144940332.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940332/1920x1080/144940332.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940332/0x360/144940332.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940336/1920x1080/144940336.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940336/1920x1080/144940336.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940336/0x360/144940336.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144952590/1920x1080/144952590.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952590/1920x1080/144952590.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952590/0x360/144952590.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940489/1920x1080/144940489.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940489/1920x1080/144940489.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940489/0x360/144940489.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940338/1920x1080/144940338.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940338/1920x1080/144940338.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940338/0x360/144940338.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940335/1920x1080/144940335.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940335/1920x1080/144940335.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940335/0x360/144940335.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" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940242/1920x1080/144940242.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940242/1920x1080/144940242.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940242/0x640/144940242.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940339/1920x1080/144940339.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940339/1920x1080/144940339.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940339/0x360/144940339.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" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940333/1920x1080/144940333.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940333/1920x1080/144940333.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940333/0x640/144940333.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144952591/1920x1080/144952591.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952591/1920x1080/144952591.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952591/0x360/144952591.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940341/1920x1080/144940341.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940341/1920x1080/144940341.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940341/0x360/144940341.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940240/1920x1080/144940240.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940240/1920x1080/144940240.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940240/0x360/144940240.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940239/1920x1080/144940239.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940239/1920x1080/144940239.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940239/0x360/144940239.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144940334/1920x1080/144940334.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940334/1920x1080/144940334.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940334/0x360/144940334.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144952589/1920x1080/144952589.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952589/1920x1080/144952589.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952589/0x360/144952589.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" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144952588/1920x1080/144952588.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952588/1920x1080/144952588.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952588/0x640/144952588.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/144952587/1920x1080/144952587.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952587/1920x1080/144952587.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952587/0x360/144952587.jpg">
</a></div>
</div>
<div id="grid1" 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" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940592/1920x1080/144940592.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940592/1920x1080/144940592.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940592/0x640/144940592.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940586/1920x1080/144940586.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940586/1920x1080/144940586.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940586/0x360/144940586.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940595/1920x1080/144940595.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940595/1920x1080/144940595.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940595/0x360/144940595.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940987/1920x1080/144940987.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940987/1920x1080/144940987.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940987/0x360/144940987.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940990/1920x1080/144940990.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940990/1920x1080/144940990.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940990/0x360/144940990.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940590/1920x1080/144940590.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940590/1920x1080/144940590.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940590/0x360/144940590.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144952586/1920x1080/144952586.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144952586/1920x1080/144952586.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144952586/0x360/144952586.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" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940591/1920x1080/144940591.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940591/1920x1080/144940591.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940591/0x640/144940591.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940593/1920x1080/144940593.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940593/1920x1080/144940593.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940593/0x360/144940593.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" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940988/1920x1080/144940988.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940988/1920x1080/144940988.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940988/0x640/144940988.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940986/1920x1080/144940986.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940986/1920x1080/144940986.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940986/0x360/144940986.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144900469/1920x1080/144900469.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144900469/1920x1080/144900469.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144900469/0x360/144900469.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940989/1920x1080/144940989.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940989/1920x1080/144940989.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940989/0x360/144940989.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144940589/1920x1080/144940589.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144940589/1920x1080/144940589.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144940589/0x360/144940589.jpg">
</a></div>
<div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/144900483/1920x1080/144900483.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/144900483/1920x1080/144900483.jpg">
<meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/144900483/0x360/144900483.jpg">
</a></div>
</div>
</div>
</div>
<div id="gstFooterIntersect" class="clear"></div>
</div>
</section>
<section id="neighborhood" class="block-area container-fluid">
<div class="row">
<div class="col-lg-12">
<hr class="floor-plans-divider">
</div>
</div>
<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="clearfix">
<div class="col-lg-3 col-md-2 col-sm-0"></div>
<div class="clearfix col-lg-6 col-md-8 col-sm-12 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper col-lg-12">
<h1>Melissa Ranch in San Antonio, TX for Rent</h1>
<div class="main-content">
<span style="font-size: 16px;">Melissa Ranch Apartments is close to local shopping, dining, attractions and is a convenient location to all major highways and thoroughfares in San Antonio.</span>
</div>
</div>
</div>
</div>
</div>
<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/4500 Pue Road TX';
var overridePropertyLink = 'https://www.google.com/maps/place/Melissa+Ranch+Apartments/@29.3846805,-98.6939566,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: '#000000',
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: '#000000',
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: '#000000',
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 #000000;');
});
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 #000000;');
});
}
});
}
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 #000000;');
});
}
});
});
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|nightlife|professional|residences|travel';
$.each(mainKeywords.split('|'), function(idx, val) {
if (val != '') {
$('.neighborhood-widget__categories ul li[data-icon=' + val + ']').hide();
}
});
var customKeywords = $.parseJSON('["Schools"]');
$.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>4500 Pue Road, San Antonio, TX 78249 </div>
<a href="http://maps.google.com/?q=4500 Pue Road, San Antonio, TX 78249" target="_blank" id="directionsLink" role="button" class="col-sm-4">Get Directions</a>
<div class="clearfix"></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>
</div>
</div>
<div class="row res-row">
<div class="col-lg-3 col-md-2 col-sm-0"></div>
<div class="clearfix col-lg-6 col-md-8 col-sm-12 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper col-lg-12">
<h1>Convenient Online Services</h1>
<div class="main-content">
<span style="font-size: 16px;">We’ve set up a quick and easy way for you to pay your rent and request maintenance services so you can focus on the more important things in life. Visit our resident portal with a simple click of the
button.</span>
</div>
<ul class="resident-links">
<li>
<a id="resident-login1" class="resident-link" href="https://melissaranchapartments.activebuilding.com" target="_blank">Pay Rent</a>
</li>
<li>
<a id="resident-login2" class="resident-link" href="https://melissaranchapartments.activebuilding.com" target="_blank">RESIDENT LOGIN</a>
</li>
<li>
<a id="resident-login3" class="resident-link" href="https://melissaranchapartments.activebuilding.com" target="_blank">Service Request</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-2 col-sm-0"></div>
</div>
<div class="col-lg-12">
<hr class="floor-plans-divider">
</div>
</section>
<section id="contact" class="block-area container-fluid">
<div id="" class="clearfix">
<div class="col-lg-3 col-md-2 col-sm-0"></div>
<div class="clearfix col-lg-6 col-md-8 col-sm-12 column-wrapper home-content-sub-content">
<div class="home-column">
<div class="wrapper">
<h1>Contact us about Melissa Ranch Apartments</h1>
<div class="main-content">
<span style="font-size: 16px;">Feel free to contact us by phone or send us a note using the form below, or stop by the Leasing office to take a tour of our apartment homes . We look forward to hearing from you.</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-2 col-sm-0"></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 defaultSource = '';
var internationalProperty = 'false';
var countryCode = 'USA';
var disableReferralTracking = 'False';
var successScreen = '';
var pageName = 'General';
var cmsSiteId = '65006';
var widgetName = 'rpWebpart_GoogleRecaptcha';
var enableGoogleRecaptcha = 'true';
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() {
if (internationalProperty == 'true') $('.contact-us-enhanced #movedate').datepicker({
autoHide: true,
dateFormat: "dd-mm-yy",
startDate: new Date()
});
else $('.contact-us-enhanced #movedate').datepicker({
autoHide: true,
startDate: new Date()
});
$.ajax({
type: 'GET',
url: 'CmsSiteManager/callback.aspx?act=Proxy/GetFloorPlans',
dataType: 'jsonp',
timeout: timeoutValue,
success: function(data) {
rpData = data;
f_enhBuildBedRoomSelect();
},
error: function(response) {
if (response.statusText === "timeout") {
$('#contactUsEnhancedContainer').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>"
);
}
}
});
if (defaultSource == 0) $('#usersource').val('');
else if (defaultSource) $('#usersource').val(defaultSource);
else $('#usersource').val('');
if (disableReferralTracking.toLowerCase() != 'true' && matchedSourceId) {
$('.contact-us-enhanced #usersource').val(matchedSourceId);
$('.contact-us-enhanced #usersourceDiv').hide();
}
$('.contact-us-enhanced #btnEnhSubmit').on('click', function() {
if (f_validateFields()) {
f_enhSubmit();
}
});
});
function f_validateFields() {
$('.contact-us-enhanced .required-group input').each(function() {
if ($(this).val() == '') {
var msg = $(this).attr("aria-label");
$(this).attr("aria-invalid", "true")
$(this).addClass('validate-field');
} else {
$(this).removeAttr("aria-invalid");
$(this).removeClass('validate-field');
}
});
$('.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');
}
});
$('.contact-us-enhanced .required-group textarea').each(function() {
if ($(this).val() == '') {
var msg = $(this).attr("aria-label");
$(this).attr("aria-invalid", "true")
$(this).addClass('validate-field');
} else {
$(this).removeAttr("aria-invalid");
$(this).removeClass('validate-field');
}
});
$('.contact-us-enhanced .required-group select').each(function() {
if ($(this).val() == '') {
var msg = $(this).attr("aria-label");
$(this).attr("aria-invalid", "true");
$(this).addClass('validate-field');
} else {
$(this).removeAttr("aria-invalid");
$(this).removeClass('validate-field');
}
});
if ($('.contact-us-enhanced .validate-field').length == 0) return true;
else {
$('.validate-field:first').focus();
return false;
}
}
function f_enhBuildBedRoomSelect() {
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 {
$('.contact-us-enhanced #unitType').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 f_enhValidPhone(b) {
var a = window.event ? b.keyCode : b.which;
if (internationalProperty == 'true' && $('#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;
}
function submitContactEnhanced() {
if (enableGoogleRecaptcha == "true") {
o['cmsSiteId'] = cmsSiteId;
o['pageName'] = pageName;
o['widgetName'] = widgetName;
}
o['googleAnalyticsId'] = googleAnalyticsId;
$(".contact-us-enhanced input:not([type=radio])").each(function() {
if (internationalProperty == 'true' && this.name == 'movedate') {
o[$(this).attr('name')] = ($(this).val().substring(3, 5) + '-' + $(this).val().substring(0, 2) + '-' + $(this).val().substring(6, 10));
} else {
o[$(this).attr('name')] = $(this).val();
}
});
o['respondmedium'] = $('input[name="respondmedium"]:checked').val();
$(".contact-us-enhanced select").each(function() {
if (this.name == 'usersource') o[$(this).attr('name')] = $('option:selected', this).text();
else o[$(this).attr('name')] = $(this).val();
});
$(".contact-us-enhanced textarea").each(function() {
o[$(this).attr('name')] = escape($(this).val());
});
if ($('.contact-us-enhanced #e-mail').val().length == 0) {
var id = $(".contact-us-enhanced #unitType option:selected").val();
try {
//format number before Hash
var formatPhone = rptracker.formatPhoneNumber($('.contact-us-enhanced #phone').val(), countryCode);
//Hash all the parts before sending them to RPTracker.
var first_name = rptracker.hash($('.contact-us-enhanced #firstname').val());
var last_name = rptracker.hash($('.contact-us-enhanced #lastname').val());
var phone = rptracker.hash(formatPhone);
var email = rptracker.hash($('.contact-us-enhanced #email').val());
var source = $('.contact-us-enhanced #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: $('.contact-us-enhanced #movedate').val(),
source: source,
comments: escape(($('.contact-us-enhanced #comments').val() === undefined || $('.contact-us-enhanced #comments').val().length <= 0 ? "" : $('.contact-us-enhanced #comments').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,
url: "CMSSiteManager/Callback.aspx?act=set_contact",
data: o,
timeout: timeoutValue,
success: function(json) {
if (json.ErrorNumber) {
formSuccess = false;
$('#lblError').html('Failed to submit guest card.');
$('#btnEnhSubmit').html('Error Submitting!');
$('#btnEnhSubmit').prop('disabled', false);
} else {
try {
let customDimensions = {}
customDimensions.dimension15 = json.LeaseStarLeadId;
if (json.Lead2LeaseLeadId != 0) customDimensions.dimension17 = json.Lead2LeaseLeadId;
f_analyticsSendEvent('Contact', 'Information Request', 'Thank you', customDimensions);
} catch (e) {}
if (successScreen == '') window.open('/Thank-You.aspx', '_self');
else window.open(successScreen, '_self');
}
},
beforeSend: function(json) {
formSuccess = true;
$('#btnEnhSubmit').html('Sending...');
$('#btnEnhSubmit').prop('disabled', true);
},
error: function(e) {
formSuccess = false;
$('#btnEnhSubmit').html('Error Submitting!');
$('#btnEnhSubmit').prop('disabled', false);
}
});
}
}
function f_enhSubmit() {
if (formSuccess == true) {
return false;
}
$('.contact-us-enhanced #pid').val(propertyId);
var lcid = f_getCookie('RP_LSWS_LCID');
lcid = lcid ? lcid : "4";
$('.contact-us-enhanced #lcid').val(lcid);
var cid = f_getCookie('RP_LSWS_SEM');
cid = cid ? cid : "Property Website";
if (cid != "Property Website") {
$('.contact-us-enhanced #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() || '';
$('.contact-us-enhanced #trackingid').val(trackingId);
submitContactEnhanced();
}
</script>
<style data-cssvars="skip" data-cssvars-job="1">
.grecaptcha-badge {
bottom: 100px !important;
}
</style>
<div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUsEnhanced_contact_us_enhanced" class="contact-us-enhanced">
<div id="contactUsEnhancedContainer" class="timeout-error-contact">
<div class="row">
<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 class="col-md-6">
<div class="form-group required-group" id="firstNameDiv"><label for="firstName">First Name</label><input type="text" id="firstName" class="form-control" name="firstname">
</div>
<div class="form-group required-group" id="lastNameDiv"><label for="lastName">Last Name</label><input type="text" id="lastName" class="form-control" name="lastname">
</div>
<div class="form-group" id="addressDiv"><label for="address">Address</label><input type="text" id="address" class="form-control" name="address">
</div>
<div class="form-group" id="cityDiv"><label for="city">City</label><input type="text" id="city" class="form-control" name="city">
</div>
<div class="row">
<div class="form-group col-xs-6" id="stateDiv"><label for="state">State</label><select id="state" class="form-control" name="state">
<option value="">-Select-</option>
<option value="AK">AK</option>
<option value="AL">AL</option>
<option value="AR">AR</option>
<option value="AZ">AZ</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DC">DC</option>
<option value="DE">DE</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="GU">GU</option>
<option value="HI">HI</option>
<option value="IA">IA</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="MA">MA</option>
<option value="MD">MD</option>
<option value="ME">ME</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MO">MO</option>
<option value="MS">MS</option>
<option value="MT">MT</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="NE">NE</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NV">NV</option>
<option value="NY">NY</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="PR">PR</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VA">VA</option>
<option value="VI">VI</option>
<option value="VT">VT</option>
<option value="WA">WA</option>
<option value="WI">WI</option>
<option value="WV">WV</option>
<option value="WY">WY</option>
</select>
</div>
<div class="form-group col-xs-6" id="zipDiv"><label for="zip">Zip</label><input type="text" id="zip" class="form-control" max-length="10" name="zip">
</div>
</div>
<div class="form-group" id="phoneDiv"><label for="phone">Phone</label><input type="text" id="phone" class="form-control" name="dayPhone1">
</div>
<div class="form-group required-group" id="emailDiv"><label for="email">Email</label><input type="email" id="email" class="form-control" name="email">
</div>
<div class="form-group" id="occupantsDiv"><label for="occupants">Number of Occupants</label><input type="text" id="occupants" class="form-control" name="occupants">
</div>
</div>
<div class="col-md-6">
<div class="form-group required-group" id="moveDateDiv"><label for="movedate">Move-in Date</label><input type="text" id="movedate" class="form-control" name="movedate" readonly="readonly">
</div>
<div class="form-group" id="unitTypeDiv"><label for="unitType">Unit Type</label><select id="unitType" class="form-control" name="bedbathid">
<option value="">-Select-</option>
<option value="192" class="text">S Bed /1 Bath</option>
<option value="193" class="text">1 Bed /1 Bath</option>
<option value="193" class="text">1 Bed /1.5 Bath</option>
<option value="196" class="text">2 Bed /2 Bath</option>
<option value="196" class="text">2 Bed /2.5 Bath</option>
<option value="198" class="text">3 Bed /2 Bath</option>
</select>
</div>
<div class="form-group" id="usersourceDiv">
<label for="usersource">How did you hear about us?</label><select class="form-control" id="usersource" name="usersource">
<option value="">-Select Source-</option>
<option value="50">ApartmentMagz.com</option>
<option value="56">Apartments.com</option>
<option value="5389">Brochure Flyer</option>
<option value="309">Facebook.com</option>
<option value="559">Move.com</option>
<option value="1995">MoveForFree.com</option>
<option value="600">Other</option>
<option value="2749">Outbound</option>
<option value="970">Property Website</option>
<option value="2875">Resident Referral</option>
<option value="2953">Sister Property Referral</option>
<option value="942">Walk In</option>
<option value="1007">Zillow Rental Network</option>
</select>
</div>
<div class="form-group" id="petsDiv"><label for="pets">Do you have pets?</label><select id="pets" class="form-control" name="pets">
<option value="">-Select-</option>
<option>Yes</option>
<option>No</option>
</select>
</div>
<div class="form-group" id="respondDiv">
<fieldset>
<legend>Contact Me By:</legend>
<div class="respondRadios">
<input type="radio" value="phone" id="respondmedium" name="respondmedium"><label for="respondmedium" class="radio-label">Phone</label>
<input type="radio" value="email" id="respondmediumemail" name="respondmedium"><label for="respondmediumemail" class="radio-label">Email</label>
</div>
</fieldset>
</div>
<div class="form-group" id="bestdayDiv"><label for="bestday">Best day to call</label><select id="bestday" class="form-control" name="bestday">
<option value="">-Select-</option>
<option>Any Day</option>
<option>Weekends</option>
<option>Weekdays</option>
</select>
</div>
<div class="form-group" id="commentsDiv"><label for="comments">Comments</label><textarea id="comments" class="form-control" name="msg"></textarea>
</div>
</div>
</div>
<div class="contactus-float-input-div">
<label for="e-mail" style="display:none;">Do not fill out this input form, it is for bot control purposes only.</label>
<input id="e-mail" type="text" class="hpInput">
</div>
<div id="requiredNotation"><span></span> required field</div>
<div class="sumbit-button">
<button type="button" name="btnEnhSubmit" id="btnEnhSubmit">Submit</button>
</div>
<div>
<p type="label" id="lblError" class="error-msg"></p>
</div>
</div>
</div>
</div>
<div class="col-lg-1"></div>
<div class="col-lg-3 contact-info-container">
<div class="col-lg-12 col-sm-6 col-xs-12">
<h4 class="home-contact-title">office hours</h4>
<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 - 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"> By Appointment Only</span></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-12 col-sm-6 col-xs-12">
<h4 class="home-contact-title">address</h4>
<div class="prop-name">Melissa Ranch Apartments</div>
<a href="http://maps.google.com/?q=4500 Pue Road, San Antonio, TX 78249" target="_blank" id="footerDirectionsLink">
<div>4500 Pue Road </div>
<div>San Antonio, TX 78249</div>
</a>
<div id="" class="">
<a class="seo-number" href="tel:(210) 792-3915" onclick="f_analyticsSendEvent('general', 'click-phone-number', '(210) 792-3915')">(210) 792-3915</a>
</div>
</div>
</div>
<div class="col-lg-1"></div>
</div>
</div>
</section>
</div>
<footer id="footer" class="container-fluid">
<div class="row footer-row-2">
<div id="" class="col-lg-4 col-sm-12">
<div class="header-left">
<a class="logo scroll-notice" href="/home" title="Home"><img id="p_lt_zoneFooterRow2_EditableImage2_ucEditableImage_imgImage" src="https://capi.myleasestar.com/v2/dimg/143773946/600x400/143773946.png" alt="">
</a>
</div>
</div>
<div id="" class="col-lg-4 col-sm-12 footer-content-center">
<div class="content footer-content-logos">© 2023 <span class="copyright-text">Melissa Ranch Apartments. All Rights Reserved. </span>
<ul class="footer-links">
<li><a class="privacy" href="/Privacy-policy.aspx" title="">Privacy</a></li>
</ul>
</div>
</div>
<div id="" class="col-lg-4 col-sm-12 footer-content-right">
<div class="footer-icons">
<div id="ADA-HUD-Links"><a id="link-HUD" href="https://www.hud.gov/program_offices/fair_housing_equal_opp" title="HUD" target="_blank">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>
<hr class="floor-plans-divider">
<div class="row footer-row-3">
<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="pmc-logo"><a href="https://www.horizonfl.com/" target="_self" class="footer-PMC-link"><img id="p_lt_zoneFooterRow3_EditableImage1_ucEditableImage_imgImage" src="https://capi.myleasestar.com/v2/dimg/143774961/250x80/143774961.jpg" alt="">
</a></div>
</div>
</footer>
<script type="text/javascript">
//<![CDATA[
WebForm_InitCallback();
theForm.oldSubmit = theForm.submit;
theForm.submit = WebForm_SaveScrollPositionSubmit;
theForm.oldOnSubmit = theForm.onsubmit;
theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
//]]>
</script>
</form>Text Content
Press Alt+1 for screen-reader mode, Alt+0 to cancelAccessibility Screen-Reader Guide, Feedback, and Issue Reporting Close (210) 792-3915 * Home * Amenities * Floor Plans * Gallery * Neighborhood * Residents * Contact Us * Reviews * Specials Residents Apply Now * * ● WELCOME TO MELISSA RANCH A San Antonio, TX Community WELCOME HOME Melissa Ranch is a brand-new luxury apartment home community with upscale amenities and top notch customer service. We offer studio, one, two and three bedroom apartment homes. In addition, we have one and two bedroom townhomes with an attached garage. Close to local shopping, dining, attractions and convenient location to all major highways and thoroughfares in San Antonio. Our state of the art fitness center, resort- style pool, business center, resident recreational room with arcade games,Read More and our award winning management team will set us apart from all others. Read Less AMENITIES LUXURIOUS AMENITIES AT MELISSA RANCH APARTMENTS The apartment homes at Melissa Ranch are specifically designed with comfort and convenience in mind, and are stylishly appointed with premium finishes only a luxurious apartment home could offer. * Community Amenities * Apartment Amenities * Pet Policy * Parking Details * Limited Access Gate * Resident Business Center * Outdoor Cabanas with Charcoal Grills and Smoker * Reserved Covered Parking available * 24-Hour State of the Art Fitness Center w/ free we * Resort Style Swimming Pool * Fenced Dog Park * Recreational Room w/ Skee ball and Arcade * Valet Door-to-Door Trash Services * Resident Social Lounge w/ large TVs * Gourmet Coffee Bar * Professional Management and Maintenance Team * Community Wide Wi-Fi High Speed Internet * Package Lockers * Ceiling Fan in Living Room * High-Speed Wi-Fi and Cable * Kitchen islands* * Private balcony on the patio * Granite Countertops * Bedrooms * Walk-in Closets * Stainless Steel Appliances * Upgraded Lighting Package * Washer/Dryers* * Garden Soaking Tub * Nature or Pool Views * Upscale Shaker Cabinetry * Private Fenced Yards Available* * Pet Policy Type: Cat, Dogs * Max Number of Pets: 2 * Pet Policy Fee Min: $350 * Other Pets Allowed: Please call our Leasing Office for complete Pet Policy information. * Pet Monthly Rent Min: $25 * Pet Policy: Please call our Leasing Office for complete Pet Policy information. * Pet Rent Basis: Per Pet * Parking Type: Multiple * Parking Comment: • Carports $35.00/month • Attached garage included with townhome • Convenient general parking AMENITIES × * Limited Access Gate * Resident Business Center * Outdoor Cabanas with Charcoal Grills and Smoker * Reserved Covered Parking available * 24-Hour State of the Art Fitness Center w/ free we * Resort Style Swimming Pool * Fenced Dog Park * Recreational Room w/ Skee ball and Arcade * Valet Door-to-Door Trash Services * Resident Social Lounge w/ large TVs * Gourmet Coffee Bar * Professional Management and Maintenance Team * Community Wide Wi-Fi High Speed Internet * Package Lockers APARTMENT AMENITIES × * Ceiling Fan in Living Room * High-Speed Wi-Fi and Cable * Kitchen islands* * Private balcony on the patio * Granite Countertops * Bedrooms * Walk-in Closets * Stainless Steel Appliances * Upgraded Lighting Package * Washer/Dryers* * Garden Soaking Tub * Nature or Pool Views * Upscale Shaker Cabinetry * Private Fenced Yards Available* * * * * * * * * * * * * * * ● * ● * ● * ● * ● * ● * ● * ● * ● * ● * ● -------------------------------------------------------------------------------- * * ● MELISSA RANCH FLOOR PLANS One look at our spacious floor plans and it's easy to see how Melissa Ranch can accommodate your lifestyle. With a variety of floor plans to choose from we're certain there's one that is just right for you. Check Availability All Bedrooms * All * S * 1 * 2 * 3+ All Bathrooms * All * 1 * 1.5 * 2 * 2.5 Any Price * Any * $500 * $750 * $1,000 * $1,250 * $1,500 * $1,750 * $2,000 * $2,500 * $3,000 * $1,000 * $1,500 * $2,000 * $2,500 * $3,000 * $3,500 * $4,000 * $4,500 * $5,000 * Any Price 12/21/2023 Clear Sort by: price * Price * Name * Sqft The Waggoner $1,090 - $1,190 Studio Bed 1 Bath 565 Sqft Brochure Apply Now The Beaumont $1,150 - $1,300 1 Bed 1 Bath 647 Sqft Brochure Apply Now The Swinson $1,150 - $1,300 1 Bed 1 Bath 811 Sqft Brochure Apply Now The Brisco Please Call 1 Bed 1 Bath 715 Sqft Brochure Apply Now The Maverick $1,424 - $1,690 2 Bed 2 Bath 995 Sqft Brochure Apply Now The Matador $1,599 - $1,749 2 Bed 2 Bath 1,110 Sqft Brochure Apply Now The Warren $1,720 1 Bed 1.5 Bath 1,050 Sqft Brochure Apply Now The Escalera $1,999 2 Bed 2.5 Bath 1,409 Sqft Brochure Apply Now The King Please Call 3 Bed 2 Bath 1,313 Sqft Brochure Apply Now No floorplans found MELISSA RANCH APARTMENTS GALLERY Take a sneak peek at our interior and community photographs. Play Slideshow 3 Columns 4 Columns Mosaic * Apartment * Community ApartmentCommunity -------------------------------------------------------------------------------- NEIGHBORHOOD MELISSA RANCH IN SAN ANTONIO, TX FOR RENT Melissa Ranch Apartments is close to local shopping, dining, attractions and is a convenient location to all major highways and thoroughfares in San Antonio. * Arts & Entertainment * Colleges & Universities * Food * Nightlife Spots * Outdoors & Recreation * Professional * Residences * Shops & Services * Travel & Transport No Results Found 4500 Pue Road, San Antonio, TX 78249 Get Directions RESIDENTS CONVENIENT ONLINE SERVICES We’ve set up a quick and easy way for you to pay your rent and request maintenance services so you can focus on the more important things in life. Visit our resident portal with a simple click of the button. * Pay Rent * RESIDENT LOGIN * Service Request -------------------------------------------------------------------------------- CONTACT US ABOUT MELISSA RANCH APARTMENTS Feel free to contact us by phone or send us a note using the form below, or stop by the Leasing office to take a tour of our apartment homes . We look forward to hearing from you. First Name Last Name Address City State-Select-AK AL AR AZ CA CO CT DC DE FL GA GU HI IA ID IL IN KS KY LA MA MD ME MI MN MO MS MT NC ND NE NH NJ NM NV NY OH OK OR PA PR RI SC SD TN TX UT VA VI VT WA WI WV WY Zip Phone Email Number of Occupants Move-in Date Unit Type-Select- S Bed /1 Bath1 Bed /1 Bath1 Bed /1.5 Bath2 Bed /2 Bath2 Bed /2.5 Bath3 Bed /2 Bath How did you hear about us?-Select Source-ApartmentMagz.comApartments.comBrochure FlyerFacebook.comMove.comMoveForFree.comOtherOutboundProperty WebsiteResident ReferralSister Property ReferralWalk InZillow Rental Network Do you have pets?-Select-Yes No Contact Me By: Phone Email Best day to call-Select-Any Day Weekends Weekdays Comments Do not fill out this input form, it is for bot control purposes only. required field Submit OFFICE HOURS * Monday - Friday: 9:00AM to 6:00PM * Saturday: 10:00AM to 5:00PM * Sunday: By Appointment Only ADDRESS Melissa Ranch Apartments 4500 Pue Road San Antonio, TX 78249 (210) 792-3915 © 2023 Melissa Ranch Apartments. All Rights Reserved. * Privacy Rental assistance website (opens in a new tab) HUD Information for disabled persons website (opens in a new tab) ADA -------------------------------------------------------------------------------- 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