/*===================================*
PAGE JS
*===================================*/
(function($) {
'use strict';
/*===================================*
01. LOADING JS
/*===================================*/
$(window).on('load', function() {
var preLoder = $(".preloader");
preLoder.delay(700).fadeOut(500);
});
/*===================================*
02. SMOOTH SCROLLING JS
*===================================*/
// Select all links with hashes
var headerHeight = $(".header_wrap").height() - 10;
$('a.page-scroll').on('click', function(event) {
// On-page links
if ( location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname ) {
// Figure out element to scroll to
var target = $(this.hash),
speed= $(this).data("speed") || 800;
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top - headerHeight
}, speed);
}
}
});
/*===================================*
03. MENU JS
*===================================*/
//Main navigation scroll spy for shadow
$(window).on('scroll', function() {
var scroll = $(window).scrollTop();
if (scroll >= 50) {
$('header').addClass('nav-fixed');
} else {
$('header').removeClass('nav-fixed');
}
});
//Show Hide dropdown-menu Main navigation
$( document ).ready( function () {
$( '.dropdown-menu a.dropdown-toggler' ).on( 'click', function ( e ) {
var $el = $( this );
var $parent = $( this ).offsetParent( ".dropdown-menu" );
if ( !$( this ).next().hasClass( 'show' ) ) {
$( this ).parents( '.dropdown-menu' ).first().find( '.show' ).removeClass( "show" );
}
var $subMenu = $( this ).next( ".dropdown-menu" );
$subMenu.toggleClass( 'show' );
$( this ).parent( "li" ).toggleClass( 'show' );
$( this ).parents( 'li.nav-item.dropdown.show' ).on( 'hidden.bs.dropdown', function ( e ) {
$( '.dropdown-menu .show' ).removeClass( "show" );
} );
return false;
});
});
//Hide Navbar Dropdown After Click On Links
var navBar = $(".header_wrap");
var navbarLinks = navBar.find(".navbar-collapse ul li a.page-scroll");
$.each( navbarLinks, function( i, val ) {
var navbarLink = $(this);
navbarLink.on('click', function () {
navBar.find(".navbar-collapse").collapse('hide');
$("header").removeClass("active");
});
});
//Main navigation Active Class Add Remove
$('.navbar-toggler').on('click', function() {
$("header").toggleClass("active");
if($('.search-overlay').hasClass('open'))
{
$(".search-overlay").removeClass('open');
$(".search_trigger").removeClass('open');
}
});
/*===================================*
04. SEARCH JS
*===================================*/
$(".close-search").on("click", function() {
$('.search-overlay').removeClass("open");
$('.search_overlay').remove();
});
var removeClass = true;
$(".search_trigger").click(function () {
$(".search-overlay").after('');
$(".search-overlay").toggleClass('open');
removeClass = false;
if($('.navbar-collapse').hasClass('show'))
{
$(".navbar-collapse").removeClass('show');
$(".navbar-toggler").addClass('collapsed');
$(".navbar-toggler").attr("aria-expanded", false);
}
});
$(".search-overlay").click(function() {
removeClass = false;
});
$("html").click(function () {
if (removeClass) {
$("body").removeClass('open');
$(".search-overlay").removeClass('open');
$('.search_overlay').remove();
}
removeClass = true;
});
/*===================================*
05. SLIDER JS
*===================================*/
$( window ).on( "load", function() {
$('.portfolio_slider,.carousel_slide1').each( function() {
var $carousel = $(this);
$carousel.owlCarousel({
dots : $carousel.data("dots"),
loop : $carousel.data("loop"),
margin: $carousel.data("margin"),
items : 1,
autoHeight: $carousel.data("autoheight"),
nav: $carousel.data("nav"),
navText: ['', ''],
autoplay : $carousel.data("autoplay"),
animateIn : $carousel.data("animate-in"),
animateOut: $carousel.data("animate-out"),
autoplayTimeout : $carousel.data("autoplay-timeout"),
});
});
var owl = $('.owl-thumbs-slider');
owl.owlCarousel({
loop: false,
items: 4,
dots: false,
margin: 10,
nav: true,
thumbs: true,
navText: ['', ''],
});
$('.carousel_slide2').each( function() {
var $carousel = $(this);
$carousel.owlCarousel({
loop: $carousel.data("loop"),
margin: $carousel.data("margin"),
dots : $carousel.data("dots"),
autoHeight: true,
center: $carousel.data("center"),
rewind: $carousel.data("rewind"),
autoplay : $carousel.data("autoplay"),
nav: $carousel.data("nav"),
navText: ['', ''],
autoplayTimeout : $carousel.data("autoplay-timeout"),
responsive: {
0: {
items: 1,
},
380: {
items: 1,
},
576: {
items: 2,
},
1000: {
items: 2,
},
1199: {
items: 2
}
}
});
});
$('.carousel_slide3').each( function() {
var $carousel = $(this);
$carousel.owlCarousel({
loop: $carousel.data("loop"),
margin: $carousel.data("margin"),
dots : $carousel.data("dots"),
autoHeight: true,
center: $carousel.data("center"),
rewind: $carousel.data("rewind"),
autoplay : $carousel.data("autoplay"),
nav: $carousel.data("nav"),
navText: ['', ''],
autoplayTimeout : $carousel.data("autoplay-timeout"),
responsive: {
0: {
items: 1,
},
380: {
items: 1,
},
576: {
items: 2,
},
1000: {
items: 3,
},
1199: {
items: 3
}
}
});
});
$('.carousel_slide4').each( function() {
var $carousel = $(this);
$carousel.owlCarousel({
dots : $carousel.data("dots"),
loop : $carousel.data("loop"),
margin: $carousel.data("margin"),
autoHeight: true,
center: $carousel.data("center"),
rewind: $carousel.data("rewind"),
autoplay : $carousel.data("autoplay"),
nav: $carousel.data("nav"),
navText: ['', ''],
autoplayTimeout : $carousel.data("autoplay-timeout"),
responsive: {
0: {
items: 1,
},
380: {
items: 1,
},
576: {
items: 2,
},
1000: {
items: 3,
},
1199: {
items: 4
}
}
});
});
$('.carousel_slide5').each( function() {
var $carousel = $(this);
$carousel.owlCarousel({
dots : $carousel.data("dots"),
loop : $carousel.data("loop"),
margin: $carousel.data("margin"),
autoHeight: true,
center: $carousel.data("center"),
rewind: $carousel.data("rewind"),
autoplay : $carousel.data("autoplay"),
nav: $carousel.data("nav"),
navText: ['', ''],
autoplayTimeout : $carousel.data("autoplay-timeout"),
responsive: {
0: {
items: 1,
},
380: {
items: 1,
},
576: {
items: 3,
},
1000: {
items: 4,
},
1199: {
items: 5
}
}
});
});
$('.cl_logo_slider').each( function() {
var $carousel = $(this);
$carousel.owlCarousel({
dots : $carousel.data("dots"),
loop : $carousel.data("loop"),
margin: $carousel.data("margin"),
autoHeight: true,
rewind: $carousel.data("rewind"),
autoplay : $carousel.data("autoplay"),
nav: $carousel.data("nav"),
navText: ['', ''],
autoplayTimeout : $carousel.data("autoplay-timeout"),
responsive: {
0: {
items: 2,
},
380: {
items: 3,
},
600: {
items: 4,
},
1000: {
items: 5,
},
1199: {
items: 6
}
}
});
});
$('.cl_logo_slider5').each( function() {
var $carousel = $(this);
$carousel.owlCarousel({
dots : $carousel.data("dots"),
loop : $carousel.data("loop"),
margin: $carousel.data("margin"),
autoHeight: true,
rewind: $carousel.data("rewind"),
autoplay : $carousel.data("autoplay"),
nav: $carousel.data("nav"),
navText: ['', ''],
autoplayTimeout : $carousel.data("autoplay-timeout"),
responsive: {
0: {
items: 2,
},
380: {
items: 2,
},
600: {
items: 3,
},
1000: {
items: 4,
},
1199: {
items: 5
}
}
});
});
});
$('.carousel_slider').each( function() {
var $carousel = $(this);
$carousel.owlCarousel({
dots : $carousel.data("dots"),
loop : $carousel.data("loop"),
items: $carousel.data("items"),
margin: $carousel.data("margin"),
mouseDrag: $carousel.data("mouse-drag"),
touchDrag: $carousel.data("touch-drag"),
autoHeight: $carousel.data("autoheight"),
center: $carousel.data("center"),
nav: $carousel.data("nav"),
rewind: $carousel.data("rewind"),
navText: ['', ''],
autoplay : $carousel.data("autoplay"),
animateIn : $carousel.data("animate-in"),
animateOut: $carousel.data("animate-out"),
autoplayTimeout : $carousel.data("autoplay-timeout"),
smartSpeed: $carousel.data("smart-speed"),
responsive: $carousel.data("responsive")
});
});
var $sync1 = $("#slider_img"),
$sync2 = $("#thumb_img"),
duration = 300;
$sync1.owlCarousel({
items: 1,
dots : $sync1.data("dots"),
loop : false,
margin: $sync1.data("margin"),
mouseDrag: $sync1.data("mouse-drag"),
touchDrag: $sync1.data("touch-drag"),
autoHeight: $sync1.data("autoheight"),
center: $sync1.data("center"),
nav: $sync1.data("nav"),
rewind: $sync1.data("rewind"),
navText: ['', ''],
autoplay : $sync1.data("autoplay"),
animateIn : $sync1.data("animate-in"),
animateOut: $sync1.data("animate-out"),
autoplayTimeout : $sync1.data("autoplay-timeout"),
smartSpeed: $sync1.data("smart-speed"),
responsive: $sync1.data("responsive")
}).on('changed.owl.carousel', function(e) {
var syncedPosition = syncPosition(e.item.index);
if (syncedPosition != "stop") {
$sync2.trigger('to.owl.carousel', [syncedPosition, duration, true]);
}
});
$sync2.on('initialized.owl.carousel', function() {
addClassCurrent(0);
}).owlCarousel({
dots : $sync2.data("dots"),
loop : false,
items: $sync2.data("thumbs-items"),
margin: $sync2.data("margin"),
mouseDrag: $sync2.data("mouse-drag"),
touchDrag: $sync2.data("touch-drag"),
autoHeight: $sync2.data("autoheight"),
center: $sync2.data("center"),
nav: $sync2.data("nav"),
rewind: $sync2.data("rewind"),
navText: ['', ''],
autoplay : $sync2.data("autoplay"),
animateIn : $sync2.data("animate-in"),
animateOut: $sync2.data("animate-out"),
autoplayTimeout : $sync2.data("autoplay-timeout"),
smartSpeed: $sync2.data("smart-speed"),
responsive: $sync2.data("responsive")
}).on('click', '.owl-item', function() {
$sync1.trigger('to.owl.carousel', [$(this).index(), duration, true]);
});
function addClassCurrent(index) {
$sync2.find(".owl-item").removeClass("active-item").eq(index).addClass("active-item");
}
function syncPosition(index) {
addClassCurrent(index);
var itemsNo = $sync2.find(".owl-item").length;
var visibleItemsNo = $sync2.find(".owl-item.active").length;
if (itemsNo === visibleItemsNo) {
return "stop";
}
var visibleCurrentIndex = $sync2.find(".owl-item.active").index($sync2.find(".owl-item.active-item"));
if (visibleCurrentIndex == 0 && index != 0) {
return index - 1;
}
if (visibleCurrentIndex == (visibleItemsNo - 1) && index != (itemsNo - 1)) {
return index - visibleItemsNo + 2;
}
return "stop";
}
/*===================================*
06. PORTFOLIO JS
*===================================*/
$( window ).on( "load", function() {
var $portfolio_selectors = $('.portfolio_container');
$portfolio_selectors.ready(function () {
$portfolio_selectors.isotope({
layoutMode: 'masonry',
itemSelector: '.portfolio-item',
percentPosition: true,
masonry: {
columnWidth: '.grid-sizer'
}
});
$portfolio_selectors.isotope();
});
var $portfolio_filter = $('.portfolio_filter > li > a');
$portfolio_filter.on('click', function () {
$portfolio_filter.removeClass('current');
$(this).addClass('current');
var selector = $(this).attr('data-filter');
//$portfolio_selectors.find('.portfolio-item').removeClass('animated').css("visibility", ""); // avoid problem to filter after sorting
$portfolio_selectors.find('.portfolio-item').each(function () {
/* remove perticular element from WOW array when you don't want animation on element after DOM lead */
// abc.removeBox(this);
$(this).css("-webkit-animation", "none");
$(this).css("-moz-animation", "none");
$(this).css("-ms-animation", "none");
$(this).css("animation", "none");
});
$portfolio_selectors.isotope({filter: selector});
return false;
});
$('.portfolio_filter').change( function() {
$portfolio_selectors.isotope({
filter: this.value
});
});
$(window).resize(function () {
$portfolio_selectors.ready(function () {
setTimeout(function () {
$portfolio_selectors.find('.portfolio-item').removeClass('animation').removeClass('animated'); // avoid problem to filter after window resize
$portfolio_selectors.isotope('layout');
}, 300);
});
});
});
$( window ).on( "load", function() {
var $blog_selectors = $('.blog_container');
$blog_selectors.ready(function () {
$blog_selectors.isotope({
layoutMode: 'masonry',
itemSelector: '.blog-item',
percentPosition: true,
masonry: {
columnWidth: '.grid-sizer'
}
});
});
$(window).resize(function () {
setTimeout(function () {
$blog_selectors.find('.portfolio-item').removeClass('animation').removeClass('animated'); // avoid problem to filter after window resize
$blog_selectors.isotope('layout');
}, 300);
});
});
$( window ).on( "load", function() {
var $shop_selectors = $('.shop_container');
$shop_selectors.ready(function () {
$shop_selectors.isotope({
layoutMode: 'fitRows',
itemSelector: '.shop-item',
percentPosition: true,
masonry: {
columnWidth: '.grid-sizer'
}
});
});
$(window).resize(function () {
setTimeout(function () {
$shop_selectors.find('.shop-item').removeClass('animation').removeClass('animated'); // avoid problem to filter after window resize
$shop_selectors.isotope('layout');
}, 300);
});
});
/*===================================*
07.COUNTDOWN JS
*===================================*/
$('.countdown_time').each(function() {
var endTime = $(this).data('time');
$(this).countdown(endTime, function(tm) {
$(this).html(tm.strftime('%D Days%HHours%MMinutes%SSeconds'));
});
});
/*===================================*
08. CONTACT FORM JS
*===================================*/
$("#submitButton").on("click", function(event) {
event.preventDefault();
var mydata = $("form").serialize();
$.ajax({
type: "POST",
dataType: "json",
url: "contact.php",
data: mydata,
success: function(data) {
if (data.type === "error") {
$("#alert-msg").removeClass("alert-msg-success");
$("#alert-msg").addClass("alert-msg-failure");
} else {
$("#alert-msg").addClass("alert-msg-success");
$("#alert-msg").removeClass("alert-msg-failure");
$("#first-name").val("Enter Name");
$("#email").val("Enter Email");
$("#phone").val("Enter Phone Number");
$("#subject").val("Enter Subject");
$("#description").val("Enter Message");
}
$("#alert-msg").html(data.msg);
$("#alert-msg").show();
},
error: function(xhr, textStatus) {
alert(textStatus);
}
});
});
/*===================================*
09. SCROLLUP JS
*===================================*/
$(window).scroll(function() {
if ($(this).scrollTop() > 150) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$(".scrollup").on('click', function (e) {
e.preventDefault();
$('html, body').animate({
scrollTop: 0
}, 600);
return false;
});
/*===================================*
10. POPUP JS
*===================================*/
$('.content-popup').magnificPopup({
type: 'inline',
preloader: true,
mainClass: 'mfp-zoom'
});
$('.image_gallery').each(function() { // the containers for all your galleries
$(this).magnificPopup({
delegate: 'a', // the selector for gallery item
type: 'image',
gallery: {
enabled:true
},
zoom: {
enabled: true,
duration: 300, // don't foget to change the duration also in CSS
opener: function(element) {
return element.find('img');
}
}
});
});
$(document).ready(function() {
$('.popup-ajax').magnificPopup({
type: 'ajax',
});
});
$('.portfolio_item .image_popup').on('click', function () {
$(this).find('.link_container').magnificPopup('open');
});
$('.link_container').each(function () {
$(this).magnificPopup({
delegate: '.image_popup',
type: 'image',
gallery: {
enabled: true
}
});
});
/*==============================================================
11. VIDEO JS
==============================================================*/
$(document).ready(function() {
$('.video_popup, .iframe_popup').magnificPopup({
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
});
/*==============================================================
12. FIT VIDEO JS
==============================================================*/
$(".fit-videos").fitVids();
/*===================================*
13. ANIMATION JS
*===================================*/
$(function() {
function ckScrollInit(items, trigger) {
items.each(function() {
var ckElement = $(this),
AnimationClass = ckElement.attr('data-animation'),
AnimationDelay = ckElement.attr('data-animation-delay');
ckElement.css({
'-webkit-animation-delay': AnimationDelay,
'-moz-animation-delay': AnimationDelay,
'animation-delay': AnimationDelay,
opacity: 0
});
var ckTrigger = (trigger) ? trigger : ckElement;
ckTrigger.waypoint(function() {
ckElement.addClass("animated").css("opacity", "1");
ckElement.addClass('animated').addClass(AnimationClass);
}, {
triggerOnce: true,
offset: '90%',
});
});
}
ckScrollInit($('.animation'));
ckScrollInit($('.staggered-animation'), $('.staggered-animation-wrap'));
});
/*===================================*
14. BACKGROUND IMAGE JS
*===================================*/
/*data image src*/
$(".background_bg").each(function() {
var attr = $(this).attr('data-img-src');
if (typeof attr !== typeof undefined && attr !== false) {
$(this).css('background', 'url(' + attr + ') center center/cover');
}
});
/*===================================*
15. TAB SLIDER JS
*===================================*/
var windowWidth = 0;
var windowHeight = 0;
$.martanianConfigureSlider = function() {
$( '.content_slider' ).each( function() {
var slider = $( this ).children( '.slider_center' );
var descriptions = slider.children( '.content_box' ).children( '.content_wrap' ).children( '.descriptions_wrap' );
var activeInsurance = slider.children( '.content_box' ).children( '.content_wrap' ).children( '.tabs' ).children( 'li.active' ).data( 'key' );
if( typeof activeInsurance == 'undefined' || activeInsurance === false ) {
activeInsurance = slider.children( '.content_box' ).children( '.content_wrap' ).children( '.tabs' ).children( 'li' ).first().data( 'key' );
slider.children( '.content_box' ).children( '.content_wrap' ).children( '.tabs' ).children( 'li' ).first().addClass( 'active' );
}
descriptions.children( '.description[data-key="'+ activeInsurance +'"]' ).show();
descriptions.css({ 'height': descriptions.children( '.description[data-key="'+ activeInsurance +'"]' ).height() });
slider.children( '.slider_images' ).children( '.image[data-key="'+ activeInsurance +'"]' ).show();
});
};
$( '.content_slider .tabs li' ).click( function() {
if( !$( this ).hasClass( 'active' ) ) {
var newInsuranceKey = $( this ).data( 'key' );
var oldInsuranceKey = $( this ).siblings( '.active' ).data( 'key' );
var slider = $( this ).parent().parent().parent().parent();
var newHeight = 0;
var oldDescription = slider.children( '.content_box' ).children( '.content_wrap' ).children( '.descriptions_wrap' ).children( '.description[data-key="'+ oldInsuranceKey +'"]' );
var newDescription = slider.children( '.content_box' ).children( '.content_wrap' ).children( '.descriptions_wrap' ).children( '.description[data-key="'+ newInsuranceKey +'"]' );
$( '.content_slider .tabs li' ).removeClass( 'active' );
$( this ).addClass( 'active' );
oldDescription.addClass( 'animated speed fadeOut' );
slider.children( '.slider_images' ).children( '.image[data-key="'+ oldInsuranceKey +'"]' ).fadeOut( 350 );
slider.children( '.slider_images' ).children( '.image[data-key="'+ newInsuranceKey +'"]' ).fadeIn( 350 );
setTimeout( function() {
newDescription.addClass( 'animated speed fadeIn' ).show();
newHeight = newDescription.height();
slider.children( '.content_box' ).children( '.content_wrap' ).children( '.descriptions_wrap' ).animate({ 'height': newHeight }, 250 );
setTimeout( function() {
oldDescription.removeClass( 'animated speed fadeOut' ).hide();
newDescription.removeClass( 'animated speed fadeIn' );
}, 450 );
}, 350 );
}
});
$.martanianConfigureSlider();
/*===================================*
16. PROGRESS BAR JS
*===================================*/
$(document).ready(function() {
$('.progress .progress-bar').css("width",
function() {
return $(this).attr("aria-valuenow") + "%";
}
)
$('.count_pr').css("left",
function() {
return $(this).attr("data-percent") + "%";
}
)
});
/*===================================*
17. SHOW HIDE MAP CONTACT FORM JS
*===================================*/
$( '#map' ).on( 'click', function() {
var $this = $(this);
$this.toggleClass('SeeMore2');
if($this.hasClass('SeeMore2')){
$this.text('Contact');
$('.field_form').hide();
$('.map').show();
} else {
$this.text('View Map');
$('.map').hide();
$('.field_form').show();
}
});
/*===================================*
18. QUANTITY JS
*===================================*/
$('.plus').on('click', function() {
if ($(this).prev().val()) {
$(this).prev().val(+$(this).prev().val() + 1);
}
});
$('.minus').on('click', function() {
if ($(this).next().val() > 1) {
if ($(this).next().val() > 1) $(this).next().val(+$(this).next().val() - 1);
}
});
/*===================================*
19. PRICE FILTER JS
*===================================*/
$(function() {
$( "#price_filter" ).slider({
range: true,
min: 0,
max: 500,
values: [ 50, 400 ],
slide: function( event, ui ) {
$( "#flt_price" ).html( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
$( "#price_first" ).val(ui.values[ 0 ]);
$( "#price_second" ).val(ui.values[ 1 ]);
}
});
$( "#flt_price" ).html( "$" + $( "#price_filter" ).slider( "values", 0 ) + " - $" + $( "#price_filter" ).slider( "values", 1 ) );
});
/*===================================*
20. ZOOM IMAGE JS
*===================================*/
var image = $('#product_img');
var zoomConfig = {};
var zoomActive = false;
image.on('mousemove', function(){
zoomActive = !zoomActive;
if(zoomActive) {
if ($(window).width() >= 768) {
var firstImgHeight = $("#product_img").height();
var divWidth = $(".pr_detail").width();
$("#product_img").elevateZoom({
cursor: "crosshair",
easing : true,
scrollZoom: true,
gallery:'pr_item_gallery',
zoomWindowOffetx: 30,
zoomWindowWidth:divWidth,
zoomWindowHeight:firstImgHeight,
borderSize: 0,
galleryActiveClass: "active"
});
}
else {
$("#product_img").elevateZoom({
cursor: "crosshair",
easing : true,
gallery:'pr_item_gallery',
zoomType: "inner",
galleryActiveClass: "active"
});
}
}
else {
$.removeData(image, 'elevateZoom');//remove zoom instance from image
$('.zoomContainer').remove();// remove zoom container from DOM
}
});
$.magnificPopup.defaults.callbacks = {
open: function() {
$('body').addClass('zoom_image');
},
close: function() {
// Wait until overflow:hidden has been removed from the html tag
setTimeout(function() {
$('body').removeClass('zoom_image');
$('.zoomContainer').remove();
}, 100)
}
};
/*===================================*
21. RATING STAR JS
*===================================*/
$(document).ready(function(){
$('.rating span').on('click', function(){
var onStar = parseFloat($(this).data('value'), 10); // The star currently selected
var stars = $(this).parent().children('.rating span');
for (var i = 0; i < stars.length; i++) {
$(stars[i]).removeClass('selected');
}
for (i = 0; i < onStar; i++) {
$(stars[i]).addClass('selected');
}
});
});
/*===================================*
22. PAYMENT OPTION JS
*===================================*/
$('[name="payment_option"]').on('click', function(){
var $value = $(this).attr('value');
$('.payment-text').slideUp();
$('[data-method="'+$value+'"]').slideDown();
})
/*===================================*
23. COUNTER JS
*===================================*/
$('.counter').counterUp({
time: 1500
});
/*===================================*
24. TOOLTIP JS
*===================================*/
$(function () {
$('[data-toggle="tooltip"]').tooltip({
trigger: 'hover',
})
})
$(function () {
$('[data-toggle="popover"]').popover()
})
/*===================================*
25. PARALLAX JS
*===================================*/
$(window).on('load', function() {
$('.parallax_bg').parallaxBackground();
});
/*===================================*
26. ONLOAD POPUP JS
*===================================*/
$(window).on('load',function(){
setTimeout(function() {
$("#onload-popup").modal('show', {}, 500)
}, 3000);
});
/*===================================*
27. DATEPICKER JS
*===================================*/
$(function() {
$('.datepicker').datepicker({
autoHide: true,
format: 'mm/dd/yyyy',
zIndex: 2048,
});
});
/*===================================*
28. TIMEPICKER JS
*===================================*/
if ($(".timepicker").length > 0){
$('.timepicker').each( function() {
var $timepicker = $(this);
$timepicker.mdtimepicker({
readOnly: false,
theme: $timepicker.data("theme"),
});
});
}
/*===================================*
29. TAB SLIDE JS
*===================================*/
if ($(".sliding_tab li a").length > 0){
if ($(window).width() >= 768){
$(".sliding_tab").append('')
$('.sliding_tab li:first-child a').addClass('active_hover');
var a = $(".sliding_tab li a.active_hover").position().left,
i = $(".sliding_tab li a.active_hover").css("width"),
k = $(".sliding_tab li a.active_hover").css("height");
$(".tab_bg").css({
left: a,
width: i,
height: k
})
$(".sliding_tab li a").on("click", function() {
$(".sliding_tab li a.active_hover").removeClass("active_hover"),
$(this).closest('.sliding_tab li a').addClass("active_hover")
var t = $(".sliding_tab li a.active_hover").position().left,
w = $(".sliding_tab li a.active_hover").css("width"),
k = $(".sliding_tab li a.active_hover").css("height");
$(".tab_bg").css({
left: t,
width: w,
height: k
})
})
}
}
/*===================================*
30.Current Date JS
*===================================*/
if($("#current_time").length) {
var date= new Date();
var day = new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat');
var month = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
var datevalue = day[date.getDay()]+', '+month[date.getMonth()]+' '+date.getDate()+', '+date.getFullYear();
$('#current_time').html(datevalue);
}
/*===================================*
31.List Grid JS
*===================================*/
$('.shorting_icon').on('click',function(e) {
if ($(this).hasClass('grid')) {
$('.shop_container').removeClass('list').addClass('grid');
$(this).addClass('active').siblings().removeClass('active');
}
else if($(this).hasClass('list')) {
$('.shop_container').removeClass('grid').addClass('list');
$(this).addClass('active').siblings().removeClass('active');
}
});
/*===================================*
32. Select dropdowns
*===================================*/
if ($('select').length) {
// Traverse through all dropdowns
$.each($('select'), function (i, val) {
var $el = $(val);
if (!$el.val()) {
$el.addClass('not_chosen');
}
$el.on('change', function () {
if (!$el.val())
$el.addClass('not_chosen');
else
$el.removeClass('not_chosen');
});
});
}
/*===================================*
33. Switcher Js
*===================================*/
jQuery(document).ready( function($){
function prswicher( Checkfilter ) {
$('.switch_box').find('.pt_left,.pt_right').removeClass('pt_switch_active');
$('.pricing_box').find('.price_tag_left,.price_tag_right').addClass('hide');
if( Checkfilter.filter(':checked').length > 0 ) {
$('.switch_box').find('.pt_right').addClass('pt_switch_active');
$('.pricing_box').find('.price_tag_right').removeClass('hide');
}
else {
$('.switch_box').find('.pt_left').addClass('pt_switch_active');
$('.pricing_box').find('.price_tag_left').removeClass('hide');
}
}
$('.switch').each( function(){
var prs_items = $(this),
Checkfilter = prs_items.find(':checkbox')
prswicher( Checkfilter );
$('.switch_box .switch_checkbox').on( 'change', function(){
prswicher( Checkfilter );
});
});
});
/*===================================*
34. Hover Parallax Js
*===================================*/
if ($(".scene").length > 0){
var sceneElements = document.querySelectorAll('.scene')
var parallaxScenes = []
for (var i = 0; i < sceneElements.length; i++) {
parallaxScenes.push(new Parallax(sceneElements[i]))
}
var scene = $(".scene")[0];
var parallax = new Parallax(scene, {
scalarX: 5,
scalarY: 5
});
}
/*===================================*
35. Scroll To Fixed Item Js
*===================================*/
$('.scroll_wrapper').after('');
var fsi = $(".fixed_scroll_item");
if ($(fsi).length > 0){
$(fsi).scrollToFixed({
minWidth: fsi.data('minwidth-fixed'),
marginTop: fsi.data('margintop'),
removeOffsets: true,
limit: function () {
var limit = $(".limit_box").offset().top - fsi.innerHeight() - 100;
return limit;
}
});
}
/*Demo js*
$( window ).on( "load", function() {
document.onkeydown = function(e) {
if(e.keyCode == 123) {
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)){
return false;
}
}
$("html").on("contextmenu",function(){
return false;
});
});
*/
//$(document).ready( function() {
// $(window).on("load", function() {
// $('body').prepend('');
// $("#demo_content").load("//bestwebcreator.com/anger/demo/demo.html");
// });
//});
})(jQuery);