https://roartofino.com/wp-content/themes/roar/js/mintstone-custom.js?ver=0.0.450

1jQuery(document).ready(function() {
2	
3	jQuery("#tabs").tabs();
4	
5	var hometop = jQuery(".site-container");
6    var siteheader = jQuery(".site-header");
7    jQuery(window).scroll(function() {
8        var scroll = jQuery(window).scrollTop();
9
10        
11        if (scroll >= 150) {
12			hometop.addClass("stickHeader");
13			siteheader.addClass("stickHeader");
14        } else {
15			hometop.removeClass("stickHeader");
16			siteheader.removeClass("stickHeader");
17        }
18    });
19  
20  /*fix for object fit in Edge and IE*/
21	if ( ! Modernizr.objectfit ) {
22  		jQuery('.has-object-fit').each(function () {
23    	var $container = jQuery(this),
24        	imgUrl = $container.find('img').prop('src');
25    		if (imgUrl) {
26      			$container
27        			.css('backgroundImage', 'url(' + imgUrl + ')')
28        			.addClass('compat-object-fit');
29    		}  
30  		});
31	}
32	
33	jQuery("#addressSubmit").val('');
34	
35	jQuery('.accordion-detail-title').click(function() {
36		jQuery('.accordion-detail-title').removeClass('active')
37		jQuery('.accordion-detail-content').slideUp('normal');
38		if(jQuery(this).next().is(':hidden') == true) {
39			jQuery(this).next().slideDown('normal');
40			jQuery(this).addClass('active');
41		}
42	});
43	
44	//Slick Slider
45	//menu image sliders
46
47	jQuery('#slider-1').slick({
48		lazyLoad: 'ondemand',
49		autoplay: true,
50		autoplaySpeed: 10000,
51		dots: false,
52		infinite: true,
53		centerMode: true,
54		nextArrow: '<div class="slider-arrow-right"></div>',
55		prevArrow: '<div class="slider-arrow-left"></div>'
56	});
57	
58	jQuery('#ui-id-2').click(function() {
59		jQuery('#slider-2').slick({
60			lazyLoad: 'ondemand',
61			autoplay: true,
62			autoplaySpeed: 10000,
63			dots: false,
64			infinite: true,
65			centerMode: true,
66			nextArrow: '<div class="slider-arrow-right"></div>',
67			prevArrow: '<div class="slider-arrow-left"></div>'
68		});
69	});
70	
71	jQuery('#ui-id-3').click(function() {
72		jQuery('#slider-3').slick({
73			lazyLoad: 'ondemand',
74			autoplay: true,
75			autoplaySpeed: 10000,
76			dots: false,
77			infinite: true,
78			nextArrow: '<div class="slider-arrow-right"></div>',
79			prevArrow: '<div class="slider-arrow-left"></div>'
80		});
81	});
82	
83	jQuery('#ui-id-4').click(function() {
84		jQuery('#slider-4').slick({
85			lazyLoad: 'ondemand',
86			autoplay: true,
87			autoplaySpeed: 10000,
88			dots: false,
89			infinite: true,
90			nextArrow: '<div class="slider-arrow-right"></div>',
91			prevArrow: '<div class="slider-arrow-left"></div>'
92		});
93	});
94	
95	jQuery('#ui-id-5').click(function() {
96		jQuery('#slider-5').slick({
97			lazyLoad: 'ondemand',
98			autoplay: true,
99			autoplaySpeed: 10000,
100			dots: false,
101			infinite: true,
102			nextArrow: '<div class="slider-arrow-right"></div>',
103			prevArrow: '<div class="slider-arrow-left"></div>'
104		});
105	});
106	
107	jQuery('#ui-id-6').click(function() {
108		jQuery('#slider-6').slick({
109			lazyLoad: 'ondemand',
110			autoplay: true,
111			autoplaySpeed: 10000,
112			dots: false,
113			infinite: true,
114			nextArrow: '<div class="slider-arrow-right"></div>',
115			prevArrow: '<div class="slider-arrow-left"></div>'
116		});
117	});
118	
119	jQuery('#ui-id-7').click(function() {
120		jQuery('#slider-7').slick({
121			lazyLoad: 'ondemand',
122			autoplay: true,
123			autoplaySpeed: 10000,
124			dots: false,
125			infinite: true,
126			nextArrow: '<div class="slider-arrow-right"></div>',
127			prevArrow: '<div class="slider-arrow-left"></div>'
128		});
129	});
130	
131	//Testimonial slider
132	jQuery('.testimonial-carousel').slick({
133		autoplay: true,
134		autoplaySpeed: 10000,
135		dots: false,

136		prevArrow: false,
137		nextArrow: false,
138		infinite: true,
139		slidesToShow: 1,
140	});
141	
142	//Logo Carousel
143	jQuery('.logo-carousel').slick({
144		autoplay: true,
145		autoplaySpeed: 3000,
146		dots: false,
147		prevArrow: false,
148		nextArrow: false,
149		infinite: true,
150		slidesToShow: 6,
151			responsive: [
152			{
153				breakpoint: 768,
154				settings: {
155				centerMode: true,
156				slidesToShow: 4
157			  }
158			},
159		{
160			breakpoint: 480,
161			settings: {
162			centerMode: true,
163			slidesToShow: 2
164		  }
165		}
166	  ]
167	});
168	
169	//Partner carousels
170		jQuery('.partner-info').slick({
171		slidesToShow: 1,
172		slidesToScroll: 1,
173		arrows: false,
174		dots: false,
175		fade: true,
176		asNavFor: '.partner-logo-nav'
177	});
178
179	jQuery('.partner-logo-nav').slick({
180		autoplay: true,
181		autoplaySpeed: 5000,
182		dots: false,
183		arrows: true,
184		infinite: true,
185		centerMode: true,
186		focusOnSelect: true,
187		slidesToShow: 3,
188		centerPadding: '60px',
189		asNavFor: '.partner-info',
190		nextArrow: '<div class="slider-arrow-right"></div>',
191		prevArrow: '<div class="slider-arrow-left"></div>',
192			responsive: [
193			{
194				breakpoint: 768,
195				settings: {
196				centerMode: true,
197				centerPadding: '40px',
198				slidesToShow: 3
199			  }
200			},
201		{
202			breakpoint: 480,
203			settings: {
204			centerMode: true,
205			centerPadding: '40px',
206			slidesToShow: 1
207		  }
208		}
209	  ]
210	});
211
212	
213	jQuery('.signup-trigger .white-button').click(function() {
214		if(jQuery('.cta-block-form').is(':hidden') == true) {
215			jQuery('.cta-block-form').show();
216			jQuery('.cta-block-form').addClass('active');
217		}
218	});
219
220	jQuery('.signup-close-trigger').click(function() {
221		jQuery('.cta-block-form').hide();
222		jQuery('.cta-block-form').removeClass('active');
223	});
224	
225	jQuery('.menu-order-trigger .button').click(function() {
226		if(jQuery('.order-takeout-info-container').is(':hidden') == true) {
227			jQuery('.order-takeout-info-container').show();
228			jQuery('.order-takeout-info-container').addClass('active');
229		}
230	});
231	
232	jQuery('.order-info-close-trigger').click(function() {
233		jQuery('.order-takeout-info-container').hide();
234		jQuery('.order-takeout-info-container').removeClass('active');
235	});
236	
237	jQuery('.book-order-trigger .white-button').click(function() {
238		if(jQuery('.booking-iframe-container').is(':hidden') == true) {
239			jQuery('.booking-iframe-container').show();
240			jQuery('.booking-iframe-container').addClass('active');
241		}
242	});
243	
244	jQuery('.booking-iframe-close-trigger').click(function() {
245		jQuery('.booking-iframe-container').hide();
246		jQuery('.booking-iframe-container').removeClass('active');
247	});
248
249	//Duration of the top scrolling animation (in ms)
250	var	scroll_top_duration = 700,
251		//Get the "To Top" link
252		$back_to_top = jQuery('.to-top');
253
254	//Smoothy scroll to top
255	$back_to_top.on('click', function(event){
256		event.preventDefault();
257		jQuery('body,html').animate({
258			scrollTop: 0 ,
259		 	}, scroll_top_duration
260		);
261	});
262
263	//Smoothy scroll to top
264	jQuery('.to-top-menu').click(function() {
265		event.preventDefault();
266		jQuery('body,html').animate({
267			scrollTop: jQuery('#menu-top').offset().top
268		 	}, scroll_top_duration
269		);
270	});
271	
272	//Smoothy scroll to top
273	jQuery('.to-menu-button').click(function() {
274		event.preventDefault();
275		jQuery('body,html').animate({
276			scrollTop: jQuery('#menu-top').offset().top
277		 	}, scroll_top_duration
278		);
279	});
280	
281	gallerfy();
282
283    var curPicPos = 0;
284
285    //Pictures details view
286    jQuery(".picflex .gallery-item-container > .box > a").click(function (e) {
287
288        //console.log('opn');
289
290        //jQuery(this).parent().parent().find('.addToOrder').children().attr('title', jQuery(this).parent().find('.cart-add').attr('title'));
291
292        jQuery(".picflex .gallery-item-container").removeClass("open");
293
294        jQuery(this).parent().parent().addClass("open");
295
296        //curPicPos = jQuery(this).parent().attr('data-pos');
297
298        //jQuery('html, body').animate({
299
300    	//	scrollTop:(curPicPos)}, 500)
301
302    		//scrollTop: jQuery(this).offset().top - jQuery(this).height() - jQuery(window).height()}, 500)
303
304        e.preventDefault();
305
306    });

307
308    jQuery(".picflex .gallery-item-container").find(".detailNext").click(function () {
309
310        //jQuery(this).parent().parent().find('.addToOrder').children().attr('title', jQuery(this).parent().find('.cart-add').attr('title'));
311
312        jQuery(this).parent().parent().parent().parent().parent().next().addClass("open").prev().removeClass("open");
313
314        curPicPos = jQuery(this).parent().parent().parent().parent().parent().next().find('.box').attr('data-pos');
315
316        //jQuery('html, body').animate({
317    	//	scrollTop:(curPicPos)}, 500)
318
319        return false;
320
321    });
322
323    jQuery(".picflex .gallery-item-container").find(".detailPrev").click(function () {
324
325        //jQuery(this).parent().parent().find('.addToOrder').children().attr('title', jQuery(this).parent().find('.cart-add').attr('title'));
326
327        jQuery(this).parent().parent().parent().parent().parent().prev().addClass("open").next().removeClass("open");
328
329        curPicPos = jQuery(this).parent().parent().parent().parent().parent().prev().find('.box').attr('data-pos');
330
331        //jQuery('html, body').animate({
332    	//	scrollTop:(curPicPos)}, 500)
333
334        return false;
335
336    });
337
338    jQuery(".picflex .gallery-item-container").find(".detailClose").click(function () {
339
340        jQuery(".picflex .gallery-item-container").removeClass("open");
341
342        curPicPos = jQuery(this).parent().parent().parent().parent().parent().prev().find('.box').attr('data-pos');
343
344        //jQuery('html, body').animate({
345    	//	scrollTop:(curPicPos-330)}, 500)
346        return false;
347
348    });
349	
350});
351
352function gallerfy() {
353
354    jQuery('.picflex .box').each(function () {
355
356        //var boxWidth = jQuery(this).attr('data-imgWidth'),
357        //    boxHeight = jQuery(this).attr('data-imgHeight');
358        //(boxWidth > boxHeight) ? jQuery(this).parent().attr('style', "width:" + parseInt(boxWidth * 200 / boxHeight) + "px"): jQuery(this).parent().attr('style', "width:" + parseInt(180 / boxHeight * boxWidth) + "px");
359        //jQuery(this).attr('data-pos', parseInt(jQuery(this).offset().top) + 450);
360		 jQuery(this).attr('data-pos', parseInt(jQuery(this).offset().top) + 200);
361
362    });
363
364}