https://calypsosailing.com/js/additionalJS.cfm?pageid=25675&siteid=1183&v=176&ref=inside&editPage=0

1
2var refer = 'https://calypsosailing.com/';
3var PAGEID = 25675;
4$(function() {
5	$(".fancygallery").fancybox();
6  
7});
8// GLOBAL JAVASCRIPT
9
10// INITIALIZE WOW EFFECTS
11
12wow = new WOW(
13                      {
14                      boxClass:     'wow',      // default
15                      animateClass: 'animated', // default
16                      offset:       0,          // default
17                      mobile:       true,       // default
18                      live:         true        // default
19                    }
20                    )
21                    wow.init();
22                    
23
24// TRIGGER CSS CHANGES ON SCROLL
25                    
26jQuery(document).ready(function($){
27	$(window).scroll(function(){
28		if ($(this).scrollTop() > 160) {
29		    $('.scrollToTop').css("bottom", "8px");
30		    $('.scrollToTop').css("position", "fixed");
31			$('.scrollToTop').css("transition", "all 1s ease-in-out");
32		} else {
33		    $('.scrollToTop').css("bottom", "-60px");
34		    $('.scrollToTop').css("position", "fixed");
35		}
36	});
37});
38
39
40// Slant change from left to right
41jQuery(document).ready(function($){
42	$(window).scroll(function(){
43		if ($(this).scrollTop() > 60) {
44			$('.bottom-shape').css("clip-path", "polygon(100% 0, 100% 100%, 0 90%, 0 0)");
45		    $('.bottom-shape').css("-webkit-clip-path", "polygon(100% 0, 100% 100%, 0 90%, 0 0)");
46		    $('.bottom-shape').css("transition", "all 1s ease-in-out");
47		} else {
48		    $('.bottom-shape').css("clip-path", "polygon(100% 0, 100% 90%, 0 100%, 0 0)");
49		    $('.bottom-shape').css("-webkit-clip-path", "polygon(100% 0, 100% 90%, 0 100%, 0 0)");
50		}
51	});
52});
53
54
55// SCROLL SPEEDS
56$.fn.moveIt = function(){
57  var $window = $(window);
58  var instances = [];
59  
60  $(this).each(function(){
61    instances.push(new moveItItem($(this)));
62  });
63  
64  window.onscroll = function(){
65    var scrollTop = $window.scrollTop();
66    instances.forEach(function(inst){
67      inst.update(scrollTop);
68    });
69  }
70}
71
72var moveItItem = function(el){
73  this.el = $(el);
74  this.speed = parseInt(this.el.attr('data-scroll-speed'));
75};
76
77moveItItem.prototype.update = function(scrollTop){
78  var pos = scrollTop / this.speed;
79  this.el.css('transform', 'translateY(' + -pos + 'px)');
80};
81
82$(function(){
83  $('[data-scroll-speed]').moveIt();
84});
85
86
87
88// PARALLAX SCROLL
89$(window).scroll(function(e){
90    parallax();
91});
92
93function parallax(){
94    var scrolled = $(window).scrollTop();
95    $('.quick-scroll-up').css('bottom',(scrolled*.3)+'px');
96    $('.quick-scroll-down').css('top',(scrolled*.5)+'px');
97}
98
99
100
101// Gallery Pop-Up
102$(document).ready(function(){
103
104    loadGallery(true, 'a.thumbnail');
105
106    //This function disables buttons when needed
107    function disableButtons(counter_max, counter_current){
108        $('#show-previous-image, #show-next-image').show();
109        if(counter_max == counter_current){
110            $('#show-next-image').hide();
111        } else if (counter_current == 1){
112            $('#show-previous-image').hide();
113        }
114    }
115
116    /**
117     *
118     * @param setIDs        Sets IDs when DOM is loaded. If using a PHP counter, set to false.
119     * @param setClickAttr  Sets the attribute for the click handler.
120     */
121
122    function loadGallery(setIDs, setClickAttr){
123        var current_image,
124            selector,
125            counter = 0;
126
127        $('#show-next-image, #show-previous-image').click(function(){
128            if($(this).attr('id') == 'show-previous-image'){
129                current_image--;
130            } else {
131                current_image++;
132            }
133
134            selector = $('[data-image-id="' + current_image + '"]');
135            updateGallery(selector);
136        });
137
138        function updateGallery(selector) {
139            var $sel = selector;
140            current_image = $sel.data('image-id');
141            $('#image-gallery-caption').text($sel.data('caption'));
142            $('#image-gallery-title').text($sel.data('title'));
143            $('#image-gallery-image').attr('src', $sel.data('image'));
144            disableButtons(counter, $sel.data('image-id'));
145        }
146
147        if(setIDs == true){
148            $('[data-image-id]').each(function(){
149                counter++;
150                $(this).attr('data-image-id',counter);
151            });
152        }
153        $(setClickAttr).on('click',function(){
154            updateGallery($(this));
155        });
156    }
157}); ��$(document).ready(function () {
158			  $(".navbar-toggle").on("click", function () {
159				    $(this).toggleClass("active");
160			  });
161		}); �