/*----------------------------------------------------------------------------------- /* /* 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'); } } }); /*----------------------------------------------------*/ /* Flexslider /*----------------------------------------------------*/ $('#intro-slider').flexslider({ animation: 'fade', slideshowSpeed: 4000, animationSpeed: 600, pauseOnHover: true, pauseInvisible: true, controlNav: true, directionNav: true, touch: true, }); /*-----------------------------------------------------------------------------------*/ /* NICESCROLL /*-----------------------------------------------------------------------------------*/ jQuery("body").niceScroll({ cursorcolor: "#222", cursorborder: "0px", cursorwidth: "8px", zindex: "9999" }); /* 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);