https://www.alabamapublichealth.gov/_files-redesign/js/scripts.js

1$(document).ready(function() {
2
3    document.body.style.fontSize = "100%";
4
5    $("#increase-font").click(function() {
6        var iP = parseFloat(document.body.style.fontSize) + 10;
7        document.body.style.fontSize = iP + "%";
8    });
9
10    $("#decrease-font").click(function() {
11        var iP = parseFloat(document.body.style.fontSize) - 10;
12        document.body.style.fontSize = iP + "%";
13    });
14
15    $(window).scroll(function() {
16        var height = $(window).scrollTop();
17        if (height > $(window).height()) {
18            $('#back-to-top').fadeIn();
19        } else {
20            $('#back-to-top').fadeOut('fast');
21        }
22    });
23
24    $("#back-to-top").click(function() {
25        $("html, body").stop().animate({
26            scrollTop: 0
27        }, "slow");
28    });
29
30    $('[data-toggle="tooltip"]').tooltip();
31
32    $(".btn").click(function() {
33        $(this).blur();
34    });
35
36    $("button").click(function() {
37        $(this).blur();
38    });
39
40    $('#close-alert').on('click', function(e) {
41        $('#global-alert').slideToggle();
42    });
43
44    $('#open-alert').on('click', function(e) {
45        $('#global-alert').slideToggle();
46    });
47
48    $('#open-alert-mobile').on('click', function(e) {
49        $('.col-12.preview').slideToggle();
50        $('.col-12.full').slideToggle();
51        $('.mobileAlertBTN').toggleClass("closed");
52    });
53
54    $('#mobileAlertBTN').on('click', function(e) {
55        $('.col-12.preview').slideToggle();
56        $('.col-12.full').slideToggle();
57        $('.mobileAlertBTN').toggleClass("closed");
58    });
59
60    $('.search-btn').on('click', function(e) {
61        e.stopPropagation();
62        if ($('#menu-box').hasClass("opened")) {
63            $('#menu-box').slideToggle();
64            $('#menu-box').toggleClass("opened");
65            $('#menu-row').attr('data-menu', "");
66        }
67        if ($('#menu-box-blue').hasClass("opened")) {
68            e.stopPropagation();
69            $('#menu-box-blue').slideUp(function() {
70                $('#menu-box-blue').removeClass("opened");
71                $('#menu-box-blue').removeClass("menu-box-links");
72            });
73        }
74        $('#search-box').slideToggle(function() {
75            $("#search-box input").focus();
76            $('#search-box').addClass("opened");
77        });
78    });
79
80    $('#close-search-btn').on('click', function(e) {
81        e.stopPropagation();
82        $('#search-box').slideToggle();
83    });
84
85    $('#menu-btn').on('click', function(e) {
86        $(this).toggleClass("opened");
87        e.stopPropagation();
88        $('#search-box').slideUp();
89        if ($('#menu-box').hasClass("opened")) {
90            $('#menu-box').slideUp(function() {
91                $('#menu-box-blue').slideToggle(function() {
92                    $('#menu-box').removeClass("opened");
93                    $('#menu-box-blue').toggleClass("opened");
94                    $('#menu-box-blue').removeClass("menu-box-links");
95                });
96            });
97        } else {
98            $('#menu-box-blue').slideToggle(function() {
99                $('#menu-box-blue').toggleClass("opened");
100                $('#menu-box-blue').removeClass("menu-box-links");
101            });
102        }
103    });
104
105    $('#menu-link-back').on('click', function(e) {
106        e.stopPropagation();
107        $('#menu-box').slideToggle("fast", function() {
108            $('#menu-box-blue').toggleClass("menu-box-links");
109        });
110
111    });
112
113    $('.menu-link').on('click', function(e) {
114        e.stopPropagation();
115        $('#search-box').slideUp();
116        if ($(this).attr('data-menu') == $('#menu-row').attr('data-menu')) {
117            $('#menu-box').slideToggle();
118            $('#menu-box').toggleClass("opened");
119            $('#menu-box-blue').toggleClass("menu-box-links");
120            $('#menu-row').attr('data-menu', "");
121        } else {
122            $('.menu-col').hide();
123            $('#menu-row').attr('data-menu', $(this).attr('data-menu'));
124            $('.' + $(this).attr('data-menu')).show();
125        }
126        if ($('#menu-box').is(":hidden")) {
127            $('#menu-box').toggleClass("opened");
128            $('#menu-box-blue').toggleClass("menu-box-links");
129            $('#menu-box').slideToggle();
130        }
131        if (!isIe()) {
132            // console.log(e.originalEvent.detail);
133            if (e.originalEvent.detail === 0) {
134                $("#menu-row").focus();
135            }
136        }
137    });

138
139    $('#printBTN').on('click', function(e) {
140        e.stopPropagation();
141        window.print();
142    });
143
144    $('#shareBTN').on('click', function(e) {
145        e.stopPropagation();
146        $(this).toggleClass("opened");
147        $('.share-div').slideToggle();
148    });
149
150    $('#sidebarNav').on('click', function(e) {
151        e.stopPropagation();
152        $(this).toggleClass("opened");
153        $('.sidebar-links').slideToggle();
154    });
155
156    $(document).on('click', function(e) {
157        if (document.documentElement.clientWidth > 767) {
158            e.stopPropagation();
159            if ($(e.target).closest("#search-box").length === 0) {
160                if ($('#search-box').hasClass("opened")) {
161                    $('#search-box').slideUp();
162                }
163            }
164            if ($(e.target).closest("#menu-box-blue").length === 0 || $(e.target).closest("#blue-nav-menu").length === 0) {
165                if ($('#menu-box').hasClass("opened")) {
166                    $('#menu-box').slideToggle();
167                    $('#menu-box').toggleClass("opened");
168                    $('#menu-row').attr('data-menu', "");
169                }
170                if ($('#menu-box-blue').hasClass("opened")) {
171                    $('#menu-box-blue').slideUp(function() {
172                        $('#menu-box-blue').removeClass("opened");
173                        $('#menu-box-blue').removeClass("menu-box-links");
174                    });
175                }
176            }
177        }
178    });
179
180    if ($(".page-section-banner .carousel").length) {
181        sliderContentHeight();
182        if ($("#homepage-slider .carousel-item").length === 1) {
183            $("#homepage-slider .carousel-indicators").hide();
184            $("#homepage-slider .carousel-control-prev").hide();
185            $("#homepage-slider =.carousel-control-next").hide();
186        }
187        $('#homepage-slider-control').on('click', function() {
188            if (!$(this).hasClass('paused')) {
189                $(this).closest($('#homepage-slider.carousel')).carousel('pause');
190                $('#homepage-slider-control').toggleClass('paused');
191                $('#homepage-slider-control i').removeClass('fa-pause').addClass('fa-play');
192                $('#homepage-slider-control span').text("Play");
193                $(this).blur();
194            } else {
195                $(this).closest($('#homepage-slider.carousel')).carousel('cycle');
196                $('#homepage-slider-control').toggleClass('paused');
197                $('#homepage-slider-control i').removeClass('fa-play').addClass('fa-pause');
198                $('#homepage-slider-control span').text("Pause");;
199                $(this).blur();
200            }
201        });
202    }
203
204    programSlider();
205
206    $(window).on('resize', function() {
207        sliderContentHeight();
208        programSlider();
209    });
210
211    if ($(".howdoi-slider").length) {
212        var howdoiSliderD = new Swiper('.page-section-howdoi .howdoi-slider-desktop .swiper-container', {
213            slidesPerView: 1,
214            spaceBetween: 0,
215            keyboard: {
216                enabled: true,
217                onlyInViewport: true,
218            },
219            navigation: {
220                nextEl: '.page-section-howdoi .howdoi-slider-desktop .swiper-button-next',
221                prevEl: '.page-section-howdoi .howdoi-slider-desktop .swiper-button-prev',
222            },
223        });
224
225
226        $('.page-section-howdoi .howdoi-slider-desktop a.item').matchHeight({ byRow: false });
227        hiddenSlides(".page-section-howdoi .howdoi-slider-desktop");
228        howdoiSliderD.on('slideChange', function() {
229            hiddenSlides(".page-section-howdoi .howdoi-slider-desktop");
230            $('.page-section-howdoi .howdoi-slider-desktop a.item').matchHeight({ byRow: false });
231        });
232
233        var howdoiSliderM = new Swiper('.page-section-howdoi .howdoi-slider-mobile .swiper-container', {
234            slidesPerView: 1,
235            spaceBetween: 0,
236            keyboard: {
237                enabled: true,
238                onlyInViewport: true,
239            },
240            navigation: {
241                nextEl: '.page-section-howdoi .howdoi-slider-mobile .swiper-button-next',
242                prevEl: '.page-section-howdoi .howdoi-slider-mobile .swiper-button-prev',
243            },
244        });
245
246        hiddenSlides(".page-section-howdoi .howdoi-slider-mobile");
247        howdoiSliderM.on('slideChange', function() {
248            hiddenSlides(".page-section-howdoi .howdoi-slider-mobile");
249        });
250    }
251

252    if ($(".news-slider").length) {
253        var newsSlider = new Swiper('.page-section-news .news-slider .swiper-container', {
254            slidesPerView: 1,
255            spaceBetween: 10,
256            breakpoints: {
257                768: {
258                    slidesPerView: 2
259                },
260                1024: {
261                    slidesPerView: 4
262                }
263            },
264            keyboard: {
265                enabled: true,
266                onlyInViewport: true,
267            },
268            navigation: {
269                nextEl: '.page-section-news .news-slider .swiper-button-next',
270                prevEl: '.page-section-news .news-slider .swiper-button-prev',
271            },
272        });
273    }
274
275    function hiddenSlides(el) {
276        $(el + " .swiper-slide").each(function(i, s) {
277            if (!$(this).hasClass("swiper-slide-active")) {
278                $(this).find('a').attr('tabindex', -1);
279            }
280        });
281    }
282
283    function programSlider() {
284        if (document.documentElement.clientWidth <= 768) {
285            if ($(".program-slider").length) {
286                var programSlider = new Swiper('.page-section-programs .program-slider .swiper-container', {
287                    slidesPerView: 1,
288                    spaceBetween: 0,
289                    keyboard: {
290                        enabled: true,
291                        onlyInViewport: true,
292                    },
293                    navigation: {
294                        nextEl: '.page-section-programs .program-slider .swiper-button-next',
295                        prevEl: '.page-section-programs .program-slider .swiper-button-prev',
296                    },
297                });
298                $('.page-section-programs .program-slider .program-details').matchHeight();
299                programSlider.on('slideChange', function() {
300                    $('.page-section-programs .program-slider .program-details').matchHeight();
301                });
302            }
303        }
304    }
305
306    function sliderContentHeight() {
307        if (document.documentElement.clientWidth <= 768) {
308            $(".page-section-banner .carousel-item .text-box-heading").matchHeight();
309            $(".page-section-banner .carousel-item .text-box-content").matchHeight();
310            $(".page-section-banner .carousel-item .text-box-buttons").matchHeight();
311        }
312    }
313
314    function isIe() {
315        return window.navigator.userAgent.indexOf("MSIE ") > 0 ||
316            !!navigator.userAgent.match(/Trident.*rv\:11\./);
317    }
318    
319    if (window.location.hash) {
320        e.stopPropagation();
321        if ($(document).scrollTop() < ($('header').height() - ($('#blue-nav-container').height() / 2))) {
322            $('html, body').animate({
323                 scrollTop: $(hash).offset().top - 130
324            }, 900, 'swing');
325        } else {
326        $('html, body').animate({
327                 scrollTop: $(hash).offset().top  - 80
328            }, 900, 'swing');    
329        }
330    }
331    
332    $('a:not(.tab-link)').on('click', function(e) {
333        var hash = $(this).attr('href');
334        if (hash.charAt(0) === '#'){
335            e.stopPropagation();
336            if ($(document).scrollTop() < ($('header').height() - ($('#blue-nav-container').height() / 2))) {
337                $('html, body').animate({
338                     scrollTop: $(hash).offset().top - 130
339                }, 900, 'swing');
340            } else {
341            $('html, body').animate({
342                     scrollTop: $(hash).offset().top  - 80
343                }, 900, 'swing');    
344            }
345        }
346    });
347
348    $(window).scroll(function() {
349        if (document.documentElement.clientWidth >= 768) {
350            if ($(document).scrollTop() > ($('header').height() - $('#blue-nav-container').height())) {
351                if (!$("body").hasClass("fixed-header")) {
352                    $("body").addClass('fixed-header');
353                }
354            }
355            if ($(document).scrollTop() < ($('header').height() - ($('#blue-nav-container').height() / 2))) {
356                if ($("body").hasClass("fixed-header")) {
357                    $("body").removeClass('fixed-header');
358                }
359            }
360        }
361    });

362
363});