https://salut-12.ru/bitrix/templates/salut/js/script.js

1$(document).ready(function() {
2	
3	$('a[href^="#"]:not(.nav-link)').click(function(){
4		var el = $(this).attr('href');
5		$('html').animate({
6			scrollTop: $(el).offset().top
7		}, 800);
8		return false;
9	});
10	
11	
12	$('.document_slider').slick({
13		arrows: true,
14		dots: false,
15		infinite: true,
16		slidesToShow: 4,
17		slidesToScroll: 1,
18		responsive: [
19			{
20				breakpoint: 1199,
21				settings: {
22					slidesToShow: 3,
23					slidesToScroll: 1,
24					arrows: true,
25				}
26			},
27			{
28				breakpoint: 991,
29				settings: {
30					slidesToShow: 2,
31					slidesToScroll: 1,
32					arrows: true,
33				}
34			},
35			{
36				breakpoint: 650,
37				settings: {
38					slidesToShow: 1,
39					slidesToScroll: 1,
40					arrows: true,
41				}
42			}
43		]
44	});
45	$('.partners_slider').slick({
46		arrows: true,
47		dots: false,
48		infinite: true,
49		slidesToShow: 6,
50		slidesToScroll: 1,
51		autoplay: true,
52		autoplaySpeed: 5000,
53		responsive: [
54			{
55				breakpoint: 991,
56				settings: {
57					slidesToShow: 4,
58					slidesToScroll: 1,
59					arrows: true,
60				}
61			},
62			{
63				breakpoint: 500,
64				settings: {
65					slidesToShow: 2,
66					slidesToScroll: 1,
67					arrows: true,
68				}
69			}
70		]
71	});
72	
73	
74	$('.form_file input').on('change',function() {
75		var name = $(this)[0].files[0].name;
76		if(name != '' && !!name) {
77			$(this).next('label').addClass('active').html(name);
78		} else {
79			$(this).next('label').removeClass('active').html('Прикрепить резюме');
80		}
81	});
82
83	$('.link_submenu_menu > a').on('click',function(e) {
84		var width = $(window).width();
85		if(width < 768) {
86			e.preventDefault();
87			$(this).next('.index_menu').addClass('active');
88			$('#index_menu').addClass('opacity');
89		}
90	});
91	
92	
93	$('.hidden_back_menu a').on('click',function(e) {
94		e.preventDefault();
95		$('.index_menu.submenu').removeClass('active');
96		$('#index_menu').removeClass('opacity');
97	});
98
99	$('[data-overflow]').on('click',function(e) {
100		e.preventDefault();
101		var id = $(this).data('overflow');
102		$('body').addClass('without_overflow');
103		$('#'+id).addClass('active');
104	});
105	$('.overflow_close').on('click',function() {
106		$('body').removeClass('without_overflow');
107		$('.overflow').removeClass('active');
108	});
109	
110	var height = $('.header').height();
111	var offset = $('.header').offset();
112	$(window).scroll(function() {
113		var width = $(window).width();
114		if(width > 1200) {
115			var scroll = $(window).scrollTop();
116			if(scroll >= offset.top && scroll > 0) {
117				$('.header').addClass('fixed');
118				$('.header').next().css('margin-top',height+'px');
119			} else {
120				$('.header').removeClass('fixed');
121				$('.header').next().css('margin-top',0);
122			}
123		} else {
124			$('.header').removeClass('fixed');
125			$('.header').next().css('margin-top',0);
126		}
127	});
128	
129	$('.show_menu').on('click',function() {
130		if($(this).hasClass('active')) {
131			$('body').removeClass('no_overflow');
132			$(this).removeClass('active');
133			$('.header_menu #index_menu').removeClass('active');
134			if($('.header_menu .index_menu.submenu').hasClass('active')) {
135				$('#index_menu').addClass('opacity');
136			} else {
137				$('#index_menu').removeClass('opacity');
138			}
139			//$('.header_menu .index_menu.submenu').removeClass('active');
140		} else {
141			$('body').addClass('no_overflow');
142			$(this).addClass('active');
143			$('.header_menu #index_menu').addClass('active');
144			//$('.header_menu .index_menu.submenu').removeClass('active');
145			
146			if($('.header_menu .index_menu.submenu').hasClass('active')) {
147				$('#index_menu').addClass('opacity');
148			} else {
149				$('#index_menu').removeClass('opacity');
150			}
151		}
152	});
153	
154	$('.flat_photos_slider_mobile').slick({
155		slidesToShow: 3,
156		slidesToScroll: 1,
157		arrows: true,
158		autoplay: true,
159		autoplaySpeed: 5000,
160		responsive: [
161			{
162				breakpoint: 600,
163				settings: {
164					slidesToShow: 2,
165					slidesToScroll: 1,
166					arrows: true,
167				}
168			},
169			{
170				breakpoint: 480,
171				settings: {
172					slidesToShow: 1,
173					slidesToScroll: 1,
174					arrows: true,
175				}
176			}
177		]
178	});
179	$('.flat_photos_slider:not(.flat_photos_slider_mobile)').slick({
180		slidesToShow: 1,
181		slidesToScroll: 1,
182		arrows: true,
183		autoplay: true,
184		autoplaySpeed: 5000,
185	});
186	$('.detail_slider').slick({
187		slidesToShow: 1,
188		slidesToScroll: 1,
189		arrows: true,
190		fade: true,
191	});
192	
193	$('a[data-toggle="pill"]').on('shown.bs.tab', function (e) {
194		var id = $(e.target).attr('id');
195		if(id == 'pills-profile-tab') {
196			$('.detail_slider').slick('unslick');
197			$('.detail_slider').slick({
198				slidesToShow: 1,
199				slidesToScroll: 1,
200				arrows: true,
201				fade: true,
202			});
203		}
204	});
205	
206	$(window).scroll(function (event) {
207		var top = $(window).scrollTop();
208		if(top >= 800){
209			$('.totop').css('opacity','.8').addClass('active');
210		} else if(top >= 600){
211			$('.totop').css('opacity','.6').addClass('active');
212		} else if(top >= 400){
213			$('.totop').css('opacity','.4').addClass('active');
214		} else if(top >= 200){
215			$('.totop').css('opacity','.2').addClass('active');
216		} else {
217			$('.totop').css('opacity','0').removeClass('active');
218		}
219	});
220	
221	$('.totop').on('click',function() {
222		$('html, body').animate({scrollTop: 0},800);
223		return false;

224	});
225	
226	$("input[name=PHONE]").mask("+7 (999) 999-9999");
227	/*$('[data-slide]').click(function(e) {
228		e.preventDefault();
229		$('.products_navigation_item').removeClass('active');
230		var slideno = $(this).data('slide');
231		$('.products_slider').slick('slickGoTo', slideno + 1);
232		$(this).addClass('active');
233	});
234	$('.products_slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
235		$('.products_navigation_item').removeClass('active');
236		var slide = $('.products_slider .product_slider').eq(nextSlide);
237		var realIndex = slide.data('index');
238		var slideCpicture = slide.data('cpicture');
239		var slideMpicture = slide.data('mpicture');
240		$('.cpicture').attr('src',slideCpicture);
241		$('.mpicture').attr('src',slideMpicture);
242		$('.index_'+realIndex).addClass('active');
243	});*/
244	$('.certificates_slider').slick({
245		arrows: true,
246		dots: false,
247		infinite: true,
248		slidesToShow: 4,
249		slidesToScroll: 1,
250		responsive: [
251			{
252				breakpoint: 1199,
253				settings: {
254					slidesToShow: 3,
255					slidesToScroll: 1,
256					arrows: true,
257				}
258			},
259			{
260				breakpoint: 767,
261				settings: {
262					slidesToShow: 2,
263					slidesToScroll: 1,
264					arrows: true,
265				}
266			},
267			{
268				breakpoint: 450,
269				settings: {
270					slidesToShow: 1,
271					slidesToScroll: 1,
272					arrows: true,
273				}
274			}
275		]
276	});
277	$('.complex_plan_slider').slick({
278		arrows: true,
279		dots: false,
280		infinite: true,
281		slidesToShow: 4,
282		slidesToScroll: 1,
283		responsive: [
284			{
285				breakpoint: 1199,
286				settings: {
287					slidesToShow: 3,
288					slidesToScroll: 1,
289					arrows: true,
290				}
291			},
292			{
293				breakpoint: 991,
294				settings: {
295					slidesToShow: 2,
296					slidesToScroll: 1,
297					arrows: true,
298				}
299			},
300			{
301				breakpoint: 600,
302				settings: {
303					slidesToShow: 1,
304					slidesToScroll: 1,
305					arrows: true,
306				}
307			}
308		]
309	});
310	$('.complex_slider').slick({
311		arrows: true,
312		dots: false,
313		infinite: true,
314		slidesToShow: 3,
315		slidesToScroll: 1,
316		autoplay: true,
317		autoplaySpeed: 5000,
318		responsive: [
319			{
320				breakpoint: 991,
321				settings: {
322					slidesToShow: 2,
323					slidesToScroll: 1,
324					arrows: true,
325				}
326			},
327			{
328				breakpoint: 500,
329				settings: {
330					slidesToShow: 1,
331					slidesToScroll: 1,
332					arrows: true,
333				}
334			}
335		]
336	});
337	$('.news_slider').slick({
338		arrows: true,
339		dots: false,
340		infinite: true,
341		slidesToShow: 4,
342		slidesToScroll: 1,
343		autoplay: true,
344		autoplaySpeed: 5000,
345		responsive: [
346			{
347				breakpoint: 1199,
348				settings: {
349					slidesToShow: 3,
350					slidesToScroll: 1,
351					arrows: true,
352				}
353			},
354			{
355				breakpoint: 991,
356				settings: {
357					slidesToShow: 2,
358					slidesToScroll: 1,
359					arrows: true,
360				}
361			},
362			{
363				breakpoint: 500,
364				settings: {
365					slidesToShow: 1,
366					slidesToScroll: 1,
367					arrows: true,
368				}
369			}
370		]
371	});
372	$('.banner_slider').slick({
373		arrows: true,
374		dots: false,
375		infinite: true,
376		slidesToShow: 1,
377		slidesToScroll: 1,
378		autoplay: true,
379		autoplaySpeed: 5000,
380	});
381	$('.reviews_slider').slick({
382		arrows: true,
383		dots: false,
384		infinite: true,
385		slidesToShow: 2,
386		slidesToScroll: 1,
387		responsive: [
388			{
389				breakpoint: 991,
390				settings: {
391					slidesToShow: 1,
392					slidesToScroll: 1,
393					arrows: true,
394				}
395			},
396			{
397				breakpoint: 767,
398				settings: {
399					slidesToShow: 1,
400					slidesToScroll: 1,
401					arrows: true,
402				}
403			}
404		]
405	});
406	$('.product_big_slider').slick({
407		arrows: true,
408		dots: false,
409		infinite: true,
410		slidesToShow: 2,
411		slidesToScroll: 1,
412		responsive: [
413			{
414				breakpoint: 991,
415				settings: {
416					slidesToShow: 1,
417					slidesToScroll: 1,
418					arrows: true,
419				}
420			},
421			{
422				breakpoint: 767,
423				settings: {
424					slidesToShow: 1,
425					slidesToScroll: 1,
426					arrows: true,
427				}
428			}
429		]
430	});
431	$('.video_slider').slick({
432		arrows: true,
433		dots: false,
434		infinite: true,
435		slidesToShow: 3,
436		slidesToScroll: 1,
437		responsive: [
438			{
439				breakpoint: 991,
440				settings: {
441					slidesToShow: 2,
442					slidesToScroll: 1,
443					arrows: true,
444				}
445			},
446			{
447				breakpoint: 767,
448				settings: {
449					slidesToShow: 1,
450					slidesToScroll: 1,
451					arrows: true,
452				}
453			}
454		]
455	});
456	$('.product_slider').slick({
457		arrows: true,
458		dots: false,
459		infinite: true,
460		slidesToShow: 3,
461		slidesToScroll: 1,
462		responsive: [
463			{
464				breakpoint: 991,
465				settings: {
466					slidesToShow: 2,
467					slidesToScroll: 1,
468					arrows: true,
469				}
470			},
471			{
472				breakpoint: 330,
473				settings: {
474					slidesToShow: 1,
475					slidesToScroll: 1,
476					arrows: true,
477				}
478			}
479		]
480	});
481	
482	
483	
484	
485	
486	$('.slider_navigation').slick({

487		arrows: false,
488		dots: false,
489		infinite: true,
490		slidesToShow: 3,
491		slidesToScroll: 1,
492		responsive: [
493			{
494				breakpoint: 767,
495				settings: {
496					slidesToShow: 2,
497					slidesToScroll: 1,
498					arrows: true,
499				}
500			},
501			{
502				breakpoint: 480,
503				settings: {
504					slidesToShow: 1,
505					slidesToScroll: 1,
506					arrows: true,
507				}
508			}
509		]
510	});
511	$('.event_slider').slick({
512		arrows: true,
513		dots: false,
514		infinite: true,
515		slidesToShow: 3,
516		slidesToScroll: 1,
517		responsive: [
518			{
519				breakpoint: 1575,
520				settings: {
521					slidesToShow: 2,
522					slidesToScroll: 1,
523				}
524			},
525			{
526				breakpoint: 767,
527				settings: {
528					slidesToShow: 1,
529					slidesToScroll: 1,
530				}
531			}
532		]
533	});
534	$('.slider_items').slick({
535		arrows: true,
536		dots: false,
537		infinite: true,
538		slidesToShow: 1,
539		slidesToScroll: 1,
540	});
541	
542	
543	$('.products_slider').slick({
544		arrows: true,
545		dots: false,
546		infinite: true,
547		slidesToShow: 1,
548		slidesToScroll: 1,
549	});
550	$('.works_slider').slick({
551		arrows: true,
552		dots: false,
553		infinite: true,
554		slidesToShow: 1,
555		slidesToScroll: 1,
556	});
557	$('.reviews_slider').slick({
558		arrows: true,
559		dots: false,
560		infinite: true,
561		slidesToShow: 1,
562		slidesToScroll: 1,
563		responsive: [
564			{
565				breakpoint: 767,
566				settings: {
567					slidesToShow: 1,
568					slidesToScroll: 1,
569					arrows: true,
570				}
571			},
572			{
573				breakpoint: 480,
574				settings: {
575					slidesToShow: 1,
576					slidesToScroll: 1,
577					arrows: true,
578				}
579			}
580		]
581	});
582	$('.works_slider_mobile').slick({
583		arrows: true,
584		dots: false,
585		infinite: true,
586		slidesToShow: 3,
587		slidesToScroll: 1,
588		responsive: [
589			{
590				breakpoint: 991,
591				settings: {
592					slidesToShow: 2,
593					slidesToScroll: 1,
594				}
595			},
596			{
597				breakpoint: 767,
598				settings: {
599					slidesToShow: 1,
600					slidesToScroll: 1,
601				}
602			}
603		]
604	});
605	$('.about_slider').slick({
606		arrows: true,
607		dots: false,
608		infinite: true,
609		slidesToShow: 1,
610		slidesToScroll: 1,
611	});
612});
613
614function showMore(url,th) {
615	var bk = $(th).html();
616	$(th).html('...');
617	
618	var bx = '';
619	if($(th).closest('.id_box')) {
620		bx = $(th).closest('.id_box').data('id');
621	}
622
623	$.ajax({
624		type: 'POST',
625		url: url,
626		success: function(data) {
627			$(th).html(bk);
628		
629			if(bx != '') {
630				var navigation = $(data).find('#navigation_'+bx).html();
631				$('#navigation_'+bx).html(navigation);
632			
633				var loads = $(data).find('#loads_'+bx).html();
634				$('#loads_'+bx).append(loads);
635				
636				console.log(loads);
637			} else {
638				var navigation = $(data).find('#navigation').html();
639				$('#navigation').html(navigation);
640			
641				var loads = $(data).find('#loads').html();
642				$('#loads').append(loads);
643			}
644		}
645	});
646}
647
648function initModal(id,slider) {
649	$('#'+id).addClass('active');
650	if(slider) {
651		/*$('.overflow_slider').slick({
652			arrows: true,
653			dots: false,
654			infinite: true,
655			slidesToShow: 1,
656			slidesToScroll: 1,
657		});*/
658	}
659}
660
661function initWork(id) {
662	$.ajax({
663		type: 'POST',
664		url: '/ajax/',
665		data: {element:id,cmd:'getProduct'},
666		success: function(data) {
667			if(data != '') {
668				$('.overflow_product_ajax_box').html(data);
669				initModal('modal_product',true);
670			}			
671		}
672	});
673}
674
675function initSimilar(name) {
676	$('.overflow_box').removeClass('active');
677	$('#mainFormSimilar input[name=PRODUCT]').val(name);
678	initModal('modal_similar',false);
679}
680
681var ajaxGO = 0;
682function sendForm(id,th) {
683	if(ajaxGO) {
684		$('form#'+id+' .statusMsg').html('').html('<span style="color:red;">Запрос уже выполняется!</span>');
685		setTimeout(function() {$('form#'+id+' .statusMsg').html('')}, 5000);
686	} else {
687		phone = $('form#'+id+' input[name=PHONE]').val();
688		mail = $('form#'+id+' input[name=EMAIL]').val();
689		name = $('form#'+id+' input[name=NAME]').val();
690		goal = $('form#'+id+' input[name=GOAL]').val();
691		confirm = true;
692		if($('form#'+id+' input[name=PERSONAL]').length > 0) {
693			confirm = $('form#'+id+' input[name=PERSONAL]').is(':checked');
694		}
695		if(id == "reset") {
696			confirm = true;
697		}
698		
699		r = /^[\w\.\d-_]+@[\w\.\d-_]+\.\w{2,4}$/i;
700		p = /^[0-9()\-+ ]+$/;
701		
702		resPhone = true;
703		resMail = true;
704		
705		if (mail != '' && !!mail) {
706			if(r.test(mail)) {
707				resMail = true;
708			} else {
709				resMail = false;

710			}
711		}
712		if(phone != '' && !!phone) {
713			if (p.test(phone)) {
714				resPhone = true;
715			} else {
716				resPhone = false;
717			}
718		}
719		
720		required = true;
721		$.each($('form#'+id+' input[required]'), function(key, value) {
722			if($(this).val() == '') {
723				required = false;
724				$(this).addClass('error');
725			}
726		});
727		$.each($('form#'+id+' textarea[required]'), function(key, value) {
728			if($(this).val() == '') {
729				required = false;
730				$(this).addClass('error');
731			}
732		});
733		if (resPhone && resMail && name != '' && phone != '' && confirm && required) {
734			url = "/ajax/";
735			var textBackup = $(th).html();
736			$(th).html('').html('...');
737			
738			var fd = new FormData;
739			files = $('form#' + id + ' input[name=FILE]');
740			if (files.length > 0) {
741				$.each($('form#' + id + ' input[name=FILE]')[0].files, function(i, file) {
742					fd.append('FILES-' + i, file);
743				});
744			}
745			$.each($('form#' + id + ' input'), function(key, value) {
746				name = $(this).attr('name');
747				val = $(this).val();
748				if (val != '') {
749					fd.append(name, val);
750				}
751			});
752			$.each($('form#' + id + ' input[type=text]'), function(key, value) {
753				name = $(this).attr('name');
754				val = $(this).val();
755				if (val != '') {
756					fd.append(name, val);
757				}
758			});
759			$.each($('form#' + id + ' select'), function(key, value) {
760				name = $(this).attr('name');
761				val = $(this).find('option:selected').val();
762				if (val != '') {
763					fd.append(name, val);
764				}
765			});
766			$.each($('form#' + id + ' input[type=hidden]'), function(key, value) {
767				name = $(this).attr('name');
768				val = $(this).val();
769				if (val != '') {
770					fd.append(name, val);
771				}
772			});
773			$.each($('form#' + id + ' input[type=password]'), function(key, value) {
774				name = $(this).attr('name');
775				val = $(this).val();
776				if (val != '') {
777					fd.append(name, val);
778				}
779			});
780			$.each($('form#' + id + ' input[type=radio]:checked'), function(key, value) {
781				name = $(this).attr('name');
782				val = $(this).val();
783				if (val != '') {
784					fd.append(name, val);
785				}
786			});
787			$.each($('form#' + id + ' textarea'), function(key, value) {
788				name = $(this).attr('name');
789				val = $(this).val();
790				fd.append(name, val);
791				if (val != '') {
792					fd.append(name, val);
793				}
794			});
795			ajaxGO = 1;
796			$.ajax({
797				type: 'POST',
798				url: url,
799				data: fd,
800				processData: false,
801				contentType: false,
802				dataType: "json",
803				success: function(data) {
804					ajaxGO = 0;
805					$(th).html('').html(textBackup);
806					if(data.STATUS != 'ERROR') {
807						$('form#'+id+' input[readonly]').attr('readonly',false);
808						$('form#'+id+' select').prop('selectedIndex', 0);
809						$('form#'+id+' input[type=text]').val('');
810						$('form#'+id+' textarea').val('');
811						if(id == 'subscribe_form') {
812							$('form#'+id+' .statusMsg').html('<span style="color:#000;">Вы успешно подписались на новостную рассылку!</span>');
813							setTimeout(function() {$('form#'+id+' .statusMsg').html('')}, 5000);
814						} else {
815							$('form#'+id+' .statusMsg').html('<span style="color:#000;">Ваше сообщение успешно отправлено!</span>');
816							setTimeout(function() {$('form#'+id+' .statusMsg').html('')}, 5000);
817						}
818					} else {
819						if(data.TYPE == 'ENTER') {
820							$('.enter_data').removeClass('hidden');
821						}
822						$('form#'+id+' .statusMsg').html('').html('<span style="color:#000;">'+data.TEXT+'</span>');
823						setTimeout(function() {$('form#'+id+' .statusMsg').html('')}, 5000);
824					}
825				},
826			});
827		} else {
828			if(confirm && resMail && resPhone) {
829				$('form#'+id+' .statusMsg').html('').html('<span style="color:#000;">Вы не заполнили обязательные поля!</span>');
830				setTimeout(function() {$('form#'+id+' .statusMsg').html('')}, 5000);
831			} else if(confirm && resMail) {
832				$('form#'+id+' .statusMsg').html('').html('<span style="color:#000;">Вы ошиблись при вводе телефонного номера!</span>');
833				setTimeout(function() {$('form#'+id+' .statusMsg').html('')}, 5000);
834			} else if(confirm && resPhone) {
835				$('form#'+id+' .statusMsg').html('').html('<span style="color:#000;">Вы ошиблись при вводе e-mail адреса!</span>');
836				setTimeout(function() {$('form#'+id+' .statusMsg').html('')}, 5000);
837			} else {
838				$('form#'+id+' .statusMsg').html('').html('<span style="color:#000;">Подтвердите согласие на обработку персональных данных!</span>');
839				setTimeout(function() {$('form#'+id+' .statusMsg').html('')}, 5000);
840			}
841		}
842	}
843}