https://www.gotostjoseph.com/wp-content/themes/aix-hamilton/frontend/global/js/home-page.js

1( function($) {
2
3	var app = {
4
5		mobile_width: 991,
6
7		init: function() {
8			this.quickSearchToggle();
9			this.welcomeSlide();
10			this.propertiesSlide();
11		},
12		quickSearchToggle: function() {
13			$('.qs-toggle').on('click', function() {
14				var _this = $(this);
15				_this.addClass('fadeOutDown');
16				setTimeout(function(){
17					_this.next('.qs-form').show().addClass('fadeInUp');
18				},500);
19			});
20
21			$('.idx-broker-search select').selectpicker();
22
23			$('.idx-broker-cont .dropdown-menu li').each(function(i,v){
24				$(v).on('click', function(){
25					if( $(v).data('optgroup') == 1 ){
26							if ( $(v).find('a').attr('aria-selected') == 'false'){
27								$('.idx-broker-cont').prepend('<input type="hidden" name="city" data-val="'+$(v).text()+'" value="'+$(v).text()+'">')
28							}else{
29								$('input[data-val="'+$(v).text()+'"]').remove();
30							}
31					}else if( $(v).data('optgroup') == 2 ){
32						if ( $(v).find('a').attr('aria-selected') == 'false'){
33							$('.idx-broker-cont').prepend('<input type="hidden" name="county" data-val="'+$(v).text()+'" value="'+$(v).text()+'">')
34						}else{
35							$('input[data-val="'+jQuery(v).text()+'"]').remove();
36						}
37					}else if( $(v).data('optgroup') == 3 ){
38						if ( $(v).find('a').attr('aria-selected') == 'false'){
39							$('.idx-broker-cont').prepend('<input type="hidden" name="zipcode" data-val="'+$(v).text()+'" value="'+$(v).text()+'">')
40						}else{
41							jQuery('input[data-val="'+$(v).text()+'"]').remove();
42						}
43					}
44				});
45			});
46
47
48		},
49
50		welcomeSlide: function() {
51			$('.welcome-txt, .welcome-img').chainHeight({
52		        breakpoints: [
53		            {
54		                min: 992
55		            }
56		        ]
57			});
58		},
59
60		propertiesSlide: function() {
61
62
63			var $listingImg = $('.fp-img-slick');
64			var $listingText = $('.fp-txt-slick');
65
66			$listingImg.slick({
67				fade: true,
68				cssEase: 'linear',
69				autoplay: true,
70				autoplaySpeed: 8000,
71				slidesToShow: 1,
72				slidesToScroll: 1,
73				arrows: true,
74				dots: false,
75				speed: 800,
76				infinite: true,
77				pauseOnHover: false,
78				rows: 0,
79				prevArrow: $('.fp-prev'),
80				nextArrow: $('.fp-next'),
81				asNavFor: $listingText
82			});
83
84			$listingText.slick({
85				autoplay: true,
86				autoplaySpeed: 8000,
87				slidesToShow: 1,
88				slidesToScroll: 1,
89				arrows: false,
90				dots: false,
91				speed: 800,
92				infinite: true,
93				pauseOnHover: false,
94				rows: 0,
95				fade: true,
96				asNavFor: $listingImg
97			});
98
99
100            var slickLazyLoad = function (slides) {
101                var imgs = $(slides).find('canvas[data-slick-lazy]');
102
103                $.each(imgs, function (i, v) {
104                    var slide = $(this);
105
106                    if (!slide.hasClass('slick-img-loaded')) {
107                        slide.addClass('slick-img-loaded');
108
109                        var imgSrc = slide.data('slick-lazy');
110
111                        slide.css({
112                            "background-image": "url(\""+imgSrc+"\")",
113                        });
114                    }
115                });
116            };
117
118
119            // Loads the very first or current image on the slide
120            $(window).on('load', function () {
121                slickLazyLoad($listingImg.find('.slick-active'));
122            });
123
124            $listingImg.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
125                if (currentSlide !== nextSlide) {
126                    slickLazyLoad($(slick.$slides.get(currentSlide)));
127                    slickLazyLoad($(slick.$slides.get(nextSlide)));
128                }
129            });
130
131			$('.fp-txt, .fp-img').chainHeight({
132		        master: $('.fp-txt'),
133		        breakpoints: [
134		            {
135		                min: 992
136		            }
137		        ]
138			});
139		}
140	}
141
142
143	$(document).ready( function() {
144
145		app.init();
146		if (jQuery(".no-property-found")[0]){
147			jQuery('#properties').hide();
148		}
149	});
150
151	$(window).on('resize', function(){
152
153
154
155	});
156
157
158})(jQuery);