';\r\n // $('.mc-modal').on('click', function () {\r\n // console.log('modal click') // Init MarketCarpenter Modal functionality \r\n // var sHeader = $('.card-header', $(this)).html(),\r\n // sContent = $('.card-body', $(this)).html(),\r\n // oModal = $(sModal.format(sHeader, sContent));\r\n // $('body').append(oModal);\r\n // $(oModal).modal('show');\r\n // });\r\n });\r\n\r\n /*********************************************************************************************\r\n * Sticky Sidebar\r\n *********************************************************************************************/\r\n mc.ready(function () {\r\n $(document).on('scroll', function () {\r\n $('.mc-sticky-sidebar').removeClass('opened');\r\n });\r\n $('.mc-sticky-sidebar').on('mouseenter', function () {\r\n $('.mc-sticky-sidebar').addClass('opened');\r\n });\r\n\r\n $(window).on('scroll', function() {\r\n if($( window ).width() > 991){\r\n if ($(window).scrollTop() >= 45){\r\n $('#primaryNavBar').parent().addClass('scroll');\r\n $('body').css({ paddingTop: 0 });\r\n } else {\r\n $('#primaryNavBar').parent().removeClass('scroll');\r\n $('body').css({ paddingTop: 65 });\r\n }\r\n }\r\n });\r\n\r\n });\r\n\r\n /*********************************************************************************************\r\n * Accessibility\r\n *********************************************************************************************/\r\n // Add aria labels to owl carousel pagination dots\r\n mc.load(function () {\r\n $('.owl-carousel, .owl-nav-below').each((i, elm) => { \r\n $(elm).find('.owl-dot').each((i, elm2) => { $(elm2).attr('aria-label', i + 1); });\r\n $(elm).find('.owl-prev').each((i, elm2) => { $(elm2).attr('role','button').attr('title', 'Previous'); });\r\n $(elm).find('.owl-next').each((i, elm2) => { $(elm2).attr('role','button').attr('title', 'Next'); });\r\n });\r\n });\r\n // show the outline focus effect only on keyboard press of tab\r\n // we don't want to show this on normal focus mouse click (see custom.scss for styling)\r\n mc.ready(function () {\r\n document.addEventListener('keydown', (e) => { if (e.keyCode === 9) $('body').addClass('show-focus-outlines'); });\r\n document.addEventListener('click', () => { $('body').removeClass('show-focus-outlines'); });\r\n });\r\n\r\n /*********************************************************************************************\r\n * Image Captions\r\n *********************************************************************************************/\r\n function fnSizeCaptions () { $('figure figcaption').each(function() { $(this).css({ width: $(this).parent().find('img').width() }) }) }\r\n mc.resize(fnSizeCaptions);\r\n\r\n /*********************************************************************************************\r\n * MarketCarpenter Analytics \r\n *********************************************************************************************/\r\n mc.analytics = {\r\n event: (category, event, label, extra) => {\r\n gtag('event', event, {\r\n 'event_category': category,\r\n 'event_label': label\r\n });\r\n if (window.fbq) {\r\n fbq('trackCustom', event, extra);\r\n }\r\n }\r\n }\r\n mc.analytics.event._version = { major: 5, minor: 0, patch: 0 };\r\n mc.analytics.event.version = Object.values(mc.analytics.event._version).join('.');\r\n mc.analytics._version = { major: 5, minor: 0, patch: 0 };\r\n mc.analytics.version = Object.values(mc.analytics._version).join('.');\r\n\r\n\r\n mc.ready(['analytics'], mc.noop); // add a callback here to handle specific tracking needs\r\n\r\n /*********************************************************************************************\r\n * Error Reporting Setup\r\n *********************************************************************************************/\r\n mc.getScript('https://resources.mojoactive.com/Scripts/error-reporting.2.0.min.js');\r\n\r\n /*********************************************************************************************\r\n * UserWay \r\n *********************************************************************************************/\r\n // mc.ready(['userway'], mc.noop); // add a callback here to handle specific tracking needs\r\n\r\n /*********************************************************************************************\r\n * Google Translate\r\n *********************************************************************************************/\r\n $('.nav-translate a').on('click',function(e) {\r\n var elm = $(this);\r\n var se = $(\".goog-te-combo\");\r\n var obj = $('#google_translate_element');\r\n\r\n e.preventDefault();\r\n\r\n if (mc.globals.currentBreakpoint.name == 'xs') {\r\n se.show();\r\n obj.toggle();\r\n se[0].size = 1;\r\n\r\n if (elm.hasClass('opened')) {\r\n elm.html('Translate')\r\n elm.removeClass('opened');\r\n } else {\r\n elm.html('Close')\r\n elm.addClass('opened');\r\n }\r\n\r\n } else {\r\n\r\n if (elm.hasClass('opened')) {\r\n elm.html('Translate')\r\n elm.removeClass('opened');\r\n } else {\r\n elm.html('Close')\r\n elm.addClass('opened');\r\n }\r\n \r\n se.show();\r\n obj.toggle();\r\n se[0].size = 20;\r\n }\r\n\r\n});\r\n\r\n$('.btnTranslate').on('click', function (e) {\r\n var elm = $(this);\r\n var se = $(\".goog-te-combo\");\r\n var obj = $('#google_translate_element');\r\n\r\n e.preventDefault();\r\n\r\n se.show();\r\n obj.toggle();\r\n se[0].size = 1;\r\n\r\n if (elm.hasClass('opened')) {\r\n elm.html('Translate')\r\n elm.removeClass('opened');\r\n } else {\r\n elm.html('Close')\r\n elm.addClass('opened');\r\n obj.addClass('opened');\r\n }\r\n});\r\n\r\n$(\".goog-te-combo\").on(\"change\", function () {\r\n var se = $(this);\r\n se.hide();\r\n});\r\n\r\nwindow.googleTranslateElementInit = function () {\r\n new google.translate.TranslateElement({ pageLanguage: 'en', autoDisplay: false }, 'google_translate_element');\r\n}\r\n\r\n$(\"#google_translate_element .goog-te-gadget\").clone().appendTo(\"#google_translate_element2\");\r\n\r\nmc.ready(['translate'],mc.noop);\r\n\r\n /*********************************************************************************************\r\n * Image Pooling Functionality\r\n *********************************************************************************************/\r\n mc.image = {\r\n pool: {\r\n available: {},\r\n used: {}\r\n }\r\n }\r\n mc.ready(function(e){\r\n var page = window.location.pathname;\r\n var hash = window.location.hash;\r\n if(page == \"/resources/drawings\" && hash.length > 0){\r\n $('section.contentBlock').each(function(){\r\n var id = '#' + $(this).attr('id');\r\n if(id != '#cb1' && id != hash){\r\n $(this).hide();\r\n }\r\n if(id == hash){\r\n $(this).append('
See all products
')\r\n }\r\n })\r\n $('.clearHash').on('click',function(){\r\n $('section.contentBlock').show();\r\n $(this).hide();\r\n });\r\n setTimeout(function(){\r\n $(\"html, body\").animate({ scrollTop: 0 });\r\n },500);\r\n }\r\n });\r\n})();"]}
![](\"/images/loading.gif\")
![\"\"](\"/path-to-image/image-name.jpg\")
\r\n * Docs - http://jquery.eisbehr.de/lazy/\r\n *********************************************************************************************/\r\n\r\n // lazy load all general images and just create handles for xs and sm+ devices\r\n mc.lazyLoad = {\r\n loadingImg: '/images/loading.gif',\r\n all: null, allSelector: '.lazy',\r\n xs: null, xsSelector: '.lazy-xs',\r\n sm: null, smSelector: '.lazy-sm',\r\n noLoadingSelector: '.no-loading-img',\r\n fnResize: function (bInitialLoad) {\r\n if (mc.globals.windowDimensions.width <= mc.constants.breakpoints.xs.max) {\r\n if (mc.lazyLoad.xs == null) {\r\n mc.lazyLoad.xs = $(mc.lazyLoad.xsSelector).Lazy({ autoDestroy: false, chainable: false, bind: (bInitialLoad) ? 'load' : 'event' }); // bind to load event or fire immedialy if not initial load\r\n $(mc.lazyLoad.xsSelector).not(mc.lazyLoad.noLoadingSelector).attr('src', mc.lazyLoad.loadingImg);\r\n }\r\n } else {\r\n if (mc.lazyLoad.sm == null) {\r\n mc.lazyLoad.sm = $(mc.lazyLoad.smSelector).Lazy({ autoDestroy: false, chainable: false, bind: (bInitialLoad) ? 'load' : 'event' }); // bind to load event or fire immedialy if not initial load\r\n $(mc.lazyLoad.smSelector).not(mc.lazyLoad.noLoadingSelector).attr('src', mc.lazyLoad.loadingImg);\r\n }\r\n }\r\n }\r\n };\r\n // run the lazy load plugin for the \"all device\" case\r\n mc.lazyLoad.all = $(mc.lazyLoad.allSelector).Lazy({ autoDestroy: false, chainable: false });\r\n $(mc.lazyLoad.allSelector).not(mc.lazyLoad.noLoadingSelector).attr('src', mc.lazyLoad.loadingImg);\r\n\r\n // run the lazy load plugin for the device specific images in resize, and call initially\r\n mc.resize(mc.lazyLoad.fnResize);\r\n mc.lazyLoad.fnResize(true);\r\n $('iframe').lazy();\r\n\r\n /*********************************************************************************************\r\n * Navigation\r\n *********************************************************************************************/\r\n // navigation setup code\r\n mc.ready(function () {\r\n // sSelector: String selector or object to turn into an accordion nav\r\n // bIgnoreMobileCheck: true if click code to be fired small and larger devices\r\n var initAccordionNav = function (sSelector, bIgnoreMobileCheck) {\r\n // get a handle to the parent UL\r\n var oUl = $(sSelector),\r\n sActiveClass = 'active';\r\n\r\n // for each LI, at all depths of the nav tree\r\n $('li', oUl).each(function (i, oLi) {\r\n // get a handle to the child UL,\r\n var oChildUl = $('>ul, >.container>ul, >.container-fluid>ul', oLi);\r\n\r\n // if the UL exists, make the A tag function like an accordion\r\n if (oChildUl.length == 1) {\r\n // handle to the link\r\n var oA = $('>a', oLi),\r\n oMoreLinks = $('> a > span', oLi).add($('>a:not([href])', oLi));\r\n\r\n // open the sub UL on click\r\n oMoreLinks.click(function (e) {\r\n // this is for mobile nav only\r\n if (bIgnoreMobileCheck || mc.globals.windowDimensions.width <= mc.constants.breakpoints.md.max) {\r\n // get a handle to all visible child ULs in the current nav and loop through them\r\n var oUlToHide = $('ul:visible', oUl);\r\n\r\n oUlToHide.each(function (i, oUlHide) {\r\n // only hide the ul if it does not contain this A tag, and don't wait for the animation queue\r\n if ($(oUlHide).find(oA).length == 0) {\r\n $(oUlHide).slideUp({ queue: false });\r\n $(oUlHide).closest('li').removeClass(sActiveClass);\r\n }\r\n });\r\n\r\n // as long as the user didn't click on the parent li for the currently open list\r\n if (oUlToHide.index(oChildUl) == -1) {\r\n oChildUl.slideDown({ queue: false });\r\n $(oLi).addClass(sActiveClass);\r\n }\r\n }\r\n\r\n e.preventDefault();\r\n return false;\r\n });\r\n }\r\n });\r\n };\r\n\r\n // setup accordian for mobile and sidebar navigation\r\n initAccordionNav('#primaryNavBar nav');\r\n initAccordionNav('.nav-primaryCentered .left > ul, .nav-primaryCentered .right > ul');\r\n initAccordionNav('#secondaryNavBar > ul', true);\r\n\r\n // Fits the navigation in the viewport. Solves the problem when a nav's ul spans outside of the view port. \r\n var fitNavInViewport = function () {\r\n if (mc.globals.windowDimensions.width > mc.constants.breakpoints.xs.max) {\r\n $(\".navbar-nav li ul\").each(function () {\r\n var oElm = $(this);\r\n oElm.css({ \"opacity\": 0, \"display\": \"block\", \"visibility\": \"hidden\" });\r\n setTimeout(function () {\r\n var leftPos = oElm.offset().left + oElm.width();\r\n if (leftPos > mc.globals.windowDimensions.width) {\r\n oElm.addClass(\"dropdown-menu-right\");\r\n } else {\r\n oElm.removeClass(\"dropdown-menu-right\");\r\n }\r\n setTimeout(function () {\r\n oElm.css(\"opacity\", 1).css(\"display\", \"none\"); // change it back to hidden\r\n }, 200);\r\n }, 100);\r\n });\r\n }\r\n };\r\n mc.resize(fitNavInViewport)\r\n fitNavInViewport();\r\n\r\n });\r\n\r\n /*********************************************************************************************\r\n * Responsive Tables\r\n *********************************************************************************************/\r\n\r\n /*********************************************************************************************\r\n * API Helpers\r\n *********************************************************************************************/\r\n\r\n mc.api = {\r\n content: function () {\r\n this.CId = 0\r\n this.CtId = 0\r\n this.CDetailId = null\r\n this.CActive = true\r\n this.CDeleted = false\r\n this.CInNavigation = false\r\n this.CUnderConstruction = false\r\n this.CTitle = null\r\n this.CIntroText = null\r\n this.CIntroPhoto = null\r\n this.CIntroLink = null\r\n this.CIntroLinkText = null\r\n this.CMetaDesc = null\r\n this.CMetaKeywords = null\r\n this.CInternalNotes = null\r\n this.CCommentsEnabled = true\r\n this.CLastModified = new Date()\r\n this.CMetaData = {\r\n ChangeFrequency: 0,\r\n Priority: 0,\r\n IncludeInSitemap: true,\r\n }\r\n this.CSeoTitle = null\r\n this.CSeoUrl = null\r\n this.CTesting = null\r\n this.CHeadContent = null\r\n this.CSidebarMode = 0\r\n this.CIntroPhotoMode = 0\r\n },\r\n\r\n contentBlock: function (CId) {\r\n this.CId = CId\r\n this.CIdChild = null\r\n this.CIdChildNavigation = null\r\n this.CbCopy = \"\"\r\n this.CbFile = null\r\n this.CbFileText = null\r\n this.CbHeadline = \"\"\r\n this.CbId = 0\r\n this.CbLink = null\r\n this.CbLinkTarget = null\r\n this.CbLinkText = null\r\n this.CbMetaData = null\r\n this.CbPhoto = null\r\n this.CbPhotoAlign = null\r\n this.CbPhotoAltText = null\r\n this.CbPhotoCaption = null\r\n this.CbPhotoMetadata = null\r\n this.CbSortOrder = 0\r\n },\r\n\r\n tagToContent: function (tag, content, template) {\r\n this.TId = tag.TId;\r\n this.CId = content.CId;\r\n this.TtcPageUrl = tag.TPath;\r\n this.TemplateId = template;\r\n this.SortOrder = 99999\r\n }\r\n\r\n }\r\n\r\n // Description: Applies a bootstrap responsive class around all tables in content areas.\r\n mc.ready(function () {\r\n $('#content table').each(function (i, oTbl) {\r\n // get handles to the page widths\r\n var iContentWidth = $('#content').width(),\r\n iTblWidth = $(oTbl).outerWidth(true),\r\n iTblHeight = $(oTbl).outerHeight(true);\r\n\r\n // if the width of the table is greater than the content area\r\n if (iTblWidth > iContentWidth) {\r\n var oWrap = $(oTbl).wrap('').parent();\r\n $(oWrap).height(iTblHeight);\r\n }\r\n });\r\n });\r\n\r\n /*********************************************************************************************\r\n * Emergency Alert\r\n *********************************************************************************************/\r\n if ($('.mc-emergency').length > 0) {\r\n mc.ready(['cookie', 'swal'], function () {\r\n function showEmergencyAlert() {\r\n var span = document.createElement(\"span\");\r\n span.innerHTML = mc.emergency.content;\r\n swal({ title: mc.emergency.title, content: span, button: \"Close\" }).then(function(){ $('body').removeClass('mc-backdrop-show'); })\r\n $('body').addClass('mc-backdrop-show');\r\n }\r\n\r\n if (!Cookies.get('mc-emergency')) {\r\n Cookies.set('mc-emergency', true);\r\n showEmergencyAlert();\r\n } else {\r\n $('.mc-emergency-toggle').css({ opacity: 1 });\r\n }\r\n \r\n $('.mc-emergency-toggle').click(function () {\r\n showEmergencyAlert()\r\n });\r\n });\r\n }\r\n\r\n\r\n\r\n mc.ready(['bootstrap'], function () { // Load Bootstrap, then\r\n $('[data-toggle=\"collapse\"]').collapse(); // Init Bootstrap collapse functionality \r\n\r\n $('.mc-accordion .card-header').each(function () { $(this).html($(this).html() + '') });\r\n $('.mc-accordion .card-header').on('click', function () { // Init MarketCarpenter Acordian functionality \r\n $(this).next().collapse('toggle');\r\n $(this).parent().toggleClass('show');\r\n });\r\n // var sModal = '