871 lines
29 KiB
JavaScript
871 lines
29 KiB
JavaScript
(function ($) {
|
|
"use strict";
|
|
|
|
// Loan Filter
|
|
function loanFilter() {
|
|
$(function () {
|
|
$("#slider-range-min").slider({
|
|
range: "min",
|
|
value: 950,
|
|
min: 500,
|
|
max: 1500,
|
|
slide: function (event, ui) {
|
|
$("#amount").val("sq feet " + ui.value);
|
|
},
|
|
});
|
|
$("#amount").val("sq feet " + $("#slider-range-min").slider("value"));
|
|
});
|
|
|
|
$(function () {
|
|
$("#slider-range-max").slider({
|
|
range: "max",
|
|
min: 1,
|
|
max: 10,
|
|
value: 2,
|
|
slide: function (event, ui) {
|
|
$("#j").val(ui.value);
|
|
},
|
|
});
|
|
$("#j").val($("#slider-range-max").slider("value"));
|
|
});
|
|
}
|
|
|
|
// Time picker
|
|
function timepicker() {
|
|
if ($('input[name="time"]').length) {
|
|
$('input[name="time"]').ptTimeSelect();
|
|
}
|
|
}
|
|
|
|
//Hide Loading Box (Preloader)
|
|
function handlePreloader() {
|
|
if ($(".loader-wrap").length) {
|
|
$(".loader-wrap").delay(750).fadeOut(750);
|
|
}
|
|
TweenMax.to($(".loader-wrap .overlay"), 1.2, {
|
|
force3D: true,
|
|
left: "100%",
|
|
ease: Expo.easeInOut,
|
|
});
|
|
}
|
|
|
|
function thmSwiperInit() {
|
|
// swiper slider
|
|
if ($(".thm-swiper__slider").length) {
|
|
$(".thm-swiper__slider").each(function () {
|
|
let elm = $(this);
|
|
let options = elm.data("swiper-options");
|
|
let thmSwiperSlider = new Swiper(elm, options);
|
|
});
|
|
}
|
|
}
|
|
|
|
function thmOwlInit() {
|
|
// owl slider
|
|
|
|
if ($(".thm-owl__carousel").length) {
|
|
$(".thm-owl__carousel").each(function () {
|
|
let elm = $(this);
|
|
let options = elm.data("owl-options");
|
|
let thmOwlCarousel = elm.owlCarousel(options);
|
|
});
|
|
}
|
|
|
|
if ($(".thm-owl__carousel--custom-nav").length) {
|
|
$(".thm-owl__carousel--custom-nav").each(function () {
|
|
let elm = $(this);
|
|
let owlNavPrev = elm.data("owl-nav-prev");
|
|
let owlNavNext = elm.data("owl-nav-next");
|
|
$(owlNavPrev).on("click", function (e) {
|
|
elm.trigger("prev.owl.carousel");
|
|
e.preventDefault();
|
|
});
|
|
|
|
$(owlNavNext).on("click", function (e) {
|
|
elm.trigger("next.owl.carousel");
|
|
e.preventDefault();
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
function dynamicCurrentMenuClass(selector) {
|
|
let FileName = window.location.href.split("/").reverse()[0];
|
|
|
|
selector.find("li").each(function () {
|
|
let anchor = $(this).find("a");
|
|
if ($(anchor).attr("href") == FileName) {
|
|
$(this).addClass("current");
|
|
}
|
|
});
|
|
// if any li has .current elmnt add class
|
|
selector.children("li").each(function () {
|
|
if ($(this).find(".current").length) {
|
|
$(this).addClass("current");
|
|
}
|
|
});
|
|
// if no file name return
|
|
if ("" == FileName) {
|
|
selector.find("li").eq(0).addClass("current");
|
|
}
|
|
}
|
|
|
|
//Bottom Parallax
|
|
function bottomParallax() {
|
|
if ($(".bottom-parallax").length) {
|
|
var windowpos = $(window).scrollTop();
|
|
var siteFooter = $(".footer-area").height();
|
|
var sitebodyHeight = $(".boxed_wrapper").height();
|
|
var finalHeight = sitebodyHeight - siteFooter - 1000;
|
|
if (windowpos >= finalHeight) {
|
|
$("body").addClass("parallax-visible");
|
|
} else {
|
|
$("body").removeClass("parallax-visible");
|
|
}
|
|
}
|
|
}
|
|
|
|
//Accordion Active
|
|
function accordionActive() {
|
|
if ($(".accordion-box-style1").length) {
|
|
$(".accordion-box-style1").on("click", ".accord-btn", function () {
|
|
if ($(this).hasClass("active") !== true) {
|
|
$(".accordion .accord-btn").removeClass("active");
|
|
}
|
|
|
|
if ($(this).next(".accord-content").is(":visible")) {
|
|
$(this).removeClass("active");
|
|
$(this).next(".accord-content").slideUp(500);
|
|
} else {
|
|
$(this).addClass("active");
|
|
$(".accordion .accord-content").slideUp(500);
|
|
$(this).next(".accord-content").slideDown(500);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
//===Language switcher===
|
|
function languageSwitcher() {
|
|
if ($("#polyglot-language-options").length) {
|
|
$("#polyglotLanguageSwitcher").polyglotLanguageSwitcher({
|
|
effect: "slide",
|
|
animSpeed: 100,
|
|
testMode: true,
|
|
onChange: function (evt) {
|
|
alert("The selected language is: " + evt.selectedItem);
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
//Scrool To Top Bar
|
|
function handleScrollbar() {
|
|
const bHeight = $("body").height();
|
|
const scrolled = $(window).innerHeight() + $(window).scrollTop();
|
|
|
|
let percentage = (scrolled / bHeight) * 100;
|
|
|
|
if (percentage > 100) percentage = 100;
|
|
|
|
$(".scroll-top-inner .bar-inner").css("width", percentage + "%");
|
|
}
|
|
|
|
if ($(".main-menu__list").length) {
|
|
// dynamic current class
|
|
let mainNavUL = $(".main-menu__list");
|
|
dynamicCurrentMenuClass(mainNavUL);
|
|
}
|
|
|
|
if ($(".service-details__sidebar-service-list").length) {
|
|
// dynamic current class
|
|
let mainNavUL = $(".service-details__sidebar-service-list");
|
|
dynamicCurrentMenuClass(mainNavUL);
|
|
}
|
|
|
|
if ($(".main-menu__list").length && $(".mobile-nav__container").length) {
|
|
let navContent = document.querySelector(".main-menu__list").outerHTML;
|
|
let mobileNavContainer = document.querySelector(".mobile-nav__container");
|
|
mobileNavContainer.innerHTML = navContent;
|
|
}
|
|
|
|
if ($(".sticky-header__content").length) {
|
|
let navContent = document.querySelector(".main-menu").innerHTML;
|
|
let mobileNavContainer = document.querySelector(".sticky-header__content");
|
|
mobileNavContainer.innerHTML = navContent;
|
|
}
|
|
|
|
if ($(".mobile-nav__container .main-menu__list").length) {
|
|
let dropdownAnchor = $(".mobile-nav__container .main-menu__list .dropdown > a");
|
|
dropdownAnchor.each(function () {
|
|
let self = $(this);
|
|
let toggleBtn = document.createElement("BUTTON");
|
|
toggleBtn.setAttribute("aria-label", "dropdown toggler");
|
|
toggleBtn.innerHTML = "<i class='fa fa-angle-down'></i>";
|
|
self.append(function () {
|
|
return toggleBtn;
|
|
});
|
|
self.find("button").on("click", function (e) {
|
|
e.preventDefault();
|
|
let self = $(this);
|
|
self.toggleClass("expanded");
|
|
self.parent().toggleClass("expanded");
|
|
self.parent().parent().children("ul").slideToggle();
|
|
});
|
|
});
|
|
}
|
|
|
|
if ($(".mobile-nav__toggler").length) {
|
|
$(".mobile-nav__toggler").on("click", function (e) {
|
|
e.preventDefault();
|
|
$(".mobile-nav__wrapper").toggleClass("expanded");
|
|
$("body").toggleClass("locked");
|
|
});
|
|
}
|
|
|
|
//Fact Counter + Text Count
|
|
if ($(".count-box").length) {
|
|
$(".count-box").appear(
|
|
function () {
|
|
var $t = $(this),
|
|
n = $t.find(".count-text").attr("data-stop"),
|
|
r = parseInt($t.find(".count-text").attr("data-speed"), 10);
|
|
|
|
if (!$t.hasClass("counted")) {
|
|
$t.addClass("counted");
|
|
$({
|
|
countNum: $t.find(".count-text").text(),
|
|
}).animate(
|
|
{
|
|
countNum: n,
|
|
},
|
|
{
|
|
duration: r,
|
|
easing: "linear",
|
|
step: function () {
|
|
$t.find(".count-text").text(Math.floor(this.countNum));
|
|
},
|
|
complete: function () {
|
|
$t.find(".count-text").text(this.countNum);
|
|
},
|
|
}
|
|
);
|
|
}
|
|
},
|
|
{
|
|
accY: 0,
|
|
}
|
|
);
|
|
}
|
|
|
|
// Scroll top button
|
|
$(".scroll-top-inner").on("click", function () {
|
|
$("html, body").animate(
|
|
{
|
|
scrollTop: 0,
|
|
},
|
|
500
|
|
);
|
|
return false;
|
|
});
|
|
|
|
// Vegas Slider
|
|
if ($(".banner-bg-slide").length) {
|
|
$(".banner-bg-slide").each(function () {
|
|
var Self = $(this);
|
|
var bgSlideOptions = Self.data("options");
|
|
var bannerTwoSlides = Self.vegas(bgSlideOptions);
|
|
});
|
|
}
|
|
|
|
// Service Style1 Tab
|
|
if ($(".service-style1-tab").length) {
|
|
$(".service-style1-tab .tabs-button-box .tab-btn-item").on("click", function (e) {
|
|
e.preventDefault();
|
|
var target = $($(this).attr("data-tab"));
|
|
|
|
if ($(target).hasClass("actve-tab")) {
|
|
return false;
|
|
} else {
|
|
$(".service-style1-tab .tabs-button-box .tab-btn-item").removeClass("active-btn-item");
|
|
$(this).addClass("active-btn-item");
|
|
$(".service-style1-tab .tabs-content-box .tab-content-box-item").removeClass(
|
|
"tab-content-box-item-active"
|
|
);
|
|
$(target).addClass("tab-content-box-item-active");
|
|
}
|
|
});
|
|
}
|
|
|
|
// === Round Progress Bar===
|
|
if ($(".dial").length) {
|
|
$(".dial").appear(
|
|
function () {
|
|
var elm = $(this);
|
|
var color = elm.attr("data-fgColor");
|
|
var perc = elm.attr("value");
|
|
elm.knob({
|
|
value: 0,
|
|
min: 0,
|
|
max: 100,
|
|
skin: "tron",
|
|
readOnly: true,
|
|
thickness: 0.12,
|
|
dynamicDraw: true,
|
|
displayInput: false,
|
|
});
|
|
$({
|
|
value: 0,
|
|
}).animate(
|
|
{
|
|
value: perc,
|
|
},
|
|
{
|
|
duration: 2000,
|
|
easing: "swing",
|
|
progress: function () {
|
|
elm.val(Math.ceil(this.value)).trigger("change");
|
|
},
|
|
}
|
|
);
|
|
$(this).append(function () {});
|
|
},
|
|
{
|
|
accY: 20,
|
|
}
|
|
);
|
|
}
|
|
|
|
// ===Project // masonary===
|
|
function projectMasonaryLayout() {
|
|
if ($(".masonary-layout").length) {
|
|
$(".masonary-layout").isotope({
|
|
layoutMode: "masonry",
|
|
});
|
|
}
|
|
if ($(".post-filter").length) {
|
|
$(".post-filter li")
|
|
.children(".filter-text")
|
|
.on("click", function () {
|
|
var Self = $(this);
|
|
var selector = Self.parent().attr("data-filter");
|
|
$(".post-filter li").removeClass("active");
|
|
Self.parent().addClass("active");
|
|
$(".filter-layout").isotope({
|
|
filter: selector,
|
|
animationOptions: {
|
|
duration: 500,
|
|
easing: "linear",
|
|
queue: false,
|
|
},
|
|
});
|
|
return false;
|
|
});
|
|
}
|
|
|
|
if ($(".post-filter.has-dynamic-filters-counter").length) {
|
|
// var allItem = $('.single-filter-item').length;
|
|
var activeFilterItem = $(".post-filter.has-dynamic-filters-counter").find("li");
|
|
activeFilterItem.each(function () {
|
|
var filterElement = $(this).data("filter");
|
|
var count = $(".filter-layout").find(filterElement).length;
|
|
$(this)
|
|
.children(".filter-text")
|
|
.append('<span class="count">' + count + "</span>");
|
|
});
|
|
}
|
|
}
|
|
|
|
//Add One Page nav
|
|
if ($(".scroll-nav").length) {
|
|
$(".scroll-nav").onePageNav();
|
|
}
|
|
|
|
// Branch Atm Tab
|
|
if ($(".features-style2-tab").length) {
|
|
$(".features-style2-tab .tabs-button-box .tab-btn-item").on("click", function (e) {
|
|
e.preventDefault();
|
|
var target = $($(this).attr("data-tab"));
|
|
|
|
if ($(target).hasClass("actve-tab")) {
|
|
return false;
|
|
} else {
|
|
$(".features-style2-tab .tabs-button-box .tab-btn-item").removeClass("active-btn-item");
|
|
$(this).addClass("active-btn-item");
|
|
$(".features-style2-tab .tabs-content-box .tab-content-box-item").removeClass(
|
|
"tab-content-box-item-active"
|
|
);
|
|
$(target).addClass("tab-content-box-item-active");
|
|
}
|
|
});
|
|
}
|
|
|
|
//Hidden Sidebar
|
|
if ($(".hidden-sidebar").length) {
|
|
var animButton = $(".sidemenu-nav-toggler"),
|
|
hiddenBar = $(".hidden-sidebar"),
|
|
navOverlay = $(".nav-overlay"),
|
|
hiddenBarClose = $(".hidden-sidebar-close");
|
|
|
|
function showMenu() {
|
|
TweenMax.to(hiddenBar, 0.6, {
|
|
force3D: false,
|
|
left: "0",
|
|
ease: Expo.easeInOut,
|
|
});
|
|
hiddenBar.removeClass("close-sidebar");
|
|
navOverlay.fadeIn(500);
|
|
}
|
|
|
|
function hideMenu() {
|
|
TweenMax.to(hiddenBar, 0.6, {
|
|
force3D: false,
|
|
left: "-480px",
|
|
ease: Expo.easeInOut,
|
|
});
|
|
hiddenBar.addClass("close-sidebar");
|
|
navOverlay.fadeOut(500);
|
|
}
|
|
animButton.on("click", function () {
|
|
if (hiddenBar.hasClass("close-sidebar")) showMenu();
|
|
else hideMenu();
|
|
});
|
|
navOverlay.on("click", function () {
|
|
hideMenu();
|
|
});
|
|
hiddenBarClose.on("click", function () {
|
|
hideMenu();
|
|
});
|
|
}
|
|
|
|
if ($(".nav-overlay").length) {
|
|
// / cursor /
|
|
var cursor = $(".nav-overlay .cursor"),
|
|
follower = $(".nav-overlay .cursor-follower");
|
|
|
|
var posX = 0,
|
|
posY = 0;
|
|
|
|
var mouseX = 0,
|
|
mouseY = 0;
|
|
|
|
TweenMax.to({}, 0.016, {
|
|
repeat: -1,
|
|
onRepeat: function () {
|
|
posX += (mouseX - posX) / 9;
|
|
posY += (mouseY - posY) / 9;
|
|
|
|
TweenMax.set(follower, {
|
|
css: {
|
|
left: posX - 22,
|
|
top: posY - 22,
|
|
},
|
|
});
|
|
|
|
TweenMax.set(cursor, {
|
|
css: {
|
|
left: mouseX,
|
|
top: mouseY,
|
|
},
|
|
});
|
|
},
|
|
});
|
|
|
|
$(document).on("mousemove", function (e) {
|
|
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
mouseX = e.pageX;
|
|
mouseY = e.pageY - scrollTop;
|
|
});
|
|
$("button, a").on("mouseenter", function () {
|
|
cursor.addClass("active");
|
|
follower.addClass("active");
|
|
});
|
|
$("button, a").on("mouseleave", function () {
|
|
cursor.removeClass("active");
|
|
follower.removeClass("active");
|
|
});
|
|
$(".nav-overlay").on("mouseenter", function () {
|
|
cursor.addClass("close-cursor");
|
|
follower.addClass("close-cursor");
|
|
});
|
|
$(".nav-overlay").on("mouseleave", function () {
|
|
cursor.removeClass("close-cursor");
|
|
follower.removeClass("close-cursor");
|
|
});
|
|
}
|
|
|
|
//Progress Bar / Levels
|
|
if ($(".progress-levels .progress-box .bar-fill").length) {
|
|
$(".progress-box .bar-fill").each(
|
|
function () {
|
|
$(".progress-box .bar-fill").appear(function () {
|
|
var progressWidth = $(this).attr("data-percent");
|
|
$(this).css("width", progressWidth + "%");
|
|
});
|
|
},
|
|
{
|
|
accY: 0,
|
|
}
|
|
);
|
|
}
|
|
|
|
//====== Magnific Popup
|
|
if ($(".video-popup").length) {
|
|
$(".video-popup").magnificPopup({
|
|
type: "iframe",
|
|
mainClass: "mfp-fade",
|
|
removalDelay: 160,
|
|
preloader: true,
|
|
|
|
fixedContentPos: false,
|
|
});
|
|
}
|
|
|
|
if ($(".img-popup").length) {
|
|
var groups = {};
|
|
$(".img-popup").each(function () {
|
|
var id = parseInt($(this).attr("data-group"), 10);
|
|
|
|
if (!groups[id]) {
|
|
groups[id] = [];
|
|
}
|
|
|
|
groups[id].push(this);
|
|
});
|
|
|
|
$.each(groups, function () {
|
|
$(this).magnificPopup({
|
|
type: "image",
|
|
closeOnContentClick: true,
|
|
closeBtnInside: false,
|
|
gallery: {
|
|
enabled: true,
|
|
},
|
|
});
|
|
});
|
|
}
|
|
|
|
//LightBox / Fancybox
|
|
if ($(".lightbox-image").length) {
|
|
$(".lightbox-image").fancybox({
|
|
openEffect: "fade",
|
|
closeEffect: "fade",
|
|
|
|
youtube: {
|
|
controls: 0,
|
|
showinfo: 0,
|
|
},
|
|
|
|
helpers: {
|
|
media: {},
|
|
},
|
|
});
|
|
}
|
|
|
|
// AOS Animation
|
|
if ($("[data-aos]").length) {
|
|
AOS.init({
|
|
duration: "1000",
|
|
disable: "false",
|
|
easing: "ease",
|
|
mirror: true,
|
|
});
|
|
}
|
|
|
|
//Contact Form Validation
|
|
if ($("#contact-form").length) {
|
|
$("#contact-form").validate({
|
|
submitHandler: function (form) {
|
|
var form_btn = $(form).find('button[type="submit"]');
|
|
var form_result_div = "#form-result";
|
|
$(form_result_div).remove();
|
|
form_btn.before(
|
|
'<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>'
|
|
);
|
|
var form_btn_old_msg = form_btn.html();
|
|
form_btn.html(form_btn.prop("disabled", true).data("loading-text"));
|
|
$(form).ajaxSubmit({
|
|
dataType: "json",
|
|
success: function (data) {
|
|
if ((data.status = "true")) {
|
|
$(form).find(".form-control").val("");
|
|
}
|
|
form_btn.prop("disabled", false).html(form_btn_old_msg);
|
|
$(form_result_div).html(data.message).fadeIn("slow");
|
|
setTimeout(function () {
|
|
$(form_result_div).fadeOut("slow");
|
|
}, 6000);
|
|
},
|
|
});
|
|
},
|
|
});
|
|
}
|
|
|
|
if ($("#datepicker").length) {
|
|
$("#datepicker").datepicker();
|
|
}
|
|
|
|
if ($(".odometer").length) {
|
|
var odo = $(".odometer");
|
|
odo.each(function () {
|
|
$(this).appear(function () {
|
|
var countNumber = $(this).attr("data-count");
|
|
$(this).html(countNumber);
|
|
});
|
|
});
|
|
}
|
|
|
|
if ($(".wow").length) {
|
|
var wow = new WOW({
|
|
boxClass: "wow", // animated element css class (default is wow)
|
|
animateClass: "animated", // animation css class (default is animated)
|
|
mobile: true, // trigger animations on mobile devices (default is true)
|
|
live: true, // act on asynchronously loaded content (default is true)
|
|
});
|
|
wow.init();
|
|
}
|
|
|
|
if ($(".search-toggler").length) {
|
|
$(".search-toggler").on("click", function (e) {
|
|
e.preventDefault();
|
|
$(".search-popup").toggleClass("active");
|
|
$(".mobile-nav__wrapper").removeClass("expanded");
|
|
$("body").toggleClass("locked");
|
|
});
|
|
}
|
|
|
|
//Accordion Box
|
|
if ($(".accordion-box").length) {
|
|
$(".accordion-box").on("click", ".acc-btn", function () {
|
|
var outerBox = $(this).parents(".accordion-box");
|
|
var target = $(this).parents(".accordion");
|
|
|
|
if ($(this).hasClass("active") !== true) {
|
|
$(outerBox).find(".accordion .acc-btn").removeClass("active");
|
|
}
|
|
|
|
if ($(this).next(".acc-content").is(":visible")) {
|
|
return false;
|
|
} else {
|
|
$(this).addClass("active");
|
|
$(outerBox).children(".accordion").removeClass("active-block");
|
|
$(outerBox).find(".accordion").children(".acc-content").slideUp(300);
|
|
target.addClass("active-block");
|
|
$(this).next(".acc-content").slideDown(300);
|
|
}
|
|
});
|
|
}
|
|
|
|
function SmoothMenuScroll() {
|
|
var anchor = $(".scrollToLink");
|
|
if (anchor.length) {
|
|
anchor.children("a").bind("click", function (event) {
|
|
if ($(window).scrollTop() > 10) {
|
|
var headerH = "80";
|
|
} else {
|
|
var headerH = "80";
|
|
}
|
|
var target = $(this);
|
|
$("html, body")
|
|
.stop()
|
|
.animate(
|
|
{
|
|
scrollTop: $(target.attr("href")).offset().top - headerH + "px",
|
|
},
|
|
900,
|
|
"easeInSine"
|
|
);
|
|
anchor.removeClass("current");
|
|
anchor.removeClass("current-menu-ancestor");
|
|
anchor.removeClass("current_page_item");
|
|
anchor.removeClass("current-menu-parent");
|
|
target.parent().addClass("current");
|
|
event.preventDefault();
|
|
});
|
|
}
|
|
}
|
|
SmoothMenuScroll();
|
|
|
|
function OnePageMenuScroll() {
|
|
var windscroll = $(window).scrollTop();
|
|
if (windscroll >= 117) {
|
|
var menuAnchor = $(".one-page-scroll-menu .scrollToLink").children("a");
|
|
menuAnchor.each(function () {
|
|
var sections = $(this).attr("href");
|
|
$(sections).each(function () {
|
|
if ($(this).offset().top <= windscroll + 100) {
|
|
var Sectionid = $(sections).attr("id");
|
|
$(".one-page-scroll-menu").find("li").removeClass("current");
|
|
$(".one-page-scroll-menu").find("li").removeClass("current-menu-ancestor");
|
|
$(".one-page-scroll-menu").find("li").removeClass("current_page_item");
|
|
$(".one-page-scroll-menu").find("li").removeClass("current-menu-parent");
|
|
$(".one-page-scroll-menu")
|
|
.find("a[href*=\\#" + Sectionid + "]")
|
|
.parent()
|
|
.addClass("current");
|
|
}
|
|
});
|
|
});
|
|
} else {
|
|
$(".one-page-scroll-menu li.current").removeClass("current");
|
|
$(".one-page-scroll-menu li:first").addClass("current");
|
|
}
|
|
}
|
|
|
|
// ===Image Hover Script===
|
|
function onHoverthreeDmovement() {
|
|
var tiltBlock = $(".js-tilt");
|
|
if (tiltBlock.length) {
|
|
$(".js-tilt").tilt({
|
|
maxTilt: 20,
|
|
perspective: 700,
|
|
glare: true,
|
|
maxGlare: 0,
|
|
});
|
|
}
|
|
}
|
|
|
|
// window load event
|
|
$(window).on("load", function () {
|
|
thmSwiperInit();
|
|
thmOwlInit();
|
|
handlePreloader();
|
|
languageSwitcher();
|
|
projectMasonaryLayout();
|
|
timepicker();
|
|
onHoverthreeDmovement();
|
|
accordionActive();
|
|
|
|
//Jquery Spinner / Quantity Spinner
|
|
if ($(".quantity-spinner").length) {
|
|
$("input.quantity-spinner").TouchSpin({
|
|
verticalbuttons: true,
|
|
});
|
|
}
|
|
|
|
//Jquery Curved Circle
|
|
if ($(".curved-circle").length) {
|
|
$(".curved-circle").circleType({
|
|
position: "absolute",
|
|
dir: 1,
|
|
radius: 70,
|
|
forceHeight: true,
|
|
forceWidth: true,
|
|
});
|
|
}
|
|
});
|
|
|
|
// window scroll event
|
|
$(window).on("scroll", function () {
|
|
//Stricked Menu Fixed
|
|
if ($(".stricked-menu").length) {
|
|
var headerScrollPos = 130;
|
|
var stricky = $(".stricked-menu");
|
|
if ($(window).scrollTop() > headerScrollPos) {
|
|
stricky.addClass("stricky-fixed");
|
|
} else if ($(this).scrollTop() <= headerScrollPos) {
|
|
stricky.removeClass("stricky-fixed");
|
|
}
|
|
}
|
|
|
|
//Scrool To Top
|
|
if ($(window).scrollTop() > 200) {
|
|
$(".scroll-top-inner").addClass("visible");
|
|
} else {
|
|
$(".scroll-top-inner").removeClass("visible");
|
|
}
|
|
|
|
OnePageMenuScroll();
|
|
bottomParallax();
|
|
handleScrollbar();
|
|
});
|
|
|
|
if ($(".paroller").length) {
|
|
$(".paroller").paroller({
|
|
factor: -0.1, // multiplier for scrolling speed and offset, +- values for direction control
|
|
factorLg: -0.1, // multiplier for scrolling speed and offset if window width is less than 1200px, +- values for direction control
|
|
type: "foreground", // background, foreground
|
|
direction: "vertical", // vertical, horizontal
|
|
});
|
|
}
|
|
|
|
if ($(".paroller-2").length) {
|
|
$(".paroller-2").paroller({
|
|
factor: 0.05, // multiplier for scrolling speed and offset, +- values for direction control
|
|
factorLg: 0.05, // multiplier for scrolling speed and offset if window width is less than 1200px, +- values for direction control
|
|
type: "foreground", // background, foreground
|
|
direction: "horizontal", // vertical, horizontal
|
|
});
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
$("select:not(.ignore)").niceSelect();
|
|
});
|
|
|
|
// Dom Ready Function
|
|
jQuery(document).on("ready", function () {
|
|
(function ($) {
|
|
// add your functions
|
|
loanFilter();
|
|
})(jQuery);
|
|
});
|
|
})(jQuery);
|
|
|
|
// Wait for the document to be fully loaded before running the script
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
// Get the buttons by their IDs
|
|
const residentialBtn = document.getElementById("residential-btn");
|
|
const commercialBtn = document.getElementById("commercial-btn");
|
|
|
|
// Get all residential and commercial project items
|
|
const residentialItems = document.querySelectorAll(".project-item.residential");
|
|
const commercialItems = document.querySelectorAll(".project-item.commercial");
|
|
|
|
// Function to show residential items only with staggered animation
|
|
function showResidential() {
|
|
// Add active class to residential button and remove from commercial
|
|
residentialBtn.classList.add("active");
|
|
commercialBtn.classList.remove("active");
|
|
|
|
// Hide all commercial items immediately
|
|
commercialItems.forEach(function (item) {
|
|
item.classList.add("hidden");
|
|
});
|
|
|
|
// Show residential items with staggered delay
|
|
residentialItems.forEach(function (item, index) {
|
|
// First make sure all items are in the DOM but hidden
|
|
item.classList.remove("hidden");
|
|
// Force a reflow to ensure the browser recognizes the change
|
|
void item.offsetWidth;
|
|
});
|
|
}
|
|
|
|
// Function to show commercial items only with staggered animation
|
|
function showCommercial() {
|
|
// Add active class to commercial button and remove from residential
|
|
commercialBtn.classList.add("active");
|
|
residentialBtn.classList.remove("active");
|
|
|
|
// Hide all residential items immediately
|
|
residentialItems.forEach(function (item) {
|
|
item.classList.add("hidden");
|
|
});
|
|
|
|
// Show commercial items with staggered delay
|
|
commercialItems.forEach(function (item, index) {
|
|
// First make sure all items are in the DOM but hidden
|
|
item.classList.remove("hidden");
|
|
// Force a reflow to ensure the browser recognizes the change
|
|
void item.offsetWidth;
|
|
});
|
|
}
|
|
|
|
// Add click event listeners to buttons
|
|
residentialBtn.addEventListener("click", showResidential);
|
|
commercialBtn.addEventListener("click", showCommercial);
|
|
|
|
// Set residential as default active view when page loads
|
|
showResidential();
|
|
});
|