Your IP : 172.28.240.42
function preLoad(){
var preloader = document.getElementById('page-preloader'),
circle = document.getElementsByClassName('circle');
preloader.style.opacity = '0';
setTimeout( function(){
preloader.style.display = 'none'
}, 500);
}
function sliders(){
$('#main__slider').owlCarousel({
loop:true,
margin:0,
nav:false,
items:4,
dots: true,
smartSpeed: 1000,
autoplay: true,
mouseDrag: false,
responsive:{
0:{
items:1
},
991:{
items:4
}
}
})
$('#afisha__slider').owlCarousel({
loop:true,
margin:0,
nav:true,
items:1,
navText: ['',''],
})
$('#novelties__slider').owlCarousel({
loop:true,
margin:0,
nav:true,
items:1,
navText: ['',''],
})
$('#books__slider').owlCarousel({
loop:false,
margin:0,
nav:true,
navText: ['',''],
responsive:{
0:{
items:1
},
767:{
items:2
},
1200:{
items:3
}
}
})
$('#contests__slider').owlCarousel({
loop:true,
margin:0,
nav:true,
items:1,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
navText: ['',''],
})
$('#useful__slider').owlCarousel({
loop:false,
margin:0,
nav:true,
navText: ['',''],
responsive:{
0:{
items:1
},
576:{
items:2
},
992:{
items:3
},
1200:{
items:5
}
}
})
$('#useful__slider__two').owlCarousel({
loop:false,
margin:0,
nav:true,
navText: ['',''],
responsive:{
0:{
items:1
},
576:{
items:2
},
992:{
items:3
},
1200:{
items:5
}
}
})
}
function mainSlider(){
var slider = $('#main__slider');
function changeWidhtSlide(){
$('.slide_1').css('width', $(window).width() / 100 * 63);
$('.slide_2').css('width', $(window).width() / 100 * 15 + ($(window).width() / 100 * 15.1));
$('.slide_3').css('width', $(window).width() / 100 * 15 + ($(window).width() / 100 * 15.1));
$('.slide_4').css('width', $(window).width() / 100 * 7 + ($(window).width() / 100 * 7.6));
}
function changeMarginSlide(){
$('#main__slider .owl-item').css('margin-right', 0);
$('.slide_1').css('margin-right', -(16 * $(window).width() / 4) / 100 * 3.15);
$('.slide_2').css('margin-right', -(16 * $(window).width() / 4) / 100 * 3.15);
$('.slide_3').css('margin-right', -(16 * $(window).width() / 4) / 100 * 3.15);
$('.slide_4').css('margin-right', -(16 * $(window).width() / 4) / 100 * 3.15);
}
var toSlide = {
two: function(e){
slider.trigger('next.owl.carousel');
},
three: function(e){
slider.trigger('next.owl.carousel');
slider.trigger('next.owl.carousel');
},
four: function(e){
slider.trigger('next.owl.carousel');
slider.trigger('next.owl.carousel');
slider.trigger('next.owl.carousel');
}
}
// изменяет ширину экрана при увеличении экрана
slider.on('resized.owl.carousel', function(event){
if($(window).width() > 991){
changeWidhtSlide();
changeMarginSlide();
}
})
slider.on('translate.owl.carousel', function(event) {
if($(window).width() > 991){
$('#main__slider .owl-item').css('width', $(window).width() / 4 - 0.08);
$('#main__slider .owl-item.active')[1].removeEventListener('click', toSlide.two);
$('#main__slider .owl-item.active')[2].removeEventListener('click', toSlide.three);
$('#main__slider .owl-item.active')[3].removeEventListener('click', toSlide.four);
$('#main__slider .owl-item.active')[0].classList.add('moving__slide_1');
$('#main__slider .owl-item.active')[1].classList.add('moving__slide_2');
$('#main__slider .owl-item.active')[2].classList.add('moving__slide_3');
$('#main__slider .owl-item.active')[3].classList.add('moving__slide_4');
$('#main__slider .owl-item.active').next()[3].classList.add('moving__slide_5');
$('.moving__slide_1').css('margin-right', 0);
$('#main__slider .owl-item').removeClass('slide_1');
$('#main__slider .owl-item').removeClass('slide_2');
$('#main__slider .owl-item').removeClass('slide_3');
$('#main__slider .owl-item').removeClass('slide_4');
$('.moving__slide_5').css('margin-right', -(16 * $(window).width() / 4) / 100 * 3.15);
$('.moving__slide_1').css('width', $(window).width() / 4 - 0.08);
$('#main__slider .owl-item.active')[1].classList.add('slide_1_restraint');
$('.moving__slide_2').css('width', $(window).width() / 100 * 15 + ($(window).width() / 100 * 15.1));
$('.moving__slide_3').css('width', $(window).width() / 100 * 15 + ($(window).width() / 100 * 15.1));
$('.moving__slide_4').css('width', $(window).width() / 100 * 15 + ($(window).width() / 100 * 15.1));
$('.moving__slide_5').css('width', $(window).width() / 100 * 7 + ($(window).width() / 100 * 7.6));
}else{
$('#main__slider .owl-item').removeClass('slide_1');
$('#main__slider .owl-item').removeClass('slide_2');
$('#main__slider .owl-item').removeClass('slide_3');
$('#main__slider .owl-item').removeClass('slide_4');
}
})
slider.on('translated.owl.carousel', function(event) {
if($(window).width() > 991){
$('#main__slider .owl-item').removeClass('moving__slide_1');
$('#main__slider .owl-item').removeClass('moving__slide_2');
$('#main__slider .owl-item').removeClass('moving__slide_3');
$('#main__slider .owl-item').removeClass('moving__slide_4');
$('#main__slider .owl-item').removeClass('moving__slide_5');
$('#main__slider .owl-item.active')[0].classList.add('slide_1');
$('#main__slider .owl-item.active')[1].classList.add('slide_2');
$('#main__slider .owl-item.active')[2].classList.add('slide_3');
$('#main__slider .owl-item.active')[3].classList.add('slide_4');
$('#main__slider .owl-item.active')[1].addEventListener('click', toSlide.two);
$('#main__slider .owl-item.active')[2].addEventListener('click', toSlide.three);
$('#main__slider .owl-item.active')[3].addEventListener('click', toSlide.four);
setTimeout(function(){
$('#main__slider .owl-item').removeClass('slide_1_restraint');
changeWidhtSlide();
}, 50);
changeMarginSlide();
}
})
slider.on('initialized.owl.carousel', function(event) {
if($(window).width() > 991){
$('#main__slider .owl-item.active')[0].classList.add('slide_1');
$('#main__slider .owl-item.active')[1].classList.add('slide_2');
$('#main__slider .owl-item.active')[2].classList.add('slide_3');
$('#main__slider .owl-item.active')[3].classList.add('slide_4');
$('#main__slider .owl-item.active')[1].addEventListener('click', toSlide.two);
$('#main__slider .owl-item.active')[2].addEventListener('click', toSlide.three);
$('#main__slider .owl-item.active')[3].addEventListener('click', toSlide.four);
changeWidhtSlide();
changeMarginSlide();
}
})
}
function mapSelect(){
$('.select__arr').click(function(){
$('#map__select__menu').toggle();
})
$('#map__select__menu li').click(function(){
$('.map__search__input').val($(this).text());
$('#map__select__menu').toggle();
})
}
$(window).on('load', function() {
var height = $('footer').innerHeight();
$('body').css('margin-bottom', height);
$('footer').addClass('sticky_footer');
$(window).on('resize', function() {
height = $('footer').innerHeight();
$('body').css('margin-bottom', height);
});
})
$(document).ready(function(){
preLoad();
mapSelect();
mainSlider();
sliders();
});