/home/bdqbpbxa/demo-subdomains/sparkskyiv.goodface.com.ua/wp-content/themes/sparks/js/main.js
jQuery(function() {
if (window.matchMedia('(min-width: 1280px)').matches) {
jQuery('.intro').on('mousemove', function(event) {
var moveStrength1 = 20,
moveStrength2 = 40,
newWidth = moveStrength1/jQuery(window).width(),
newHeight1 = moveStrength1/jQuery(window).height(),
newHeight2 = moveStrength2/jQuery(window).height(),
pageX = event.pageX - (jQuery(window).width()/2),
pageY1 = event.pageY - (jQuery(window).height()/2),
pageY2 = event.pageY - (jQuery(window).height()/2),
newvalueX = newWidth*pageX*-1,
newvalueY1 = newHeight1*pageY1*-1;
newvalueY2 = newHeight2*pageY2*-1;
jQuery('.overlay1').css({
'transform': 'translateY('+ newvalueY1 +'px)',
'-webkit-transform': 'translateY('+ newvalueY1 +'px)'
});
jQuery('.overlay2').css({
'transform': 'translateY('+ newvalueY2 +'px)',
'-webkit-transform': 'translateY('+ newvalueY2 +'px)'
});
});
}
jQuery('.anchor').on('click', function(event) {
event.preventDefault();
var anchor = jQuery(this).attr('href');
jQuery('html, body').animate({
scrollTop: jQuery(anchor).offset().top
}, 1000);
});
jQuery(document).on('click', '.modal-anchor', function(event) {
event.preventDefault();
var anchor = jQuery(this).attr('href');
jQuery('.navicon').removeClass('navicon-toggle');
jQuery('.menu-modal').removeClass('modal-show');
jQuery('body').removeClass('no-scroll');
setTimeout(function() {
jQuery('html, body').animate({
scrollTop: jQuery(anchor).offset().top
}, 1000);
}, 250);
});
jQuery('.modal-button').on('click', function(event) {
event.preventDefault();
var modalId = jQuery(this).attr('href');
if (modalId == '#menu-modal') {
jQuery('.navicon').toggleClass('navicon-toggle');
jQuery(modalId).toggleClass('modal-show');
jQuery('body').toggleClass('no-scroll');
jQuery(modalId).on('touchmove', function(event) {
event.preventDefault();
event.stopPropagation();
});
} else {
var scrollTop = (jQuery('html').scrollTop()) ? jQuery('html').scrollTop() : jQuery('body').scrollTop(),
jQueryiframe = jQuery('<iframe class="video" allowfullscreen/>').attr('src', jQuery(this).attr('data-video'));
jQuery('html').addClass('hidden-scroll').css('top', -scrollTop);
jQuery('body').addClass('no-scroll').css('padding-right', scrollWidth);
jQuery(modalId).find('.modal-content').html(jQueryiframe);
jQuery(modalId).addClass('modal-show modal-scroll');
}
});
jQuery('.modal-close').on('click', function(event) {
event.preventDefault();
var jQuerymodal = jQuery(this).closest('.modal'),
jQueryvideo = jQuerymodal.find('.video'),
scrollTop = parseInt(jQuery('html').css('top'));
jQuery('html').removeClass('hidden-scroll');
jQuery('html, body').scrollTop(-scrollTop);
jQuery('body').removeClass('no-scroll').css('padding-right', '0');
if (jQuerymodal.hasClass('video-modal')) {
setTimeout(function() {
jQueryvideo.attr('src', jQueryvideo.attr('src'));
}, 500);
}
jQuerymodal.removeClass('modal-show modal-scroll');
});
jQuery('.modal-background').on('click', function() {
jQuery('.modal-close').trigger('click');
});
jQuery('.tabs-nav').find('a').on('click', function(event) {
event.preventDefault();
var currentTab = jQuery(this).attr('href');
jQuery(this).parent().siblings().removeClass('current');
jQuery(this).parent().addClass('current');
jQuery(this).closest('.tabs').find('.tab-content').removeClass('tab-show');
jQuery(currentTab).addClass('tab-show');
jQuery('.gallery-slider').slick('setPosition');
jQuery(this).closest('.tabs').find('.tabs-content').css('height', jQuery(currentTab).find('.slick-center').height());
});
jQuery('.kitchen-slider').slick({
autoplay: true,
autoplaySpeed: 5000,
speed: 1000,
dots: true,
draggable: false,
prevArrow: '<a class="slider-arrow prev-arrow"><svg width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="25" opacity=".5" fill="#999"/><path fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M27 29.5l-4-4 4-5"/></svg></a>',
nextArrow: '<a class="slider-arrow next-arrow"><svg width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="25" opacity=".5" fill="#999"/><path fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M23 20.5l4 5-4 4"/></svg></a>',
customPaging: function(slider, i) {
return '';
},
responsive: [
{
breakpoint: 1279,
settings: {
draggable: true,
}
},
],
});
jQuery('.events-slider').slick({
speed: 1000,
slidesToShow: 3,
draggable: false,
prevArrow: '<a class="slider-arrow prev-arrow"><svg width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="25" opacity=".5" fill="#999"/><path fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M27 29.5l-4-4 4-5"/></svg></a>',
nextArrow: '<a class="slider-arrow next-arrow"><svg width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="25" opacity=".5" fill="#999"/><path fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M23 20.5l4 5-4 4"/></svg></a>',
customPaging: function(slider, i) {
return '';
},
responsive: [
{
breakpoint: 1279,
settings: {
draggable: true,
}
},
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
draggable: true,
}
},
{
breakpoint: 568,
settings: {
slidesToShow: 1,
draggable: true,
}
},
],
});
jQuery('.gallery-slider').slick({
speed: 1000,
draggable: false,
centerMode: true,
centerPadding: '16.75%',
prevArrow: '<a class="slider-arrow prev-arrow"><svg width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="25" opacity=".5" fill="#999"/><path fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M27 29.5l-4-4 4-5"/></svg></a>',
nextArrow: '<a class="slider-arrow next-arrow"><svg width="50" height="50" viewBox="0 0 50 50"><circle cx="25" cy="25" r="25" opacity=".5" fill="#999"/><path fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M23 20.5l4 5-4 4"/></svg></a>',
customPaging: function(slider, i) {
return '';
},
responsive: [
{
breakpoint: 1279,
settings: {
centerPadding: '11.25%',
draggable: true,
}
},
{
breakpoint: 568,
settings: {
centerMode: false,
centerPadding: '0',
draggable: true,
}
},
],
});
jQuery('.events-slider, .gallery-slider').on('setPosition', function(slick) {
resizeSlides();
});
jQuery('.gallery-slider').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
var slideCount = jQuery(this).find('.slick-slide').not('.slick-cloned').length - 1;
var nextSlideIsFirst = currentSlide === slideCount;
var nextSlideIsLast = nextSlide === slideCount;
var jQueryactiveSlide = jQuery(this).find('.slick-active');
if (nextSlideIsFirst) {
jQueryactiveSlide.next('.slick-cloned').addClass('slick-clone-center');
}
if (nextSlideIsLast) {
jQueryactiveSlide.prev('.slick-cloned').addClass('slick-clone-center');
}
});
jQuery('.gallery-slider').on('afterChange', function(event, slick, currentSlide) {
jQuery('.slick-clone-center').removeClass('slick-clone-center');
});
if (window.matchMedia('(min-width: 1280px)').matches) {
jQuery('.events').find('.image').tilt({
maxTilt: 20,
perspective: 1200,
easing: 'ease',
scale: '1',
speed: '500',
transition: true,
disableAxis: null,
axis: null,
reset: true,
glare: false,
maxGlare: 1
});
}
if (jQuery('.start-window-container').length) {
jQuery('.start-window__close').click(function () {
jQuery('.start-window-container').animate({opacity: 'hide'}, 300, function () {
jQuery('html').removeClass('hidden-scroll').css('top', '0px');
jQuery('body').removeClass('no-scroll').css('padding-right', '0px');
});
});
jQuery(document).mouseup(function (e) {
var element = jQuery('.start-window');
if (!element.is(e.target) && element.has(e.target).length === 0) {
jQuery('.start-window__close').click();
}
});
}
});
var scrollWidth = 0;
jQuery(window).on('load', function() {
jQuery('.preloader').addClass('preloader-hide');
jQuery('html').removeClass('hidden-scroll').addClass('no-hidden-scroll');
jQuery('body').removeClass('no-scroll');
scrollWidth = window.innerWidth - jQuery(window).width();
resizeContent();
changeImage();
resizeSlides();
var hash = window.location.hash;
if (hash) {
jQuery('html, body').scrollTop(0).animate({
scrollTop: jQuery(hash).offset().top
}, 1000);
}
if (jQuery('.start-window-container').length) {
localStorage.setItem('start-window-status', 'true');
jQuery('.start-window-container').addClass('active');
startWindowHeight();
var scrollTop = (jQuery('html').scrollTop()) ? jQuery('html').scrollTop() : jQuery('body').scrollTop();
jQuery('html').addClass('hidden-scroll').css('top', -scrollTop);
jQuery('body').addClass('no-scroll').css('padding-right', scrollWidth);
}
});
jQuery(window).on('resize', function() {
resizeContent();
resizeSlider();
resizeSlides();
resizeTabs();
startWindowHeight();
});
function resizeContent() {
if (window.matchMedia('(min-width: 1024px)').matches && jQuery('.modal').hasClass('modal-show')) {
jQuery('.navicon').removeClass('navicon-toggle');
jQuery('.modal').removeClass('modal-show');
jQuery('body').removeClass('no-scroll');
}
if (jQuery('body').hasClass('main')) {
jQuery('.intro-top').find('.lang').appendTo(jQuery('.intro-bottom').find('.left'));
} else if (jQuery('body').hasClass('about')) {
jQuery('.intro-bottom').find('.lang').insertBefore(jQuery('.intro-top').find('.phone'));
}
if (window.matchMedia('(min-width: 767px)').matches) {
if (jQuery('body').hasClass('main')) {
jQuery('.wrapper').css('padding-bottom', jQuery('.footer-min').outerHeight());
} else if (jQuery('body').hasClass('about')) {
jQuery('.wrapper').css('padding-bottom', jQuery('.footer').outerHeight());
}
} else {
if (jQuery('body').hasClass('main')) {
jQuery('.footer').css('margin-top', -jQuery('.footer-max').outerHeight());
} else if (jQuery('body').hasClass('about')) {
jQuery('.footer').css('margin-top', '');
}
}
if (window.matchMedia('(max-width: 767px)').matches) {
jQuery('.menu-modal').find('.modal-content').append(jQuery('.intro').find('.menu'));
jQuery('.menu').find('.anchor').removeClass('anchor').addClass('modal-anchor');
jQuery('.menu-modal').find('.modal-content').append(jQuery('.intro').find('.schedule-block'));
jQuery('.menu-modal').find('.schedule-days').append(jQuery('.menu-modal').find('.schedule-time').children('.schedule-text'));
jQuery('.menu-modal').find('.schedule-time').prepend(jQuery('.menu-modal').find('.schedule-days').children('.schedule-number'));
jQuery('.menu-modal').find('.modal-content').append(jQuery('.intro').find('.adress'));
if(jQuery('.about').length) {
var socials = jQuery('.footer').find('.social').clone();
jQuery('.menu-modal').find('.modal-content').append(socials);
} else {
jQuery('.menu-modal').find('.modal-content').append(jQuery('.intro').find('.social'));
}
jQuery('.menu-modal').find('.modal-content').append(jQuery('.intro').find('.lang'));
} else {
jQuery('.intro-top').find('.middle').append(jQuery('.menu-modal').find('.menu'));
jQuery('.menu').find('.modal-anchor').removeClass('modal-anchor').addClass('anchor');
jQuery('.intro-top').find('.left').append(jQuery('.menu-modal').find('.schedule-block'));
if (jQuery('.intro-top').find('.schedule-days').children('.schedule-text').length > 1 || jQuery('.intro-top').find('.schedule-time').children('.schedule-number').length > 1) {
jQuery('.intro-top').find('.schedule-days').append(jQuery('.intro-top').find('.schedule-time').children('.schedule-number').first());
jQuery('.intro-top').find('.schedule-time').prepend(jQuery('.intro-top').find('.schedule-days').children('.schedule-text').last());
}
jQuery('.intro-top').find('.left').prepend(jQuery('.menu-modal').find('.adress'));
jQuery('.intro-bottom').find('.right').append(jQuery('.menu-modal').find('.social'));
jQuery('.intro-bottom').find('.left').append(jQuery('.menu-modal').find('.lang'));
}
}
function changeImage() {
var index = 1;
setInterval(function() {
var currentImage = jQuery('.background.background-show');
currentImage.removeClass('background-show');
currentImage = currentImage.next();
if (currentImage.length == 0) {
currentImage = jQuery('.background').first();
}
currentImage.addClass('background-show');
}, index*10000);
}
function resizeSlider() {
jQuery('.events-slider, .gallery-slider').slick('setPosition');
}
function resizeSlides() {
jQuery('.events-slider').find('.image').css('height', jQuery('.events-slider').find('.image').width());
jQuery('.events-slider').find('.slider-arrow').css('top', jQuery('.events-slider').find('.image').width()/2 - jQuery('.events-slider').find('.slider-arrow').height()/2);
if (window.matchMedia('(min-width: 569px)').matches) {
jQuery('.gallery-slider').find('.image').css('height', jQuery('.gallery-slider').find('.image').width()/1.26875);
} else {
jQuery('.gallery-slider').find('.image').css('height', '');
}
}
function resizeTabs() {
jQuery('.tabs-content').css('height', jQuery('.tab-show').find('.slick-center').height());
}
function initMap() {
if (document.querySelector('.map')) {
var myMap = document.querySelector('.map');
var myLocation = new google.maps.LatLng(50.437668, 30.529157);
var isDraggable = window.innerWidth > 767 ? true : false;
var myIcon = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26.7" height="38.7" viewBox="0 0 26.7 38.7" enable-background="new 0 0 26.7 38.7" xml:space="preserve"><path d="M25.2 13.7c-.4 2.4-1.5 2.8-5.3 7.9-.6.9-1.1 1.6-1.5 2.1-1.9 2.8-1.1 2.7-3.6 6.6-.1.2-1.2 1.9-1 3.4.1.7.3 1.3.3 1.3.3.8.6 1 .6 1.4 0 .4-.2.9-1.3 1.6h-.1c-1.1-.7-1.3-1.3-1.3-1.6 0-.4.3-.6.6-1.4 0 0 .2-.5.3-1.3.2-1.5-.9-3.3-1-3.4-2.8-4.4-1.5-3.7-4.6-7.9-.2-.2-.3-.5-.5-.8-3.8-5.1-4.9-5.5-5.3-7.9-.5-2.7.3-5 .5-5.5.2-.4.9-2.2 2.6-4 .9-.9 1.8-1.5 2.7-2C9.9.8 12.4.7 13.3.7c.8 0 2.8.1 5.1 1.1 1.2.5 2.5 1.3 3.7 2.5 1.7 1.7 2.4 3.5 2.6 3.9.1.5 1 2.8.5 5.5z" fill="#e2ac80"/><circle cx="13.3" cy="11.3" r="4" fill="#fff"/></svg>';
var myMarker = {
url: 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(myIcon),
scaledSize: new google.maps.Size(24, 38)
};
myStyles = [
{
"featureType": "all",
"elementType": "labels.text.fill",
"stylers": [
{
"saturation": 36
},
{
"color": "#333333"
},
{
"lightness": 40
}
]
},
{
"featureType": "all",
"elementType": "labels.text.stroke",
"stylers": [
{
"visibility": "on"
},
{
"color": "#ffffff"
},
{
"lightness": 16
}
]
},
{
"featureType": "all",
"elementType": "labels.icon",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "administrative",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#fefefe"
},
{
"lightness": 20
}
]
},
{
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [
{
"color": "#fefefe"
},
{
"lightness": 17
},
{
"weight": 1.2
}
]
},
{
"featureType": "landscape",
"elementType": "geometry",
"stylers": [
{
"lightness": 20
},
{
"color": "#ececec"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "all",
"stylers": [
{
"visibility": "on"
},
{
"color": "#f0f0ef"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "on"
},
{
"color": "#f0f0ef"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry.stroke",
"stylers": [
{
"visibility": "on"
},
{
"color": "#d4d4d4"
}
]
},
{
"featureType": "landscape.natural",
"elementType": "all",
"stylers": [
{
"visibility": "on"
},
{
"color": "#ececec"
}
]
},
{
"featureType": "poi",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "poi",
"elementType": "geometry",
"stylers": [
{
"lightness": 21
},
{
"visibility": "off"
}
]
},
{
"featureType": "poi",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "on"
},
{
"color": "#d4d4d4"
}
]
},
{
"featureType": "poi",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#303030"
}
]
},
{
"featureType": "poi",
"elementType": "labels.icon",
"stylers": [
{
"saturation": "-100"
}
]
},
{
"featureType": "poi.attraction",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "poi.business",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "poi.government",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "poi.medical",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "poi.park",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [
{
"color": "#dedede"
},
{
"lightness": 21
}
]
},
{
"featureType": "poi.place_of_worship",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "poi.school",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "poi.school",
"elementType": "geometry.stroke",
"stylers": [
{
"lightness": "-61"
},
{
"gamma": "0.00"
},
{
"visibility": "off"
}
]
},
{
"featureType": "poi.sports_complex",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"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": "transit",
"elementType": "geometry",
"stylers": [
{
"color": "#f2f2f2"
},
{
"lightness": 19
}
]
},
{
"featureType": "water",
"elementType": "geometry",
"stylers": [
{
"color": "#dadada"
},
{
"lightness": 17
}
]
}
];
var mapOptions = {
center: myLocation,
zoom: 16,
scrollwheel: false,
draggable: isDraggable,
mapTypeId: google.maps.MapTypeId.ROADMAP,
styles: myStyles
};
var map = new google.maps.Map(myMap, mapOptions);
var marker = new google.maps.Marker({
position: myLocation,
icon: myMarker,
optimized: false,
map: map
});
google.maps.event.addDomListener(window, 'resize', function() {
var center = map.getCenter();
var isDraggable = window.innerWidth > 767 ? true : false;
google.maps.event.trigger(map, 'resize');
map.setCenter(center);
map.setOptions({draggable: isDraggable});
});
}
}
function startWindowHeight() {
if (jQuery('.start-window-container.active').length) {
var startWindowHeight = jQuery('.start-window').outerHeight();
if ((startWindowHeight + (64*2)) >= window.innerHeight) {
jQuery('.start-window-container').addClass('start-window-container_scroll');
} else {
jQuery('.start-window-container').removeClass('start-window-container_scroll');
}
}
}