112 lines
5.5 KiB
JavaScript
112 lines
5.5 KiB
JavaScript
|
// preloader
|
||
|
$(window).on("load", function() {
|
||
|
$("#overlay").fadeOut(), $("#preloader").delay(350).fadeOut("slow"), $("body").delay(350).css({
|
||
|
overflow: "visible"
|
||
|
})
|
||
|
});
|
||
|
|
||
|
//smooth link
|
||
|
$(function() {
|
||
|
$(".smooth").click(function() {
|
||
|
if (location.pathname.replace(/^\//, "") == this.pathname.replace(/^\//, "") && location.hostname == this.hostname) {
|
||
|
var a = $(this.hash);
|
||
|
if (a = a.length ? a : $("[name=" + this.hash.slice(1) + "]"), a.length) return $("html,body").animate({
|
||
|
scrollTop: a.offset().top
|
||
|
}, 700), !1
|
||
|
}
|
||
|
})
|
||
|
})
|
||
|
|
||
|
|
||
|
$(document).ready(function(){
|
||
|
// menu filter
|
||
|
$('.filter a').on('click', function(event){
|
||
|
event.preventDefault();
|
||
|
$('.filter a').removeClass('active');
|
||
|
$(this).addClass("active");
|
||
|
var currentId = $(this).attr('href');
|
||
|
$(".card").fadeOut(300);
|
||
|
$(currentId).delay(300).fadeIn();
|
||
|
});
|
||
|
|
||
|
//show arrows
|
||
|
$('.evnt-calendar').on('mouseenter', function(){
|
||
|
if ($(".arrows").hasClass('show') == false){
|
||
|
$(".arrows").addClass('show');
|
||
|
} else {
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
$('.evnt-calendar').on('mouseleave', function(){
|
||
|
if ($(".arrows").hasClass('show') == true){
|
||
|
$(".arrows").removeClass('show');
|
||
|
} else {
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
//handlers
|
||
|
$('.handlers a').on('click', function(event){
|
||
|
event.preventDefault();
|
||
|
$('.handlers a').removeClass("active");
|
||
|
$(this).addClass("active");
|
||
|
var place = $(this).parent().index();
|
||
|
$('.scroll').animate({'margin-left':'-' + 100 * place + "%"}, 'slow');
|
||
|
});
|
||
|
|
||
|
//next
|
||
|
$(".arrows #next").on('click', function(event){
|
||
|
event.preventDefault();
|
||
|
if ($('.handlers .active').parent().index() <= $('.handlers .active').parent().length){
|
||
|
$('.handlers .active').parent().next().children('a').trigger('click', event.preventDefault());
|
||
|
} else {
|
||
|
$('.handlers li').first().children('a').trigger('click', event.preventDefault());
|
||
|
}
|
||
|
});
|
||
|
|
||
|
//prev
|
||
|
$(".arrows #prev").on('click', function(event){
|
||
|
event.preventDefault();
|
||
|
if ($('.handlers .active').parent().index() > 0){
|
||
|
$('.handlers .active').parent().prev().children('a').trigger('click', event.preventDefault());
|
||
|
} else {
|
||
|
$('.handlers li').last().children('a').trigger('click', event.preventDefault());
|
||
|
}
|
||
|
});
|
||
|
});
|
||
|
|
||
|
// GOOGLE MAP SETTING from https://snazzymaps.com/style/151/ultra-light-with-labels
|
||
|
|
||
|
// When the window has finished loading create our google map below
|
||
|
google.maps.event.addDomListener(window, 'load', init);
|
||
|
|
||
|
function init() {
|
||
|
// Basic options for a simple Google Map
|
||
|
// For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
|
||
|
var mapOptions = {
|
||
|
// How zoomed in you want the map to start at (always required)
|
||
|
zoom: 11,
|
||
|
|
||
|
// The latitude and longitude to center the map (always required)
|
||
|
center: new google.maps.LatLng(40.6700, -73.9400), // New York
|
||
|
|
||
|
// How you would like to style the map.
|
||
|
// This is where you would paste any style found on Snazzy Maps.
|
||
|
styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}]
|
||
|
};
|
||
|
|
||
|
// Get the HTML DOM element that will contain your map
|
||
|
// We are using a div with id="map" seen below in the <body>
|
||
|
var mapElement = document.getElementById('map');
|
||
|
|
||
|
// Create the Google Map using our element and options defined above
|
||
|
var map = new google.maps.Map(mapElement, mapOptions);
|
||
|
|
||
|
// Let's also add a marker while we're at it
|
||
|
var marker = new google.maps.Marker({
|
||
|
position: new google.maps.LatLng(40.6700, -73.9400),
|
||
|
map: map,
|
||
|
title: 'Snazzy!'
|
||
|
});
|
||
|
}
|
||
|
|