(function($) {
"use strict";
//Hide Loading Box (Preloader)
function handlePreloader() {
if($('.preloader').length){
$('.preloader').delay(200).fadeOut(500);
}
}
//Update Header Style and Scroll to Top
function headerStyle() {
if($('.main-header').length){
var windowpos = $(window).scrollTop();
var siteHeader = $('.main-header');
var scrollLink = $('.scroll-to-top');
if (windowpos >= 250) {
siteHeader.addClass('fixed-header');
scrollLink.fadeIn(300);
} else {
siteHeader.removeClass('fixed-header');
scrollLink.fadeOut(300);
}
}
}
headerStyle();
//Submenu Dropdown Toggle
if($('.main-header .navigation li.dropdown ul').length){
$('.main-header .navigation li.dropdown').append('<div class="dropdown-btn"><span class="fa fa-angle-down"></span></div>');
//Dropdown Button
$('.main-header .navigation li.dropdown .dropdown-btn').on('click', function() {
$(this).prev('ul').slideToggle(500);
});
//Disable dropdown parent link
$('.navigation li.dropdown > a').on('click', function(e) {
e.preventDefault();
});
}
//Revolution Slider
if($('.main-slider .tp-banner').length){
var MainSlider = $('.main-slider');
var strtHeight = MainSlider.attr('data-start-height');
var slideOverlay = "'"+ MainSlider.attr('data-slide-overlay') +"'";
$('.main-slider .tp-banner').show().revolution({
dottedOverlay: slideOverlay,
delay:3500,
startwidth:1200,
startheight:strtHeight,
hideThumbs:600,
thumbWidth:80,
thumbHeight:50,
thumbAmount:5,
navigationType:"bullet",
navigationArrows:"0",
navigationStyle:"preview3",
touchenabled:"on",
onHoverStop:"off",
swipe_velocity: 0.7,
swipe_min_touches: 1,
swipe_max_touches: 1,
drag_block_vertical: false,
parallax:"mouse",
parallaxBgFreeze:"on",
parallaxLevels:[7,4,3,2,5,4,3,2,1,0],
keyboardNavigation:"off",
navigationHAlign:"center",
navigationVAlign:"bottom",
navigationHOffset:0,
navigationVOffset:50,
soloArrowLeftHalign:"left",
soloArrowLeftValign:"bottom",
soloArrowLeftHOffset:20,
soloArrowLeftVOffset:0,
soloArrowRightHalign:"right",
soloArrowRightValign:"center",
soloArrowRightHOffset:20,
soloArrowRightVOffset:0,
shadow:0,
fullWidth:"on",
fullScreen:"off",
spinner:"spinner4",
stopLoop:"off",
stopAfterLoops:-1,
stopAtSlide:-1,
shuffle:"off",
autoHeight:"off",
forceFullWidth:"on",
hideThumbsOnMobile:"on",
hideNavDelayOnMobile:1500,
hideBulletsOnMobile:"on",
hideArrowsOnMobile:"on",
hideThumbsUnderResolution:0,
hideSliderAtLimit:0,
hideCaptionAtLimit:0,
hideAllCaptionAtLilmit:0,
startWithSlide:0,
videoJsPath:"",
fullScreenOffsetContainer: ""
});
}
//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});
}
//Client Testimonial Carousel
if ($('.client-testimonial-carousel').length && $('.client-thumbs-carousel').length) {
var $sync3 = $(".client-testimonial-carousel"),
$sync4 = $(".client-thumbs-carousel"),
flag = false,
duration = 500;
$sync3
.owlCarousel({
loop:true,
items: 1,
margin: 0,
nav: true,
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
dots: false,
autoplay: true,
autoplayTimeout: 5000
})
.on('changed.owl.carousel', function (e) {
if (!flag) {
flag = false;
$sync4.trigger('to.owl.carousel', [e.item.index, duration, true]);
flag = false;
}
});
$sync4
.owlCarousel({
loop:true,
margin:25,
items: 1,
nav: false,
navText: [ '<span class="icon fa fa-long-arrow-left"></span>', '<span class="icon fa fa-long-arrow-right"></span>' ],
dots: false,
center: false,
autoplay: true,
autoplayTimeout: 5000,
responsive: {
0:{
items:1,
autoWidth: false
},
400:{
items:1,
autoWidth: false
},
600:{
items:1,
autoWidth: false
},
1000:{
items:1,
autoWidth: false
},
1200:{
items:1,
autoWidth: false
}
},
})
.on('click', '.owl-item', function () {
$sync3.trigger('to.owl.carousel', [$(this).index(), duration, true]);
})
.on('changed.owl.carousel', function (e) {
if (!flag) {
flag = true;
$sync3.trigger('to.owl.carousel', [e.item.index, duration, true]);
flag = false;
}
});
}
//Custom Seclect Box
if($('.custom-select-box').length){
$('.custom-select-box').selectmenu().selectmenu('menuWidget').addClass('overflow');
}
//Tabs Box
if($('.tabs-box').length){
$('.tabs-box .tab-buttons .tab-btn').on('click', function(e) {
e.preventDefault();
var target = $($(this).attr('data-tab'));
if ($(target).is(':visible')){
return false;
}else{
target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
$(this).addClass('active-btn');
target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab');
$(target).fadeIn(300);
$(target).addClass('active-tab');
}
});
}
// Product Carousel Slider
if ($('.classes-single .image-carousel').length && $('.classes-single .thumbs-carousel').length) {
var $sync1 = $(".classes-single .image-carousel"),
$sync2 = $(".classes-single .thumbs-carousel"),
flag = false,
duration = 500;
$sync1
.owlCarousel({
loop:false,
items: 1,
margin: 0,
nav: false,
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
dots: false,
autoplay: true,
autoplayTimeout: 5000
})
.on('changed.owl.carousel', function (e) {
if (!flag) {
flag = false;
$sync2.trigger('to.owl.carousel', [e.item.index, duration, true]);
flag = false;
}
});
$sync2
.owlCarousel({
loop:false,
margin: 20,
items: 1,
nav: true,
navText: [ '<span class="icon flaticon-arrows-8"></span>', '<span class="icon flaticon-arrows-9"></span>' ],
dots: false,
center: false,
autoplay: true,
autoplayTimeout: 5000,
responsive: {
0:{
items:2,
autoWidth: false
},
400:{
items:3,
autoWidth: false
},
600:{
items:5,
autoWidth: false
},
900:{
items:5,
autoWidth: false
},
1000:{
items:6,
autoWidth: false
}
},
})
.on('click', '.owl-item', function () {
$sync1.trigger('to.owl.carousel', [$(this).index(), duration, true]);
})
.on('changed.owl.carousel', function (e) {
if (!flag) {
flag = true;
$sync1.trigger('to.owl.carousel', [e.item.index, duration, true]);
flag = false;
}
});
}
//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);
}
});
}
//Three Item Carousel
if ($('.three-item-carousel').length) {
$('.three-item-carousel').owlCarousel({
loop:true,
margin:30,
nav:true,
smartSpeed: 700,
autoplay: 4000,
navText: [ '<span class=""></span>', '<span class=""></span>' ],
responsive:{
0:{
items:1
},
480:{
items:1
},
600:{
items:2
},
800:{
items:2
},
1024:{
items:3
}
}
});
}
//LightBox / Fancybox
if($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect : 'fade',
closeEffect : 'fade',
helpers : {
media : {}
}
});
}
//Contact Form Validation
if($('#contact-form').length){
$('#contact-form').validate({
rules: {
username: {
required: true
},
email: {
required: true,
email: true
},
subject: {
required: true
},
message: {
required: true
}
}
});
}
// Scroll to a Specific Div
if($('.scroll-to-target').length){
$(".scroll-to-target").on('click', function() {
var target = $(this).attr('data-target');
// animate
$('html, body').animate({
scrollTop: $(target).offset().top
}, 1000);
});
}
// Elements Animation
if($('.wow').length){
var wow = new WOW(
{
boxClass: 'wow', // animated element css class (default is wow)
animateClass: 'animated', // animation css class (default is animated)
offset: 0, // distance to the element when triggering the animation (default is 0)
mobile: false, // trigger animations on mobile devices (default is true)
live: true // act on asynchronously loaded content (default is true)
}
);
wow.init();
}
/* ==========================================================================
When document is Scrollig, do
========================================================================== */
$(window).on('scroll', function() {
headerStyle();
});
/* ==========================================================================
When document is loaded, do
========================================================================== */
$(window).on('load', function() {
handlePreloader();
});
})(window.jQuery); |