/*-----------------------------------------------------------------------------------
/*
/* Init JS
/*
-----------------------------------------------------------------------------------*/
jQuery(document).ready(function() {
$WIN = $(window);
/* Preloader
* -------------------------------------------------- */
var Preloader = function() {
$WIN.on('load', function() {
// will first fade out the loading animation
$("#loader").fadeOut("slow", function() {
// will fade out the whole DIV that covers the website.
$("#preloader").delay(300).fadeOut("slow");
});
});
};
/*----------------------------------------------------*/
/* Adjust Primary Navigation Background Opacity
------------------------------------------------------*/
$(window).on('scroll', function() {
var h = $('header').height();
var y = $(window).scrollTop();
var header = $('#main-header');
if ((y > h + 0) && ($(window).outerWidth() > 1020)) {
header.addClass('opaque');
} else {
if (y < h + 2000) {
header.removeClass('opaque');
} else {
header.addClass('opaque');
}
}
});
/*----------------------------------------------------*/
/* slider
/*----------------------------------------------------*/
// Slider Options
$(".id-Slider").slick({
autoplay: true,
autoplaySpeed: 5000,
speed: 600,
slidesToShow: 1,
slidesToScroll: 1,
pauseOnHover: true,
dots: true,
pauseOnDotsHover: true,
cssEase: 'linear',
fade: true,
draggable: true,
prevArrow: '',
nextArrow: '',
// Custom Dots With Thumbnails Tool Tip
customPaging: function(slider, i) {
var thumbnail = $(slider.$slides[i]).data('thumbnail');
return '';
},
});
/* Smooth Scrolling
* ------------------------------------------------------ */
$('.smoothscroll').on('click', function(e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 800, 'swing', function() {
window.location.hash = target;
});
});
/* Back to Top
* ------------------------------------------------------ */
// declare variable
var scrollTop = $(".scrollTop");
$(window).scroll(function() {
// declare variable
var topPos = $(this).scrollTop();
// if user scrolls down - show scroll to top button
if (topPos > 100) {
$(scrollTop).css("opacity", "1");
} else {
$(scrollTop).css("opacity", "0");
}
}); // scroll END
//Click event to scroll to top
$(scrollTop).click(function() {
$('html, body').animate({
scrollTop: 0
}, 300);
return false;
}); // click() scroll top EMD
/* Initialize
* ------------------------------------------------------ */
(function ssInit() {
Preloader();
})();
});
(jQuery);