var event_data; var usernamepassword = true; (function($){ var pncNavigation = new function(){ var me = this; var $nav, $mainHeader,$navSearch,$linksFragment,$promosFragment; var menuAjaxUrl = navurl; var mainNavContent = null; var isSearchResults = false; var fillSeachContainerWidth = 235; me.init = function(){ $navSearch = $('.header .search-container'); var pathname = window.location.pathname; if(pathname.indexOf("search-results.html") != -1){ isSearchResults = true; } // To start the navigation behavior initMainNavigation(); if(window.matchMedia('(min-width: 980px)').matches){ //setNavL1Behavior('mouseenter'); setNavL1Behavior('click'); setSearchBehavior('xlarge'); $('.item-l2').hover(function(){ $('#nav-mask').show(); }, function(){ $('#nav-mask').hide(); }); }else{ setNavL1Behavior('click'); setSearchBehavior('small'); } // To set nav items behavior if (jQuery.browser.mobile || window.matchMedia('(max-width: 979px)').matches) { setNavL2Behavior('click'); } else { setNavL2Behavior('mouseenter focus'); $(document).mousemove( function(e){ var navContainer = $(".item-l2"); if (!navContainer.is(e.target) && navContainer.has(e.target).length === 0) { navContainer.removeClass('selected'); navContainer.next().removeClass('expanded'); $(".subitem").attr('aria-expanded',false); } }); } if (jQuery.browser.mobile || window.matchMedia('(max-width: 979px)').matches) { // ignore mobile part } else { if (typeof page_data !== 'undefined') { var pageNames = page_data; if(pageNames && pageNames !== "null" && pageNames !== "undefined"){ var pageNames = pageNames.page_name.split("|"); var color = "#484848"; var secondNavLevelElement; var secondNavLevel; var thisElem; if(pageNames.length > 1){ if(pageNames[0] == 'personal-banking'){ secondNavLevelElement = ".main-nav ul.level-2.theme_orange a span"; $(secondNavLevelElement).each(function(i,val){ thisElem = $(this).text().toLowerCase(); thisElem = thisElem.trim(); thisElem = thisElem.replace(/\s/g,"-"); thisElem = thisElem.replace(/&/g,"and"); if(thisElem == pageNames[1]){ $(this).addClass("nav-active"); } }); } else if(pageNames[0] == 'small-business'){ secondNavLevelElement = ".main-nav ul.level-2.theme_green a span"; $(secondNavLevelElement).each(function(i,val){ thisElem = $(this).text().toLowerCase(); thisElem = thisElem.trim(); thisElem = thisElem.replace(/\s/g,"-"); thisElem = thisElem.replace(/&/g,"and"); if(thisElem == pageNames[1]){ $(this).addClass("nav-active"); } }); } else if(pageNames[0] == 'corporate-and-institutional'){ secondNavLevelElement = ".main-nav ul.level-2.theme_sky a span"; $(secondNavLevelElement).each(function(i,val){ thisElem = $(this).text().toLowerCase(); thisElem = thisElem.trim(); thisElem = thisElem.replace(/\s/g,"-"); thisElem = thisElem.replace(/&/g,"and"); thisElem = thisElem.replace(/asset/g,"investment"); if(thisElem == pageNames[1]){ $(this).addClass("nav-active"); } }); } else if (pageNames[0] == 'about-pnc'){ secondNavLevelElement = ".main-nav ul.level-2.theme_blue a span"; $(secondNavLevelElement).each(function(i,val){ thisElem = $(this).text().toLowerCase(); thisElem = thisElem.trim(); thisElem = thisElem.replace(/\s/g,"-"); thisElem = thisElem.replace(/&/g,"and"); if(thisElem == pageNames[1]){ $(this).addClass("nav-active"); } }); if (pageNames[2] == 'grow-up-great' || pageNames[2] == 'crezca-con-exito') { gugElement = ".main-nav ul.level-2.theme_blue a span"; $(secondNavLevelElement).each(function(i,val){ thisElem = $(this).text().toLowerCase(); thisElem = thisElem.trim(); thisElem = thisElem.replace(/\s/g,"-"); thisElem = thisElem.replace(/&/g,"and"); if (thisElem == 'connect' || thisElem.endsWith('nete')) { thisElem = 'connect-with-us'; } if (thisElem == 'la-gente' || thisElem.includes('people')) { thisElem = 'the-people'; } if (thisElem == 'el-impacto' || thisElem == 'impact') { thisElem = 'the-impact'; } if (thisElem == 'our-story' || thisElem == 'nuestra-historia' || thisElem == 'about') { thisElem = 'our-great-story'; } if (thisElem == 'resources' || thisElem == 'recursos') { if (pageNames[3] == 'lesson-center' || pageNames[3] == 'sesame-street-learning-resources' || pageNames[3] == 'everyday-learning-tips') { $(this).closest('li').addClass("gug-nav-active"); } } if(thisElem == pageNames[3]){ $(this).closest('li').addClass("gug-nav-active"); } }); } }else if (pageNames[0] == 'admin'){ if(pageNames[1] == 'full-navigation'){ jQuery('.aside-links li:nth-child(2) a').css('font-weight', '600'); } } }else if(pageNames.length == 1){ if(pageNames[0] == 'customer-service'){ jQuery('.lob-indicator').css('visibility','hidden'); jQuery('.aside-links li:nth-child(2) a').css('font-weight', '600'); }else if(pageNames[0] == 'security-privacy'){ jQuery('.lob-indicator').css('visibility','hidden'); jQuery('.aside-links li:nth-child(4) a').css('font-weight', '600'); } } } } } $(document).mouseup(function (e) { var navContainer = $(".item-l2"); var loginContainer = $(".login-container"); if (!navContainer.is(e.target) && navContainer.has(e.target).length === 0) { navContainer.removeClass('selected'); navContainer.next().removeClass('expanded'); $('.subitem').attr('aria-expanded',false); } if (!loginContainer.is(e.target) && loginContainer.has(e.target).length === 0) { loginContainer.removeClass('expanded'); } else { navContainer.removeClass('selected'); navContainer.next().removeClass('expanded'); $('.subitem').attr('aria-expanded',false); } }); // To check the main-nav state when resolution changes $(window).on('resolutionChange',function(e,data){ checkMainNavState(data.resolution); setSearchBehavior(data.resolution); }); $("#userId").focus(); } var setNavL1Behavior = function(onEvent){ //Hide Search on Search Results Page if(isSearchResults==true && window.matchMedia('(min-width: 980px)').matches){ jQuery(".navSearchContainer").hide(); }else{ jQuery(".navSearchContainer").show(); jQuery("#searchSubmit").hide(); } // To unbind all previous events $('.level-1').each(function(){$(this).unbind();}); // to set when page loads var counItemsL2 = $('.level-2.expanded .item-l2',$mainHeader).length; $mainHeader.attr('data-current-l2',counItemsL2); // Level 1 behavior $('.level-1').each(function(){ var _this = $(this); var _currentL2 = $(this).next(); _this.focus(function() { var navContainer = $(".item-l2"); navContainer.removeClass('selected'); navContainer.next().removeClass('expanded'); $(".subitem").attr('aria-expanded',false); $("#nav-mask").hide(); }); _this.on(onEvent,function(e){ if(_this.hasClass('selected')){ if(window.matchMedia('(max-width: 979px)').matches){ e.preventDefault(); _this.removeClass('selected'); $(".subitem").attr('aria-expanded',false); _this.next().removeClass("expanded"); } }else{ var counItemsL2 = $('.item-l2',$(_currentL2)).length; // $mainHeader.attr('data-current-l2',counItemsL2); $navSearch.attr('style',''); $('.item-l2:last-child',$mainHeader).attr('style',''); // To highlight the current item _this.removeClass("selected"); // _this.addClass('selected'); if(window.matchMedia('(max-width: 979px)').matches){ e.preventDefault(); $('.level-1').each(function(){ $(this).removeClass("selected"); }) $('.level-2').removeClass("expanded"); _this.next().addClass("expanded"); _this.addClass("selected"); } } }); $(".aside-links li:first-child a").focus(function() { var navContainer = $(".item-l2"); navContainer.removeClass('selected'); navContainer.next().removeClass('expanded'); $(".subitem").attr('aria-expanded',false); $("#nav-mask").hide(); }); }); } var setNavL2Behavior = function(onEvents){ // To unbind all previous events $('.subitem',$nav).each(function(){$(this).unbind();}); // Level 2 setNavL1Behavior $('.subitem',$nav).each(function(){ $(this).on(onEvents,function(e){ e.preventDefault(); var $li = $(this).closest('li'); $('.subitem').attr('aria-expanded',false); if($li.hasClass('selected')){ $li.removeClass('selected'); }else{ // To highlight the current item $('ul.level-2 li',$nav).removeClass("selected"); $li.addClass('selected'); $(this).attr('aria-expanded',true); } }); $(document).keydown( function(e){ if (e.keyCode == 27) { var navContainer = $(".item-l2"); navContainer.removeClass('selected'); navContainer.next().removeClass('expanded'); $("#nav-mask").hide(); } }); }); } var initMainNavigation = function(onEvent){ $mainHeader = $('.header'); $nav = $('.main-nav'); $navSearch = $('.header .search-container'); $linksFragment = $('.header .links-fragment'); // $promosFragment = $('.header .promos-fragment'); $('.nav-toggle').on('click', function(e){ e.preventDefault(); $nav.toggleClass('expanded'); $navSearch.toggleClass('expanded'); $nav.hasClass('expanded') === true ? $('.nav-toggle').attr('aria-expanded', 'true') : $('.nav-toggle').attr('aria-expanded', 'false'); }); $('.login-toggle').on('click', function(e){ e.preventDefault(); $(this).parent().toggleClass('expanded'); $nav.removeClass('expanded'); $navSearch.removeClass('expanded'); }); // Content loaded via ajax if(window.matchMedia('(min-width: 980px)').matches){ insertMainNavDeskContent(); } } var setSearchBehavior = function(resolution){ var isSearchBlur = false; $(".search-toggle").click(function(e) { if ($('#navSearchField').val().length > 0){ jQuery('#navSearchField').submit(); e.stopPropagation(); e.preventDefault(); }else{ if(!isSearchBlur){ $('#navSearchField').toggleClass('show'); $(".search-toggle").attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true' }); } if( jQuery('#navSearchField').hasClass('show')){ if( (jQuery(".main-nav a:last-of-type").hasClass('selected')) && (jQuery('.level-2.expanded').find('.item-l2').length == 4) ){ $('.item-l2:last-child').hide(200); } }else{ jQuery('.level-2.expanded').find('.item-l2:last-child').show(200); } } }); $(".search-toggle").keydown(function(e) { var code = e.keyCode || e.which; if (code == 13) { //Enter key $(".search-toggle").trigger("click"); } }); $("#navSearchForm fieldset").click(function(e) { if( !jQuery('#navSearchField').hasClass('show')){ $('#navSearchField').addClass('show'); if( (jQuery(".main-nav a:last-of-type").hasClass('selected')) && (jQuery('.level-2.expanded').find('.item-l2').length == 4) ){ $('.item-l2:last-child').hide(200); } $(".search-toggle").attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true' }); } }); $("#navSearchField").focus(function() { $('#navSearchField').addClass('show--noanimate'); if( (jQuery(".main-nav a:last-of-type").hasClass('selected')) && (jQuery('.level-2.expanded').find('.item-l2').length == 4) ){ $('.item-l2:last-child').hide(200); } $(".search-toggle").attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true' }); }); if (document.getElementById("navSearchField") !== null){ var element = document.getElementById("navSearchField"); element.addEventListener("transitionend", function(event) { if($('#navSearchField').hasClass('show')){ $('#navSearchField').focus(); }else{ isSearchBlur = false; } }, false); } jQuery('#navSearchField').blur(closeSearchField); function closeSearchField(){ $('#navSearchField').removeClass('show'); $('#navSearchField').removeClass('show--noanimate'); $('.item-l2:last-child').show(200); isSearchBlur = true; $(".search-toggle").attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true' }); } }; var insertMainNavDeskContent = function(){ if(me.mainNavContent==null){ // To avoid the ajax request being called a lot of times when // the user resizes the page // between the request--response time me.mainNavContent=true; $.ajax({ url: menuAjaxUrl, success: function(data) { me.mainNavContent = $.trim(data); populateMainNavContent(me.mainNavContent); } }); } } var populateMainNavContent = function(data){ var $navItemsL2 = $('.header-wrapper .item-l2'); var $ajaxItemsL2 = $('.item-l2',$(data)); $ajaxItemsL2.each(function(index){ var $ajaxItem = $ajaxItemsL2[index]; var $navItem = $navItemsL2[index]; //var $copyText = $('.copy-text',$ajaxItem); var $navPromosFragment = $('.promos-fragment',$navItem); var $ajaxPromosFragment = $('.nav-promo-fragment',$ajaxItem); var $fistColTitle = $('.nav-l3-fragment li:first-child',$ajaxItem); $fistColTitle.addClass('title'); var $secondColTitle = $('.nav-l3-fragment li:last-child',$ajaxItem); $secondColTitle.addClass('title'); var $colContainer = $('.level-3.columns',$navItem); var $allLinkFirstCol = $('.see-all-link',$fistColTitle); var $allLinkSecondCol = $('.see-all-link',$secondColTitle); var $itemAllLinkFirsCol = $('
').append($allLinkFirstCol); var $itemAllLinkSecondCol = $('').append($allLinkSecondCol); //$('.subitem',$navItem).append($copyText); //$navPromosFragment.append($ajaxPromosFragment.html()); }); //script to change the img src url's from relative to absolute for the promo content for external app if (serviceProp){ absoluteUrlforHref(); absoluteUrlforImages(); } function absoluteUrlforImages(){ jQuery('.main-nav').find("img").each(function(){ var _src = jQuery(this).attr("src"); var url = "/content/"; if(url == _src.substring(0,9)){ jQuery(this).attr("src", dotDomain + _src); var modSrc = jQuery(this).attr("src"); } }); } function absoluteUrlforHref(){ jQuery('.main-nav').find('a').each(function(){ var _href = jQuery(this).attr("href"); var url = "/en/"; if(url == _href.substring(0,4)){ jQuery(this).attr("href", dotDomain + _href); } }); } } var checkMainNavState = function(resolution){ // Desktop resolution needs particular behavior if(resolution=='large' || resolution=='xlarge' ){ // When the user loads the page on non-desktop resolution and // the change it if(me.mainNavContent==null){ insertMainNavDeskContent(); }else{ $nav.removeClass('expanded'); $navSearch.removeClass('expanded'); } } if(window.matchMedia('(min-width: 980px)').matches){ setNavL1Behavior('mouseenter'); setSearchBehavior('xlarge'); }else{ setNavL1Behavior('click'); setSearchBehavior('small'); } // To set nav items behavior if (jQuery.browser.mobile || window.matchMedia('(max-width: 979px)').matches) { setNavL2Behavior('click'); } else { setNavL2Behavior('mouseenter focus'); $(document).mousemove( function(e){ var navContainer = $(".item-l2"); if (!navContainer.is(e.target) && navContainer.has(e.target).length === 0) { navContainer.removeClass('selected'); navContainer.next().removeClass('expanded'); $(".subitem").attr('aria-expanded',false); $("#nav-mask").hide(); } }); } } } $(function() { (function(a){(jQuery.browser=jQuery.browser||{}).mobile=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|android|ipad|playbook|silk|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))})(navigator.userAgent||navigator.vendor||window.opera); pncNavigation.init(); var exHref = ''; jQuery('#navSearchForm').submit(function(e){ e.preventDefault(); e.stopImmediatePropagation(); var q = jQuery("#navSearchField").val().trim(); if (q == "") { alert("Please enter a keyword to search on."); return false; } else { if (LanguageUtil.isSpanish){ window.location = NavUtil.getHost() + "/es/search-results.html?q=" + encodeURIComponent(q); } else { window.location = NavUtil.getHost() + "/en/search-results.html?q=" + encodeURIComponent(q); } } }); var autocompleteSource = function (request, response) { var lang = LanguageUtil.language; var q = jQuery("#searchField").val(); var opts = { q: encodeURIComponent(request.term), oe: "utf8", lang : lang }, selectedSite = "pnc-com-all"; if (selectedSite.length !== 0) { opts.site = selectedSite; } jQuery.getJSON('/bin/pnc/wsesuggest?callback=?', opts, function (json) { var suggestions = []; $.each(json.results, function() { suggestions.push(this.name); }); response(suggestions); }); }; if(jQuery("#navSearchField").length){ jQuery("#navSearchField:not(.ui-autocomplete-input)").autocomplete({ source: autocompleteSource, select: function( event, ui ) {} }); jQuery( "#navSearchField" ).on( "autocompleteselect", function( event, ui ) { NavUtil.updateSearchRail(NavUtil.getHost(), ui.item.value); } ); } $(".signon-link").each(function(){ var w = $('body').width(); if (w >= 600) { $(this).click(function() { setTimeout(function() { $('.login-container').addClass("expanded"); $("#userId").focus(); }, 200); }); } else { $(this).attr('href','https://m.pnc.com'); } }) }); $(document).ready(function(){ if($('#navSearchField').length){ if($('#navSearchField').val().length > 0){ $('.search-container input[type="search"]').addClass('show'); } } var offset = 300; scroll_top_duration = 1000; $back_to_top = $('.back-top'); $(window).scroll(function(){ if( $(this).scrollTop() > offset ){ $back_to_top.addClass('visible'); }else{ $back_to_top.removeClass('visible'); } }); $back_to_top.on('click', function(event){ event.preventDefault(); $('body,html').animate({ scrollTop: 0 , }, scroll_top_duration ); jQuery("#container").focus(); if (!jQuery("#container").is(":focus")){ // Check if focus failed jQuery("#container").attr('tabindex','-1'); // Make element focusable jQuery("#container").focus(); // Try focusing again }; }); $('.pinacle-link').attr('tabindex','-1'); if(jQuery('.login-flyout').length>0){ var $loginId = $('.login-flyout input[type="text"]'); var $password = $('.login-flyout input[type="password"]'); var $submit = $('#olb-btn'); $submit.attr('disabled','disabled'); setTimeout(function(){if($password.val().length>0 && $loginId.val().length>0){$submit.removeAttr('disabled');$submit.css('color','white');$password.trigger('click')}}, 1500); $loginId.on('keyup', function(){ if($password.val().length>0 && $loginId.val().length>0){ $submit.removeAttr('disabled'); $submit.css('color','white'); } else{ $submit.attr('disabled','disabled'); $submit.css('color','#559ECB'); } }); $password.on('keyup',function(){ if($loginId.val().length>0 && $password.val().length>0){ $submit.removeAttr('disabled'); $submit.css('color','white'); } else{ $submit.attr('disabled','disabled'); $submit.css('color','#559ECB'); } }); } //close usernamepassword if statement if($(".external-pop")){ $(".external-pop").each(function(e){ if(!$(this).attr('data-external')){ $(this).attr('data-external',"true"); } }); } var lHref = ""; $(".external-pop").click(function(e){ e.preventDefault(); exHref = $(e.currentTarget).attr('href'); lHref = $(this).attr('data-external'); var hostname = window.location.hostname; var fullpath; if( hostname.indexOf("pnc") != -1 ){ fullpath = ""; }else{ fullpath = "https://www.pnc.com"; } if($("body #leaving-overlay").length == 0){ $("body").append("Thanks for visiting.
PNC provides links to third-party web sites as a convenience to our visitors. We have no control over linked sites and make no representations about any content, products or services available at these locations. Such sites may have different privacy, security and accessibility standards. When you access another web site, we recommend that you review their terms and conditions, and privacy and security policies.