https://houstoncad.org/js/main.js

1(function ($) {
2  "use strict";
3  
4  // Preloader
5  $(window).on('load', function () {
6    if ($('#preloader').length) {
7      $('#preloader').delay(100).fadeOut('slow', function () {
8        $(this).remove();
9      });
10    }
11  });
12
13  // Back to top button
14  $(window).scroll(function() {
15    if ($(this).scrollTop() > 100) {
16      $('.back-to-top').fadeIn('slow');
17    } else {
18      $('.back-to-top').fadeOut('slow');
19    }
20  });
21  $('.back-to-top').click(function(){
22    $('html, body').animate({scrollTop : 0},1500, 'easeInOutExpo');
23    return false;
24  });
25  
26	var nav = $('nav');
27	var navHeight = nav.outerHeight();
28
29	/*--/ ScrollReveal /Easy scroll animations for web and mobile browsers /--*/
30	window.sr = ScrollReveal();
31	sr.reveal('.foo', { duration: 1000, delay: 15 });
32
33	/*--/ Carousel owl /--*/
34	$('#carousel').owlCarousel({
35		loop: true,
36		margin: -1,
37		items: 1,
38		nav: true,
39		navText: ['<i class="ion-ios-arrow-back" aria-hidden="true"></i>', '<i class="ion-ios-arrow-forward" aria-hidden="true"></i>'],
40		autoplay: true,
41		autoplayTimeout: 3000,
42		autoplayHoverPause: true
43	});
44
45	/*--/ Animate Carousel /--*/
46	$('.intro-carousel').on('translate.owl.carousel', function () {
47		$('.intro-content .intro-title').removeClass('zoomIn animated').hide();
48		$('.intro-content .intro-price').removeClass('fadeInUp animated').hide();
49		$('.intro-content .intro-title-top, .intro-content .spacial').removeClass('fadeIn animated').hide();
50	});
51
52	$('.intro-carousel').on('translated.owl.carousel', function () {
53		$('.intro-content .intro-title').addClass('zoomIn animated').show();
54		$('.intro-content .intro-price').addClass('fadeInUp animated').show();
55		$('.intro-content .intro-title-top, .intro-content .spacial').addClass('fadeIn animated').show();
56	});
57
58	/*--/ Navbar Collapse /--*/
59	$('.navbar-toggle-box-collapse').on('click', function () {
60		$('body').removeClass('box-collapse-closed').addClass('box-collapse-open');
61	});
62	$('.close-box-collapse, .click-closed').on('click', function () {
63		$('body').removeClass('box-collapse-open').addClass('box-collapse-closed');
64		$('.menu-list ul').slideUp(700);
65	});
66/*advanced */
67	$('.navbar-toggle-box-collapse-advanced').on('click', function () {
68		$('body').removeClass('box-collapse-closed').addClass('box-collapse-open');
69	});
70	$('.close-box-collapse-a, .click-closed').on('click', function () {
71		$('body').removeClass('box-collapse-open').addClass('box-collapse-closed');
72		$('.menu-list ul').slideUp(700);
73	});
74
75
76	/*--/ Navbar Menu Reduce /--*/
77	$(window).trigger('scroll');
78	$(window).bind('scroll', function () {
79		var pixels = 50;
80		var top = 1200;
81		if ($(window).scrollTop() > pixels) {
82			$('.navbar-default').addClass('navbar-reduce');
83			$('.navbar-default').removeClass('navbar-trans');
84		} else {
85			$('.navbar-default').addClass('navbar-trans');
86			$('.navbar-default').removeClass('navbar-reduce');
87		}
88		if ($(window).scrollTop() > top) {
89			$('.scrolltop-mf').fadeIn(1000, "easeInOutExpo");
90		} else {
91			$('.scrolltop-mf').fadeOut(1000, "easeInOutExpo");
92		}
93	});
94
95	/*--/ Property owl /--*/
96	$('#property-carousel').owlCarousel({
97		loop: true,
98		margin: 30,
99		responsive: {
100			0: {
101				items: 1,
102			},
103			769: {
104				items: 2,
105			},
106			992: {
107				items: 3,
108			}
109		}
110	});
111
112	/*--/ Property owl owl /--*/
113	$('#property-single-carousel').owlCarousel({
114		loop: true,
115		margin: 0,  
116		nav: true,
117		navText: ['<i class="ion-ios-arrow-back" aria-hidden="true"></i>', '<i class="ion-ios-arrow-forward" aria-hidden="true"></i>'],
118		responsive: {
119			0: {
120				items: 1,
121			}
122		}
123	});
124
125	/*--/ News owl /--*/
126	$('#new-carousel').owlCarousel({
127		loop: true,
128		margin: 30,
129		responsive: {
130			0: {  
131				items: 1,
132			},
133			769: {
134				items: 2,
135			},
136			992: {
137				items: 3,
138			}
139		}
140	});
141
142	/*--/ Testimonials owl /--*/
143	$('#testimonial-carousel').owlCarousel({
144		margin: 0,
145		autoplay: true,
146		nav: true,
147		animateOut: 'fadeOut',
148		animateIn: 'fadeInUp',
149		navText: ['<i class="ion-ios-arrow-back" aria-hidden="true"></i>', '<i class="ion-ios-arrow-forward" aria-hidden="true"></i>'],
150		autoplayTimeout: 4000,
151		autoplayHoverPause: true,
152		responsive: {
153			0: {
154				items: 1,
155			}
156		}
157	});
158	$(document).ready(function () {
159
160		var HeaderHeight = $('.header-cad').height();
161		var SubHeaderHeight = $('.sub-header').height();
162		var FooterHeight = $('.footer').height();
163		var WindowHeight = $(window).height();
164		var TotalHeader = HeaderHeight + SubHeaderHeight + FooterHeight;
165
166		var TotalHeight = WindowHeight - TotalHeader;
167		$('.content').css('min-height', TotalHeight);
168
169	});
170
171})(jQuery);
172
173
174	/*--/ Active tabs  /--*/
175	const tabs = document.querySelector(".tabs");
176	const btns = document.querySelectorAll(".btn-search");
177if (tabs != null && tabs != undefined) {
178	tabs.addEventListener("click",(event)=>{
179	
180		//console.log(event);
181		const id =event.target.dataset.id;
182		const articles =document.querySelectorAll(".collapse");
183	
184		if(id)
185		{
186			btns.forEach((btn)=> {
187				btn.classList.remove("live")
188			});
189			event.target.classList.add("live")
190	

191			articles.forEach((articles)=>{
192				articles.classList.remove("live");
193			});
194			const element = document.getElementById(id);
195			element.classList.add("live");
196		}
197	
198	});
199}