https://www.hotelcasasnovas.com/js/casas/functions.js?v=1.79

1$(window).load(function () {
2
3    ;(function($, win) {
4      $.fn.inViewport = function(cb) {
5         return this.each(function(i,el){
6           function visPx(){
7             var H = $(this).height() + 200,
8                 r = el.getBoundingClientRect(), t=r.top, b=r.bottom;
9             return cb.call(el, Math.max(0, t>0? H-t : (b<H?b:H)));
10           } visPx();
11           $(win).on("resize scroll", visPx);
12         });
13      };
14    }(jQuery, window));
15
16    var classInView = $(".content_title, .desc, .carousel_wrapper, .gallery_wrapper")
17    var classOnScroll = $('.home_section .wrapper_content.banner_section_title, .home_section .wrapper_content.banner_section_title .content_title, .home_section .wrapper_content.banner_section_title .desc')
18
19    classInView.inViewport(function(px){
20
21        if (px) {
22            $(this).addClass("inview_class");
23            classOnScroll.removeClass("inview_class");
24        }
25    });
26
27
28    $(".myFancyPopup").fancybox({
29                                    maxWidth: 800,
30                                    maxHeight: 600,
31                                    fitToView: false,
32                                    width: '70%',
33                                    height: '70%',
34                                    autoSize: false,
35                                    aspectRatio: false,
36                                    closeClick: false,
37                                    openEffect: 'none',
38                                    closeEffect: 'none'
39                                });
40
41    $(".myFancyPopupMenu").fancybox({
42                                    maxWidth: 1200,
43                                    maxHeight: 1200,
44                                    fitToView: false,
45                                    width: '70%',
46                                    height: '70%',
47                                    autoSize: false,
48                                    aspectRatio: false,
49                                    closeClick: false,
50                                    openEffect: 'none',
51                                    closeEffect: 'none'
52                                });
53
54
55    $(".myFancyPopupAuto").fancybox({
56                                        width: 650,
57                                        height: 'auto',
58                                        fitToView: false,
59                                        autoSize: false
60                                    });
61
62    $(".myFancyPopupVideo").fancybox({
63                                         width: 640,
64                                         height: 'auto',
65                                         fitToView: false,
66                                         autoSize: false
67                                     });
68
69    //Adding class to Main Item in Main Menu Item Menu when child are selected
70    $("#subsection-active").parent().parent().parent().attr('id', 'section-active');
71
72    if (window.PIE) {
73        $(".css3").each(function () {
74            PIE.attach(this);
75        });
76    }
77
78    if (typeof(TAPixel) !== "undefined") {
79        TAPixel.impressionWithReferer("001F000000vA4u0");
80    }
81
82    $("img[lazy=true]").unveil();
83
84    effects_sass();
85
86    $(".button-promotion, .button_promotion").unbind('click');
87    only_execute_once = false;
88    $(".button-promotion, .button_promotion").click(function () {
89        prepare_booking_popup();
90        open_booking_full();
91
92        if (!only_execute_once) {
93            only_execute_once = true;
94            $("#data select.selector_ninos").selectric("refresh");
95        }
96
97        var package_preselection = $(this).attr('data-smartpackage');
98        if (package_preselection) {
99            $(".paraty-booking-form").each(function () {
100                var package_preselection = $("<input type='hidden' name='package_preselection' value='true'></input>");
101                package_preselection.addClass('hidden_package_preselection');
102                $(this).append(package_preselection);
103                $(this).find(".promocode_wrapper").addClass("promocode_hidden");
104            });
105        } else {
106            $(".paraty-booking-form").each(function () {
107                $(this).find(".promocode_wrapper").removeClass("promocode_hidden");
108            });
109        }
110
111        var hidden_name_button = $(this).attr('data-hidden_name'),
112            hidden_name = $("<input type='hidden' name='hidden_name'></input>").val(hidden_name_button);
113        if (hidden_name_button) {
114            $(".paraty-booking-form").each(function () {
115                hidden_name.addClass('hidden_name');
116                $(this).append(hidden_name);
117            });
118        } else {
119            $(".paraty-booking-form").each(function () {
120                $(this).find(".hidden_name").detach();
121            });
122        }
123
124        smartDatas($(this));
125    });
126
127    showMenu();
128});
129
130
131$(function(){
132    gallery_inside_content_builder();
133})
134
135$(window).scroll(showMenu);
136
137function showMenu() {
138    actual_position = $(window).scrollTop();
139    slider_height = $("#slider_container").height();
140    menu_showed = $("#full_wrapper_booking").hasClass('showed');
141
142    if ((actual_position > slider_height) && (!menu_showed)) {
143        $("#full_wrapper_booking").addClass('floating_booking').addClass('showed');
144    }
145
146    if ((actual_position < slider_height) && (menu_showed)) {
147        $("#full_wrapper_booking").removeClass("floating_booking").removeClass('showed');
148    }
149}
150
151$(window).scroll(function() {
152
153    var scroll = $(window).scrollTop();
154    var classOnScroll = $('.home_section .wrapper_content.banner_section_title, .home_section .wrapper_content.banner_section_title .content_title, .home_section .wrapper_content.banner_section_title .desc')
155
156    if (scroll >= 500) {
157        classOnScroll.addClass("onscroll_class");
158    } else {
159    	classOnScroll.removeClass("onscroll_class");
160    }
161});
162
163$(".circulo").click(function () {
164    var section_content_position = $("section#content").offset().top;
165    $("html, body").stop().animate({scrollTop: 0}, '900', 'swing', function () {
166    });
167});
168
169function gallery_inside_content_builder() {
170    var target_content = $(".banner_section_title");
171    if (!target_content.length) {return false;}
172
173    var gallery_builder = target_content.find(".gallery_wrapper"),
174        gallery_carousel = target_content.find(".gallery_wrapper.js-owl");
175
176    if (!gallery_builder.length) {return false;}
177
178    var target_images = gallery_builder.find("img");
179
180    var string_corners = $('<div class="img_corners_wrapper">' +
181        '<div class="item_corner top_left"></div>' +
182        '<div class="item_corner top_right"></div>' +
183        '<div class="item_corner bottom_left"></div>' +
184        '<div class="item_corner bottom_right"></div>' +
185        '</div>');
186
187    target_images.each(function(){
188        var image_to_process = $(this).clone();
189        var link_container = $("<a class='picture_link' rel='lightbox[content_gallery]'></a>");
190        link_container.attr('href', image_to_process.attr('src'));

191        var image_wrapper = $('<div class="picture_wrapper"></div>');
192        image_wrapper.append(image_to_process);
193
194        image_wrapper.append(string_corners.clone());
195
196        link_container.append(image_wrapper);
197        gallery_builder.append(link_container);
198    });
199
200    target_images.remove();
201
202    gallery_builder.wrap('<div class="content_js_gallery"></div>');
203
204    if (gallery_carousel.length) {
205        gallery_carousel.addClass("owl-carousel");
206        gallery_carousel.owlCarousel({
207            loop: true,
208            nav: false,
209            navText: ['<i aria-hidden="true"></i>', '<i aria-hidden="true"></i>'],
210            dots: true,
211            items: 3,
212            margin: 15,
213            smartSpeed: 600,
214            fluidSpeed: 600,
215            navSpeed: 600,
216            dotsSpeed: 600,
217            dragEndSpeed: 600,
218            autoplay: true
219        });
220    }
221}
222
223function smartDatas(selector) {
224    var promocode = selector.attr("data-promocode"),
225        smart_promocode = selector.attr('data-smartpromocode'),
226        data_ini = selector.attr("data-smartdateini"),
227        data_fin = selector.attr("data-smartdatefin"),
228        namespace = selector.attr("namespace"),
229        data_package_orders = selector.attr('data-smartpackageorder');
230
231    if (namespace){
232        $(".hotel_element_available[namespace='" + namespace + "'").trigger('click');
233    }
234
235    if (promocode) {
236        $("#data .paraty-booking-form input[name=promocode]").val(promocode);
237    }
238
239    if (smart_promocode) {
240        $("#data .paraty-booking-form input[name=promocode]").val(smart_promocode);
241    }
242
243    if(data_ini) {
244        $("#data input[name=startDate]").val(data_ini);
245
246        if (data_fin) {
247            $("#data input[name=endDate]").val(data_fin);
248        } else {
249            var end_date = $.datepicker.parseDate("dd/mm/yy", data_ini);
250            end_date.setDate(end_date.getDate() + 1);
251            end_date = $.datepicker.formatDate("dd/mm/yy", end_date);
252            $("#data input[name=endDate]").val(end_date);
253            $("#data input[name=endDate]").datepicker("option", "minDate", end_date);
254        }
255    }
256
257   var packages_orders_input = $("input[name='packages_order']");
258    if (!packages_orders_input.length) {
259        $(".paraty-booking-form").each(function(){
260            $(this).append($("<input type='hidden' name='packages_order' value=''></input>"));
261        });
262        packages_orders_input = $("input[name='packages_order']");
263    }
264    if (data_package_orders) {
265        packages_orders_input.val(data_package_orders);
266    } else {
267        packages_orders_input.val("");
268    }
269}