$(document).ready(function(){ /*$.getScript( "http://moresalonov.ru/js/ms.bookingwidget.js", function( data, textStatus, jqxhr ) { var MSWidgetOptions = { href: '29817/2/1', host: 'http://moresalonov.ru', type: 'inline', lang: 'rus', border_color: '000000', main_color: 'FFFCFC' }; MSWidget.initWidget(MSWidgetOptions); $('.open-reg-form').on('click', function() { MSWidget.showIframe(); }); });*/ // GMAPS 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: 16, // The latitude and longitude to center the map (always required) center: new google.maps.LatLng(55.753871, 37.658371), backgroundColor: '#232323', scrollwheel: false, mapTypeControl: false, overviewMapControl: false, panControl: false, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.DEFAULT, position: google.maps.ControlPosition.LEFT_CENTER }, scaleControl: false, streetViewControl: false, // How you would like to style the map. // This is where you would paste any style found on Snazzy Maps. styles: [{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":60}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}] }; // Get the HTML DOM element that will contain your map // We are using a div with id="map" seen below in the 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 image = 'images/pin.png'; var marker = new google.maps.Marker({ position: new google.maps.LatLng(55.753871, 37.658371), map: map, title: 'PROGER.ORG', icon: image }); /* var lineSymbol = { path: 'M 0,-1 0,1', strokeOpacity: 1, scale: 2 }; var directionLineCoord = [ {lat: 55.743492, lng: 37.6021896}, {lat: 55.743323, lng: 37.602566}, {lat: 55.743235, lng: 37.602442}, {lat: 55.743648, lng: 37.601479}, ]; var directionLine = new google.maps.Polyline({ path: directionLineCoord, geodesic: true, strokeColor: '#FFF', strokeOpacity: 0, icons: [{ icon: lineSymbol, offset: '0', repeat: '10px' }], }); directionLine.setMap(map);*/ // Create the DIV to hold the control and call the ZoomControl() constructor // passing in this DIV. // var zoomControlDiv = document.createElement('div'); // var zoomControl = new ZoomControl(zoomControlDiv, map); //zoomControlDiv.index = 1; //map.controls[google.maps.ControlPosition.BOTTOM_CENTER].push(zoomControlDiv); } // When the window has finished loading create our google map below google.maps.event.addDomListener(window, 'load', init); // END GMAPS // INIT $('#fullpage').show(); $('.no-js-view').hide(); // END INIT // PAGE-SLIDER //@see https://github.com/alvarotrigo/fullPage.js $('#fullpage').fullpage({ //Navigation menu: false, anchors:['hall', 'price', 'instagram', 'panorama', 'reviews', 'contacts'], navigation: false, //navigationPosition: 'right', //navigationTooltips: ['firstSlide', 'secondSlide'], showActiveTooltips: false, //slidesNavigation: true, //slidesNavPosition: 'bottom', //Scrolling css3: true, scrollingSpeed: 700, autoScrolling: true, fitToSection: true, scrollBar: false, easing: 'easeInOutCubic', easingcss3: 'ease', loopBottom: false, loopTop: false, loopHorizontal: true, continuousVertical: false, scrollOverflow: false, touchSensitivity: 5, normalScrollElementTouchThreshold: 5, //Accessibility keyboardScrolling: true, animateAnchor: true, recordHistory: true, //Design controlArrows: true, verticalCentered: true, resize : false, paddingTop: '0', paddingBottom: '0', fixedElements: '.header', responsive: 0, //Custom selectors sectionSelector: '.page-slide', slideSelector: '.horizontal_slide', //events onLeave: function(index, nextIndex, direction){ $('#main_menu li a').removeClass('active'); $('#main_menu').children().eq(nextIndex - 1).find('a').addClass('active'); }, afterLoad: function(anchorLink, index){ $('#main_menu li a').each(function() { if($(this).attr('href') == '#'+anchorLink && !$(this).hasClass('active')) $(this).addClass('active'); }); }, afterRender: function(){ $('#main_menu').children().eq(0).find('a').addClass('active'); }, afterResize: function(){}, afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){ }, onSlideLeave: function(anchorLink, index, slideIndex, direction){ } }); // END PAGE-SLIDER // PANORAMA SLIDER var slider = $('.bxslider').bxSlider({ pager: false, touchEnabled: true, controls: true, onSlideAfter: function($slideElement, oldIndex, newIndex) { } }); $('#bx-slider-next-sel').click(function() { slider.goToNextSlide(); }) $('#bx-slider-reload').click(function() { slider.reloadSlider(); }) // END PANORAMA SLIDER // AUTORESIZE function resize() { var h = $(window).height(); var w = $(window).width(); var hh = $('.header').outerHeight(); var fh = $('.footer').outerHeight(); $('#fullpage').height(h).width(w); $('.bx-wrapper').width(w); $('.container-full').height(h).width(w); $('.slide-panorama__cover').height(h - hh).width(w); $('.slide-panorama').height(h - hh).width(w); $('.bxslider li .img').height(h - hh).width(w); $('.fp-tableCell').css('padding-top',hh); $('.fp-tableCell').css('padding-bottom',fh); $('#map').css('margin-top',-hh); if(hh > 65) { bgh = hh - 65; $('.sec-start').css('background-position','0 '+bgh+'px'); } else { $('.sec-start').css('background-position','0 0'); } } resize(); $(window).on('resize', function() { resize(); }); // END AUTORESIZE // FANCYBOX // $(".fancybox").fancybox({ padding: 1, }); $(".fancybox-panorama").fancybox({ padding: 1, width: '90%', title: 'Панорама 360' }); $(".fancybox-how-to-find-us").fancybox({ padding: 1 }); // END FANCYBOX // $('.js-slick-review').slick({ dots: false, arrows: true, infinite: false, speed: 300, slidesToShow: 1, slidesToScroll: 1, }); }); $(window).load(function() { $('#bx-slider-reload').click(); $('.bx-prev').html(''); $('.bx-next').html(''); })