$(function() {
	$('.intereseting_elements').masonry({
		itemSelector: '.section_item',
		columnWidth: $('.section_item.horisontal').outerWidth()/2
	});

	$("#calendar").MEC(function(events) {
		$('.events_calendar_block').html('<div class="calendar_events_date">'+events[0].date+'</div><div class="swiper-container calendar_events"><div class="swiper-wrapper"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div>');
		$.each(events, function(key, event) {
			$('.calendar_events .swiper-wrapper').append('<div class="swiper-slide"><div class="calendar_events_block"><div class="calendar_event_title">'+event.name+'</div><div class="calendar_event_preview">'+event.preview+'</div><!--<a href="'+event.url+'">Подробнее</a>--></div></div>');
		});
		setTimeout(function() {
			new Swiper('.calendar_events', {
				pagination: {
					clickable: true
				},
				navigation: {
					nextEl: '.calendar_events .swiper-button-next',
					prevEl: '.calendar_events .swiper-button-prev',
				},
				on: {
					transitionEnd: function() {
						$('.lazyload').Lazy();
					}
				}
			});
		}, 100);
	});

	new Swiper('.swiper-container.one', {
		pagination: {
			el: '.swiper-container.one .swiper-pagination',
			clickable: true
		},
		navigation: {
			nextEl: '.swiper-container.one .swiper-button-next',
			prevEl: '.swiper-container.one .swiper-button-prev',
		},
		on: {
			transitionEnd: function() {
				$('.lazyload').Lazy();
			}
		}
	});
	new Swiper('.swiper-container.four', {
		slidesPerView: 4,
		pagination: {
			el: '.swiper-container.four .swiper-pagination',
			clickable: true
		},
		on: {
			transitionEnd: function() {
				$('.lazyload').Lazy();
			}
		}
	});
	new Swiper('.swiper-container.index_journals', {
		slidesPerView: 4,
		pagination: {
			el: '.swiper-container.index_journals .swiper-pagination',
			clickable: true
		}
	});
	new Swiper('.blog .swiper-container', {
		pagination: {
			el: '.swiper-pagination',
			clickable: true
		},
		on: {
			transitionEnd: function() {
				$('.lazyload').Lazy();
			}
		}
	});
	new Swiper('.swiper-container.three', {
		slidesPerView: 3,
		pagination: {
			el: '.swiper-container.three .swiper-pagination',
			clickable: true
		},
		on: {
			transitionEnd: function() {
				$('.lazyload').Lazy();
			}
		}
	});
	new Swiper('.lifestyle_swiper', {
		slidesPerView: 3,
		pagination: {
			el: '.lifestyle_swiper .swiper-pagination',
			clickable: true
		},
		navigation: {
			nextEl: '.lifestyle_swiper .swiper-button-next',
			prevEl: '.lifestyle_swiper .swiper-button-prev',
		},
		on: {
			transitionEnd: function() {
				$('.lazyload').Lazy();
			}
		}
	});
	const swiperPartners = new Swiper('.swiper-container.partners', {
		slidesPerView: 6,
		slidesPerColumn: 1,
		pagination: {
			el: '.swiper-container.partners .swiper-pagination',
			clickable: true
		},
		navigation: {
			nextEl: '.swiper-container.partners .swiper-button-next',
			prevEl: '.swiper-container.partners .swiper-button-prev',
		},
		on: {
			transitionEnd: function() {
				$('.lazyload').Lazy();
			}
		}
	});
	var menuTimeut = 'null';
	var overlayTimeut = 'null';

	$('#mainmenu .root-item').mouseenter(function() {
		var el = $(this);
		var child = $(this).find('ul');
		var overlay = $('.menu_overlay');
		var elheight = el.height();
		clearTimeout(overlayTimeut);
		clearTimeout(menuTimeut);
		menuTimeut = setTimeout(function() {
			child.addClass('open');
			setTimeout(function() {
				child.addClass('show');
				overlay.addClass('open');
				setTimeout(function() {
					var height = child.height();
					height = height + elheight;
					if (!child.is('ul')) height = 0
					overlay.css('height', height);
				}, 10);
			}, 50);
		}, 250);
	}).mouseleave(function() {
		clearTimeout(menuTimeut);
		var el = $(this);
		var child = $(this).find('ul');
		child.removeClass('show');
		setTimeout(function() {
			child.removeClass('open')
		}, 200);
		overlayTimeut = setTimeout(function() {
			$('.menu_overlay').removeClass('open').height(0);
		}, 50);
	});

	var navTop = $('.nav').position().top;

	$(window).resize(function()  {
		var navTop = $('.nav').position().top;
	});

	$(window).scroll(function() {
		if ($('html').scrollTop() >= navTop) {
			$('body').addClass('scroll');
		} else {
			$('body').removeClass('scroll');
		}
	});

	if ($('#flipbook').is('div')) {
		$('#flipbook .double').scissor();
		$('#flipbook').turn({
			page: 2,
			gradients: true,
			elevation: 50,
			gradients: true,
			autoCenter: true,
			when: {
				turning: function(event, page, view) {
					console.log(page);
					$('.journal_dots div[data-key="'+page+'"]').addClass('sel').siblings().removeClass('sel');
					$('.journal_dots div[data-prekey="'+page+'"]').addClass('sel').siblings().removeClass('sel');
				}
			}
		});
		setTimeout(function() {
			$("#flipbook").turn("peel", "br");
		}, 1000);
	}

	$('.journal_dots div').click(function() {
		$(this).addClass('sel').siblings().removeClass('sel');
		$("#flipbook").turn("page", $(this).data('key'));
	});

	window.addEventListener('load', function () {
		$('.lazyload').Lazy({
			effect: 'fadeIn',
			beforeLoad: function(element) {
				// called before an elements gets handled

			},
			afterLoad: function(element) {
				$('.grid').masonry({
					itemSelector: '.grid-item',
				});
				//alert('afterLoad');
			},
			onError: function(element) {
				$('.grid').masonry({
					itemSelector: '.grid-item',
				});
			},
			onFinishedAll: function() {
				$('.grid').masonry({
					itemSelector: '.grid-item',
				});
			}
		});
		$('.grid').masonry({
			itemSelector: '.grid-item',
		});
	});

	window.dispatchEvent(new Event('load'));
});