(function($) {
"use strict";
/* ..............................................
Loader
................................................. */
$(window).on('load', function() {
$('.preloader').fadeOut();
$('#preloader').delay(550).fadeOut('slow');
$('body').delay(450).css({'overflow':'visible'});
});
/* ..............................................
Navbar Bar
................................................. */
$('.navbar-nav .nav-link').on('click', function() {
var toggle = $('.navbar-toggler').is(':visible');
if (toggle) {
$('.navbar-collapse').collapse('hide');
}
});
/* ..............................................
Fixed Menu
................................................. */
$(window).on('scroll', function () {
if ($(window).scrollTop() > 50) {
$('.top-header').addClass('fixed-menu');
} else {
$('.top-header').removeClass('fixed-menu');
}
});
/* ..............................................
Properties Filter
................................................. */
var Container = $('.container');
Container.imagesLoaded(function () {
var portfolio = $('.properties-menu');
portfolio.on('click', 'button', function () {
$(this).addClass('active').siblings().removeClass('active');
var filterValue = $(this).attr('data-filter');
$grid.isotope({
filter: filterValue
});
});
var $grid = $('.properties-list').isotope({
itemSelector: '.properties-grid'
});
});
/* ..............................................
Gallery
................................................. */
$(document).ready(function() {
$('.popup-gallery').magnificPopup({
delegate: 'a',
type: 'image',
tLoading: 'Loading image #%curr%...',
mainClass: 'mfp-img-mobile',
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
tError: 'The image #%curr% could not be loaded.',
titleSrc: function(item) {
return item.el.attr('title') + 'by Marsel Van Oosten';
}
}
});
});
/* ..............................................
Scroll To Top
................................................. */
$(document).ready(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#scroll-to-top').fadeIn();
} else {
$('#scroll-to-top').fadeOut();
}
});
$('#scroll-to-top').click(function () {
$("html, body").animate({
scrollTop: 0
}, 600);
return false;
});
});
}(jQuery));