// JavaScript Document /* VCL Modal*/ var $modalTrigger = $('.va-crisis-line-button'),$modalWrapper = $('#modal-crisisline'),$modalClose = $('.va-modal-close'),$modalTitle = $('#va-crisis-primary'), $mainContent = $('#main-content'); function setModalButton() { var firstAnchor = document.getElementById("va-crisis-primary"), lastAnchor = document.getElementById("va-vcl-close-btn"); function keydownHandler(e) { var evt = e || window.event; var keyCode = evt.which || evt.keyCode; if(keyCode === 9) { // TAB pressed if(evt.preventDefault) evt.preventDefault(); else evt.returnValue = false; firstAnchor.focus(); } } if(lastAnchor.addEventListener) lastAnchor.addEventListener('keydown', keydownHandler, false); else if(lastAnchor.attachEvent) lastAnchor.attachEvent('onkeydown', keydownHandler); 'use strict'; $modalTrigger.on("click", function(e){ $mainContent.attr('aria-hidden', 'true'); $modalWrapper.attr('aria-hidden', 'false'); $modalWrapper.css('display', 'block'); $modalTitle.focus(); deflectFocus(); }); } function setModalClose() { 'use strict'; $modalClose.on("click", function(e){ $modalWrapper.attr('aria-hidden', 'true'); $modalWrapper.css('display', 'none'); $mainContent.attr('aria-hidden', 'false'); $modalTrigger.focus(); $mainContent.off('.modalOpen'); }); } function deflectFocus() { 'use strict'; $mainContent.on('focusin.modalOpen', function(e) { $modalClose.focus(); }); } setModalButton(); setModalClose();