// JavaScript Document // v1.0.1 (function(){ function detectDevice(){ window.device = { isMobile: false, isTab: false, isDesktop: false }; var width = window.innerWidth || document.documentElement.clientWidth; if(width < 768){ device.isMobile = true; } else if(width >= 768 && width < 960){ device.isTab = true } else if(width >= 960 ){ device.isDesktop = true } } window.detectDevice = detectDevice; detectDevice(); setInterval(detectDevice,1); $(window).on('resize orientationchange',detectDevice); })(); $(function(){ /* main navigation */ var windowHeight = $(window).height(); var windowWidth = $(window).width(); (function(){ var mainContainer = $('#main'), mainNav = mainContainer.find('#main-nav'), menuBtn = mainNav.find('#menu-btn'), navWrap = mainNav.find('#nav-wrap'), nav = mainNav.find('#topnav'), navLinkTop = navWrap.find('.accessible-megamenu-top-nav-item > h2 a'), navSecondLvlWrap = navWrap.find('.accessible-megamenu-panel'), navSecondLvl = navWrap.find('.accessible-megamenu-panel-group h3'), navThirdLvlWrap = navWrap.find('.accessible-megamenu-lvl3'), leftNavContainer = $('#leftNavContainer'), leftNavWrap = $('#leftNavWrap'), facilityPhoto = $('#facilityPhoto'), fIcon = $('.ficon'), headLft = $('.head'), subMenuLft = $('.sub-menu'), subSubMenu = $('.sub-sub-menu'), leftNav = $('#leftNav'), menuBtnClose = $('#menu-btn-close'), navContainer = $('#nav-container'), leftNav = $('#leftNav'), mobNavActive = false; function adjustNav(){ if(!device.isDesktop){ navWrap.prependTo('body'); closeMobNav(); } else{ navWrap.appendTo(mainNav); } } adjustNav(); function adjustLeftNav(){ if(!device.isDesktop){ leftNav.prependTo(navWrap); leftNav.hide(); } else leftNav.appendTo(leftNavWrap); } adjustLeftNav(); // open mobile nav function openMobNav(){ mainContainer.animate({'left':'85%'},0); navWrap.animate({'width':'85%'},0); mobNavActive = true; } // close mobile nav function closeMobNav(){ mainContainer.animate({'left':'0'},0); navWrap.animate({'width':'0'},0); mobNavActive = false; } //toggle mobile nav based on click menu button menuBtn.on('click touchstart',function(e){ if(!mobNavActive){ openMobNav(); } else{ closeMobNav(); } e.preventDefault(); e.stopPropagation(); }); menuBtn.on('touchstart',function(e){ e.preventDefault(); e.stopPropagation(); }); //close mobile nav on click/touch of any where on the document except nav mainContainer.on('click touchstart',function(e){ closeMobNav(); leftNav.hide(); }); // activate mega menu for desktop device.isDesktop && $("#nav-container").accessibleMegaMenu(); $('#nav-wrap .accessible-megamenu-top-nav-item > h2 a').on('click', function(e) { if (device.isDesktop) { location.href = this.href } else { e.preventDefault(); if ($(this).hasClass('active')) { $(this).removeClass('active').parent().next('.accessible-megamenu-panel').slideUp(200); } else { navLinkTop.removeClass('active').parent().next('.accessible-megamenu-panel').slideUp(200); $(this).addClass('active').parent().next('.accessible-megamenu-panel').slideDown(200); } $('.accordion > li.active') .removeClass('active') .find('> a span') .first() .empty() .append('Closed Arrow') .parents('a') .next('.sub-menu') .slideUp(200); } }); /* second level */ navSecondLvl.on('click',function(e){ if(!device.isDesktop){ if($(this).hasClass('active')){ $(this).removeClass('active').next('.accessible-megamenu-lvl3').slideUp(200); } else{ navSecondLvl.removeClass('active').next('.accessible-megamenu-lvl3').slideUp(200); $(this).addClass('active').next('.accessible-megamenu-lvl3').slideDown(200); } e.preventDefault(); } }); $('#close-nav').on('click', function(){ $("#leftNav").toggle(); closeMobNav(); }); $("#sitemapup").on("click", function(e) { e.stopPropagation(); $("#leftNav").toggle(); if(!device.isDesktop && !mobNavActive){ openMobNav(); } else{ closeMobNav(); } }); $("#sitemapup").on("touchstart", function(e) { e.stopPropagation(); }); $(window).on('resize',adjustDevice); function adjustDevice(){ var currentHeight = $(window).height(), currentWidth = $(window).width(); if (windowHeight == currentHeight && windowWidth == currentWidth) { return; } windowHeight = currentHeight; windowWidth = currentWidth; window.detectDevice(); adjustNav(); adjustLeftNav(); if(!device.isMobile){ mobNavActive = false; //mainContainer.animate({'left':'0'},5000); mainContainer.css({'left':'0'}); navSecondLvlWrap.removeAttr('style'); navSecondLvlWrap.removeClass('open'); navSecondLvlWrap.removeClass('hover'); navThirdLvlWrap.removeAttr('style'); navLinkTop.removeClass('active'); navSecondLvl.removeClass('active'); fIcon.removeClass('active'); facilityPhoto.removeAttr('style'); headLft.removeClass('active'); subMenuLft.removeAttr('style'); subSubMenu.removeAttr('style'); menuBtnClose.removeClass('active'); navContainer.removeAttr('style'); navSecondLvlWrap.hide(); navThirdLvlWrap.hide(); navLinkTop.removeClass('open'); navLinkTop.removeClass('focus'); } else{ navSecondLvlWrap.removeClass('open'); navLinkTop.removeClass('open'); } device.isDesktop && $("#nav-container").accessibleMegaMenu(); } })(); /* footer navigation */ (function(){ var footer = $('#footer'), footerTop = footer.find('.top-level'), footerLink = footer.find('.ftrcls'); /* top level */ footerTop.on('click',function(e){ if(!device.isDesktop){ if($(this).hasClass('active')){ $(this).removeClass('active').next('.ftrcls').slideUp(300); } else{ footerTop.removeClass('active').next('.ftrcls').slideUp(); $(this).addClass('active').next('.ftrcls').slideDown(300); } } }); footerTop.eq(0).trigger('click'); $('#connect').css('display','block'); $('.connect h4').addClass('active'); })(); /* TOP TABS */ $("#mainContact-btn").on("click", function() { toogleSearch1(); return false; }); $("#search-btn").bind("click", function() { toogleSearch3(); return false; }); $("#mainLocator-btn").bind("click", function() { toogleSearch4(); return false; }); $(".ficon").on("click", function() { if($(this).hasClass('active')){ $(this).removeClass('active').next('#facilityPhoto').slideUp(300); } else{ $('.ficon').removeClass('active').next('#facilityPhoto').slideUp(); $(this).addClass('active').next('#facilityPhoto').slideDown(300); } /* $("#facilityPhoto").toggle(); return false;*/ }); $("#menu-btn-close").on("click", function() { if($(this).hasClass('active')){ $(this).removeClass('active').next('.nav-container-close').slideUp(300); } else{ $('#menu-btn-close').removeClass('active').next('.nav-container-close').slideUp(); $(this).addClass('active').next('.nav-container-close').slideDown(300); } /*$("#nav-container").toggle(); return false;*/ }); //initiate healthh side bar toggle heathSideBar(); miamiSideBar() miamiSideBar1(); adjustAddressWidget() pharmacySideBar(); directionSideBar(); $(window).resize(function(){ heathSideBar(); miamiSideBar1(); adjustAddressWidget(); pharmacySideBar(); directionSideBar(); miamiSideBar() }); //healthSideBar(); //$(window).resize(healthSideBar); }); function toogleSearch1() { if($('#main-contact').css("display") == "block") { $('#mainContact-btn').html("Contact"); $('#main-contact').hide(); } else { $('#mainContact-btn').html("Close Contact"); $('#main-contact').show(); $('.social-n-search').hide(); $('#main-locator').hide(); $('#search-btn').html("Search"); $('#mainLocator-btn').html("Locator"); } } function toogleSearch3() { if($('.social-n-search').css("display") == "block") { $('#search-btn').html("Search"); $('.social-n-search').hide(); } else { $('#search-btn').html("Close Search"); $('.social-n-search').show(); $('#main-contact').hide(); $('#main-locator').hide(); $('#mainContact-btn').html("Contact"); $('#mainLocator-btn').html("Locator"); } } function toogleSearch4() { if($('#main-locator').css("display") == "block") { $('#mainLocator-btn').html("Locator"); $('#main-locator').hide(); } else { $('#mainLocator-btn').html("Close Locator"); $('#main-locator').show(); $('#main-contact').hide(); $('.social-n-search').hide(); $('#mainContact-btn').html("Contact"); $('#search-btn').html("Search"); } } function heathSideBar(){ if(device.isDesktop && $('#left-col-content').parents('#leftNavContainer').size() < 1){ $('#left-col-content').appendTo('#leftNavContainer'); } else if((!device.isDesktop) && $('#left-col-content').parents('#rightContent').size() < 1){ $('#left-col-content').appendTo('#rightContent'); } } function pharmacySideBar(){ if(device.isDesktop && $('#detailContactInfo').parents('#destopChange1').size() < 1){ $('#detailContactInfo').appendTo('#destopChange1'); } else if((!device.isDesktop) && $('#detailContactInfo').parents('#mainTitle1').size() < 1){ $('#detailContactInfo').appendTo('#mainTitle1'); } } function directionSideBar(){ if(device.isDesktop && $('#rightColPadding').parents('#destopChange').size() < 1){ $('#rightColPadding').appendTo('#destopChange'); } else if((!device.isDesktop) && $('#rightColPadding').parents('#mainTitle').size() < 1){ $('#rightColPadding').appendTo('#mainTitle'); } } function miamiSideBar(){ if(device.isDesktop){ $('#left-bar-wrap').before($('#mainContentWrapper')); } else{ $('#left-bar-wrap').after($('#mainContentWrapper')); } } function miamiSideBar1(){ if(device.isDesktop){ $('#left-bar-wrap').before($('#mainContentWrapper1')); } else{ $('#left-bar-wrap').after($('#mainContentWrapper1')); } } function healthSideBar(){ if(device.isDesktop){ $('#sitemapup').before($('#main-nav')); $('#sitemapup').before($('#leftNav')); } else{ $('#sitemapup').after($('#main-nav')); $('#sitemapup').after($('#leftNav')); } } function adjustAddressWidget(){ if(device.isDesktop){ $('#address-widget').appendTo($('#address-deskwrap')); } else{ $('#address-widget').appendTo($('#address-mobwrap')); } } // home slider function homeslider(){ var homepageSlider = $('#homepageSlider'), scrollableSlider = homepageSlider.find('.scrollable'), scrollableSlideItem = scrollableSlider.find('.slide'), sliderThumbnails = homepageSlider.find('.slider-thumbnails a'); scrollableSlider.scrollable({ circular: true }).autoscroll({autoplay: true, interval: 5000}); scrollableApi = scrollableSlider.data("scrollable"); scrollableApi.onSeek(function(i){ sliderThumbnails.removeClass('selected') .eq(scrollableApi.getIndex()).addClass('selected'); }); sliderThumbnails.on('click',function(e){ scrollableApi.seekTo($(this).index()); e.preventDefault(); }); // Call our responsive function responsiveScrollable(); // Call our responsive funtion every time the browser window is resized $(window).resize(function() { responsiveScrollable(); }); function responsiveScrollable(){ // Set width of scrollable slides to width of its container var siteWidth = homepageSlider.width(); scrollableSlider.find('.slide').css('width', siteWidth); // Set scrollable height to be proportional to the aspect ratio of the slide's content scrollableSlider.css('height', ((!device.isMobile) ? parseInt(siteWidth / 3.1) : 'auto')); // move to current slide based after resize scrollableApi.seekTo(scrollableApi.getIndex(), 0); } } function tsLoadYouTubeVideo(id,title) { $('#player-'+id).html(''); }