https://www.goblockisland.com/js/all.js

1$(document).ready(function () {
2
3    //Change from white to blue arrow on hover
4    $('#off-canvas-more-info > h1').hover(
5        function () { $("#more-info-text > img").attr("src", "../img/icons/arrowBlue.gif"); },
6        function () {
7            $("#more-info-text > img").attr("src", "../img/icons/arrowWhite.gif");
8        });
9
10    $('#more-info-close > h1').hover(
11        function () { $("#more-info-close > h1 > img").attr("src", "../img/icons/arrowBlueBack.gif"); },
12        function () {
13            $("#more-info-close > h1 > img").attr("src", "../img/icons/arrowWhiteBack.gif");
14        });
15
16    //Hide 'Menu' text when off-canvas menu is visible
17
18
19    $('#nav-menu').click(function () {
20        $('.left-off-canvas-toggle').addClass('invisible');
21    });
22
23    $('.exit-off-canvas').click(function () {
24        $('.left-off-canvas-toggle').removeClass('invisible');
25    });
26
27    //Off-canvas Sub-Menu for small screen sizes
28    $('#off-canvas-more-info').click(function () {
29        $('#moreMenu').toggleClass('moreMenuOpen');
30    });
31
32    $('#more-info-close > h1').click(function () { //close the sub menu if either exit button is clicked
33        $('#moreMenu').removeClass('moreMenuOpen')
34    });
35
36    $('.exit-off-canvas').click(function () {
37        $('#moreMenu').removeClass('moreMenuOpen')
38    });
39
40
41
42
43    //make new&change reservation tabs same size
44
45    $('#small-more-info').click(function () {
46        $('#small-sub-more-info').toggleClass('small-sub-menu-display');
47
48        if ($('#small-sub-more-info')[0].classList.contains('small-sub-menu-display')) {
49            $("#small-more-info > img").attr("src", "../img/icons/more-info-plus.png");
50        }
51        else {
52            $("#small-more-info > img").attr("src", "../img/icons/more-info-minus.png");
53        }
54    });
55
56    
57    //Expand bar functionality
58    $('.expand-bar a.toggle, .expand-bar input[type="checkbox"]').click(function () {
59
60        var context = $(this);
61        var flyout = context.siblings('.flyout')
62
63        flyout.toggleClass('show');
64
65
66        if (flyout.hasClass('show')) {
67
68            context.css('background', 'url("../img/icons/more-info-minus.png") right 15% top 50% no-repeat');
69
70        } else {
71
72            context.css('background', 'url("../img/icons/more-info-plus.png") right 15% top 50% no-repeat');
73        }
74
75    });
76    
77    //// Bind a new event for the deselect of a radio button
78    //$('input[type="radio"]').on('change', function () {
79    //    var theParent = $(this).parents('tbody');
80    //   //NR if (IsCasino != 'L')
81    //   //     theParent.addClass('selected').find('.slide-down-container td').show().find('.payment-options').slideDown();
82
83    //    // Processing only those that match the name attribute of the currently clicked button...
84    //    //  $('input[name="' + $(this).attr('name') + '"]').not($(this)).trigger('deselect'); // Every member of the current radio group except the clicked one...
85
86    //   //NR if ($(this).attr('name').toLowerCase().indexOf("radiodeparturetime") >= 0) {
87    //   //     $('input[name$="radioDepartureTime"]').not($(this)).trigger('deselect');
88    //   // }
89    //   // else if ($(this).attr('name').toLowerCase().indexOf("radioreturntime") >= 0) {
90    //   //     $('input[name$="radioReturnTime"]').not($(this)).trigger('deselect');
91    //   // }
92    //    // else 
93    //        {
94    //            $('input[name="' + $(this).attr('name') + '"]').not($(this)).trigger('deselect');
95    //        }
96
97    //});
98
99    //// Attach even to only the first row inputs (the time select input)
100    //$('table.schedule tbody tr:first-child input[type="radio"]').on('deselect', function () {
101    //    var theParent = $(this).parents('tbody');
102    //    // theParent.removeClass('selected');
103    //    // theParent.find('.payment-options').slideUp();
104
105    //    theParent.removeClass('selected').find('.payment-options').slideUp();
106
107    //    setTimeout(function () {
108    //        theParent.find('.slide-down-container td').hide();
109    //    }, 500)
110
111    //});
112
113    // Bind a new event for the deselect of a radio button
114    $('input[type="radio"]').on('change', function () {
115        var theParent = $(this).parents('tbody');
116        if (IsCasino != 'L')
117            theParent.addClass('selected').find('.slide-down-container td').show().find('.payment-options').slideDown();
118
119        // Processing only those that match the name attribute of the currently clicked button...
120        //  $('input[name="' + $(this).attr('name') + '"]').not($(this)).trigger('deselect'); // Every member of the current radio group except the clicked one...
121
122        if ($(this).attr('name').toLowerCase().indexOf("radiodeparturetime") >= 0) {
123            $('input[name$="radioDepartureTime"]').not($(this)).trigger('deselect');
124        }
125        else if ($(this).attr('name').toLowerCase().indexOf("radioreturntime") >= 0) {
126            $('input[name$="radioReturnTime"]').not($(this)).trigger('deselect');
127        }
128        else {
129            $('input[name="' + $(this).attr('name') + '"]').not($(this)).trigger('deselect');
130        }
131
132    });

133
134    // Attach even to only the first row inputs (the time select input)
135    $('table.schedule tbody tr:first-child input[type="radio"]').on('deselect', function () {
136        var theParent = $(this).parents('tbody');
137        // theParent.removeClass('selected');
138        // theParent.find('.payment-options').slideUp();
139
140        theParent.removeClass('selected').find('.payment-options').slideUp();
141
142        setTimeout(function () {
143            theParent.find('.slide-down-container td').hide();
144        }, 500)
145
146    });
147
148    $('.tool-tip').tipso({ background: '#333333', speed: 250, width: 300 });
149
150});
151
152$('[data-equalizer] img').on("load", function () {
153    $(document).foundation('equalizer');
154})
155
156showAlert = function () {
157    $(".inner-wrap").css('transform', 'translateY(51px)');
158}
159
160hideAlert = function () {
161
162    $(".inner-wrap").css('transform', 'translateY(-1)');
163}
164
165
166$("#alert-close").click(function () {
167
168    hideAlert();
169});
170
171//For demo only, unchecking/checking all checkboxes
172$(document).ready(function () {
173    $('#selectall').click(function () {
174        $('input[type="checkbox"]').prop('checked', isChecked('selectall'));
175    });
176});
177function isChecked(checkboxId) {
178    var id = '#' + checkboxId;
179    return $(id).is(":checked");
180}
181function resetSelectAll() {
182    // if all checkbox are selected, check the selectall checkbox
183    // and viceversa
184    if ($('input[type="checkbox"]').length == $('input[type="checkbox"]:checked').length) {
185        $("#selectall").attr("checked", "checked");
186    } else {
187        $("#selectall").removeAttr("checked");
188    }
189
190    if ($('input[type="checkbox"]:checked').length > 0) {
191        $('#edit').attr("disabled", false);
192    } else {
193        $('#edit').attr("disabled", true);
194    }
195
196
197}
198
199addDatePicker = function () {
200
201    if ($(".datepick")[0]) {
202
203        $('.datepick:not(.mobile)').datepicker({
204            onSelect: function (selected, evnt) {
205
206
207                //Initiates the label on populating the input
208                var label = $(this).prev("label");
209                label.addClass("show");
210            }
211        });
212    }
213
214}
215
216//If a touch device, change input type to date (for native date picking) and add class of mobile, to escape attaching jquery datepicker
217
218var isHighDensity = function () {
219    return ((window.matchMedia && (window.matchMedia('only screen and (min-resolution: 124dpi), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 48.8dpcm)').matches || window.matchMedia('only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3)').matches)) || (window.devicePixelRatio && window.devicePixelRatio > 1.3));
220}
221
222if (isHighDensity == true || screen.width < 480) {
223
224    var dateInputs = document.getElementsByClassName("datepick");
225
226    for (var i = 0; i < dateInputs.length; i++) {
227        dateInputs[i].type = 'date';
228    }
229
230    $(".datepick").attr('class', 'datepick mobile');
231};
232
233addDatePicker();