AOS.init({
duration: 800,
easing: 'slide',
once: true
});
jQuery(document).ready(function($) {
"use strict";
$(".loader").delay(1000).fadeOut("slow");
$("#overlayer").delay(1000).fadeOut("slow");
var siteMenuClone = function() {
$('.js-clone-nav').each(function() {
var $this = $(this);
$this.clone().attr('class', 'site-nav-wrap').appendTo('.site-mobile-menu-body');
});
setTimeout(function() {
var counter = 0;
$('.site-mobile-menu .has-children').each(function(){
var $this = $(this);
$this.prepend('<span class="arrow-collapse collapsed">');
$this.find('.arrow-collapse').attr({
'data-toggle' : 'collapse',
'data-target' : '#collapseItem' + counter,
});
$this.find('> ul').attr({
'class' : 'collapse',
'id' : 'collapseItem' + counter,
});
counter++;
});
}, 1000);
$('body').on('click', '.arrow-collapse', function(e) {
var $this = $(this);
if ( $this.closest('li').find('.collapse').hasClass('show') ) {
$this.removeClass('active');
} else {
$this.addClass('active');
}
e.preventDefault();
});
$(window).resize(function() {
var $this = $(this),
w = $this.width();
if ( w > 768 ) {
if ( $('body').hasClass('offcanvas-menu') ) {
$('body').removeClass('offcanvas-menu');
}
}
})
$('body').on('click', '.js-menu-toggle', function(e) {
var $this = $(this);
e.preventDefault();
if ( $('body').hasClass('offcanvas-menu') ) {
$('body').removeClass('offcanvas-menu');
$this.removeClass('active');
} else {
$('body').addClass('offcanvas-menu');
$this.addClass('active');
}
})
// click outisde offcanvas
$(document).mouseup(function(e) {
var container = $(".site-mobile-menu");
if (!container.is(e.target) && container.has(e.target).length === 0) {
if ( $('body').hasClass('offcanvas-menu') ) {
$('body').removeClass('offcanvas-menu');
}
}
});
};
siteMenuClone();
var sitePlusMinus = function() {
$('.js-btn-minus').on('click', function(e){
e.preventDefault();
if ( $(this).closest('.input-group').find('.form-control').val() != 0 ) {
$(this).closest('.input-group').find('.form-control').val(parseInt($(this).closest('.input-group').find('.form-control').val()) - 1);
} else {
$(this).closest('.input-group').find('.form-control').val(parseInt(0));
}
});
$('.js-btn-plus').on('click', function(e){
e.preventDefault();
$(this).closest('.input-group').find('.form-control').val(parseInt($(this).closest('.input-group').find('.form-control').val()) + 1);
});
};
// sitePlusMinus();
var siteSliderRange = function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
};
// siteSliderRange();
var siteCarousel = function () {
if ( $('.nonloop-block-13').length > 0 ) {
$('.nonloop-block-13').owlCarousel({
center: false,
items: 1,
loop: true,
stagePadding: 0,
margin: 0,
autoplay: true,
nav: true,
navText: ['<span class="icon-arrow_back">', '<span class="icon-arrow_forward">'],
responsive:{
600:{
margin: 0,
nav: true,
items: 2
},
1000:{
margin: 0,
stagePadding: 0,
nav: true,
items: 3
},
1200:{
margin: 0,
stagePadding: 0,
nav: true,
items: 4
}
}
});
}
$('.single-text').owlCarousel({
center: false,
items: 1,
loop: true,
stagePadding: 0,
margin: 0,
autoplay: true,
pauseOnHover: false,
nav: false,
smartSpeed: 1000,
});
$('.single-text-ar').owlCarousel({
center: false,
items: 1,
loop: true,
rtl:true,
stagePadding: 0,
margin: 0,
autoplay: true,
pauseOnHover: false,
nav: false,
smartSpeed: 1000,
});
// services and projects carousel
$('.owl-serv').owlCarousel({
autoplay: true,
smartSpeed: 1800,
loop: true,
margin:10,
lazyLoad:true,
nav:false,
responsive:{
0:{
items:1,
smartSpeed: 800,
},
600:{
items:2
},
1000:{
items:3
}
}
})
// services and projects carousel
$('.owl-serv-ar').owlCarousel({
autoplay: true,
smartSpeed: 1800,
loop: true,
rtl:true,
margin:10,
lazyLoad:true,
nav:false,
responsive:{
0:{
items:1,
smartSpeed: 800,
},
600:{
items:2
},
1000:{
items:3
}
}
})
// costcalc carousel
$('.owl-costcalc').owlCarousel({
autoplay: true,
smartSpeed: 1800,
loop: true,
margin:10,
lazyLoad:true,
nav:false,
responsive:{
0:{
items:1,
smartSpeed: 800,
},
600:{
items:1
},
1000:{
items:1
}
}
})
// costcalc carousel
$('.owl-costcalc-ar').owlCarousel({
autoplay: true,
smartSpeed: 1800,
loop: true,
rtl:true,
margin:10,
lazyLoad:true,
nav:false,
responsive:{
0:{
items:1,
smartSpeed: 800,
},
600:{
items:1
},
1000:{
items:1
}
}
})
$('.slide-one-item').owlCarousel({
center: false,
items: 1,
loop: true,
stagePadding: 0,
margin: 0,
autoplay: true,
smartSpeed: 1000,
pauseOnHover: false,
nav: true,
navText: ['<span class="icon-keyboard_arrow_left">', '<span class="icon-keyboard_arrow_right">']
});
$('.slide-one-item-ar').owlCarousel({
center: false,
items: 1,
loop: true,
stagePadding: 0,
rtl:true,
margin: 0,
autoplay: true,
smartSpeed: 1000,
pauseOnHover: false,
nav: true,
navText: ['<span class="icon-keyboard_arrow_right">', '<span class="icon-keyboard_arrow_left">']
});
$('.slide-one-item-alt').owlCarousel({
center: false,
items: 1,
loop: true,
stagePadding: 0,
margin: 0,
smartSpeed: 1000,
autoplay: true,
pauseOnHover: true,
mouseDrag: false,
touchDrag: false,
});
$('.slide-one-item-alt-ar').owlCarousel({
center: false,
items: 1,
loop: true,
stagePadding: 0,
rtl:true,
margin: 0,
smartSpeed: 1000,
autoplay: true,
pauseOnHover: true,
mouseDrag: false,
touchDrag: false,
});
$('.slide-one-item-alt-text').owlCarousel({
center: false,
items: 1,
loop: true,
stagePadding: 0,
margin: 0,
smartSpeed: 1000,
autoplay: true,
pauseOnHover: true,
mouseDrag: false,
touchDrag: false,
});
$('.slide-one-item-alt-text-ar').owlCarousel({
center: false,
items: 1,
loop: true,
stagePadding: 0,
rtl:true,
margin: 0,
smartSpeed: 1000,
autoplay: true,
pauseOnHover: true,
mouseDrag: false,
touchDrag: false,
});
$('.custom-next').click(function(e) {
e.preventDefault();
$('.slide-one-item-alt').trigger('next.owl.carousel');
$('.slide-one-item-alt-text').trigger('next.owl.carousel');
});
$('.custom-prev').click(function(e) {
e.preventDefault();
$('.slide-one-item-alt').trigger('prev.owl.carousel');
$('.slide-one-item-alt-text').trigger('prev.owl.carousel');
});
// custom next & prev (ar)
$('.custom-prev').click(function(e) {
e.preventDefault();
$('.slide-one-item-alt-ar').trigger('next.owl.carousel');
$('.slide-one-item-alt-text-ar').trigger('next.owl.carousel');
});
$('.custom-next').click(function(e) {
e.preventDefault();
$('.slide-one-item-alt-ar').trigger('prev.owl.carousel');
$('.slide-one-item-alt-text-ar').trigger('prev.owl.carousel');
});
};
siteCarousel();
var siteStellar = function() {
$(window).stellar({
responsive: false,
parallaxBackgrounds: true,
parallaxElements: true,
horizontalScrolling: false,
hideDistantElements: false,
scrollProperty: 'scroll'
});
};
// siteStellar();
var siteCountDown = function() {
$('#date-countdown').countdown('2020/10/10', function(event) {
var $this = $(this).html(event.strftime(''
+ '<span class="countdown-block"><span class="label">%w</span> weeks </span>'
+ '<span class="countdown-block"><span class="label">%d</span> days </span>'
+ '<span class="countdown-block"><span class="label">%H</span> hr </span>'
+ '<span class="countdown-block"><span class="label">%M</span> min </span>'
+ '<span class="countdown-block"><span class="label">%S</span> sec</span>'));
});
};
siteCountDown();
var siteDatePicker = function() {
if ( $('.datepicker').length > 0 ) {
$('.datepicker').datepicker();
}
};
siteDatePicker();
var siteSticky = function() {
$(".js-sticky-header").sticky({topSpacing:0});
};
siteSticky();
/*
// navigation
var OnePageNavigation = function() {
var navToggler = $('.site-menu-toggle');
$("body").on("click", ".main-menu li a[href^='#'], .smoothscroll[href^='#'], .site-mobile-menu .site-nav-wrap li a", function(e) {
e.preventDefault();
var hash = this.hash;
$('html, body').animate({
'scrollTop': $(hash).offset().top
}, 600, 'easeInOutExpo', function(){
window.location.hash = hash;
});
});
};
OnePageNavigation();
*/
var siteScroll = function() {
$(window).scroll(function() {
var st = $(this).scrollTop();
if (st > 100) {
$('.js-sticky-header').addClass('shrink');
} else {
$('.js-sticky-header').removeClass('shrink');
}
})
};
siteScroll();
var siteIstotope = function() {
/* activate jquery isotope */
var $container = $('#posts').isotope({
itemSelector : '.item',
isFitWidth: true
});
$(window).resize(function(){
$container.isotope({
columnWidth: '.col-sm-3'
});
});
$container.isotope({ filter: '*' });
// filter items on button click
$('#filters').on( 'click', 'button', function() {
var filterValue = $(this).attr('data-filter');
$container.isotope({ filter: filterValue });
$('#filters button').removeClass('active');
$(this).addClass('active');
});
}
siteIstotope();
$('.fancybox').on('click', function() {
var visibleLinks = $('.fancybox');
$.fancybox.open( visibleLinks, {}, visibleLinks.index( this ) );
return false;
});
const prevBtns = document.querySelectorAll(".btn-prev");
const nextBtns = document.querySelectorAll(".btn-next");
const progress = document.getElementById("progress");
const formSteps = document.querySelectorAll(".form-step");
const progressSteps = document.querySelectorAll(".progress-step");
let formStepsNum = 0;
nextBtns.forEach((btn) => {
btn.addEventListener("click", () => {
formStepsNum++;
updateFormSteps();
updateProgressbar();
});
});
prevBtns.forEach((btn) => {
btn.addEventListener("click", () => {
formStepsNum--;
updateFormSteps();
updateProgressbar();
});
});
function updateFormSteps() {
formSteps.forEach((formStep) => {
formStep.classList.contains("form-step-active") &&
formStep.classList.remove("form-step-active");
});
formSteps[formStepsNum].classList.add("form-step-active");
}
function updateProgressbar() {
progressSteps.forEach((progressStep, idx) => {
if (idx < formStepsNum + 1) {
progressStep.classList.add("progress-step-active");
} else {
progressStep.classList.remove("progress-step-active");
}
});
const progressActive = document.querySelectorAll(".progress-step-active");
progress.style.width =
((progressActive.length - 1) / (progressSteps.length - 1)) * 100 + "%";
}
});