/* -------------------------------- Incorporate.com Author: Jason Lunsford Version: 4.0 MAIN.JS -------------------------------- */ (function($) { "use strict"; // Non-Control Elements var $sideMenu = $("#sideMenu"); var $wrapper = $("#wrapper"); var $bigmask = $("#bigmask"); var $navAccordion = $("#navAccordion"); var $mainContent = $("#mainContent"); var $siteFooter = $("#siteFooter"); var $salesHeader = $('#salesHeader'); // Control Elements var $hamburgerButtonSFR = $(".saless-funnel #hamburgerButton"); var $hamburgerButton = $("#hamburgerButton"); var $cartButtonSFR = $(".sales-funnel #cartSliderButton"); var $mobileMenu = $wrapper.find('.menu .navbar-toggle'); // build global footer from SR list globalFooterLinks($('.siteFooter #seoAccordion div')); var $accordionTriggers = $(".accordionTrigger"); // Generic Form Elements var $genericFormElement = $(".form-control"); // Common Variables var windowState; var navAccordionActive = true; var seoAccordionActive = true; /* Settings ---------------------------------------- */ var sideMenuDisplay = { state:false }; var sideMenuConfig = { display:$sideMenu.css("display") }; var wrapperConfig = { position:$wrapper.css("position") }; var bigMaskConfig = { opacity:$bigmask.css("opacity"), visibility:$bigmask.css("visibility") }; /* End Settings -------------------------*/ // switch fluid container for static if ( checkDevice() === "desktop" || checkDevice() === "widescreen" ) { // $mainContent.removeClass("container-fluid").addClass("container"); // $salesHeader.removeClass("container-fluid").addClass("container"); // $genericFormElement.removeClass("input-lg"); } /*else{ //all mobile to SFR but not when selected for the TEST. //************remove this code after testing -----********** $.get("/json/sales_funnel_active.html"); }*/ handleNavAccordion(); handleSeoAccordion(); handleEntityWidget(checkDevice()); handleTabCTAMobile(); $(window).resize(function() { if ( checkDevice() === "desktop" ) { $('.mobile-menu').hide(); //mobile nav will always be closed on screen resize // $mainContent.removeClass("container-fluid").addClass("container"); // $salesHeader.removeClass("container-fluid").addClass("container"); // $('nav div.container-fluid').removeClass("container-fluid").addClass("container"); // $genericFormElement.removeClass("input-lg"); $bigmask.trigger("click"); } else if ( checkDevice() === "tablet" ) { $('.mobile-menu').hide(); //mobile nav will always be closed on screen resize // $mainContent.removeClass("container").addClass("container-fluid"); // $salesHeader.removeClass("container").addClass("container-fluid"); // $('nav div.container').removeClass("container").addClass("container-fluid"); // $genericFormElement.addClass("input-lg"); $bigmask.trigger("click"); } else if ( checkDevice() === "mobile" ) { // $mainContent.removeClass("container").addClass("container-fluid"); // $salesHeader.removeClass("container").addClass("container-fluid"); // $('nav div.container').removeClass("container").addClass("container-fluid"); // $genericFormElement.addClass("input-lg"); } handleNavAccordion(); handleSeoAccordion(); handleEntityWidget(checkDevice()); // $bigmask.hammer().triggerHandler("tap"); homeHeroSticky(); }); function homeHeroSticky(){ if($('html').hasClass('Home')){ //home follow //check height of window var $hero = $('.hero-row'), heroHeight = $hero.offset().top + $hero.outerHeight(), $heroGSN = $('.hero-get-started'), $subHero = $('.sub-hero-quotes'), $window = $(window); if($window.outerHeight() + $window.scrollTop() - $heroGSN.outerHeight() < heroHeight){ setGetStarted('fixed'); } else{ setGetStarted(''); } $window.scroll(function() { if(($window.outerHeight() + $window.scrollTop() - $heroGSN.outerHeight()) > heroHeight){ setGetStarted(''); } else{ setGetStarted('fixed'); } }); } function setGetStarted(e){ if(e == 'fixed'){ $heroGSN.addClass('fixed-getstarted'); $subHero.css('padding-top',($heroGSN.height()-60)); } else{ $heroGSN.removeClass('fixed-getstarted'); $subHero.css('padding-top','initial'); } } } homeHeroSticky(); //home page tab indicators $('.tab-rebrand a[data-toggle="tab"').on('shown.bs.tab', function (e) { var target = $(this).attr('aria-controls'); $('.tab-indicator li').removeClass('active'); $('.tab-indicator li.'+target).addClass('active'); }); var $customers = $('.customers'), $customerLink = $customers.find('.customer-link'), $customerLinks = $customers.find('.customer-links').hide(); $customerLink.on('click',function(e){ e.preventDefault(); $customerLinks.slideToggle().toggleClass('active'); }); $mobileMenu.on('click',function(e){ e.preventDefault(); $('.mobile-menu').slideToggle().find('.panel-collapse.in').removeClass('in'); //if SFR if($('html').hasClass('sales-funnel')){ $('.mobile-menu #sideCartMenu section').remove(); $('.rightRail section').clone().appendTo($('.mobile-menu #sideCartMenu')) .find('#continueSidecart').attr('id','').end() .find('.side-cart-behind').attr('style',''); } }); $('#mobileMenu').on('show.bs.collapse',function(){ $('#mobileMenu .panel-collapse.in').removeClass('in').siblings('.panel-heading h4').toggleClass('active'); }); $('#mobileMenu').on('shown.bs.collapse',function(){ $('#mobileMenu .panel-collapse.in').siblings('.panel-heading h4').toggleClass('active'); }); $('#entityList .panel-collapse').on('shown.bs.collapse',function(e){ $(this).prev().find('.glyphicon').removeClass('glyphicon-tcc-plus3').addClass('glyphicon-tcc-minus3'); }); $('#entityList .panel-collapse').on('hidden.bs.collapse',function(e){ $(this).prev().find('.glyphicon').removeClass('glyphicon-tcc-minus3').addClass('glyphicon-tcc-plus3'); }); // Hamburger Behavior (sub 1024) // Using the Hammer touch UI //$hamburgerButton.hammer().on("tap", $hamburgerButton.on("click", function(event) { handleNavAccordion(); // close Nav accordion right away handleSeoAccordion(); // close SEO accordion right away sideMenuDisplay.state = !sideMenuDisplay.state; sideMenuConfig.display = "block"; wrapperConfig.position = "fixed"; bigMaskConfig.opacity = 0.5; bigMaskConfig.visibility = "visible"; $wrapper.css({ "position":wrapperConfig.position }); $sideMenu.css({ "display": sideMenuConfig.display }); $bigmask.css({ "opacity":bigMaskConfig.opacity, "visibility":bigMaskConfig.visibility }); if($('html').hasClass('sales-funnel')){ $sideMenu.find('section').remove(); $('.rightRail section').clone().appendTo($sideMenu); $('#sideMenu .side-cart-behind') .css('margin-top',0) .find('ul.list-circle') .removeClass('list-circle') .addClass('list-group') .find('li') .addClass('list-group-item') .end() .end() .find('.side-cart-footer ul') .removeClass('list-unstyled') .addClass('list-group') .find('li.col-sm-6') .removeClass('col-sm-6') .addClass('list-group-item'); $wrapper.css({ "position":wrapperConfig.position }); $sideMenu.css({ "display": sideMenuConfig.display }); $bigmask.css({ "opacity":bigMaskConfig.opacity, "visibility":bigMaskConfig.visibility }); $wrapper.animate( {left:"90%"}, { duration: 480, queue: false, complete: function() {} }); $sideMenu.animate( {right:"90%"}, { duration: 480, queue: false, complete: function() {} }); $sideMenu.find('section').animate( {opacity:1 }, { duration: 1200, queue: false, complete: function() { } }); } else{ $wrapper.animate({ left:"260px" }, { duration: 480, queue: false, complete: function() { } }); $sideMenu.animate({ right:"260px" }, { duration: 480, queue: false, complete: function() { } }); $navAccordion.animate({ opacity:1 }, { duration: 1200, queue: false, complete: function() { } }); } }); $cartButtonSFR.on('click',function(event){ event.preventDefault(); // sideMenuDisplay.state = !sideMenuDisplay.state; sideMenuConfig.display = "block"; wrapperConfig.position = "fixed"; bigMaskConfig.opacity = 0.5; bigMaskConfig.visibility = "visible"; $sideMenu.find('section').remove(); $('.rightRail section').clone().appendTo($sideMenu).find('#continueSidecart').attr('id',''); $bigmask.css({ "opacity":bigMaskConfig.opacity, "visibility":bigMaskConfig.visibility }); $wrapper.css({ "position":wrapperConfig.position }); $sideMenu.css({ "display": sideMenuConfig.display }); $wrapper.animate( {right:"90%"}, { duration: 480, queue: false, complete: function() {} }); $sideMenu.animate( {left:"90%"}, { duration: 480, queue: false, complete: function() {} }).addClass('right-slide'); $sideMenu.find('section').animate( {opacity:1 }, { duration: 1200, queue: false, complete: function() {} }); }); //setting cart link /* if($('html').hasClass('.sales-funnel')){ if(!$('html').hasClass('state-business-type')){ $('#cartSliderButton').attr('href','/review_order.html'); } else{ $('#cartSliderButton').attr('href','#'); } } else{ $('#cartSliderButton').attr('href','/review_order.html'); }*/ // Mask listener - removes the mask when user clicks anywhere //$bigmask.on("click" $('#sideMenu button.close-menu').on('click',function(){ closeSideMenu(); }); $bigmask.hammer().on("panleft tap press swipeleft", function(event) { closeSideMenu(); /*if ( sideMenuDisplay.state) { sideMenuDisplay.state = !sideMenuDisplay.state; sideMenuConfig.display = "none"; wrapperConfig.position = "relative"; bigMaskConfig.opacity = 0; bigMaskConfig.visibility = "hidden"; $navAccordion.animate( {opacity:0 }, { duration: 120, queue: false }); $sideMenu.animate( {right:"0px"}, { duration: 480, queue: false, complete: function(){} }).removeClass('right-slide'); $wrapper.animate( {left:"0px"}, { duration: 480, queue: false, complete: function() { $sideMenu.css({ "display": sideMenuConfig.display }); $bigmask.css({ "opacity":bigMaskConfig.opacity, "visibility":bigMaskConfig.visibility }); $wrapper.css({ "position":wrapperConfig.position }); } }); } else{ //cart sideMenuConfig.display = "none"; wrapperConfig.position = "relative"; bigMaskConfig.opacity = 0; bigMaskConfig.visibility = "hidden"; $sideMenu.animate( {left:"0px"}, { duration: 480, queue: false, complete: function(){} }) .find('section').animate( {opacity:1 }, { duration: 100, queue: false, complete: function() {} });; $wrapper.animate( {right:"0px"}, { duration: 480, queue: false, complete: function() { $sideMenu.css({ "display": sideMenuConfig.display }); $bigmask.css({ "opacity":bigMaskConfig.opacity, "visibility":bigMaskConfig.visibility }); $wrapper.css({ "position":wrapperConfig.position }); } }); }*/ }); function closeSideMenu(){ if ( sideMenuDisplay.state) { sideMenuDisplay.state = !sideMenuDisplay.state; sideMenuConfig.display = "none"; wrapperConfig.position = "relative"; bigMaskConfig.opacity = 0; bigMaskConfig.visibility = "hidden"; $navAccordion.animate( {opacity:0 }, { duration: 120, queue: false }); $sideMenu.animate( {right:"0px"}, { duration: 480, queue: false, complete: function(){} }).removeClass('right-slide'); $wrapper.animate( {left:"0px"}, { duration: 480, queue: false, complete: function() { $sideMenu.css({ "display": sideMenuConfig.display }); $bigmask.css({ "opacity":bigMaskConfig.opacity, "visibility":bigMaskConfig.visibility }); $wrapper.css({ "position":wrapperConfig.position }); } }); } else{ //cart sideMenuConfig.display = "none"; wrapperConfig.position = "relative"; bigMaskConfig.opacity = 0; bigMaskConfig.visibility = "hidden"; $sideMenu.animate( {left:"0px"}, { duration: 480, queue: false, complete: function(){} }) .find('section').animate( {opacity:1 }, { duration: 100, queue: false, complete: function() {} });; $wrapper.animate( {right:"0px"}, { duration: 480, queue: false, complete: function() { $sideMenu.css({ "display": sideMenuConfig.display }); $bigmask.css({ "opacity":bigMaskConfig.opacity, "visibility":bigMaskConfig.visibility }); $wrapper.css({ "position":wrapperConfig.position }); } }); } } // Accordion Anchors (Mobile) // $accordionTriggers.hammer().on("tap" $accordionTriggers.on("click", function(event) { if ( $(this).css("background-image") !== "none" ) { if ( $(this).hasClass("accordionTriggerReverse") ) { $accordionTriggers.removeClass("accordionTriggerReverse"); } else { $accordionTriggers.removeClass("accordionTriggerReverse"); $(this).addClass("accordionTriggerReverse"); } } }); // Slide out nav logo link $('.logo-link').hammer().on("tap",function(event){ window.location.href = "/"; }); $('.logoPhoneNumberAnchor').hammer().on("tap",function(event){ var phone = $(this).text(); window.location.href = "tel:"+phone; }); // Nav Accordion Behavior (Mobile) $("#navAccordion").on("show.bs.collapse", function () { if (navAccordionActive) $("#navAccordion .in").collapse("hide"); }); // SEO Accordion Behavior (Mobile) $("#seoAccordion").on("show.bs.collapse", function () { if (seoAccordionActive) $("#seoAccordion .in").collapse("hide"); }); if(window.location.pathname.indexOf('business_glossary') > 0){ $('#tabs').addClass('hidden-xs hidden-sm'); $('