About Us
Menu
Alabama
Florida Georgia Kentucky Maryland Ohio Pennsylvania Virginia West Virginia
Elberta
From the$441s
Scattered Homesites
Final Homes Remaining
Final Homes Remaining
Elberta, Baldwin County
Scattered Homesites
Baldwin County School District
Welcome Home
Maronda Homes is building single-family, new construction homes in the Elberta, AL region. Schedule an appointment to view our model home today!
Neighboring Model Home
The Venice
24152 Shadowridge Drive
Daphne, AL 36526
Schedule Now
Sun: Appointments only
Mon: Appointments only
Tue: Appointments only
Wed: Appointments only
Thu: Appointments only
Fri: Appointments only
Sat: Appointments only
Find Your Home Community Details What's Nearby
Quick Move-In Homes
Starting Soon
Elevation P
$587,900
2677 sqft • 4 bed • 3 ba • 3 car
11446 Tall Timbers Lane Elberta, AL 36530
The Venice in Elberta
Interested in this home?
Buildable Home Plans
Americana
Starting at $441k
2,437 sqft • 4 bed • 3 ba • 3 car
The Sierra in Elberta
Interested in Building?
Americana
Starting at $464k
2,471 sqft • 4 bed • 3 ba • 2-3 car
The Harmony in Elberta
Interested in Building?
Renaissance
Starting at $499k
2,675 sqft • 4 bed • 3 ba • 3 car
The Venice in Elberta
Interested in Building?
Renaissance
Starting at $524k
3,029 - 3,579 sqft • 4 bed • 3 ba • 3 car
The Sienna in Elberta
Interested in Building?
Renaissance
Starting at $549k
3,130 sqft • 4-5 bed • 3 ba • 3 car
The Livorno in Elberta
Interested in Building?
Community Details
Welcome Home to Elberta
Elberta is a new construction, single-family scattered homesite community nestled in the heart of Baldwin County, with close proximity to Pensacola. Elberta offers a tranquil environment that feels like you are far away from the hustle and bustle of the city while remaining conveniently located to everyday amenities and nearby attractions.
Baldwin County is the fastest growing, most recognized, and awarded area in Alabama to move for excellent employment opportunities, recreational activities, quality of life, top-rated schools, and magnificent sunsets. Best of all, you won’t have any HOA or CDD fees associated with living in this beautiful community. Schedule your appointment to walk the homesites today!
Elberta has a host of features and amenities for you and your family to enjoy, including:
- Updated interior finishes
- No HOA
- No CDD
- Enjoy the privacy of a scattered homesite
Home Designs in Elberta
Home Designs in Elberta boasts up to 3,579 square feet, 5 bedrooms, 3 bathrooms, and a 3-car garage. With an open-concept floor plan and up to 9-foot ceilings on the first floor, your new home will be constructed with tough Hardie Board lap siding or board and batten with a unique coastal farmhouse style and traditional Southern Brick exteriors. Turn the built-in flex space into a playroom for the kids or add a home office for you. A 3-car garage adds extra storage space or an additional spot for your guests to park when they visit. Schedule a tour to visit our neighboring model home.
Personalize your floor plan to suit the needs of your family:
- Up to 3,579 Finished Square Feet
- Up to 5 Bedrooms
- Up to 3 Baths
- Up to 9’ ceilings on the first floor
- Up to 3-car Garage
Learn More About Living in Elberta
Elberta is a beautiful place to raise a family, live, play, and enjoy all that the Coastal life offers. It is a small rural farming community near the big city amenities of Pensacola and shopping in Foley. Enjoy easy access to the beautiful white sand beaches of Orange Beach, golf and dining opportunities in Gulf Shores, a plethora of restaurants and shopping in Daphne, and outlet stores and entertainment in Foley. The lovely old community of Silverhill, and beautifully flowered Fairhope are easily accessible as well. Elberta also boasts one of the best local meat markets and festivals in Baldwin County.
Settle into your new routine at Elberta in Baldwin County and enjoy close proximity to nearby towns that make your day-to-day life as simple as possible:
- Robertsdale - 5 miles
- Summerdale - 6 miles
- Fairhope - 9 miles
- Foley - 12 miles
- Daphne - 14 miles
- Baldwin County Schools - 20 miles
- Spanish Fort - 20 miles
- Bromley - 21 miles
- Pensacola - 21 miles
- Gulf Shores - 24 miles
- Orange Beach - 27 miles
Ready to call Elberta home? Contact us today to secure your appointment to learn more!
Schools Nearby
What You'll Love About Elberta
Welcome Home
Maronda Homes is building single-family, new construction homes in the Elberta, AL region. Schedule an appointment to view our model home today!
Neighboring Model Home
The Venice
24152 Shadowridge Drive
Daphne, AL 36526
Schedule Now
Sun: Appointments only
Mon: Appointments only
Tue: Appointments only
Wed: Appointments only
Thu: Appointments only
Fri: Appointments only
Sat: Appointments only
School Name
Grades
Address
Type
Enrollment
Distance
Christian Institute of Arts & Science
1-12
6100 W Fairfield Drive H, Pensacola, FL,
Private
13.28mi
Calvary Christian Learning Center
PK-12
Po Box 10, Orange Beach, AL,
Private
9.08mi
Faith Christian Academy
KG-3
18109 U.S. 98, Foley, AL,
Private
12.23mi
South Baldwin Christian Academy
PK-12
6900 Highway 59, Gulf Shores, AL,
Private
10.90mi
Berean Baptist Christian School
8-12
PO BOX 237, Elberta, AL,
Private
2.85mi
Elberta Middle School
7-8
13355 Main Street, Elberta, AL,
Public
5.78mi
Orange Beach Middle/High School
7-12
23908 Canal Road, Orange Beach, AL,
Public
9.85mi
Beulah Academy Of Science
6-8
8633 Beulah Road, Pensacola, FL,
Charter
12.80mi
Little Flower Catholic School
PK-8
6495 Lillian Highway, Pensacola, FL,
Private
12.92mi
Beulah Christian Academy
PK-10
6200 W 9 Mile Rd, Pensacola, FL,
Private
12.91mi
Alabama Gulf Coast Christian Academy
PK-12
18930 County Road 28, Foley, AL,
Private
12.38mi
Triple D's Christian Academy
PK-8
3290 Bauer Road, Pensacola, FL,
Private
6.79mi
Bellview Junction Academy
KG-8
5200 Saufley Field Rd, Pensacola, FL,
Private
12.66mi
Childcare Network
PK-KG
7525 South Fairfield Drive, Pensacola, FL,
Private
12.32mi
Carden Christian Academy
PK-8
3290 Bauer Road, Pensacola, FL,
Private
6.79mi
The Annesley Institute
KG-10
7417 Stagecoach Road, Pensacola, FL,
Private
12.71mi
Carden Christian Academy
PK-11
3290 Bauer Road, Pensacola, FL,
Private
6.76mi
Personalized Learning Kingdom Academy
1-9
34 Marella Court, Pensacola, FL,
Private
9.33mi
Precious Lil' Angels Learning Center Inc
KG-3
6119 West Jackson Street, Pensacola, FL,
Private
13.01mi
Foley High School
9-12
1 Pride Place, Foley, AL,
Public
10.57mi
Elberta Middle School
9-12
13355 Main Street, Elberta, AL,
Public
5.78mi
Foley Middle School
7-8
200 North Oak Street, Foley, AL,
Public
10.63mi
Summerdale School
PK-8
400 East Broadway Avenue, Summerdale, AL,
Public
13.03mi
Orange Beach Elementary School
PK-6
4900 Wilson Boulevard, Orange Beach, AL,
Public
6.68mi
Elberta Elementary School
PK-6
25820 U.S. 98, Elberta, AL,
Public
4.75mi
Gulf Shores Elementary School
PK-5
1600 East 3rd Street, Gulf Shores, AL,
Public
12.75mi
Foley Elementary School
PK-6
450 North Cedar Street, Foley, AL,
Public
10.78mi
Florence B Mathis Elementary
PK-6
600 9th Avenue, Foley, AL,
Public
10.88mi
Gulf Shores Middle School
6-8
450 East 15th Avenue, Gulf Shores, AL,
Public
12.75mi
St. Benedict School
PK-8
12786 Illinois Street, Elberta, AL,
Private
5.61mi
Victory Christian Academy
PK-2
20511 County Road 12, Foley, AL,
Private
9.74mi
The Academy at Mission Samaria
1-12
32586 Seminole Road West, Seminole, AL,
Private
9.00mi
Berean Baptist Christian School
UG
P.O. Box 237, Elberta, AL,
Private
3.08mi
Good Shepherd Lutheran School
PK-KG
24933 Oak Street, Elberta, AL,
Private
5.67mi
Precious Moments Learning Center
PK-KG
1900 South Oak Street, Foley, AL,
Private
10.61mi
Open Door Christian School
PK-11
20774 County Road 12 South, Foley, AL,
Private
9.65mi
The Academy of Arts and Science
PK-6
6900 Hwy 59, Gulf Shores, AL,
Private
10.98mi
"; } else { if (day.appointment) { htmlDays += "
" + day.day_name + "
"; } else { htmlDays += "
" + day.day_name + "
"; } } } $('.tour-module #days').html(htmlDays).removeClass('hidden-field'); $('.tour-module #days .day:not(.disabled):not(.appointment)').click(function () { if ($(this).hasClass('active')) { return; } $('.tour-module #days .day').removeClass('active'); $(this).addClass('active'); var htmlHours = ''; var dayData = $(this).data('info'); var isToday = $(this).data('today') === true; var openTime = parseInt(dayData.open_time); var closeTime = parseInt(dayData.close_time); var nowHour = nowTime.getHours(); var nowMinute = nowTime.getMinutes(); if (isToday) { if (nowMinute >= 30) { nowHour += 1; } openTime = Math.max(openTime, nowHour + 1); } while (openTime < closeTime) { var fancyTime = openTime > 12 ? (openTime - 12 + ':00 PM') : (openTime + ':00 AM'); fancyTime = openTime === 12 ? '12:00 PM' : fancyTime; var fancyTimeHalf = openTime > 12 ? (openTime - 12 + ':30 PM') : (openTime + ':30 AM'); fancyTimeHalf = openTime === 12 ? '12:30 PM' : fancyTimeHalf; htmlHours += "
"; if (openTime + 0.5 < closeTime) { htmlHours += "
"; } openTime += 1; } $('.tour-module #hours').html(htmlHours).change(); }); $('.tour-module #days .day.appointment').click(function () { if ($(this).hasClass('active')) { return; } $('.tour-module #days .day').removeClass('active'); $(this).addClass('active'); $('.tour-module #hours').html("
").change(); }); $('.tour-module #hours').off(); $('.tour-module #hours').change(function () { var selectedDay = $('#days .active').html(); var selectedHour = $('#hours option:selected').val(); var timeParts = selectedHour.split(':'); var hour = parseInt(timeParts[0]); var minutes = timeParts[1]; var period = hour >= 12 ? 'PM' : 'AM'; hour = hour % 12 || 12; // convert to 12-hour format var formattedTime = hour + ':' + minutes + ' ' + period; var formattedDateTime = selectedDay + " " + formattedTime; console.log(formattedDateTime); $('.tour-module .tour-time input').val(formattedDateTime); }); } else { $('.tour-module .tour-time input').val('false'); $('.tour-type input').first().prop('checked', true); }} thisForm.find('.form-type-field input').val(status); // console.log(thisForm.find('.marker-pin')); thisForm.find('.marker-pin').attr('class', 'marker-pin ' + (data.override ? data.override : status)); thisForm.find('.contact-hidden-info input').attr('autocomplete', 'off').val(JSON.stringify(payload)) $('.shadowform').hide(); thisForm.find('.cno input').attr('autocomplete', 'off').val(data.cno); thisForm.find('.focus-send input').attr('autocomplete', 'off').val($('.community-top-view').data('focus-status')); thisForm.find('.shadowbox-title').html(data.title); thisForm.find('.address-one').html(data.address1); thisForm.find('.address-two').html(data.address2); thisForm.show().find('.blurb').html(data.blurb); $('.shadow-zone .curtain, .shadow-zone .shadowbox').addClass('active'); } function storyQDFilter() { if (!quickDeliveryFilters.stories || quickDeliveryFilters.stories == 1) { return; } $('.qd-home').each(function(){ if ($(this).data('stories') < quickDeliveryFilters.stories) { $(this).remove(); } }); } function firstFloorBedroomQDFilter() { if (!quickDeliveryFilters.showFirstFloorBedroom || quickDeliveryFilters.showFirstFloorBedroom == false) return; $('.qd-home').each(function(){ if ($(this).data('master-first') !== 'Y') { $(this).remove(); } }); } function basementQDFilter() { if (!quickDeliveryFilters.showBasement || quickDeliveryFilters.showBasement == false) return; $('.qd-home').each(function(){ if ($(this).data('basement') !== 'Y') { $(this).remove(); } }); } function availableQDFilter() { if (!quickDeliveryFilters.showAvailable || quickDeliveryFilters.showAvailable == false) return; $('.qd-home').each(function(){ if ($(this).data('build-status') > 4) { $(this).remove(); } }); } function priceQDFilter() { $('.qd-home').each(function(){ if ($(this).data('price') > quickDeliveryFilters.maxPrice) { $(this).remove(); } if ($(this).data('price') < quickDeliveryFilters.minPrice) { $(this).remove(); } }) } async function filterQDs() { $('html, body').animate({ scrollTop: $('#quickDelivery').offset().top - 50 }, 500) $('.wiper-qd').addClass('active') await new Promise(e => setTimeout(e, 500)); if (quickDeliveryFilters.sort) { allQDs.sort(function(a, b) { return $(a).data(quickDeliveryFilters.sort) < $(b).data(quickDeliveryFilters.sort) ? -1 : 1; }); } $('.qd-cards').html(allQDs); storyQDFilter(); firstFloorBedroomQDFilter(); basementQDFilter(); storyQDFilter(); availableQDFilter(); priceQDFilter(); $('.hide-this-qd').addClass('active'); await new Promise(e => setTimeout(e, 500)); $('.wiper-qd').removeClass('active'); if ( $('.qd-cards').children().length < 1 ) { $(".no-matches-qd").removeClass('hidden'); setTimeout(function(){ $(".no-matches-qd .wiper-qd").removeClass('active'); }, 100); }else{ $(".no-matches-qd .wiper-qd").addClass('active'); $(".no-matches-qd").addClass('hidden'); } } function trimFilter() { $('.design').each(function(){ if (filters.trim && ($(this).data('trim') != filters.trim)) { $(this).remove(); } }) } function firstFloorFilter() { $('.design').each(function(){ if (filters.firstFloor && ($(this).data('first-floor') != 1)) { $(this).remove(); } }) } function basementFilter() { $('.design').each(function(){ if (filters.basement && ($(this).data('basement') != 1)) { $(this).remove(); } }) } function sqftFilter() { $('.design').each(function(){ if ($(this).data('min-sqft') > filters.maxSqft) { $(this).remove(); } if ($(this).data('max-sqft') < filters.minSqft) { $(this).remove(); } }) } function priceFilter() { $('.design').each(function(){ if ($(this).data('price') > filters.maxPrice) { $(this).remove(); } if ($(this).data('price') < filters.minPrice) { $(this).remove(); } }) } function bedFilter() { $('.design').each(function(){ if ($(this).data('beds') < filters.beds) { $(this).remove(); } }); } function bathFilter() { $('.design').each(function(){ if ($(this).data('baths') < filters.baths) { $(this).remove(); } }); } function garageFilter() { $('.design').each(function(){ if ($(this).data('garages') < filters.garages) { $(this).remove(); } }); } async function filterDesigns() { $('html, body').animate({ scrollTop: 0 }, 500) $('.wiper').addClass('active') await new Promise(e => setTimeout(e, 500)); $('.community-cards').html(allDesigns); trimFilter(); priceFilter(); sqftFilter(); bedFilter(); bathFilter(); garageFilter(); firstFloorFilter(); basementFilter(); $('.hide-this').addClass('active'); await new Promise(e => setTimeout(e, 500)); $('.wiper').removeClass('active'); if ( $('.community-cards').children().length < 1 ) { $(".no-matches").removeClass('hidden'); setTimeout(function(){ $(".no-matches .wiper").removeClass('active'); }, 100); }else{ $(".no-matches .wiper").addClass('active'); $(".no-matches").addClass('hidden'); } } var minPriceWidth; var minDraggable = false; var draggable = false; var minQDraggable = false; var qDraggable = false; // console.log([minDraggable, draggable, 'where it was defined']); function getPercent(e, object) { var touch = false; if (e.originalEvent.targetTouches && e.originalEvent.targetTouches.length >= 1) { touch = e.originalEvent.targetTouches[0]; } else if (e.originalEvent.touches) { touch = e.originalEvent.touches[0]; } var cursorX = touch ? touch.pageX : e.pageX; var objectWidth = object.width(); var objectPos = object.offset() ? object.offset().left : 0; var cursorPos = cursorX - objectPos; return (cursorPos / objectWidth) < 1 ? cursorPos / objectWidth : 1; } function dragBar(e, object) { var maxSize = object.data('max-sqft') || object.data('max-price'); var minSize = object.data('min-sqft') || object.data('min-price'); var completeBar = object.find('.completed'); percent = getPercent(e, object); /** * placement = where the button was dragged. * it starts off by calculating and outputting where you dragged it. * with one button, this would be the simplified width of the line * with two buttons, we have a left-position and a width. */ placement = (percent > 0) ? (percent * 100) : 0; number = (percent > 0) ? (((maxSize - minSize) * percent) + minSize).toFixed() : minSize; if (minDraggable) { /** * tough, because we'll have to calc the line _and_ the left positioning. but not impossible */ // get the right button's position. this is our max var rightButtonPosition = (completeBar.data('rightButtonPosition') || 100); // only calculate if our placement is less than the right button's position. if it isn't, we're all the way there and at zero width var offsetLeft = (rightButtonPosition > placement) ? placement : rightButtonPosition; // the left position is the placement minus the bar's width var offsetWidth = (rightButtonPosition > placement) ? (rightButtonPosition - placement) : 0; // the number we show is either less than or the same as the right button number = (offsetWidth > 0) ? number : completeBar.data('filter'); object.find('.before-afterward-number span').text(new Intl.NumberFormat().format(number)); completeBar .css({ 'left': offsetLeft + '%', 'width': offsetWidth + '%' }) .data('minFilter', number) .data('minRightPosition', placement) .data('leftButtonPosition', offsetLeft); } if (draggable) { /** * luckily easier. we are only changing the width of the line, down to zero */ // get the left-button's position. this is our minimum var leftButtonPosition = completeBar.data('leftButtonPosition') || 0; // if we're at the left button, we're at zero. offsetWidth = (leftButtonPosition < placement) ? placement - leftButtonPosition : 0; // the number we show is either less than or the same as the right button number = (offsetWidth > 0) ? number : completeBar.data('minFilter'); object.find('.afterward-number span').text(new Intl.NumberFormat().format(number)); completeBar .css('width', offsetWidth + '%') .data('filter', number) .data('maxLeftPosition', placement) .data('rightButtonPosition', placement); } if (minQDraggable) { /** * tough, because we'll have to calc the line _and_ the left positioning. but not impossible */ // get the right button's position. this is our max var rightButtonPosition = (completeBar.data('rightButtonPosition') || 100); // only calculate if our placement is less than the right button's position. if it isn't, we're all the way there and at zero width var offsetLeft = (rightButtonPosition > placement) ? placement : rightButtonPosition; // the left position is the placement minus the bar's width var offsetWidth = (rightButtonPosition > placement) ? (rightButtonPosition - placement) : 0; // the number we show is either less than or the same as the right button number = (offsetWidth > 0) ? number : completeBar.data('filter'); object.find('.before-afterward-number span').text(new Intl.NumberFormat().format(number)); completeBar .css({ 'left': offsetLeft + '%', 'width': offsetWidth + '%' }) .data('minFilter', number) .data('minRightPosition', placement) .data('leftButtonPosition', offsetLeft); } if (qDraggable) { /** * luckily easier. we are only changing the width of the line, down to zero */ // get the left-button's position. this is our minimum var leftButtonPosition = completeBar.data('leftButtonPosition') || 0; // if we're at the left button, we're at zero. offsetWidth = (leftButtonPosition < placement) ? placement - leftButtonPosition : 0; // the number we show is either less than or the same as the right button number = (offsetWidth > 0) ? number : completeBar.data('minFilter'); object.find('.afterward-number span').text(new Intl.NumberFormat().format(number)); completeBar .css('width', offsetWidth + '%') .data('filter', number) .data('maxLeftPosition', placement) .data('rightButtonPosition', placement); } } function extendBounds() { // Extends the Bounds so that the Zoom Level on fitBounds() is a bit farer away var extendBy = 0.005; var point1 = new google.maps.LatLng( bounds.getNorthEast().lat() + extendBy, bounds.getNorthEast().lng() + extendBy ) var point2 = new google.maps.LatLng( bounds.getSouthWest().lat() - extendBy, bounds.getSouthWest().lng() - extendBy ) bounds.extend(point1); bounds.extend(point2); } /** * Info Windows are a Google Maps API class that is strongly tied to Markers. They're the window that pops up when you click on something */ var infoWindowString = function(data) { if ($('#scatteredHomesites')[0]) { return '
' + // styles! put your styles here! '
' + data.location.locData.address1 + '
' + data.location.locData.address2 + '
' + 'View this lot on Google Maps' + '
'; } return '
' + // styles! put your styles here! '
' + data.title + '
' + '
' + data.location.vicinity + '
' + 'View this on Google Places' + '
'; } /** * take the map, marker, and infoWindow, make a click-event, and set them */ var bindInfoWindow = function(marker, map, html, selector) { google.maps.event.addListener(marker, 'click', function(){ infoWindow.setContent(html); infoWindow.open(map, marker); iconGrow(marker); // console.log(marker, e); var selector = marker.selector; // console.log(selector); // console.log([e, $(e.domEvent.target).parent(), selector]); // $(".map-section .left-results").animate({ // scrollTop: ( $(selector).position().top - $(".list div").first().position().top ) // }, 500); $(selector).addClass('flash'); clearTimeout(timmy); timmy = setTimeout(() => { $(selector).removeClass('flash'); }, 500); map.panTo(marker.getPosition()); // want to pan to the marker location? if ((!map.getBounds().contains(marker.getPosition())) && (showAllCategoryElements == 0)) { // want to pan there only when it's not on screen? // console.log("it's over here"); map.panTo(marker.getPosition()); // want to pan to the marker location? // map.setCenter(marker.getPosition()); } }); } /** * Set markers for each location. * Bind a click event to each, with the appropriate infoWindow content. * Push them to our markers array. */ var setMarkers = function(map, locations, bounds, customIcon=null ) { // console.log(locations); if (Array.isArray(locations)) { for (var i = 0; i < locations.length; i++) { var thisLocation = locations[i]; var locData = thisLocation.locData; var iconUrl = customIcon ? customIcon : thisLocation.icon; if ($(".scattered-homesites")[0]){ var status = locData.override; var lat = Number(thisLocation.lat); var lng = Number(thisLocation.lng); iconUrl = colorFinder(status, locData.type); }else{ var lat = Number(thisLocation.geometry.location.lat); var lng = Number(thisLocation.geometry.location.lng); } var title = thisLocation.name; var data = thisLocation; // var labelText = thisLocation.locData.price || ''; // label = labelText.length ? { // text: labelText, // color: '#fff', // fontFamily: 'mr-eaves-sans, sans-serif', // fontSize: '10px', // } : ''; // console.log(['499', thisLocation.locData]); if ($(".scattered-homesites")[0]){ var marker = new google.maps.Marker({ map: map, title: title, selector: thisLocation.selector, data: data, position: { lat: lat, lng: lng }, icon: { url: iconUrl, // custom icon destination url // size: new google.maps.Size(83, 36), // scaledSize: new google.maps.Size(83, 36), }, // label: label // icon: thisLocation.icon }); }else{ var marker = new google.maps.Marker({ map: map, title: title, data: data, position: { lat: lat, lng: lng }, icon: { url: iconUrl, // custom icon destination url // size: new google.maps.Size(48, 48), // origin: new google.maps.Point(0, 0), // scaledSize: new google.maps.Size(36, 36), // anchor: new google.maps.Point(18, 18), // should always be middle of the icon, unless it's got a point in which case it should be the bottom of the point! } // icon: thisLocation.icon }); } // var content = infoWindowString(title, address, address2, distance); // bindInfoWindow(marker, map, infowindow, content, thisLocation.selector); // // iconGrow part // google.maps.event.addListener(marker, 'click', function(e){ // iconGrow(this); // // console.log(this, e); // var selector = this.selector; // console.log(selector); // console.log([e, $(e.domEvent.target).parent(), selector]); // $(".map-section .left-results").animate({ // scrollTop: ( $(selector).position().top - $(".list div").first().position().top ) // }, 500); // $(selector).addClass('flash'); // clearTimeout(timmy); // timmy = setTimeout(() => { // $(selector).removeClass('flash'); // }, 500); // }); var content = infoWindowString({ title: title, location: thisLocation }); bindInfoWindow(marker, map, content, thisLocation.selector); // google.maps.event.addListener(marker, 'click', function(e){ // console.log(this.data); // // var selector = this.selector // // console.log([this.selector, this, selector]); // // $(".map-section .left-results").animate({ // // scrollTop: ( $(selector).position().top - $(".list .community").first().position().top ) // // }, 500); // }); //extend the bounds to include each marker's position bounds.extend(marker.position); markers.push(marker); } } //now fit the map to the newly inclusive bounds map.panToBounds(bounds); extendBounds(); map.fitBounds(bounds, 50); // // console.log(map.getZoom()); // if (map.getZoom() > 12) { // map.setZoom(12); // } } /** * on Google script url load, this is an async callback */ var map; var initMap = function() { if ($(".scattered-homesites")[0]){ var locations = []; $('.scattered-lot').each(function(){ var locData = $(this).data(); var selector = this; locations.push({ lat: locData.lat, lng: locData.lng, type: locData.lotType, locData: locData, selector: selector, }) }); if (!locations.length) { console.log([locations, $('.scattered-lot')]);return; } var lat = locations ? Number(locations[0]['lat']) : 40.46330858426543; var lng = locations ? Number(locations[0]['lng']) : -79.9445665722168; // console.log(locations); // if (data && (data['locations']['location'][10]['distance'] <= 2)) { miles = 100; // } var zoom = zoomFinder(miles); // set default Google Map API JSON for colors and other styles var styles = [ { featureType: "all", elementType: "labels.text", stylers: [ { visibility: "on" } // Show text labels ] }, { featureType: "all", elementType: "all", stylers: [ { saturation: -80 }, // Desaturate the map (if desired) { lightness: 20 } // Adjust lightness to control opacity (if desired) ] } ]; // in case there's a special no-maps page in the HTML templating, don't throw an error if (!document.getElementById('map')) { return; } /** * Google Maps API class. Set to #map div in Results section. * Zoomed, Centered, and Styled */ map = new google.maps.Map(document.getElementById('map'), { zoom: zoom, center: center, disableDefaultUI: true, styles: styles, }); bounds = new google.maps.LatLngBounds(); // Google Maps infoWindow, initialized blank infoWindow = new google.maps.InfoWindow({ content: '' }); // $('.sticky-attractions .item').css('pointer-events', 'unset'); setMarkers(map, locations, bounds); }else{ // Get the address from the first decorated-home element var address = { street: $('#map').data('model-add-1').trim(), city: $('#map').data('model-add-2').split(',')[0].trim(), state: $('#map').data('model-add-2').split(',')[1].trim().split(' ')[0].trim(), zip: $('#map').data('model-add-2').split(',')[1].trim().split(' ')[1].trim() }; // Use the extracted address to create a static address string var staticAddress = address.street + ', ' + address.city + ', ' + address.state + ' ' + address.zip; // Initialize Google Maps var location = $('#map').data(); var lat = location.lat; var lng = location.lng; var zoom = 10; var center = new google.maps.LatLng(lat, lng); var styles = [ { featureType: "all", elementType: "labels.text", stylers: [ { visibility: "on" } // Show text labels ] }, { featureType: "all", elementType: "all", stylers: [ { saturation: -80 }, // Desaturate the map (if desired) { lightness: 20 } // Adjust lightness to control opacity (if desired) ] } ]; // Create the map with the specified center map = new google.maps.Map(document.getElementById('map'), { zoom: zoom, center: center, disableDefaultUI: true, styles: styles, }); // Create a marker for the static address var geocoder = new google.maps.Geocoder(); geocoder.geocode({ 'address': staticAddress }, function(results, status) { if (status === 'OK' && results[0]) { var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location, title: staticAddress }); } else { console.error('Geocode was not successful for the following reason: ' + status); } }); // Initialize other necessary map components var bounds = new google.maps.LatLngBounds(); var infoWindow = new google.maps.InfoWindow({ content: '' }); // $('.sticky-attractions .item').css('pointer-events', 'unset'); } } function iconGrow(singleMarker) { for (var i=0; i < markers.length; i++) { var marker = markers[i]; var icon = marker.getIcon(); icon.scaledSize = new google.maps.Size(83, 36); marker.setIcon(icon); } console.log(singleMarker.getIcon().scaledSize); var icon = singleMarker.getIcon(); icon.scaledSize = new google.maps.Size(108, 47); icon.size = icon.scaledSize; singleMarker.setIcon(icon); } function zoomFinder(miles) { // zoom finder switch (miles) { case 100: return 9; case 50: return 10; case 25: return 11; case 5: return 14; case 1: return 16; default: return 12; } } function serviceCallback(results, status) { if (status == google.maps.places.PlacesServiceStatus.OK) { setMarkers(map, results, bounds); } } function activateNav() { } function initSlickTrims(){ setTimeout(function(){ $('.trim-slider').slick({ arrows: false, draggable: false, initialSlide: 0, slidesToShow: 1, slidesToScroll: 1, dots: false, swipe: false, infinite: false, autoplay: false, variableHeight: true, }); }, 400); } function greenBar() { var height = $('.left-sticky-outer').outerHeight(true); if ($('.mobile-break-1').css('display') == 'none') { $('.single-community .communities-single-page .sticky-attractions').css('top', height + 'px'); } else { $('.single-community .communities-single-page .sticky-attractions').css('top', 'unset'); } } $(function(){ // Initially check the state of the radio button toggleTourFields(); // Attach change event handler to the radio buttons $('.tour-module-selector input[type="radio"]').change(function() { toggleTourFields(); }); $('.schedule-now').click(function(){ console.log('schedule now'); $('.tour-module-selector input[value="Yes"]').prop('checked', true).trigger('click').trigger('change'); toggleTourFields(); console.log('end schedule now'); }); $('.global-comm-contact,.contact-us-2').click(function(){ $('.tour-module-selector input[value="No"]').prop('checked', true).trigger('click').trigger('change'); toggleTourFields(); }); function toggleTourFields() { var selectedRadio = $('.tour-module-selector input[type="radio"]:checked'); var selectedValue = selectedRadio.val(); if (selectedValue === 'No') { $('.days-wrapper, .tour-module, .hours-select').hide(); $('input[name="tour-type"][value="Virtual"]').prop('checked', true).trigger('click').trigger('change'); // Find the nearest .form-type-field input and update its value to "Schedule" var formTypeFieldInput = selectedRadio.closest('form').find('.form-type-field input'); if (formTypeFieldInput.length) { formTypeFieldInput.val('Contact Us'); } } else { $('input[name="tour-type"][value="Virtual"]').prop('checked', false).trigger('change'); $('.days-wrapper, .tour-module, .hours-select').show(); // Find the nearest .form-type-field input and update its value to "Schedule" var formTypeFieldInput = selectedRadio.closest('form').find('.form-type-field input'); if (formTypeFieldInput.length) { formTypeFieldInput.val('Schedule'); } } } greenBar(); $(window).load(greenBar); $(window).resize(greenBar); $('.qd-home').off(); $('.qd-home').click(function (e) { var link = $(this).data('href'); if (e.ctrlKey || e.metaKey || e.which === 2) { // Open in a new tab if Ctrl or Command key is held or if it's a middle mouse click window.open(link, '_blank'); } else { // Open in the same tab window.location.href = link; } }); // $('.qd-home a').off().click(function(e) { e.stopPropagation(); }) // $('.section-navigation a').first().off(); // $('.section-navigation a').first().click(function(e){ // e.preventDefault(); // $('html, body').animate({ scrollTop: 0 }, 500); // }); $('.hours').click(function(e){ $(this).parent().parent().parent().toggleClass('expanded'); $("#iAtlasChatDiv").toggleClass('move'); }); // activateNav(); // $(window).scroll(activateNav); $('.decorated-home .schedule-button:not(.get-that-form):not(.calendly)').off() $('body').on('click', '.global-comm-contact, .contact-trigger', function(e) { $('.shadowbox .ex').hide(); e.preventDefault(); $('.tour-module').removeClass('hidden-field'); console.log($('.decorated-home').data()); formPopUp($(this).text(), $('.decorated-home')); }); $('.CThsmoreinfo').click(function(){ var cnoInput = $('.color-form .cno input.hidden').val(); if (!cnoInput) { console.log('empty'); formPopUp($(this).text(), $('.decorated-home')); toggleTourFields(); } }); $('[href="#contact-trigger"]').removeAttr('href').addClass('contact-trigger'); // new mobile CTAs $('.decorated-home .mobile-schedule-button:not(.calendly)').off() $('.decorated-home .mobile-schedule-button:not(.calendly)').click(function(e){ e.preventDefault(); $('.tour-module').removeClass('hidden-field'); console.log($('.decorated-home').data()); formPopUp($(this).text(), $('.decorated-home') ); }) $('.new-cta-button').off() $('.new-cta-button').click(function(e){ if ($(this).hasClass('no-form')) { console.log('no-form'); return; } e.preventDefault(); console.log($(this).data()); formPopUp($(this).text(), $(this)); }) $('.raeppa-snottub').click(function(){ var parental = $(this).parents('.bottom-buttons'); parental.addClass('open') parental.find('.main-button-holder:not(.raeppa-snottub)').addClass('slideIn'); parental.find('.raeppa-snottub-holder').addClass('hidden'); }) $('.main-button.dark').click(function(){ var parental = $(this).parents('.bottom-buttons'); parental.removeClass('open') parental.find('.main-button-holder:not(.raeppa-snottub)').removeClass('slideIn'); parental.find('.raeppa-snottub-holder').removeClass('hidden'); }) $('.scat-lot-formie .main-button:not(.get-that-form):not(.anti-form-button)').off() $('.scat-lot-formie .main-button:not(.get-that-form):not(.anti-form-button)').click(function(e){ $('.shadowbox .ex').hide(); e.preventDefault(); $('.tour-module').removeClass('hidden-field'); console.log($(this).data()); formPopUp($(this).text(), $(this)); }) // this includes coming-soon and sold-out model areas $('.get-that-form').off() $('.get-that-form').click(function(e){ $('.shadowbox .ex').hide(); e.preventDefault(); // console.log($(this).data('vip')); var status = ($(this).data('vip')) ? 'VIP List' : $(this).text(); formPopUp(status, $(this)); }) $('.calendly').off(); $('.calendly').click(function(e){ e.preventDefault(); $('.shadow-zone .shadowbox, .shadow-zone .curtain').removeClass('active'); $('.universal-modal').hide() var thisModal = $('.universal-modal[data-type="any-iframe"]') thisModal.addClass('calendly'); if (thisModal.find('iframe').attr('src') !== $(this).data('iframe')) { thisModal.find('iframe').attr('src', $(this).data('iframe')) } thisModal.show(); $('.universal-shadowbox').addClass('green active'); }) $('.qd-home .interested-send .qd-button').off() $('.qd-home .interested-send .qd-button').click(function(e){ e.stopPropagation(); $('.shadowbox .ex').hide(); e.preventDefault(); formPopUp('Quick Delivery Inquiry', $(this).parents('.qd-home')); }) $('.u-tour').off().click(function(e){ e.preventDefault(); e.stopPropagation(); $('.shadow-zone .shadowbox, .shadow-zone .curtain').removeClass('active'); $('.universal-modal').hide() var thisModal = $('.universal-modal[data-type="any-iframe"]') thisModal.addClass('calendly'); if (thisModal.find('iframe').attr('src') !== $(this).data('iframe')) { thisModal.find('iframe').attr('src', $(this).data('iframe')) } thisModal.show(); $('.universal-shadowbox').addClass('green active'); }) // console.log([minDraggable, draggable, 'before filters are set']); allDesigns = $('.design'); $('.community-cards .wiper').removeClass('active'); $(".reset").click(function(e){ $( ".rooms-etc input, .trims input" ).prop( "checked", false ); // filters.trim = ''; // filters.beds = ''; // filters.baths = ''; // filters.garages = ''; // filters.minSqft = ''; // filters.maxSqft = ''; // filters.minPrice = ''; // filters.maxPrice = ''; // filters.firstFloor = ''; // filters.basement = ''; delete filters.trim; delete filters.beds; delete filters.baths; delete filters.garages; delete filters.minSqft; delete filters.maxSqft; delete filters.minPrice; delete filters.maxPrice; delete filters.firstFloor; delete filters.basement; $('[data-section="designs"] .num-bar .completed').attr('style', 'width: 100%;'); $('[data-section="designs"] .num-bar').each(function(){ $(this).find('.before-afterward-number span').text($(this).data('min-formatted')); $(this).find('.afterward-number span').text($(this).data('max-formatted')); $(this).find('.completed') .data('minFilter', $(this).data('min-price')) .data('leftButtonPosition', 0) .data('minRightPosition', 0) .data('filter', $(this).data('max-price')) .data('rightButtonPosition', 100) .data('maxLeftPosition', 100); }) $('.design .wiper').addClass('active'); setTimeout(() => { allDesigns.each(function(){ $(this).find('.wiper').addClass('active'); }) $('.community-cards').html(allDesigns); $(".no-matches .wiper").addClass('active'); setTimeout(function(){ $(".no-matches").addClass('hidden'); setTimeout(function(){ $('.wiper').removeClass('active'); }, 100); }, 500); }, 250); $('.hide-this').removeClass('active'); }); allQDs = $('.qd-home'); $('.qd-cards .wiper-qd').removeClass('active'); $(".reset-qds").click(function(e){ $( ".qd-sorts-and-filters input" ).prop( "checked", false ); $( ".qd-sorts-and-filters .bubble-holder label:first-of-type input" ).prop( "checked", true ); // quickDeliveryFilters.stories = ''; // quickDeliveryFilters.showFirstFloorBedroom = ''; // quickDeliveryFilters.showBasement = ''; // quickDeliveryFilters.showAvailable = ''; // quickDeliveryFilters.maxPrice = ''; // quickDeliveryFilters.minPrice = ''; delete quickDeliveryFilters.stories; delete quickDeliveryFilters.showFirstFloorBedroom; delete quickDeliveryFilters.showBasement; delete quickDeliveryFilters.showAvailable; delete quickDeliveryFilters.maxPrice; delete quickDeliveryFilters.minPrice; $('[data-section="quickDelivery"] .num-bar .completed').attr('style', 'width: 100%;'); $('[data-section="quickDelivery"] .num-bar').each(function(){ // console.log({ // outerData: this.dataset, // innerData: $(this).find('.completed').data() // }); $(this).find('.before-afterward-number span').text($(this).data('min-formatted')); $(this).find('.afterward-number span').text($(this).data('max-formatted')); $(this).find('.completed') .data('minFilter', $(this).data('min-price')) .data('leftButtonPosition', 0) .data('minRightPosition', 0) .data('filter', $(this).data('max-price')) .data('rightButtonPosition', 100) .data('maxLeftPosition', 100); }) $('.qd-home .wiper-qd').addClass('active'); setTimeout(() => { allQDs.each(function(){ $(this).find('.wiper-qd').addClass('active'); }) $('.qd-cards').html(allQDs); $('.qd-home').off(); $('.qd-home').click(function(){ window.location = $(this).data('href'); }) $(".no-matches-qd .wiper-qd").addClass('active'); setTimeout(function(){ $(".no-matches-qd").addClass('hidden'); setTimeout(function(){ $('.wiper-qd').removeClass('active'); }, 100); }, 500); }, 250); $('.hide-this-qd').removeClass('active'); }); // console.log([minDraggable, draggable, 'defining events']); $(document).on('touchend mouseup', function(){ // console.log({ // draggable: draggable, // minDraggable: minDraggable, // qDraggable: qDraggable, // minQDdraggable: minQDraggable, // }); if (draggable) { filters.maxSqft = $('.sqft-num-bar .completed').data('filter'); filters.maxPrice = $('.price-num-bar .completed').data('filter'); filterDesigns(); $('.sqft-num-bar').removeClass('active'); $('.price-num-bar').removeClass('active'); } if (minDraggable) { filters.minSqft = $('.sqft-num-bar .completed').data('minFilter'); filters.minPrice = $('.price-num-bar .completed').data('minFilter'); filterDesigns(); $('.sqft-num-bar').removeClass('active'); $('.price-num-bar').removeClass('active'); } if (qDraggable) { quickDeliveryFilters.maxPrice = $('.price-num-bar-qd .completed').data('filter'); filterQDs(); $('.price-num-bar-qd').removeClass('active'); } if (minQDraggable) { quickDeliveryFilters.minPrice = $('.price-num-bar-qd .completed').data('minFilter'); filterQDs(); $('.price-num-bar-qd').removeClass('active'); } draggable = false; minDraggable = false; qDraggable = false; minQDraggable = false; }) // old way! DNU // $('.sqft-num-bar').mousedown(function(e){ // $(this).addClass('active'); // draggable = true; // minDraggable = false; // dragBar(e, $(this)); // }) // .mousemove(function(e){ // if (!draggable) { return; } // dragBar(e, $(this)); // }) $('.price-num-bar .button, .sqft-num-bar .button').on('touchstart mousedown', function(e){ $(this).addClass('active'); draggable = true; minDraggable = false; dragBar(e, $(this).parents('.price-num-bar')); e.preventDefault(); // console.log(['touching, huh', e.originalEvent.touches]); }) $('.price-num-bar .before-button, .sqft-num-bar .before-button').on('touchstart mousedown', function(e){ $(this).addClass('active'); minDraggable = true; draggable = false; dragBar(e, $(this).parents('.price-num-bar')); e.preventDefault(); // console.log(['touching, huh', e.originalEvent.touches]); }) $('.price-num-bar, .sqft-num-bar').on('touchmove mousemove', function(e){ if (!draggable && !minDraggable) { return; } dragBar(e, $(this)); // console.log(['dragging, huh', e.originalEvent.touches[0]]); }) $('.price-num-bar-qd .button').on('touchstart mousedown', function(e){ $(this).addClass('active'); qDraggable = true; minQDraggable = false; dragBar(e, $(this).parents('.price-num-bar-qd')); e.preventDefault(); // console.log(['touching, huh', e.originalEvent.touches]); }) $('.price-num-bar-qd .before-button').on('touchstart mousedown', function(e){ $(this).addClass('active'); minQDraggable = true; qDraggable = false; dragBar(e, $(this).parents('.price-num-bar-qd')); e.preventDefault(); // console.log(['touching, huh', e.originalEvent.touches]); }) $('.price-num-bar-qd').on('touchmove mousemove', function(e){ if (!qDraggable && !minQDraggable) { return; } dragBar(e, $(this)); // console.log(['dragging, huh', e.originalEvent.touches[0]]); }) $('.qd-sorts-and-filters input').change(function(){ console.log(this); // if (this.name == 'sortQDs') { // // guard statement for sorts. no need to filter these! // } switch (this.name) { case 'sortQDs': quickDeliveryFilters.sort = this.id; // console.log(this.id); break; case 'availableQDsOnly': quickDeliveryFilters.showAvailable = this.checked; // console.log("availableQDs", this.checked); break; case 'basementQDsOnly': quickDeliveryFilters.showBasement = this.checked; // console.log("basementQDs", this.checked); break; case 'firstFloorBedroomQDsOnly': quickDeliveryFilters.showFirstFloorBedroom = this.checked; // console.log("firstFloorBedroomQDs", this.checked); break; case 'filterStories': quickDeliveryFilters.stories = this.id; // console.log("stories", this.id); break; } // console.log(quickDeliveryFilters); filterQDs(); }); $('.trims input').change(function(){ if ($(this).prop('checked') == true) { // console.log(filters); filters.trim = $(this).attr('id'); $('.trims input').not(this).prop('checked', false); } else { // console.log(filters); filters.trim = false; $('.trims input').prop('checked', false); } filterDesigns(); }) $('input[name=firstFloorFilter]').change(function(){ filters.firstFloor = ($(this).prop('checked') == true) ? true : ''; filterDesigns(); }) $('input[name=basementFilter]').change(function(){ filters.basement = ($(this).prop('checked') == true) ? true : ''; filterDesigns(); }) $('.beds input').change(function(){ if ($(this).prop('checked')) { // console.log($(this).attr('id')); filters.beds = $(this).attr('id'); filterDesigns(); } }) $('.baths input').change(function(){ if ($(this).prop('checked')) { // console.log($(this).attr('id')); filters.baths = $(this).attr('id'); filterDesigns(); } }) $('.garages input').change(function(){ if ($(this).prop('checked')) { // console.log($(this).attr('id')); filters.garages = $(this).attr('id'); filterDesigns(); } }) $('#area-select').change(function(){ var region = $(this).val(); // console.log($(this).val()); window.location.href = region; }); initSlickTrims(); $('.trim-options-inner .option').click(function(){ var name = $(this).data("row"); var slideNo = $(".elevation-trim-slide[data-name='"+name+"']").data("slick-index"); $('.trim-slider').slick('slickGoTo', slideNo ); }); // $('.mobile-menu-toggler').click(function(){ // $("body").toggleClass("special-nav"); // $("#iAtlasChatDiv").toggleClass('move'); // }); // $('.mobile-nav-item a').click(function(){ // $("body").removeClass("special-nav"); // }); $('.model-home-slider').slick({ arrows: false, draggable: false, initialSlide: 0, slidesToShow: 1, slidesToScroll: 1, dots: false, swipe: false, infinite: false, autoplay: false, adaptiveHeight: true, }); $('.bottom-area .design-name').click(function(){ if ($(this).hasClass('active')) { return; } $('.bottom-area .design-name').removeClass('active'); $(this).addClass('active'); $('.model-home-slider').slick('slickGoTo', $(this).data('count')); }); $('.design .tour, .design .customize').click(function(e){ e.preventDefault(); e.stopPropagation(); window.location.href = $(this).data('href'); }); $('.compare-button').click(function(){ $('.shadowbox .trim-guide').css({'opacity': '1', 'height': 'unset', 'overflow': 'unset'}); $('.shadowform').hide(); $('.shadowbox').addClass('trims-box'); $('.shadow-zone .curtain, .shadow-zone .shadowbox').addClass('active'); }) $('.trigger-schools').click(function(){ $('.great-schools-pop-up').show(); $(".top-most .curtain,.top-most .shadowbox").addClass('active'); $("body").addClass('locked'); }) $('.siteplan-trigger').click(function(){ $('.site-plans-pop-ups').show(); $(".top-most .curtain,.top-most .shadowbox").addClass('active'); $("body").addClass('locked'); if ($(".plot-phase-menu")[0]){ $('.plot-map-holder').slick('setPosition'); } }) $('.curtain, .shadowbox .ex, .shadowbox').not(".plot-phase-tab").click(function(event){ // Check if the clicked element or any of its parents have the class .plot-phase-tab if (!$(event.target).closest('.plot-phase-tab').length) { // Your existing code for handling the click event goes here $('.site-plans-pop-ups').hide(); $('body').removeClass('locked'); $('.shadowbox .ex').show(); $('.curtain, .shadowbox').removeClass('active'); $('.tour-module').addClass('hidden-field'); $('.button-outer, .wpcf7-form').removeClass('sent'); $(".wpcf7-submit").removeClass('hidden'); setTimeout(function(){ $('.shadowbox').removeClass('trims-box'); $('.trim-guide').css({'opacity': '0', 'height': '0', 'overflow' : 'hidden'}); $('.shadowform').hide(); $('.great-schools-pop-up').hide(); }, 400); } }); $('.shadowform, .trim-guide, .star-form').click(function(e){ e.stopPropagation(); }); $('.mobile-filter').click(function(e){ // would sorta work // isQD = ($(this).data('type') == "designs") ? false : true; if ($(this).hasClass('filter-button')) { // don't animate, just set scroll position where we want it $('html, body').scrollTop($(this).offset().top - 65); } setTimeout(() => { if($("body").hasClass('open-filter')){ // $(this) // .removeClass('active') // .text("Filter " + ($(this).parents('[data-section="designs"]').length ? ' home designs' : ' quick deliveries')); $("body").removeClass('open-filter'); // $('.communities-single-page .left-sticky-outer, .communities-single-page .left-sticky-inner').css('max-height', $('.nav-back-comm-name').outerHeight(true) + 41) }else{ // $(this) // .addClass('active') // .text("Close filter"); $("body").addClass('open-filter'); // $('.communities-single-page .left-sticky-outer, .communities-single-page .left-sticky-inner').css('max-height', '100vh'); } }, 500); }); $('.trim-container .option').click(function(){ if ($(this).hasClass('active')) { return; } var row = $(this).data('row'); $('.trim-container .option, .trim-container .row').removeClass('active'); $(this).addClass('active') $('.trim-container .row.' + row).addClass('active'); }); // Click event handler for '.sticky-attractions .item' $('.sticky-attractions .item').click(function() { if ($(this).find('input').prop('checked')) { $(this).find('input').prop('checked', false); $(this).removeClass('active'); console.log('click it off'); } else { $('.sticky-attractions .item').removeClass('active').find('input').prop('checked', false); $(this).addClass('active'); $(this).find('input').prop('checked', true); console.log('click it on'); } var types = {}; $('.item').removeClass('active'); $('.sticky-attractions input:checked').each(function() { $(this).parents('.item').addClass('active'); types[$(this).data('icon')] = $(this).data('results'); }); // Ensure map is defined before proceeding if (map) { // Your existing code to set markers using the map... // remove all old markers for (var i = 0; i < markers.length; i++) { markers[i].setMap(null); } markers.length = 0; // nothing selected? we're good then if (!Object.keys(types).length) { return; } bounds = new google.maps.LatLngBounds(); var location = $('#map').data(); // for (var i=0; i < types.length; i++) {} for (icon in types) { var results = types[icon]; setMarkers(map, results, bounds, icon); } } else { console.error('Map is not initialized.'); } }); // setTimeout(function(){ // scrollArea(); // }, 1000); // $(window).resize(scrollArea); // function scrollArea(){ // var topArea = $(".nav-back-comm-name").outerHeight(); // var bottomBar = $(".decorated-bottom-bar").outerHeight(); // var parentHeight = $(".left-sticky-inner").outerHeight(); // var contents = topArea + bottomBar; // var totalHeight = parentHeight - contents; // // $(".filter-options-inner-area").css("height", totalHeight); // } /** * Enter the PHP * */ // Maronda's own SVG scripts$( "svg text" ).hover(function() { var JobElm = $(this).parent('g').parent('g').find('.job-linked'); if ( JobElm.length ) { JobElm.trigger('mouseover'); JobElm.attr('class', function(index, classNames) { return classNames + ' hover'; }); }}, function() { var JobElm = $(this).parent('g').parent('g').find('.job-linked'); if ( JobElm.length ) { JobElm.trigger('mouseover'); JobElm.attr('class', function(index, classNames) { return classNames.replace('hover', ''); }); }});var waitForEl = function(selector, callback) { if (jQuery(selector).length) { callback(); } else { setTimeout(function() { waitForEl(selector, callback); }, 100); }}; // Define a function to initialize svgPanZoom for each SVG element function initializePanZoom(svgElement) { var PanZoom = svgPanZoom(svgElement, { zoomEnabled: true, controlIconsEnabled: false, mouseWheelZoomEnabled: false, fit: false, center: true, minZoom: 0.8, maxZoom: 2, customEventsHandler: { init: function(options) { // Initialize custom event handlers // You can add custom event handling logic here }, destroy: function() { // Cleanup custom event handlers // You can perform any cleanup tasks here } } }); // Add event listeners for zoom controls specific to this instance $(svgElement).siblings('.zoom-controls').find('.zoom-in').on('click', function(){ PanZoom.zoomIn(); }); $(svgElement).siblings('.zoom-controls').find('.zoom-out').on('click', function(){ PanZoom.zoomOut(); }); $(svgElement).siblings('.zoom-controls').find('.zoom-reset').on('click', function(){ PanZoom.resetZoom(); }); } // Wait for all SVG elements to be available waitForEl('.svg-container svg', function() { console.log('All SVG elements are available'); // Iterate over each SVG element $('.svg-container svg').each(function(){ initializePanZoom(this); }); }); $('.BTNplotplan-phase').on('click',function(){ var CRS = $(this).attr('rel-crs'); var Phase = $(this).attr('rel-phase'); VirtualPlot_LoadPhase( CRS, Phase ); }); var notificationNumber = 0; var notificationArray = [0, 3, 4, 8]; $('.universal-modal[data-type="notification"][data-qd-sec="0"]').each(function(){ $(this) .clone() .appendTo('.where-the-ads-go-on-mobile') .addClass('cardified insider') .removeClass('hidden') // .css('order', ($('.model-home, .quick-delivery-home').length ? 3 : 4)) .find('.special-ex').remove() if (notificationNumber > 1) { return; } $(this) .clone() .insertAfter($('.buildable-only').eq(notificationArray[notificationNumber])) .addClass('cardified insider') .removeClass('hidden') // .css('order', ($('.model-home, .quick-delivery-home').length ? 3 : 4)) .find('.special-ex').remove() notificationNumber ++; }); notificationNumber = 0; $('.universal-modal[data-type="notification"][data-qd-sec="1"]').each(function(){ $(this) .clone() .appendTo('.where-the-qd-ads-go-on-mobile') .addClass('cardified insider') .removeClass('hidden') // .css('order', ($('.model-home, .quick-delivery-home').length ? 3 : 4)) .find('.special-ex').remove() if (notificationNumber > 1) { return; } $(this) .clone() .insertAfter($('.qd-home:not(.buildable-only)').eq(notificationArray[notificationNumber]).length ? $('.qd-home:not(.buildable-only):not(.homesite-element').eq(notificationArray[notificationNumber]) : $('.qd-home:not(.buildable-only):not(.homesite-element').last()) .addClass('cardified insider') .removeClass('hidden') // .css('order', ($('.model-home, .quick-delivery-home').length ? 3 : 4)) .find('.special-ex').remove() notificationNumber ++; }); $('.view-model-modal').click(function(){ $('.modal-pull-in').addClass('active'); $('body').addClass('locked'); }); $('.modal-pull-in .modal-model-curtain, .modal-pull-in .close-me').click(function(){ $('.modal-pull-in, .overlay-two').removeClass('active'); $('body').removeClass('locked'); }); $('.modal-pull-in .overlay-model-card').click(function(){ var count = $(this).data('count'); $('.overlay-two[data-count="' + count + '"]').addClass('active'); }) $('.modal-pull-in .overlay-two .close-me-too').click(function(){ if ($('.overlay-two').hasClass('permanent')) { $('.close-me').click(); } $('.overlay-two').removeClass('active'); }); $('.overlay-model-card').first().addClass('active'); $('.model-image-slider').slick({ arrows: false, draggable: true, initialSlide: 0, slidesToShow: 1, slidesToScroll: 1, dots: false, swipe: true, infinite: false, autoplay: false, centerMode: true, }).on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('.overlay-model-card').removeClass('active'); $('.overlay-model-card[data-count="' + nextSlide + '"]').addClass('active'); }); }); $(document).on('keyup', function(e){ if (e.which == '27') { $('.modal-pull-in, .overlay-two').removeClass('active'); $('body').removeClass('locked'); } }) $(document).on('wpcf7mailsent', function(e){ if (surveySays) { // console.log(['everything we need is here!', surveySays]); var survey = $('.universal-modal[data-type="vip_survey"]'); survey.find('.title').text(surveySays.title); survey.find('.blurb').html(surveySays.blurb); survey.find('.button').attr('href', surveySays.link.url).attr('target', surveySays.link.target).text(surveySays.link.title); $('.shadow-zone .shadowbox, .shadow-zone .curtain').removeClass('active'); $('.universal-modal').hide() survey.show(); $('.universal-shadowbox').addClass('green active'); surveySays = false; } })