/*-------------- $Rev: 3378 $ --------------*/ /*===============================================================================================================================*/ /* Run Javascript Command =======================================================================================================*/ /*===============================================================================================================================*/ $(function(){ /* Repeated Use JQuery Objects -------------------------------------------------------- */ var kpi_window = $(window); var kpi_container = $('#Container'); var kpi_scrollElm = (function() { if('scrollingElement' in document) { return document.scrollingElement; } if(navigator.userAgent.indexOf('WebKit') != -1) { return document.body; } return document.documentElement; })(); /* end Repeated Use JQuery Objects -------------------------------------------------------- */ /* Ajax Leave No Cache -------------------------------------------------------- */ $.ajaxSetup({cache:true}); /* Download Confirm Catalog Click -------------------------------------------------------- */ $('div#MainContent #suz_registrationForm table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail p.Image').on('click',function(){ var tTarget = $('#suz_registrationForm .GridWrap.Grid3'); $(tTarget).css('position', 'relative'); $(tTarget).not(':animated').each(function(){ $(tTarget).animate({ 'left':'-3px' }, 8).animate({ 'left':'0' }, 8).animate({ 'left':'3px' }, 8).animate({ 'left':'0' }, 8).animate({ 'left':'-3px' }, 8).animate({ 'left':'0' }, 8).animate({ 'left':'3px' }, 8).animate({ 'left':'0' }, 8).animate({ 'left':'-3px' }, 8).animate({ 'left':'0' }, 8).animate({ 'left':'3px' }, 8).animate({ 'left':'0' }, 8); }); }); /* end Download Confirm Catalog Click -------------------------------------------------------- */ /* Print Dialog -------------------------------------------------------- */ var kpi_openedModalWindow = ""; $('#PrintPage a').click(function(e){ e.preventDefault(); var dialog = $('#PrintPage').hasClass('Dialog'); if(dialog) { window.print(); } else { var obj = $(this); var url = location.href; if(url.indexOf("?")==-1){ obj.attr('href', url + '?print=1#PrintPreview'); }else{ obj.attr('href', url + '&print=1#PrintPreview'); } window.open(obj.attr('href')); } return false; }); $('#ModalPrintPage a').live('click', function(e){ e.preventDefault(); var obj = $(this); var url = kpi_openedModalWindow; if(url.indexOf("?")==-1){ obj.attr('href', url + '?print=1#PrintPreview'); }else{ obj.attr('href', url + '&print=1#PrintPreview'); } window.open(obj.attr('href')); return false; }); var kpi_printSelection = location.href; kpi_printSelection = kpi_printSelection.indexOf('#PrintPreview',0); if (kpi_printSelection>0) { var kpi_printCssPath = kpi_domainSettings.originalDomain + kpi_loadingfiles.PrintCss; $('head').append(''); } /* end Print Dialog -------------------------------------------------------- */ /* JQuery Place Holder -------------------------------------------------------- */ var kpi_searchInput = $('input.SearchInput'); var kpi_drillDownInput = $('.DrillDownNavHeader input'); kpi_searchInput.kpiplaceholder(); if(kpi_drillDownInput.length) { kpi_drillDownInput.kpiplaceholder(); } /* end JQuery Place Holder -------------------------------------------------------- */ /* restore (use questionInfo) /* before [Form Decoration] -------------------------------------------------------- */ if("suz_restoreJson" in window ) { for(var i in suz_restoreJson) { var e_name = "enq" + suz_restoreJson[i].idx; var e_value = suz_restoreJson[i].value; if($("input[type=text][name="+ e_name +"]").length) { $("input[name="+ e_name +"]").val(e_value); } else if($("input[type=password][name="+ e_name +"]").length) { $("input[name="+ e_name +"]").val(e_value); } else if($("textarea[name="+ e_name +"]").length) { $("textarea[name="+ e_name +"]").val(e_value); } else if($("input[type=checkbox][name="+ e_name +"]").length) { var c_values = e_value.split(","); $("input[type=checkbox][name="+ e_name +"]").val(c_values); } else if($("input[type=radio][name="+ e_name +"]").length) { $("input[type=radio][name="+ e_name +"]").val([e_value]); } else if($("select[name="+ e_name +"]").length) { $("select[name="+ e_name +"]").val(e_value); } } } /* end restore (use questionInfo) -------------------------------------------------------- */ /* Form Decoration -------------------------------------------------------- */ var kpi_customCheckbox = $('input.CustomCheckbox'); var kpi_customRadio = $('input.CustomRadio'); var kpi_customSelect = $('select.CustomSelect'); if(kpi_customCheckbox.length) { var kpi_customCheckboxFunction = function() { var kpi_customCheckArray = []; var kpi_inputCheckName; for(var i=0;i kpi_headerArea.height() + kpi_contentsArea.height() + kpi_footerArea.height()) { var kpi_dh = kpi_window.height() - kpi_headerArea.height() - kpi_footerArea.height() - 20; kpi_contentsArea.css('height', kpi_dh + 'px'); kpi_contentsLayout.css('height', (kpi_dh - kpi_pageTopUtilities.height() - kpi_pageTitle.height() - kpi_pageBottomContent.height() - 20) + 'px'); } kpi_window.resize(function(){ if(kpi_contentsArea.height() >= kpi_contentsArea.height() && kpi_window.height() > kpi_headerArea.height() + kpi_contentsAreaDefaultHeight + kpi_footerArea.height()) { var kpi_dh = kpi_window.height() - kpi_headerArea.height() - kpi_footerArea.height() - 20; kpi_contentsArea.css('height', kpi_dh + 'px'); kpi_contentsLayout.css('height', (kpi_dh - kpi_pageTopUtilities.height() - kpi_pageTitle.height() - kpi_pageBottomContent.height() - 20) + 'px'); } }); // end Footer Fixed Bottom -------------------------------------------------------- */ /* Modal and Light Box -------------------------------------------------------- */ $('a.Modal').kpi_modalbox({ speed: kpi_usersettings.ModalOpenSpd, initialWidth: "450px", maxWidth: kpi_window.width() - 60, initialHeight: "600px", maxHeight: kpi_window.height() - 60, onOpen:function(){ $('#kpi_modalbox').removeClass('ModalLarge'); }, onComplete:function(){ $('#kpi_boxClose').focus(); if($('.TabSwitching').length) $('.TabSwitching').tabChange(); if($('table.Stripe').length) $('table.Stripe tbody').find('tr:odd').addClass('EvenRow'); if($("#DownloadList").length || ($("#DownloadListLicenseSoftware").length || $("#DownloadListLicenseCad").length)) kpi_cartObj.callbackFromModalWindow($(this).prev().children("input").attr("id")); //For Cart } }); $('a.Modal').live('click', function(e) { e.preventDefault(); kpi_openedModalWindow = $(this).attr('href'); }); $('a.ModalLarge').kpi_modalbox({ speed: kpi_usersettings.ModalOpenSpd, width: "1050px", height: "90%", scalePhotos: false, maxHeight: kpi_window.height() - 60, onOpen:function(){ $('#kpi_modalbox').addClass('ModalLarge'); }, onComplete:function(){ $('#kpi_boxClose').focus(); } }); $('a.ModalLarge').live('click', function(e) { e.preventDefault(); kpi_openedModalWindow = $(this).attr('href'); }); /* Ajax Modal */ $(document).on('click', 'a.ModalAjax', function(e) { var $this = $(this); e.preventDefault(); kpi_openedModalWindow = $this.attr('href'); $.ajax({ type: 'GET', url: kpi_openedModalWindow, dataType: 'html', success: function(data) { var modalCntHtml = $($.parseHTML(data)); var modalCnt = modalCntHtml; var modalTtl = $(data).find('#PageTitle h1').html(); $.kpi_modalbox({ speed: kpi_usersettings.ModalOpenSpd, initialWidth: "450px", maxWidth: kpi_window.width() - 60, initialHeight: "600px", maxHeight: kpi_window.height() - 60, html: modalCnt, onOpen:function(){ $('#kpi_modalbox').removeClass('ModalLarge');}, onComplete:function(){ $('#kpi_boxClose').focus(); modalCntHtml.filter('meta, title, link').remove(); if($('#kpi_boxTitle').text().length === 0) { $('#ModalContent #PageTitle h1').remove(); if (modalTtl) { $('#kpi_boxTitle').append(modalTtl); } else { $('#kpi_boxTitle').append($this.attr('title')); } } if (modalCntHtml.find('.CloseWindow').length) { modalCntHtml.find('#ContentsArea').addClass('Popup'); modalCntHtml.find('.CloseWindow').remove(); } if($('.TabSwitching').length) $('.TabSwitching').tabChange(); if($('table.Stripe').length) $('table.Stripe tbody').find('tr:odd').addClass('EvenRow'); if($("#DownloadList").length || ($("#DownloadListLicenseSoftware").length || $("#DownloadListLicenseCad").length)) kpi_cartObj.callbackFromModalWindow($this.prev().children("input").attr("id")); //For Cart } }); }, error:function() { } }); return false; }); $(document).on('click', '.js-modalAjax', function (e) { var $this = $(this); e.preventDefault(); kpi_openedModalWindow = $this.attr('href'); $.ajax({ type: 'GET', url: kpi_openedModalWindow, dataType: 'html', success: function (data) { var modalCntHtml = $($.parseHTML(data)); var modalCnt = modalCntHtml; var modalTtl = $(data).find('#PageTitle h1').html(); $.kpi_jsModal({ speed: kpi_usersettings.ModalOpenSpd, innerWidth: '100%', closeButton: false, html: modalCnt, scrolling: false, onOpen: function () { $('#kpi_jsModal').removeClass('ModalLarge'); $('#kpi_jsModalBoxPrevious').remove(); $('#kpi_jsModalBoxNext').remove(); $('#kpi_jsModalBoxSlideshow').remove(); $('#kpi_jsModalBoxCurrent').remove(); }, onComplete: function () { var root = $('#kpi_jsModal'); var modalWrap = root.find('#kpi_jsModalBoxWrapper'); var modalCont = root.find('#kpi_jsModalBoxContent'); var modalLoaded = root.find('#kpi_jsModalBoxLoadedContent'); var modalInner; var modalCloseId = 'kpi_jsModalBoxClose'; var modalVisClass = 'kpi_jsModalBoxVisible'; var escTxt = window.kpi_translation.Close; var $modalClose; if (modalLoaded.find('#ModalContent').length) { modalInner = modalLoaded.find('#ModalContent'); } else if (modalLoaded.find('#ModalFrame').length) { modalInner = modalLoaded.find('#ModalFrame'); } else { modalInner = modalLoaded.find('#Container'); } modalInner.addClass(modalVisClass); if (!$('#' + modalCloseId).length) { modalInner.prepend(''); } $modalClose = modalInner.find('#' + modalCloseId); $modalClose.show().focus(); modalCntHtml.filter('meta, title, link').remove(); if ($('#kpi_jsModalBoxTitle').text().length === 0) { $('#ModalContent #PageTitle h1').remove(); if (!modalLoaded.find('#ModalFrame').length) { if (modalTtl) { $('#kpi_jsModalBoxTitle').append(modalTtl); } else { $('#kpi_jsModalBoxTitle').append($this.attr('title')); } } } if (modalCntHtml.find('.CloseWindow').length) { modalCntHtml.find('#ContentsArea').addClass('Popup'); modalCntHtml.find('.CloseWindow').remove(); } if ($('#DownloadList').length || ($('#DownloadListLicenseSoftware').length || $('#DownloadListLicenseCad').length)) { kpi_cartObj.callbackFromModalWindow($this.prev().attr('id')); } function stopBubbling(target) { target.off('click').on('click', function (e) { e.stopPropagation(); }); } function modalClose(target) { target.off('click').on('click', function () { $.kpi_jsModal.close(); }); } stopBubbling(modalInner); modalClose(modalWrap); modalClose(modalCont); modalClose($modalClose); modalInner.find('.MordalWindowCloseBtn').on('click', function (e) { e.preventDefault(); $.kpi_jsModal.close(); }); } }); } }); return false; }); /* Movie Modal */ if(kpi_domainSettings.isDomain) { $('a.ModalMovie').kpi_modalbox({ speed: kpi_usersettings.ModalOpenSpd, width: function(){ var inWidth = Number($(this).attr('data-width')) + 120; return inWidth; }, height: function(){ var inheight = Number($(this).attr('data-height')) + 150; return inheight; }, iframe: true, onOpen:function(){ $('#kpi_modalbox').removeClass('ModalLarge'); }, onComplete:function(){ $('#kpi_boxClose').focus(); } }); } /* end Modal and Light Box -------------------------------------------------------- */ /* Cross Type Navigation -------------------------------------------------------- */ var kpi_crossTypeNav = $('div#CrossTypeNav'); if(kpi_crossTypeNav.length) { var kpi_crossTypeNaviFunction = { grouptypelist: kpi_domainSettings.originalDomain + kpi_loadingfiles.GroupTypeListJsonV2 ,targetObj: $('div#ContentsLayout') ,label: $('div#CrossTypeNavLabel') ,naviContent: $('div#CrossTypeNavContent') ,mainContentBody: $('div#MainContentBody') ,tabNav: $('div#MainContentBody div.TabNav.Top') ,localNavi: $('div#PBC_LocalNav') ,localSeriesContent: $('div#PBC_LocalNav div.SeriesContent') ,flagClose: true ,pMargin: 50 ,groupArray:[] ,crtSubTypesArray:[] ,subTypeArray:[] ,subTypeJsonFile:'' ,sltGroupNum:0 ,sltTypeNum:0 ,typeLen:0 ,subTypeLen:0 ,defaultTypeId:kpi_currentTypeId ,defaultSubTypeId:kpi_currentSubTypeId ,crtSubTypeId:kpi_currentSubTypeId ,crtLocalNavSubTypeId:kpi_currentSubTypeId ,carousel:'' ,init: function(){ // Datetime Handling try{ if(kpi_datetime) {} } catch(e) { kpi_datetime = kpi_crossTypeNaviFunction.datetimeHandling(); } if(!this.grouptypelist.length) { $('div.CrossTypeNavContentBody', kpi_crossTypeNav).removeClass('loading'); $('div.SeriesContent', kpi_crossTypeNav).removeClass('loading'); $('div.SeriesContent', kpi_crossTypeNav).empty().append('

' + kpi_translation.ContentLoadErrorMsg + '

'); return false; } this.positionSetting(); fixedLinkListArr = new Array(), fixedLinkListArr2 = new Array(), fixedLinkCrntName = $('#TopicPath').children('li').eq(2).children('a').text(); $.ajax({ type: "GET", url: this.grouptypelist, dataType: "json", timeout: kpi_usersettings.AjaxTimeoutSeconds, success : function(data){ $('div.CrossTypeNavContentBody', kpi_crossTypeNav).prepend(''); for (var i=0;i'+data.group[i].type[h].name+' ('+data.group[i].type[h].items+')'); } } if(data.group[i].name == fixedLinkCrntName){ for(var j = 0; j < data.group[i].type.length; j ++){ fixedLinkListArr.push(data.group[i].type[j].link); fixedLinkListArr2.push(data.group[i].type[j].name); } } } }, complete : function(data){ kpi_crossTypeNaviFunction.subTypeDataLoad(); for(var i = 0; i < fixedLinkListArr.length; i ++){ $('#FixSideArea').append(''); } }, error: function(xhr, status, err) { if(kpi_crossTypeNav.is(':hidden')) { kpi_crossTypeNav.fadeIn(kpi_usersettings.CrossTypeOCSpd); } $('div#CrossTypeNav div.SeriesContent').empty().append('

' + kpi_translation.ContentLoadErrorMsg + '

'); } }); } ,positionSetting: function(){ if(kpi_ua.IE) kpi_crossTypeNaviFunction.label.css({ rotate: '-90deg' }); if(kpi_crossTypeNaviFunction.tabNav.length) { kpi_crossTypeNaviFunction.pMargin = kpi_crossTypeNaviFunction.tabNav.height() + kpi_crossTypeNaviFunction.pMargin; } var startOffset = kpi_crossTypeNaviFunction.mainContentBody.offset().top + kpi_crossTypeNaviFunction.pMargin; kpi_crossTypeNav.css('top', startOffset + 'px'); kpi_crossTypeNaviFunction.naviContent.animate({ width: 'hide' }, 0 ); $('a', kpi_crossTypeNaviFunction.label).click( function(){ if(kpi_crossTypeNaviFunction.flagClose == true) { kpi_crossTypeNaviFunction.label.removeClass('Close'); kpi_crossTypeNaviFunction.label.addClass('Open'); } else { kpi_crossTypeNaviFunction.label.removeClass('Open'); kpi_crossTypeNaviFunction.label.addClass('Close'); } kpi_crossTypeNaviFunction.naviContent.animate({ width: 'toggle' }, kpi_usersettings.CrossTypeOCSpd, function(){ if(kpi_crossTypeNaviFunction.flagClose == true) { kpi_crossTypeNaviFunction.label.removeClass('Close'); kpi_crossTypeNaviFunction.label.addClass('Open'); kpi_crossTypeNaviFunction.flagClose = false; } else { kpi_crossTypeNaviFunction.label.removeClass('Open'); kpi_crossTypeNaviFunction.label.addClass('Close'); kpi_crossTypeNaviFunction.flagClose = true; } }); }); kpi_container.click( function(){ if(kpi_crossTypeNaviFunction.flagClose == false){ kpi_crossTypeNaviFunction.naviContent.animate({ width: 'hide' }, kpi_usersettings.CrossTypeOCSpd ); kpi_crossTypeNaviFunction.label.removeClass('Open'); kpi_crossTypeNaviFunction.label.addClass('Close'); kpi_crossTypeNaviFunction.flagClose = true; } }); kpi_crossTypeNav.crossTypeScroll({ heightMargin: kpi_crossTypeNaviFunction.pMargin, targetHeight: 400, wrap: kpi_crossTypeNaviFunction.targetObj, offsetTop: kpi_crossTypeNaviFunction.mainContentBody.offset().top + kpi_crossTypeNaviFunction.pMargin }); } ,subTypeDataLoad: function(){ var kpi_subTypeFile = kpi_crossTypeNaviFunction.subTypeJsonFile; if(!kpi_subTypeFile.length) { $('div.SeriesContent', kpi_crossTypeNav).removeClass('loading'); $('div.SeriesContent', kpi_crossTypeNav).empty().append('

' + kpi_translation.ContentLoadErrorMsg + '

'); return false; } $.ajax({ type: "GET", url: kpi_subTypeFile, dataType: "json", timeout: kpi_usersettings.AjaxTimeoutSeconds, success : function(data){ $('div.CrossTypeNavContentBody', kpi_crossTypeNav).removeClass('loading'); $('div.SeriesContent', kpi_crossTypeNav).empty(); kpi_crossTypeNaviFunction.subTypeLen = data.subtype.length; /* Write Descruption And SubType */ $('div.SeriesContent', kpi_crossTypeNav).append('

' + kpi_crossTypeNaviFunction.groupArray[kpi_currentTypeId].description + '

'); if(kpi_crossTypeNaviFunction.defaultTypeId == kpi_currentTypeId && kpi_crossTypeNaviFunction.defaultSubTypeId == kpi_crossTypeNaviFunction.crtSubTypeId) { kpi_crossTypeNaviFunction.crtSubTypeId = kpi_currentSubTypeId; } else { kpi_crossTypeNaviFunction.crtSubTypeId = data.subtype[0].id; } if(kpi_crossTypeNaviFunction.crtSubTypeId) { $('p.Description', kpi_crossTypeNav).after(''); for(var j=0;j' + data.subtype[j].name + ' (' + data.subtype[j].series.length + ')'); } else { $('ul.SubTypeList', kpi_crossTypeNav).append('
  • ' + data.subtype[j].name + ' (' + data.subtype[j].series.length + ')
  • '); } kpi_crossTypeNaviFunction.crtSubTypesArray[j] = { "id": data.subtype[j].id, "name": data.subtype[j].name, "items": data.subtype[j].items, "count": data.subtype[j].series.length }; } } $('div.SeriesContent', kpi_crossTypeNav).append(''); /* Write Series */ $('div.CarouselOption', kpi_crossTypeNav).before('
      '); for(var k=0;k'); var subLength = kpi_crossTypeNaviFunction.subTypeArray[kpi_crossTypeNaviFunction.crtSubTypeId].length; if(!subLength) subLength = 0; $(this).fadeIn( kpi_usersettings.CrossTypeChangeSpd, function(){ $(this).removeClass('loading'); $('ul.FrameCarousel', kpi_crossTypeNav).jcarousel({ scroll: 5, animation: kpi_usersettings.FrameCarouselMvSpd, size: subLength, itemLoadCallback: kpi_crossTypeNaviFunction.itemLoadCallBack }); }); } ).empty(); } }); $('div.SeriesContent', kpi_crossTypeNav).fadeIn( kpi_usersettings.CrossTypeChangeSpd, function(){ var contentSize = kpi_crossTypeNaviFunction.subTypeArray[kpi_crossTypeNaviFunction.crtSubTypeId].length; if(contentSize <= 5) contentSize = 0; $('ul.FrameCarousel', kpi_crossTypeNav).jcarousel({ scroll: 5, animation: kpi_usersettings.FrameCarouselMvSpd, size: contentSize, itemLoadCallback: kpi_crossTypeNaviFunction.itemLoadCallBack }); } ); if(kpi_crossTypeNav.is(':hidden')) { kpi_crossTypeNav.fadeIn(kpi_usersettings.CrossTypeOCSpd); } /* Call Local Navigation if */ if($('div#PBC_LocalNav').length && !$('div#FrameCarouselWrapLocal').length) { kpi_crossTypeNaviFunction.localNaviSubType(); } }, error: function(xhr, status, err) { $('div.SeriesContent', kpi_crossTypeNav).empty().append('

      ' + kpi_translation.ContentLoadErrorMsg + '

      '); } }); } ,itemLoadCallBack: function(carousel, state){ kpi_crossTypeNaviFunction.carousel = carousel; kpi_crossTypeNaviFunction.itemAddCallBack(carousel, carousel.first, carousel.last, kpi_crossTypeNaviFunction.subTypeArray[kpi_crossTypeNaviFunction.crtSubTypeId]); } ,itemAddCallBack: function(carousel, first, last, data){ for (var i=0;i

      '); } thisPageNum = Math.ceil(last / scrollPage); if(thisPageNum < 1) thisPageNum = 1; $('p.PagerOption', kpi_crossTypeNav).html(''+thisPageNum+' / '+totalPage); } /* Local Navigation -------------------------------------------------------- */ ,localNaviSubType: function(){ kpi_crossTypeNaviFunction.localSeriesContent.addClass('loading'); kpi_crossTypeNaviFunction.localSeriesContent.empty(); kpi_crossTypeNaviFunction.localSeriesContent.fadeOut(0); $('.MoreSeries h3', kpi_crossTypeNaviFunction.localNavi).after('
        '); for(var j=0;j' + kpi_crossTypeNaviFunction.crtSubTypesArray[j].name + ' (' + kpi_crossTypeNaviFunction.crtSubTypesArray[j].count + ')'); } else { $('ul.SubTypeList', kpi_crossTypeNaviFunction.localNavi).append('
      • ' + kpi_crossTypeNaviFunction.crtSubTypesArray[j].name + ' (' + kpi_crossTypeNaviFunction.crtSubTypesArray[j].count + ')
      • '); } } kpi_crossTypeNaviFunction.localSeriesContent.append(''); $('div.CarouselOption', kpi_crossTypeNaviFunction.localNavi).before('
          '); var contentSize = kpi_crossTypeNaviFunction.subTypeArray[kpi_crossTypeNaviFunction.crtLocalNavSubTypeId].length; if(contentSize <= 5) contentSize = 0; $('ul.FrameCarousel', kpi_crossTypeNaviFunction.localNavi).jcarousel({ scroll: 5, animation: kpi_usersettings.FrameCarouselMvSpd, size: contentSize, itemLoadCallback: kpi_crossTypeNaviFunction.localItemLoadCallback }); kpi_crossTypeNaviFunction.localSeriesContent.fadeIn( kpi_usersettings.CrossTypeChangeSpd, function(){ kpi_crossTypeNaviFunction.localSeriesContent.removeClass('loading'); kpi_crossTypeNaviFunction.localNaviClickEvent(); } ); } ,localNaviClickEvent: function(){ $('ul.SubTypeList li a', kpi_crossTypeNaviFunction.localNavi).unbind('click').bind('click', function() { if(kpi_crossTypeNaviFunction.crtLocalNavSubTypeId != $(this).attr('id')) { $('ul.SubTypeList li', kpi_crossTypeNaviFunction.localNavi).removeClass('Current'); $(this).parent().addClass('Current'); kpi_crossTypeNaviFunction.crtLocalNavSubTypeId = $(this).attr('id'); kpi_crossTypeNaviFunction.localSeriesContent.addClass('loading'); $('div#FrameCarouselWrapLocal', kpi_crossTypeNaviFunction.localSeriesContent).empty(); $('div#FrameCarouselWrapLocal', kpi_crossTypeNaviFunction.localSeriesContent).fadeOut( kpi_usersettings.CrossTypeChangeSpd, function(){ $('div#FrameCarouselWrapLocal', kpi_crossTypeNaviFunction.localNavi).html('
            '); $(this).fadeIn( kpi_usersettings.CrossTypeChangeSpd, function(){ kpi_crossTypeNaviFunction.localSeriesContent.removeClass('loading'); var contentSize = kpi_crossTypeNaviFunction.subTypeArray[kpi_crossTypeNaviFunction.crtLocalNavSubTypeId].length; if(contentSize <= 5) contentSize = 0; $('ul.FrameCarousel', kpi_crossTypeNaviFunction.localNavi).jcarousel({ scroll: 5, animation: kpi_usersettings.FrameCarouselMvSpd, size: contentSize, itemLoadCallback: kpi_crossTypeNaviFunction.localItemLoadCallback }); }); } ).empty(); } }); } ,localItemLoadCallback: function(carousel, state){ kpi_crossTypeNaviFunction.localItemAddCallback(carousel, carousel.first, carousel.last, kpi_crossTypeNaviFunction.subTypeArray[kpi_crossTypeNaviFunction.crtLocalNavSubTypeId]); } ,localItemAddCallback: function(carousel, first, last, data) { for (var i=0;i

            '); } var thisPageNum = Math.ceil(last / kpi_carouselScrollPage); if(thisPageNum < 1) thisPageNum = 1; $('p.PagerOption', kpi_crossTypeNaviFunction.localNavi).html(''+thisPageNum+' / '+kpi_carouselTotalPage); } /* Public -------------------------------------------------------- */ ,getItemHTML: function(data){ kpi_update = ""; if(data.update >= kpi_datetime) { kpi_update = '' + kpi_translation.New + ''; } return '
          • ' + data.name + " " + kpi_update + '

            ' + data.excerpt + '

          • '; } ,datetimeHandling: function(){ var d = new Date(); var year = d.getFullYear(); var month = d.getMonth() + 1; if(month < 10) month = '0' + month; var date = d.getDate(); if(date < 10) date = '0' + date; var hour = d.getHours(); if(hour < 10) hour = '0' + hour; var min = d.getMinutes(); if(min < 10) min = '0' + min; var sec = d.getSeconds(); if(sec < 10) sec = '0' + sec; var str = year + '' + month + '' + date + '' + hour + '' + min + '' + sec; return Number(str); } }; kpi_crossTypeNaviFunction.init(); } /* end Cross Type Navigation -------------------------------------------------------- */ /* Carousel -------------------------------------------------------- */ var kpi_basicCarousel = $('.BasicCarousel'); var kpi_bodyFrameCarousel = $('#MainContent .FrameCarousel'); if(kpi_basicCarousel.length) { kpi_basicCarouselFunction = function() { var kpi_basicCarouselNum = kpi_basicCarousel.length; for(var i=0;i
            '); var kpi_megaMenu = $('#MegaMenu'); kpi_megaMenu.addClass('Hidden'); var kpi_megaMenuInner = $('#MegaMenuInner'); var kpi_megaMenuContentHeightArray = []; var kpi_targetHeight = kpi_megaMenuInner.height() + 50; var kpi_columnNum = 0; var kpi_loadingMegaMenuAboutUsHtml = kpi_domainSettings.searchDomain + kpi_loadingfiles.AboutUsHtml; var kpi_loadingMegaMenuProductsHtml = kpi_domainSettings.searchDomain + kpi_loadingfiles.ProductsHtml; var kpi_loadingMegaMenuSolutionsHtml = kpi_domainSettings.searchDomain + kpi_loadingfiles.SolutionHtml; var kpi_loadingMegaMenuDownloadsHtml = kpi_domainSettings.searchDomain + kpi_loadingfiles.DownloadsHtml; var kpi_loadingMegaMenuSupportHtml = kpi_domainSettings.searchDomain + kpi_loadingfiles.SupportHtml; var kpi_MegaMenuItem = $.ajax({ type: 'GET', url: kpi_loadingMegaMenuAboutUsHtml, timeout: kpi_usersettings.AjaxTimeoutSeconds, dataType: 'html' } ).then( function(data) { var param = $(data).find('#MegaMenu_AboutUs').parent().html(); kpi_megaMenuInner.append(param); }, function(data) { kpi_megaMenuInner.html('

            '+kpi_translation.ContentLoadErrorMsg+'

            '); } ); kpi_MegaMenuItem = kpi_MegaMenuItem.then( function() { return $.ajax({ type: 'GET', url: kpi_loadingMegaMenuProductsHtml, timeout: kpi_usersettings.AjaxTimeoutSeconds, dataType: 'html' }); }, function() { kpi_megaMenuInner.html('

            '+kpi_translation.ContentLoadErrorMsg+'

            '); } ).then( function(data) { var param = $(data).find('#MegaMenu_Products').parent().html(); var kpi_megaProductsDl = $(param).find('dl'); var kpi_megaProductsAllDlSize = $(param).find('dl').size(); var kpi_columnTemp = 0; var kpi_dataNum = 0; var kpi_megaArray = []; kpi_megaArray[0] = []; for(var i=0;i'; kpi_columnTemp = kpi_columnTemp + kpi_megaProductsDl.eq(i).children('dt').size() + kpi_megaProductsDl.eq(i).children('dd').size(); if(kpi_megaProductsDl.eq(i).children('dt').size() + kpi_megaProductsDl.eq(i).children('dd').size() > kpi_usersettings.MegaMenuRowsNum) { kpi_usersettings.MegaMenuRowsNum = kpi_megaProductsDl.eq(i).children('dt').size() + kpi_megaProductsDl.eq(i).children('dd').size(); } kpi_dataNum = kpi_dataNum + 1; if(kpi_columnTemp >= kpi_usersettings.MegaMenuRowsNum) { var kpi_nextNum = kpi_columnNum + 1; kpi_megaArray[kpi_nextNum] = []; if(kpi_columnTemp == kpi_usersettings.MegaMenuRowsNum) { kpi_columnTemp = 0; kpi_dataNum = 0; } else { kpi_dataNum = kpi_dataNum - 1; kpi_megaArray[kpi_nextNum][0] = kpi_megaArray[kpi_columnNum][kpi_dataNum]; kpi_columnTemp = 0; kpi_columnTemp = kpi_megaProductsDl.eq(i).children('dt').size() + kpi_megaProductsDl.eq(i).children('dd').size(); kpi_megaArray[kpi_columnNum][kpi_dataNum] = null; kpi_dataNum = 1; } kpi_columnNum = kpi_columnNum + 1; } } kpi_columnNum = kpi_columnNum + 1; kpi_megaMenuInner.append('
            '); for(var h=0;h'); for(var j=0;j'); }, function(data) { kpi_megaMenuInner.html('

            '+kpi_translation.ContentLoadErrorMsg+'

            '); } ); kpi_MegaMenuItem = kpi_MegaMenuItem.then( function() { return $.ajax({ type: 'GET', url: kpi_loadingMegaMenuSolutionsHtml, timeout: kpi_usersettings.AjaxTimeoutSeconds, dataType: 'html' }); }, function() { kpi_megaMenuInner.html('

            '+kpi_translation.ContentLoadErrorMsg+'

            '); return "failed"; } ).then( function(data) { var param = $(data).find('#MegaMenu_Solutions').parent().html(); kpi_megaMenuInner.append(param); }, function(data) { kpi_megaMenuInner.html('

            '+kpi_translation.ContentLoadErrorMsg+'

            '); } ); kpi_MegaMenuItem = kpi_MegaMenuItem.then( function() { return $.ajax({ type: 'GET', url: kpi_loadingMegaMenuDownloadsHtml, timeout: kpi_usersettings.AjaxTimeoutSeconds, dataType: 'html' }); }, function() { kpi_megaMenuInner.html('

            '+kpi_translation.ContentLoadErrorMsg+'

            '); return "failed"; } ).then( function(data) { var param = $(data).find('#MegaMenu_Downloads').parent().html(); kpi_megaMenuInner.append(param); }, function(data) { kpi_megaMenuInner.html('

            '+kpi_translation.ContentLoadErrorMsg+'

            '); } ); kpi_MegaMenuItem = kpi_MegaMenuItem.then( function() { return $.ajax({ type: 'GET', url: kpi_loadingMegaMenuSupportHtml, timeout: kpi_usersettings.AjaxTimeoutSeconds, dataType: 'html' }); }, function() { kpi_megaMenuInner.html('

            '+kpi_translation.ContentLoadErrorMsg+'

            '); return "failed"; } ).then( function(data) { var param = $(data).find('#MegaMenu_Support').parent().html(); kpi_megaMenuInner.append(param); kpi_megaMenuSetting(); }, function(data) { kpi_megaMenuInner.html('

            '+kpi_translation.ContentLoadErrorMsg+'

            '); } ); function kpi_megaMenuSetting() { var kpi_megaMenuListName = []; kpi_megaMenuContentHeightArray = []; var kpi_globalNaviNum = $('li', kpi_globalNavigation).length; for(var i=0;i'+num+''; } function kpi_PlayStopBtnSetting(obj, cal) { var leftPos = parseInt(obj.css('left')) + obj.width(); if(!$('#PlayStopBtn').length) { obj.after('

            '); kpi_playStopBtn = $('#PlayStopBtn'); kpi_playStopBtn.css('left', leftPos); kpi_playStopBtn.click( function() { if(status === 'start'){ cal.cycle('pause'); $(kpi_playStopBtn).children('span').removeClass('Active'); $(kpi_playStopBtn).children('span').addClass('Pause'); status = 'pause'; } else { cal.cycle('resume'); $(kpi_playStopBtn).children('span').addClass('Active'); $(kpi_playStopBtn).children('span').removeClass('Pause'); status = 'start'; } }); kpi_homeKeyVisual.mouseover(function() { if(status === 'start'){ cal.cycle('pause'); $(kpi_playStopBtn).children('span').removeClass('Active'); $(kpi_playStopBtn).children('span').addClass('Pause'); } }); kpi_homeKeyVisual.mouseout(function() { if(status === 'start'){ cal.cycle('resume'); $(kpi_playStopBtn).children('span').addClass('Active'); $(kpi_playStopBtn).children('span').removeClass('Pause'); } }); kpi_keyVisualList.mouseover(function() { if(status === 'start'){ cal.cycle('pause'); $(kpi_playStopBtn).children('span').removeClass('Active'); $(kpi_playStopBtn).children('span').addClass('Pause'); } }); kpi_keyVisualList.mouseout(function() { if(status === 'start'){ cal.cycle('resume'); $(kpi_playStopBtn).children('span').addClass('Active'); $(kpi_playStopBtn).children('span').removeClass('Pause'); } }); } else { kpi_playStopBtn.css('left', leftPos); } } function kpi_KeyVisualRotate(obj, i){ var kpi_windowSize = kpi_window.width(); obj.find('.Image').width(kpi_windowSize); if(obj.length > 0){ obj.cycle({ timeout: kpi_usersettings.KeyVisualSlideStopTime, speed: kpi_usersettings.KeyVisualSlideSpd, pager: '#SliderBullets', slideExpr: '.Image', fx: 'scrollHorz', easeIn: kpi_usersettings.KeyVisualSlideEasing, easeOut: kpi_usersettings.KeyVisualSlideEasing, startingSlide: i, activePagerClass: 'Current', pagerAnchorBuilder: kpi_keyVisualPagenate }); kpi_PlayStopBtnSetting($('#SliderBullets'), obj); } } if(kpi_keyVisualList.length) { kpi_keyVisualList.append('
              '); kpi_keyVisualList.cycle({ timeout: kpi_usersettings.KeyVisualSlideStopTime, speed: kpi_usersettings.KeyVisualSlideSpd, pager: '#SliderBullets', slideExpr: '.Image', fx: 'scrollHorz', easeIn: kpi_usersettings.KeyVisualSlideEasing, easeOut: kpi_usersettings.KeyVisualSlideEasing, activePagerClass: 'Current', pagerAnchorBuilder: kpi_keyVisualPagenate }); kpi_PlayStopBtnSetting($('#SliderBullets'), kpi_keyVisualList); } if(kpi_homeKeyVisual.length) { var kpi_homeKeyVisualList = $('.HomeKeyVisualList'); var kpi_windowSize = kpi_window.width(); var kpi_keyVisualMargin = (kpi_windowSize - 970)/-2; var kpi_SliderBulletsLeft = kpi_keyVisualMargin*-1 + 2; kpi_homeKeyVisualList.css('marginLeft', kpi_keyVisualMargin); kpi_homeKeyVisualList.width(kpi_windowSize); kpi_homeKeyVisualList.append('
                '); var kpi_homeSlideBullets = $('#SliderBullets'); kpi_homeSlideBullets.css('left', kpi_SliderBulletsLeft); kpi_KeyVisualRotate(kpi_homeKeyVisualList, 0); kpi_window.resize(function(){ currentSlide = kpi_homeKeyVisualList.find('.Image:visible').index(); kpi_homeKeyVisualList.cycle('destroy'); kpi_windowSize = kpi_window.width(); if(kpi_windowSize >= 970) { kpi_keyVisualMargin = (kpi_windowSize - 970)/-2; kpi_SliderBulletsLeft = kpi_keyVisualMargin*-1 + 2; kpi_homeKeyVisualList.css('marginLeft', kpi_keyVisualMargin); kpi_homeKeyVisualList.width(kpi_windowSize); kpi_homeSlideBullets.css('left', kpi_SliderBulletsLeft); kpi_homeKeyVisualList.find('.Image').width(kpi_windowSize); } else { kpi_windowSize = 970; } kpi_KeyVisualRotate(kpi_homeKeyVisualList, currentSlide); }); } /* end Main Visual Rotation ---------------------------------------------------------------- */ /* Parametric Search Result Action ---------------------------------------------------------------- */ var kpi_CurrentConditionsUl = $('.CurrentConditions ul.Conditions'); if(kpi_CurrentConditionsUl.length) { kpi_CurrentConditionsUl.find('.DeleteButtonWrap a.DeleteButton').children('img').removeClass('RollOver'); // Delete Button kpi_deleteButtonWithBubbleSetting(kpi_CurrentConditionsUl); // Search Result Number parametricSearchResultFunction = function() { var kpi_liConditionsNum = $('li', kpi_CurrentConditionsUl).size(); var kpi_parametricSearchResult = $('#PS_ResultCol .ResultCount span.NumText'); var kpi_parametricSearchResultNum = kpi_parametricSearchResult.text(); kpi_parametricSearchResult.removeClass('Lt10'); kpi_parametricSearchResult.removeClass('Lt20'); kpi_parametricSearchResult.removeClass('Lt50'); kpi_parametricSearchResult.empty(); kpi_parametricSearchResult.append(phits); for(var i=0;i

                '); var kpi_balloon = $('.Balloon'); var deleteButtonNormal = target.find('.DeleteButtonWrap a.DeleteButton').children('img').attr("src"); var deleteButtonHover = deleteButtonNormal.replace('.gif', '_on.gif').replace('.jpg', '_on.jpg').replace('.png', '_on.png'); target.find('.DeleteButtonWrap a.DeleteButton').on('click', function(e) { e.preventDefault(); var thislink = $(this).attr('href'); kpi_balloon.stop(true,true).fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd); $(this).fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd); $(this).parent('.DeleteButtonWrap').stop(true,true).fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd, function() { $(this).closest('li').hide(); window.location = thislink; }); }); target.find('.DeleteButtonWrap a.TextSelectButton').on('click', function(e) { e.preventDefault(); var thislink = $(this).attr('href'); kpi_balloon.stop(true,true).fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd); $(this).fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd); $(this).parent('.DeleteButtonWrap').stop(true,true).fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd, function() { $(this).closest('li').hide(); window.location = thislink; }); }); target.find('.DeleteButtonWrap a.TextSelectButton').on({ 'mouseenter':function() { $(this).next().children('img').attr("src", deleteButtonHover); }, 'mouseleave':function() { $(this).next().children('img').attr("src", deleteButtonNormal); } }); // Speach Bubble $('li .DeleteButtonWrap', target).on({ 'mouseenter':function() { var balloonlabel = $(this).children().attr('data-balloonlabel'); $('p', kpi_balloon).text(balloonlabel); var thisoffset = $(this).offset(); var ballontop = thisoffset.top - kpi_balloon.height() - 7; var ballonleft = thisoffset.left + $(this).width()/2 - kpi_balloon.width()/2; kpi_balloon.css({'top': ballontop, 'left': ballonleft}); kpi_balloon.stop(true,true).fadeIn(kpi_usersettings.DeleteBtnFadeInSpd); }, 'mouseleave':function() { kpi_balloon.stop(true,true).fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd); } }); // All Delete $('a.ClearAll').on('click', function(e) { e.preventDefault(); target.children('li').hide(); window.location = $(this).attr('href'); }); } /* end Delete Button with Bubble Setting Function ---------------------------------------------------------------- */ /* Rollover Script ---------------------------------------------------------------- */ var kpi_RollOverSuffix = '_on'; $('.RollOver').each(function(){ var classes = $(this).attr("class"); if(classes.indexOf("png") == -1) { var imgout = $(this).attr("src"); var imgovr = imgout.replace('.gif', kpi_RollOverSuffix+'.gif').replace('.jpg', kpi_RollOverSuffix+'.jpg').replace('.png', kpi_RollOverSuffix+'.png'); $(this).hover( function(){ $(this).attr("src", imgovr); }, function(){ $(this).attr("src", imgout); } ); } }); /* end Rollover Script ---------------------------------------------------------------- */ /* e-News Layout Fix ---------------------------------------------------------------- */ var kpi_htmleNewsContainer = $('#html_enews_container.ENewsMigration'); if(kpi_htmleNewsContainer.length) { kpi_htmleNewsContainer.find('table').each(function() { $(this).css('width', $(this).attr('width')); }); } /* end e-News Layout Fix ---------------------------------------------------------------- */ /* Highlight Search Words for Certified Models ---------------------------------------------------------------- */ kpi_certifiedModelsInnerLink = $('#CertifiedModelsInnerLink'); if(kpi_certifiedModelsInnerLink.length) { var kpi_certifiedModelsScripts = { searchTarget: $('#SearchTarget') ,valTerm: '' ,firstWord: '' ,init: function() { if(kpi_ua.ltIE8 || kpi_ua.ltIE7) { $('h2', this.searchTarget).wrapInner(''); $('h3', this.searchTarget).wrapInner(''); $('h4', this.searchTarget).wrapInner(''); $('h5', this.searchTarget).wrapInner(''); $('th', this.searchTarget).wrapInner(''); $('td', this.searchTarget).wrapInner(''); } $('#CertifiedModelsHeader a.TextButton').bind('click', function(e){ e.preventDefault(); kpi_certifiedModelsScripts.clickFunction(); }); $('#CertifiedModelsHeader form').keypress(function (e) { if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) { e.preventDefault(); kpi_certifiedModelsScripts.clickFunction(); } }); } ,clickFunction: function() { kpi_certifiedModelsScripts.valTerm = $('#CertifiedModelsHeader input.CustomText').val(); if(!kpi_certifiedModelsScripts.valTerm) return false; if(kpi_certifiedModelsScripts.firstWord != kpi_certifiedModelsScripts.valTerm) { kpi_certifiedModelsScripts.searchTarget.kpi_removeHighlight(); kpi_certifiedModelsScripts.highLight(); } else { if($('span.HighLight').length) { var highLightTarget = $('#firstHighLight'); var highLightTargetTop = highLightTarget.offset().top; $(kpi_scrollElm) .animate({scrollTop:highLightTargetTop}, kpi_usersettings.SmoothScrollSpd, 'swing'); return false; } } } ,highLight: function() { kpi_certifiedModelsScripts.firstWord = kpi_certifiedModelsScripts.valTerm; kpi_certifiedModelsScripts.valTerm = kpi_certifiedModelsScripts.valTerm.replace(/([^0-9A-Za-z_])/g, '\\$1'); // console.log(kpi_certifiedModelsScripts.valTerm); var searchRegex = new RegExp(kpi_certifiedModelsScripts.valTerm, 'g'); $('*', kpi_certifiedModelsScripts.searchTarget).kpi_replaceText(searchRegex, ''+kpi_certifiedModelsScripts.valTerm+''); // $('*', kpi_certifiedModelsScripts.searchTarget).find(kpi_certifiedModelsScripts.valTerm).wrap(''); if($('span.HighLight').length) { $('span.HighLight:first').attr('id', 'firstHighLight'); var highLightTarget = $('span#firstHighLight'); var highLightTargetTop = highLightTarget.offset().top; $(kpi_scrollElm) .animate({scrollTop:highLightTargetTop}, kpi_usersettings.SmoothScrollSpd, 'swing'); } return false; } }; kpi_certifiedModelsScripts.init(); } /* end Highlight Search Words for Certified Models ---------------------------------------------------------------- */ /* Certified Models Sorting ---------------------------------------------------------------- */ var kpi_certifiedModelsInnerLink = $('#CertifiedModelsInnerLink'); var kpi_certifiedModelsSorting = { init: function() { var parent = $('#CertifiedModelsInnerLink'); var dlobject = $('#CertifiedModelsInnerLink dl'); var dlLength = dlobject.length; var columnNumber = 0; var columnNumNextTemp = 0; var singleCols = []; var dataNum = 0; var CertifiedModelsColsNum = 4; var countRows = 1; var overflow = false; for(var i=0;i kpi_usersettings.CertifiedModelsRowsNum) { overflow = true; columnNumber = kpi_usersettings.CertifiedModelsRowsNum; } else { overflow = false; columnNumber = columnNumber + dlobject.eq(i).children('dt').length + dlobject.eq(i).children('dd').length; } var n = i+1; columnNumNextTemp = columnNumber + dlobject.eq(n).children('dt').length + dlobject.eq(n).children('dd').length; if(dataNum>=CertifiedModelsColsNum-1) { singleCols[dataNum] = countRows; } else { if(overflow) { singleCols[dataNum] = 1; dataNum = dataNum + 1; columnNumber = 0; countRows = 0; } else { if(n>=dlLength) { columnNumNextTemp = 999; } if(columnNumNextTemp > kpi_usersettings.CertifiedModelsRowsNum && columnNumber <= kpi_usersettings.CertifiedModelsRowsNum) { singleCols[dataNum] = countRows; dataNum = dataNum + 1; columnNumber = 0; countRows = 0; } } } countRows++; } if(dataNum < CertifiedModelsColsNum) { dataNum = CertifiedModelsColsNum; } for(var i=dataNum-1;i>=0;i--) { var outputDLs = ''; for(var j=0;j'); } else { parent.children('div.GridWrap').append('
                 
                '); } } } }; if(kpi_certifiedModelsInnerLink.length) { kpi_certifiedModelsSorting.init(); } /* end Certified Models Sorting ---------------------------------------------------------------- */ /* Discontinue Models Show or Hide Change ---------------------------------------------------------------- */ var kpi_includeDiscontinuedProducts = $('#IncludeDiscontinuedProducts'); if(kpi_includeDiscontinuedProducts.length) { var kpi_discontinuedProductsCheck = { init: function () { var customCheckboxObj = $('input[id="IncludeDiscontinuedProducts"]').parent('label'); customCheckboxObj.bind({ 'check:on':function (ev, data) { $.cookie('kpi_discon', 1,{ path: '/', domain: kpi_cookiesettings.cookieDomain }); }, 'check:off':function (ev, data) { $.cookie('kpi_discon', 0,{ path: '/', domain: kpi_cookiesettings.cookieDomain }); } }); if ($.cookie('kpi_discon') == 1) { $('input[id="IncludeDiscontinuedProducts"]').checkbox('checkOn', $('input[id="IncludeDiscontinuedProducts"]').attr('id')); } } }; kpi_discontinuedProductsCheck.init(); } var kpi_switchDiscontinuedModels = $('#SwitchDiscontinuedModels'); var kpi_discontinuedDisplaySwitching = $('.DiscontinuedDisplaySwitching'); if(kpi_switchDiscontinuedModels.length) { var kpi_discontinuedModelsCheck = { init: function() { if($.cookie('kpi_discon') == 1) { $('li', kpi_discontinuedDisplaySwitching).eq(0).addClass('Current'); $('li', kpi_discontinuedDisplaySwitching).eq(1).removeClass('Current'); $('.DiscontinuedTarget').each(function() { $(this).addClass('Show'); }); $('.DisconCountMessage').toggleClass('Show').toggleClass('Hide'); } } }; kpi_discontinuedModelsCheck.init(); } if(kpi_discontinuedDisplaySwitching.length) { $('a', kpi_discontinuedDisplaySwitching).on('click', function() { if(!$(this).parent('li').hasClass('Current')) { var num = $('a', kpi_discontinuedDisplaySwitching).index(this); if(num == 0) { $.cookie('kpi_discon', 1,{ path: '/', domain: kpi_cookiesettings.cookieDomain }); } else { $.cookie('kpi_discon', 0,{ path: '/', domain: kpi_cookiesettings.cookieDomain }); } $('li', kpi_discontinuedDisplaySwitching).removeClass('Current'); $(this).parent('li').addClass('Current'); $('.DiscontinuedTarget').each(function() { $(this).toggleClass('Show'); }); $('.DisconCountMessage').toggleClass('Show').toggleClass('Hide'); } }); } /* end Discontinue Models Show or Hide Change ---------------------------------------------------------------- */ /* Pager Script ---------------------------------------------------------------- */ var kpi_pager = $('.Pager'); if($('.ButtonPager').length) { kpi_pager = $('.ButtonPager'); } if(kpi_pager.length) { var kpi_defaultPage = $('.CustomText', kpi_pager).eq(0).val(); var kpi_inputPage = ''; var kpi_maxPage = $('.Total', kpi_pager).eq(0).text(); $('input', kpi_pager).bind('blur focus keydown keyup', function(e) { kpi_inputPage = $(this).val(); if(kpi_inputPage.match(/[^0-9]+/g)) { $(this).val(kpi_defaultPage); } else { kpi_inputPage = parseInt(kpi_inputPage); if(kpi_inputPage > kpi_maxPage) { $(this).val(kpi_maxPage); } else if(kpi_inputPage <= 0) { $(this).val(kpi_defaultPage); } } }); } /* end Pager Script ---------------------------------------------------------------- */ /* Home e-News Rotation ---------------------------------------------------------------- */ var kpi_newsCarousel = $('.NewsCarousel'); if(kpi_newsCarousel.length) { kpi_newsCarousel.wrap('
                '); kpi_newsCarousel.after('
                '); kpi_newsCarouselonAfter = function() { kpi_newsCarousel.width('525px'); }; kpi_newsCarousel.cycle({ timeout: kpi_usersettings.NewsCarouselStopTime, speed: kpi_usersettings.NewsCarouselSlideSpd, prev: '#NewsCarouselPrev', next: '#NewsCarouselNext', slideExpr: '.Link', fx: 'scrollHorz', easing: kpi_usersettings.NewsCarouselEasing, after: kpi_newsCarouselonAfter }); } /* end Home e-News Rotation ---------------------------------------------------------------- */ /* Downloadlist ---------------------------------------------------------------- */ var kpi_downloadlistScript = { downloadListLinks: $('#DownloadListLinks') ,downloadListTable: $('#DownloadListLinks table.DefaultViewTable') ,listTableTr: $('tbody tr', this.downloadListTable) ,recentlyObject: $('#RecentlyDownloadedItems') ,batchDownloadButton: $('input#BatchDownloadButton') ,fileSizeObj: $('#DownloadListTotalFileSize') ,batchLink: $('#DownloadListLinks form').attr('action') ,errorMsg: $('#DownloadListLinks div.ErrorMessage, #DownloadListLinks div.NoticeMessage') ,listNum: 0 ,downloadObjNum: 0 ,checkedObjNum: 0 ,totalFileSize: 0 ,limitFileSize: 50 ,singleFileSizes: [] ,downloadItems: [] ,assetIds: [] ,severErrorMsg:"" ,init:function() { this._initAjaxSetup(); /* Download List related */ if(this.downloadListTable.length) { this.listNum = $('tbody tr', this.downloadListTable).length; this.downloadObjNum = this.listNum; this.errorMsg.hide(); $('tbody', this.recentlyObject).children('tr').hide(); this.limitFileSize = Number($('#DownloadListLimitFileSize').text()); this.downloadListTable.find('input.CustomCheckbox').bind('click', function(e) { var num = $(this).closest('tr').index(); var check = $(this).next('span').hasClass('checked'); if(check) { kpi_downloadlistScript.downloadItems[num] = 1; } else { kpi_downloadlistScript.downloadItems[num] = 0; } kpi_downloadlistScript.fileSizeChange(); }); this.downloadListTable.find('a.TextButton.Download').bind('click', function(e) { var thisNum = $(this).closest('tr').index(); if($('#RecentlyDownloadedItems table:hidden').length) { kpi_downloadlistScript.recentlyObject.show(); } $('tbody tr', kpi_downloadlistScript.recentlyObject).eq(thisNum).show(); kpi_downloadlistScript.removeList(kpi_downloadlistScript.assetIds[thisNum]); kpi_downloadlistScript.itemDelete(this); }); for(var i=0;i 0) { ids[arrayNum] = kpi_downloadlistScript.assetIds[i]; arrayNum += 1; $('tbody tr', kpi_downloadlistScript.recentlyObject).eq(i).show(); kpi_downloadlistScript.listTableTr.eq(i).hide(); kpi_downloadlistScript.downloadItems[i] = 0; kpi_downloadlistScript.fileSizeChange(); kpi_downloadlistScript.downloadObjNum = kpi_downloadlistScript.downloadObjNum - 1; if(kpi_downloadlistScript.downloadObjNum < 1) { kpi_downloadlistScript.downloadListTable.fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd); kpi_downloadlistScript.batchDownloadButton.parent().parent('p').fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd); } } } if($('table:hidden', kpi_downloadlistScript.recentlyObject).length) { kpi_downloadlistScript.recentlyObject.show(); } if(kpi_downloadlistScript.downloadListTable.length) { var targetTop = $('#DownloadListLinks').offset().top; $(kpi_scrollElm) .animate({scrollTop:targetTop}, kpi_usersettings.SmoothScrollSpd, 'swing'); } kpi_downloadlistScript.removeList(ids.join()); e.preventDefault(); $('form', kpi_downloadlistScript.downloadListLinks).submit(); $('tbody tr:hidden span.checked', kpi_downloadlistScript.downloadListTable).removeClass('checked'); $('tbody tr:hidden input:checked', kpi_downloadlistScript.downloadListTable).attr('checked', false); }); } ,itemDelete: function(e) { var self = $(e); var closest = self.closest('tr'); $('span.checked', closest).removeClass('checked'); $('input:checked', closest).attr('checked', false); closest.fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd, function() { var thisTrNum = closest.index(); kpi_downloadlistScript.downloadItems[thisTrNum] = 0; kpi_downloadlistScript.downloadObjNum = kpi_downloadlistScript.downloadObjNum - 1; kpi_downloadlistScript.fileSizeChange(); if(kpi_downloadlistScript.downloadObjNum < 1) { kpi_downloadlistScript.downloadListTable.fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd); kpi_downloadlistScript.batchDownloadButton.parent().parent('p').fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd); } }); closest.children('td').fadeOut(kpi_usersettings.DeleteBtnFadeOutSpd); } ,fileSizeChange: function() { kpi_downloadlistScript.totalFileSize = 0; kpi_downloadlistScript.checkedObjNum = 0; for(var i=0;i 0) { kpi_downloadlistScript.totalFileSize += kpi_downloadlistScript.singleFileSizes[i]; kpi_downloadlistScript.checkedObjNum += 1; } } kpi_downloadlistScript.fileSizeObj.text(kpi_downloadlistScript.totalFileSize.toFixed(2)); kpi_downloadlistScript.sizeErrorHandling(); } ,sizeErrorHandling:function() { if(kpi_downloadlistScript.checkedObjNum > 1 && kpi_downloadlistScript.totalFileSize >= kpi_downloadlistScript.limitFileSize) { kpi_downloadlistScript.errorMsg.show(); kpi_downloadlistScript.batchDownloadButton.parent('span').addClass('Disabled'); kpi_downloadlistScript.batchDownloadButton.unbind().attr("disabled", "disabled"); } else if (kpi_downloadlistScript.totalFileSize >= kpi_downloadlistScript.limitFileSize) { kpi_downloadlistScript.errorMsg.show(); kpi_downloadlistScript.batchDownloadButton.parent('span').addClass('Disabled'); kpi_downloadlistScript.batchDownloadButton.unbind().attr("disabled", "disabled"); } else if(kpi_downloadlistScript.totalFileSize <= 0) { kpi_downloadlistScript.errorMsg.hide(); kpi_downloadlistScript.batchDownloadButton.parent('span').addClass('Disabled'); kpi_downloadlistScript.batchDownloadButton.unbind().attr("disabled", "disabled"); } else if(kpi_downloadlistScript.batchDownloadButton.parent('span').hasClass('Disabled')){ kpi_downloadlistScript.errorMsg.hide(); kpi_downloadlistScript.batchDownloadButton.parent('span').removeClass('Disabled'); kpi_downloadlistScript.batchDownloadButton.removeAttr("disabled"); kpi_downloadlistScript.bindBatchDownloadButton(); } } ,removeList:function(assetId) { $.ajax({ url: kpi_downloadListSettings.listApiUrl + kpi_downloadListSettings.listApiMethodRemoveList ,data:{ "assetId":assetId } ,jsonpCallback:"kpi_removeList" ,async:false ,timeout: kpi_usersettings.AjaxTimeoutSeconds ,success: function(data){ if(data.errorFlg) { } else { kpi_downloadlistScript.displayErrorMsg(); } } ,complete: function(data){} }); }, _initAjaxSetup: function(){ $.ajaxSetup({ type: "GET" ,dataType: "jsonp" ,jsonp: "callback" ,timeout: kpi_usersettings.AjaxTimeoutSeconds }); }, displayErrorMsg: function() { kpi_downloadlistScript.errorMsg.children('p').text(kpi_downloadlistScript.severErrorMsg); kpi_downloadlistScript.errorMsg.show(); } }; if($('#DownloadListLinks').length) { kpi_downloadlistScript.init(); } /* end Downloadlist ---------------------------------------------------------------- */ /* View More ---------------------------------------------------------------- */ var kpi_threadLoading = $('.ThreadLoading'); if(kpi_threadLoading.length) { var kpi_threadLoadingSetting = { tableNum: kpi_threadLoading.length ,threadLoadingTable: $('table.ListViewTable', kpi_threadLoading) ,init: function() { for(var k=0;k
                '); for(var i=0;i'+data[i].name+''); } else { $('#ProductCategory').append(''); } } }, complete : function(data){ kpi_industryApplicationSetting.productCategory = $('#ProductCategory').jQselectable({ show: "fadeIn", showDuration: kpi_usersettings.FormPullDownShowSpd, hideDuration: kpi_usersettings.FormPullDownHideSpd, opacity: 1 }); if(kpi_industryApplicationSetting.defaultProductCategory) { kpi_industryApplicationScripts.reBuildPulldown(kpi_industryApplicationSetting.dataNumArray[kpi_industryApplicationSetting.defaultProductCategory]); } kpi_industryApplicationSetting.productCategory.bind('jQselectable.change', function(ev, data) { kpi_industryApplicationScripts.reBuildPulldown(kpi_industryApplicationSetting.dataNumArray[data.value]); }); }, error: function(xhr, status, err) { $('ul.ConditionSelectors', kpi_industryApplicationSetting.targetObj).append('
              • ' + kpi_translation.ContentLoadErrorMsg + '
              • '); } }); } ,reBuildPulldown: function(value) { var typeCat = $('#TypeCategory'); if(value>=0) { if(!typeCat.length) { $('.GroupSelector').append('
              • '); } else { kpi_industryApplicationSetting.defaultTypeCategory = ''; kpi_industryApplicationSetting.typeCategory.jQselectable('destroy'); $('.GroupSelector li:last-child').html('').append(''); } typeCat = $('#TypeCategory'); for(var i=0;i'+kpi_industryApplicationSetting.dataArray[value].type[i].name+''); } else { typeCat.append(''); } } kpi_industryApplicationSetting.typeCategory = typeCat.jQselectable({ show: "fadeIn", showDuration: kpi_usersettings.FormPullDownShowSpd, hideDuration: kpi_usersettings.FormPullDownHideSpd, opacity: 1 }); } else { if(typeCat.length) { $('.GroupSelector li:last-child').remove(); kpi_industryApplicationSetting.defaultTypeCategory = ''; } } } }; kpi_industryApplicationScripts.init(); } /* end Industry Application Products Category Variable Pulldown ---------------------------------------------------------------- */ /* Set Cookie for Language Selected ---------------------------------------------------------------- */ function kpi_languageSelected(parentlang, childlang) { $.cookie('common_language_parent', parentlang,{ expires: 3650, path: '/', domain: kpi_cookiesettings.cookieDomain }); $.cookie('common_language_child', childlang,{ expires: 3650, path: '/', domain: kpi_cookiesettings.cookieDomain }); } /* end Set Cookie for Language Selected ---------------------------------------------------------------- */ /* Language Selecter ---------------------------------------------------------------- */ var kpi_changeLanguageDomain = { defaultPath: location.href.split('/') ,pagePath:'' ,topFlg:false ,init: function() { $('.TabSwitching').tabChange(); $('table.Stripe tbody').find('tr:odd').addClass('EvenRow'); if(kpi_domainSettings.isDomain) {// After Delete var _pagePath = this.pagePath; if(this.topFlg==false) { $('.TabSwitching dd a').each(function() { if (/(\/ss\/ds\/cz\/|\/ss\/ds\/hu\/|\/ss\/ds\/ro\/|\/ss\/ds\/sk\/|\/ss\/ds\/si\/)$/.test($(this).attr('href'))) { return; } var href = $(this).attr('href').split('/'); var newHref = href[0] + '/' + href[1] + '/' + href[2]; if( suz_search_Path.is_subLangPath(href[3]) ){ newHref += '/' + href[3]; } newHref = newHref + _pagePath; $(this).attr('href', newHref); }) } } //www-search, china-search else { var pathName=location.pathname; var query = location.search; var pathSplit=pathName.split('/'); var addUri=pathSplit.slice(3).join('/'); $('.TabSwitching dt a, .TabSwitching dd a').each(function(){ if(0<=$(this).attr('href').search(suz_search_Path.searchDomainRegExp)){ $(this).attr('href', $(this).attr('href')+addUri+query); } }); } } ,initLanguageList: function() { if(kpi_domainSettings.isDomain) {// After Delete var _pagePath = this.pagePath; if(this.topFlg==false) { $('#LanguageList a').each(function() { var href = $(this).attr('href').split('/'); var newHref = ''; if( suz_search_Path.is_subLangPath(href[1]) ){ newHref += '/' + href[1]; } newHref = newHref + _pagePath; $(this).attr('href', newHref); }) } } //www-search, china-search else { var pathName=location.pathname; var query = location.search; var pathSplit=pathName.split('/'); var addUri=pathSplit.slice(3).join('/'); $('#LanguageList a').each(function(){ if(0<=$(this).attr('href').search(suz_search_Path.searchDomainRegExp)){ $(this).attr('href', $(this).attr('href')+addUri+query); } }); } } ,setup: function() { if(kpi_domainSettings.isDomain) {// After Delete this.pagePath = ''; for(var i=0;i 2) { if( !( i==3 && suz_search_Path.is_subLangPath(this.defaultPath[i]) == true ) ){ this.pagePath += '/' + this.defaultPath[i]; } } } var tempPath = this.pagePath.split('/'); this.topFlg = false; if(tempPath[1] == ''){ this.topFlg = true; } for(i=0;i=0){ this.topFlg = true; break; } } } this.initLanguageList(); } }; kpi_changeLanguageDomain.setup(); var kpi_languageSerecter = kpi_domainSettings.searchDomain + kpi_loadingfiles.RegionSelectHtml + ' #ModalContent'; $('#Region a').kpi_modalbox({ speed: kpi_usersettings.ModalOpenSpd, initialWidth: "450px", height: "600px", href: kpi_languageSerecter, title: kpi_translation.SelectRegionMsg, onOpen:function(){ $('#kpi_modalbox').removeClass('ModalLarge'); }, onComplete:function(){ var $root = $('#kpi_modalbox'); var $modalInner = $root.find('#ModalContent'); var originalDomainRegExp = new RegExp('^' + window.kpi_originalDomain + '\/'); var $tabPanel = $modalInner.find('dl.Tab dd'); var $tab; $('#kpi_boxClose').focus(); kpi_changeLanguageDomain.init(); $tab = $modalInner.find('ul.Tab li'); $tabPanel.find('a').each(function () { var $this = $(this); var href = $this.attr('href'); var $closestTabPanel = $this.closest($tabPanel); if (originalDomainRegExp.test(href)) { $tab.removeClass('Current'); $tab.eq(($closestTabPanel.index() + 1) / 2 - 1).addClass('Current'); $tabPanel.removeClass('Current').hide(); $closestTabPanel.addClass('Current').show(); } }); } }); /* end Language Selecter ---------------------------------------------------------------- */ /* IE7, IE8 png Bug Fix ---------------------------------------------------------------- */ if(kpi_ua.IE) { $('.DeleteButtonWrap img').each(function() { if($(this).attr('src').indexOf('.png') != -1) { $(this).css({ 'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + $(this).attr('src') + '", sizingMethod="scale");' }); } }); } if(kpi_ua.IE) { $('#ContentsLayout.DoubleMainSub a img, #ContentsLayout.SingleWide a img, #HeaderArea a img, #FooterArea a img, #PageBottomContent a img, #MegaMenu a img').each(function() { if($(this).attr('src').indexOf('.png') != -1) { $(this).css({ 'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + $(this).attr('src') + '", sizingMethod="scale");' }); } }); } //IE7 IE8 Force Checked if(kpi_ua.ltIE8 || kpi_ua.ltIE7) { $('label.UIElm-check-label').focus().bind('click', function(){ var checkFlag = $(this).children('input').attr('checked'); if(checkFlag) { $(this).children('input:checkbox').attr('checked',false); } else { $(this).children('input:checkbox').attr('checked',true); } }); } //IE8 EnterKey Pressed if(kpi_ua.ltIE8) { // Add a dummy input if text is one form in if ( $("#ContentsArea form").find("input[type=text]").length == 1) { $("", {type: 'text',style: 'display:none;'}).appendTo('#ContentsArea form'); } } /* end IE7, IE8 png Bug Fix ---------------------------------------------------------------- */ /* RefineSearchToggle ---------------------------------------------------------------- */ var kpi_refineSearchToggle = $("#RefineSearchFormWrap"); if(kpi_refineSearchToggle.length) { var kpi_refineSearchToggleCookieName="kpi_refineSearchToggle"; var $kpi_area = $("#RefineSearchFormWrap"); var $kpi_btn = $("#RefineSearchFormToggleButton").children("a.TextButton"); var $kpi_target = $kpi_area.children(".RefineSearchForm"); // open/close class var kpi_openclass = "RefineSearchFormOpen"; var kpi_closeclass = "RefineSearchFormClose"; // open/close button text var kpi_opentext = kpi_translation.RefineSearchOpen; var kpi_closetext = kpi_translation.RefineSearchClose; $kpi_area.addClass(kpi_openclass); var kpi_refineSearchToggleObj = { toggleStatus:null ,init:function(){ this.getCookie(); switch (this.toggleStatus) { case "1": this.openForm(); break; default: this.closeForm(); } } ,openForm:function(){ //Action $kpi_area.removeClass(kpi_closeclass).addClass(kpi_openclass); $kpi_btn.children(".Inner").text(kpi_closetext); $kpi_target.slideDown("fast"); //Cookie this.writeCookie(1); } ,closeForm:function(){ //Action $kpi_area.removeClass(kpi_openclass).addClass(kpi_closeclass); $kpi_btn.children(".Inner").text(kpi_opentext); $kpi_target.slideUp("fast"); //Cookie this.writeCookie(0); } ,writeCookie:function(status){ if(status === 1) { this.toggleStatus = 1; $.cookie(kpi_refineSearchToggleCookieName, 1,{ path: '/'}); } else { this.toggleStatus = 0; $.cookie(kpi_refineSearchToggleCookieName, 0,{ path: '/'}); } } ,getCookie:function() { this.toggleStatus = $.cookie(kpi_refineSearchToggleCookieName); } ,addClickEvent:function() { $kpi_btn.click(function(){ if ($kpi_area.hasClass(kpi_openclass)) { kpi_refineSearchToggleObj.closeForm(); } else { kpi_refineSearchToggleObj.openForm(); } }); } }; kpi_refineSearchToggleObj.init(); kpi_refineSearchToggleObj.addClickEvent(); } /* end RefineSearchToggle ---------------------------------------------------------------- */ /* Deqwas Series Recommend -------------------------------------------------------- */ if(typeof(tkt_deqwas) != "undefined" && $('#DeqwasSeriesRecommend').length) { $.ajax({ url : suz_LanguagePath + '/data/deqwas-series-recommend.jsp', type : 'POST', dataType : 'html', data : tkt_deqwas, success : function(data) { $('div#DeqwasSeriesRecommend').html(data); } }); } /* end Deqwas Series Recommend -------------------------------------------------------- */ /* Deqwas Assets Recommend -------------------------------------------------------- */ if(typeof(tkt_deqwas) != "undefined" && $('#DeqwasAssetsRecommend').length) { $.ajax({ url : suz_LanguagePath + '/data/deqwas-assets-recommend.jsp', type : 'POST', dataType : 'html', data : tkt_deqwas, success : function(data) { $('div#DeqwasAssetsRecommend').html(data); $('#DeqwasAssetsRecommendBottomDiv').jcarousel(); } }); } /* end Deqwas Assets Recommend -------------------------------------------------------- */ /* Deqwas Myk Asset Recommend P -------------------------------------------------------- */ if(typeof(tkt_deqwas) != "undefined" && $('#DeqwasMykAssetRecommendP').length) { $.ajax({ url : suz_LanguagePath + '/data/deqwas-myk-asset-recommend-p.jsp', type : 'POST', dataType : 'html', data : tkt_deqwas, success : function(data) { $('div#DeqwasMykAssetRecommendP').html(data); $('#DeqwasAssetsRecommendPBottomDiv').jcarousel(); } }); } /* end Deqwas Myk Asset Recommend P -------------------------------------------------------- */ /* Deqwas Myk Series Recommend P -------------------------------------------------------- */ if(typeof(tkt_deqwas) != "undefined" && $('#DeqwasMykSeriesRecommendP').length) { $.ajax({ url : suz_LanguagePath + '/data/deqwas-myk-series-recommend-p.jsp', type : 'POST', dataType : 'html', data : tkt_deqwas, success : function(data) { $('div#DeqwasMykSeriesRecommendP').html(data); } }); } /* end Deqwas Myk Series Recommend P -------------------------------------------------------- */ /* Deqwas Myk Asset Recommend -------------------------------------------------------- */ if(typeof(tkt_deqwas) != "undefined" && $('#DeqwasMykAssetRecommend').length) { $.ajax({ url : suz_LanguagePath + '/data/deqwas-myk-asset-recommend.jsp', type : 'POST', dataType : 'html', data : tkt_deqwas, success : function(data) { $('div#DeqwasMykAssetRecommend').html(data); $('.subToggleCnt').setToggleCnt(); } }); } /* end Deqwas Myk Asset Recommend -------------------------------------------------------- */ }); /* Popup -------------------------------------------------------- */ function kpi_popupEvent(self, w, h, name, d, s, m, t, l, sc, r) { var url = self.getAttribute('href','2'); if(w == 'Small') { w = 540; h = 405; } else if(w == 'Normal') { w = 700; h = 525; } if(kpi_ua.ltIE7) { w = w + 20; } else if(kpi_ua.ltIE8) { w = w + 10; } window.open(url, name, 'width='+w+'px, height='+h+'px, directories='+d+', status='+s+', menubar='+m+', toolbar='+t+', location='+l+', scrollbars='+sc+', resizable='+r+''); } /* end Popup -------------------------------------------------------- */ /* Fixed Link ---------------------------------------------------------------- */ $(function(){ if(document.URL.indexOf('www-search') < 0 && document.URL.indexOf('china-search') < 0){ if($('#SC_Downloads').length){ if ($('.TabNav').length && $('body#Products').length || $('.OVKeyvisual').length && $('body#Products').length){ var fixedLinkCrntDir = $('#TopicPath').children('li').eq(2).children('a').attr('href'), fixedLinkCrntName = $('#TopicPath').children('li').eq(2).children('a').text(), moveStart = 200; function fixedInit(){ fixedLinkGetJsonData(); } function fixedLinkGetJsonData(){ // console.log(fixedLinkListArr); } function FixedCVMenu(){ (function (){ if ($('.TabNav').length && $('body#Products').length || $('.OVKeyvisual').length && $('body#Products').length){ return; } var catalogText = $('.TextAndIconList img[src *= "icon_catalogs_m"]').next('.Text').text(), imgDir = kpi_domainSettings.originalDomain; if('tkt_seriesCatalog' in this){ var catalogHref = tkt_seriesCatalog.downloadUrl, catalogImg = tkt_seriesCatalog.thumbnail, catalogLink = '
              • '; } else { catalogHref = $('.TextAndIconList img[src *= "icon_catalogs_m"]').parents('a').attr('href'), catalogLink = '
              • '; } var tcgText = $('.TextAndIconList img[src *= "icon_techicalguides_m"]').next('.Text').text(), tcgHref = $('.TextAndIconList img[src *= "icon_techicalguides_m"]').parents('a').attr('href'), tcgLink = '
              • ', piText = $('.TextAndIconList img[src *= "icon_priceinquiry_m"]').next('.Text').text(), piHref = $('.TextAndIconList img[src *= "icon_priceinquiry_m"]').parents('a').attr('href'), piLink = '
              • ' + piText + '
              • ', telText = $('#HeaderLink1 .Tel').length ? $('#HeaderLink1 .Tel').html().replace(/a>.*?\/.*?
                '; cvText = '
                  ' + catalogLink + tcgLink + piLink + telLink + '
                '; $('#ContentsArea').after(cvText); if ('tkt_seriesCatalog' in this){ $('#fixedLinkImg').bind('load', function(){ var catalogImgW = $('#fixedLinkImg').parent('span').width(); var catalogW = 240 - catalogImgW; $('#FixCVBox .catalog .text').css('width', catalogW); }); } else { $('#FixCVBox .catalog .text').css('width', '240'); } $('#FixCVBox ul > li.tel a').click(function(){ return false; }); $('#FixCVBox .catalog img').error(function(){ $('#FixCVBox .catalog .text').css('width', '240'); $('#FixCVBox .catalog .img').remove(); }); var fixedBox = $("#FixCVBox"), Contents = $("#ContentsArea") maxOff = $('#MainContentBodyExtra').offset(); if(!catalogText){ $('#FixCVBox').hide(); } if($('#DownloadListContent').is(':visible')) { $('#FixCVBox').hide(); } $(window).bind("scroll", function() { var wst = $(window).scrollTop(), scrollHeight = $(document).height(); scrollPosition = $(window).height() + wst; if($('#DownloadListContent').is(':visible')) { $('#FixCVBox').hide(); } if( wst > moveStart && ((scrollHeight - scrollPosition) / scrollHeight) >= 0.04){ $(fixedBox).addClass('fixed'); } else { $(fixedBox).removeClass('fixed'); } }); }()); (function (){ var maxContentFixed = $('#Container').height() - $('#ContentsArea').height() + $('#FooterArea').height(), maxMove = $('body').height() - maxContentFixed; $('#ContentsArea').append('
                ' + fixedLinkCrntName + '
                '); fixedInit(); $('#FixSideArea dt a').click(function(){ return false; }); $('#CrossTypeNav').wrap('
                '); if ($('#js-controlHeader').length) { $('#FixSideArea').addClass('primary'); } $(window).bind("scroll", function() { var wst = $(window).scrollTop(); if ($('#js-controlHeader').length) { if (!$('#FixSideArea').length || !$('footer').length) { return; } if( wst > 0 ){ $('#FixSideArea').addClass('fixed'); $('#FixSideArea').removeClass('isBottom'); if ($('#FixSideArea').outerHeight() + $('#FixSideArea').offset().top >= $('footer').offset().top) { $('#FixSideArea').addClass('isBottom'); } } else { $('#FixSideArea').removeClass('fixed'); $('#FixSideArea').removeClass('isBottom'); } } else { if( wst > moveStart && wst <= maxMove ){ $('#FixSideArea').addClass('fixed'); } else if(wst < maxMove) { $('#FixSideArea').removeClass('fixed'); } } }); }()); }; FixedCVMenu(); } } } }); /* end Fixed Links -------------------------------------------------------- */ /* Table Height ---------------------------------------------------------------- */ $(function(){ $('#MainContentBody table.DefaultViewTable.Download.Stripe tr, #suz_downloadListTbl.DownloadLarge tr').each( function(){ var DTH = $(this).height(); $(this).find('td.Check').css({'height': DTH, 'box-sizing': 'border-box'}); }); }); /* end Table Height -------------------------------------------------------- */ /* Toggle ---------------------------------------------------------------- */ (function ($) { var name_space = 'setToggleCnt'; $.fn[name_space] = function (options) { var defaults={ current: 'current', hdg: 'subToggleBtn', cnt: 'cnt', speed: 200 }; settings=$.extend({}, defaults, options); var area = $(this), cnt = $(area).children('li:gt(3)'); $(area).after(''); var hdg = $(area).children('.' + settings.hdg); if(!$(hdg).hasClass(settings.current)){ $(cnt).hide(); } $('.' + settings.hdg).click( function() { if($('.' + settings.hdg).hasClass(settings.current)){ $('.' + settings.hdg).removeClass(settings.current) $(cnt).hide(); } else { $('.' + settings.hdg).addClass(settings.current); $(cnt).show(); } return false; }); }; })(jQuery); /* end Toggle -------------------------------------------------------- */ /* Series Toggle ---------------------------------------------------------------- */ (function ($) { 'use strict'; if ($ === undefined) { return; } var setSeriesToggle = function () { var TOGGLE = {}; TOGGLE.init = function () { var self = this; self.classNames = { hide: 'is-hide', open: 'is-open', text: 'Inner', toggle: 'js-setSeriesToggle', toggleTrigger: 'js-setSeriesToggle-trigger', toggleTarget: 'js-setSeriesToggle-target' }; self.idNames = { ariaControls: 'js-setSeriesToggle-item' }; self.elemNames = { button: 'BUTTON' }; self.attributeNames = { ariaExpanded: 'aria-expanded', ariaControls: 'aria-controls', dataOpen: 'open-label', dataClose: 'close-label', roleButton: 'button' }; self.elems = { $toggle: $('.' + self.classNames.toggle), $toggleTrigger: $('.' + self.classNames.toggleTrigger), $toggleTarget: $('.' + self.classNames.toggleTarget) }; }; TOGGLE.fn = {}; TOGGLE.fn.init = function () { var self = this; if (!TOGGLE.elems.$toggle.length) { return; } self.setClass(); self.setAttribute(); }; TOGGLE.fn.setClass = function () { var $target = null; if (!TOGGLE.elems.$toggleTrigger.length || !TOGGLE.elems.$toggleTarget.length) { return; } TOGGLE.elems.$toggle.each(function () { var $this = $(this); $target = $this.find('.' + TOGGLE.classNames.toggleTarget).first(); if (!$this.hasClass(TOGGLE.classNames.open)) { $target.addClass(TOGGLE.classNames.hide); } }); }; TOGGLE.fn.setAttribute = function () { var $trigger = null; var $target = null; TOGGLE.elems.$toggle.each(function (i) { var $this = $(this); $trigger = $this.find('.' + TOGGLE.classNames.toggleTrigger).first(); $target = $this.find('.' + TOGGLE.classNames.toggleTarget).first(); if (!$trigger.length || !$target.length) { return; }; TOGGLE.fn.setAria($this, $trigger, $target, i); TOGGLE.fn.setRole($trigger); TOGGLE.fn.changeClass($this, $trigger, $target); }); }; TOGGLE.fn.changeClass = function ($toggle, $trigger, $target) { $trigger.on('click', function (e) { var $self = $(this); e.preventDefault(); if ($target.length) { TOGGLE.fn.setLabel($toggle, $self); if ($toggle.hasClass(TOGGLE.classNames.open)) { $toggle.removeClass(TOGGLE.classNames.open); $target.addClass(TOGGLE.classNames.hide); } else { $toggle.addClass(TOGGLE.classNames.open); $target.removeClass(TOGGLE.classNames.hide); } TOGGLE.fn.changeAria($toggle, $self); } }); }; TOGGLE.fn.setAria = function ($toggle, $trigger, $target, i) { if ($toggle.hasClass(TOGGLE.classNames.open)) { $trigger.attr(TOGGLE.attributeNames.ariaExpanded, true); } else { $trigger.attr(TOGGLE.attributeNames.ariaExpanded, false); } $trigger.attr(TOGGLE.attributeNames.ariaControls, TOGGLE.idNames.ariaControls + (i + 1)); $target.attr('id', TOGGLE.idNames.ariaControls + (i + 1)); }; TOGGLE.fn.setRole = function ($trigger) { var elemName = $trigger.prop("tagName"); if (elemName !== TOGGLE.elemNames.button) { $trigger.attr('role', TOGGLE.attributeNames.roleButton); } }; TOGGLE.fn.setLabel = function ($toggle, $trigger) { var label = null; var $targetLabel = $trigger.find('.' + TOGGLE.classNames.text); if ($toggle.hasClass(TOGGLE.classNames.open)) { label = $trigger.data(TOGGLE.attributeNames.dataOpen); } else { label = $trigger.data(TOGGLE.attributeNames.dataClose); } $targetLabel.text(label); }; TOGGLE.fn.changeAria = function ($toggle, $trigger) { if ($toggle.hasClass(TOGGLE.classNames.open)) { $trigger.attr(TOGGLE.attributeNames.ariaExpanded, true); } else { $trigger.attr(TOGGLE.attributeNames.ariaExpanded, false); } }; TOGGLE.init(); TOGGLE.fn.init(); }; $(function () { setSeriesToggle(); }); })(jQuery); /* end Series Toggle -------------------------------------------------------- */ /* Cookie Alert ---------------------------------------------------------------- */ $(function(){ if ($('.layout-header').length) { return; } if(kpi_cookie_alert.flag == true){ var alertText = $('

                ' + kpi_cookie_alert.text + '' + kpi_cookie_alert.privacyText + '

                '), kpi_cookieAlert_cookie = $.cookie('kpi_cookie_count'), $closeBtn = $('.CookieAlert').find('.kpi_boxClose'); if(!kpi_cookieAlert_cookie){ kpi_cookieAlert_cookie = 0; } if(kpi_cookieAlert_cookie == 0){ $('#HeaderArea').before(alertText); alertText.ready(function() { var alertTextHeight = alertText.height(); $('#MegaMenu').css('margin-top',alertTextHeight+'px'); }); $(document).on('click', '.CookieAlertCloseBtn', function() { $('.CookieAlert').hide(); $('#MegaMenu').css('margin-top','0'); kpi_cookieAlert_cookie++; $.cookie('kpi_cookie_count',kpi_cookieAlert_cookie,{expires:365,path:'/',domain:kpi_cookiesettings.cookieDomain}); }); } } }); /* end Cookie Alert-------------------------------------------------------- */ /* Enquete Common ---------------------------------------------------------------- */ (function (win, doc, $, util) { 'use strict'; var ENQUETE = {}; var idNames = { survey: 'SurveyForm', form: 'suz_registrationForm' }; var classNames = { isRequired: 'IsRequired', isHide: 'IsHide', titleAndText: 'TitleAndText', customCheckbox: 'CustomCheckbox', customRadio: 'CustomRadio', customText: 'CustomText', customTextArea: 'CustomTextArea', title: 'Title', title02: 'EnqTitle02', errorMessage: 'ErrorMessage' }; var options = { errorText: '

                {0}

                ' }; if ($ === undefined) { return; } ENQUETE = (function (enquate) { enquate.init = function () { if (win.enqueteMessage) { options.errorText = options.errorText.replace(/\{0\}/g, win.enqueteMessage.required); } enquate.extendIdNames(win.enqueteIdNames); enquate.extendClassNames(win.enqueteClassNames); enquate.extendOptions(win.enqueteOptions); enquate.removeCustomCheckBox(win.shouldRemove); }; enquate.extendIdNames = function (obj) { if (obj) { $.extend(idNames, obj); } }; enquate.extendClassNames = function (obj) { if (obj) { $.extend(classNames, obj); } }; enquate.extendOptions = function (obj) { if (obj) { $.extend(options, obj); } }; enquate.removeCustomCheckBox = function (shouldRemove) { var $customCheckbox; shouldRemove = shouldRemove || true; if (shouldRemove) { $customCheckbox = $('.' + classNames.customCheckbox); if ($customCheckbox.length) { $customCheckbox.each(function () { $(this).checkbox('destroy'); }); } } }; enquate.checkbox = { disable: function ($checkbox) { $checkbox.prop('disabled', true); }, enable: function ($checkbox) { $checkbox.prop('disabled', false); } }; enquate.textbox = { disable: function ($textbox) { $textbox.prop('disabled', true); }, enable: function ($textbox) { $textbox.prop('disabled', false); } }; enquate.textarea = { disable: function ($textarea) { $textarea.prop('disabled', true); }, enable: function ($textarea) { $textarea.prop('disabled', false); } }; return enquate; }(ENQUETE)); ENQUETE.toggleDisplay = (function () { var _prevTarget = ''; var _prevName = ''; var ToggleDisplay = function () { this.data = []; }; ToggleDisplay.prototype.init = function (data) { this.data = data || []; this._rebuildConnectingData(); this._bindEvents(); }; ToggleDisplay.prototype._rebuildConnectingData = function () { var self = this; var data = self.data; var i; var len = data.length; var lastIndex = len - 1; var prevName; var prevSource; var prevTarget; var list = []; for (i = 0; i < len; i++) { $(data[i].source).attr('data-target', data[i].target); if (i === 0) { prevName = data[i].name; prevSource = data[i].source; prevTarget = data[i].target; } else if (data[i].name === prevName && data[i].target === prevTarget) { prevSource += ', ' + data[i].source; if (i === lastIndex) { list.push({ name: data[i].name, source: prevSource, target: data[i].target }); } } else { list.push({ name: prevName, source: prevSource, target: prevTarget }); if (i === lastIndex) { list.push({ name: data[i].name, source: data[i].source, target: data[i].target }); } else { prevName = data[i].name; prevSource = data[i].source; prevTarget = data[i].target; } } } this.data = list.reverse(); }; ToggleDisplay.prototype._bindEvents = function () { this._onChange(); }; ToggleDisplay.prototype._onChange = function () { var self = this; var data = self.data; var i; var j; var len = data.length; var $input; var $source; var $target; var list = []; for (i = 0; i < len; i++) { $input = $(data[i].name); $source = $(data[i].source); $target = $('.' + data[i].target); $input.on( 'change', { $input: $input, $source: $source, $target: $target, $checked: $(this).filter(':checked') }, self._toggle ); $target.addClass(classNames.isHide); if ($source.is(':checked')) { list.push({ name: data[i].name, source: data[i].source, target: data[i].target }); } } for (j = 0; j < list.length; j++) { $('.' + list[j].target).removeClass(classNames.isHide); } }; ToggleDisplay.prototype._toggle = function (e) { var self = this; var $source = e.data.$source; var $target = e.data.$target; var promise = Promise.resolve(); var setHidden = function () { if (!$source.is(':checked')) { if (self.name !== _prevName) { _prevTarget = ''; } _prevName = self.name; $target.addClass(classNames.isHide); $target.find('textarea, :text, select, checkbox, radio'). val(''). end(). find(':checked'). prop('checked', false). filter(function () { return $(this).attr('data-target') !== _prevTarget; }). trigger('change'); } }; var setVisible = function () { if ($source.is(':checked')) { _prevName = self.name; _prevTarget = $target.selector.replace(/\./, ''); $target.removeClass(classNames.isHide); } }; promise.then(function () { setHidden(); }).then(function () { setVisible(); }); }; return new ToggleDisplay(); }()); ENQUETE.ctrlTxtBox = (function (enquete) { var CtrlTxtBox = function () { this.data = []; }; CtrlTxtBox.prototype.init = function (data) { this.data = data || []; this._bindEvents(); }; CtrlTxtBox.prototype._bindEvents = function () { this._onChange(); }; CtrlTxtBox.prototype._onChange = function () { var self = this; var data = self.data; var i; var len = data.length; var $input; var $source; var $target; for (i = 0; i < len; i++) { $input = $(data[i].name); $source = $(data[i].source); $target = $(data[i].target); $input.on( 'change', { $input: $input, $source: $source, $target: $target }, self._toggle ); $input.trigger('change'); } }; CtrlTxtBox.prototype._toggle = function (e) { var $source = e.data.$source; var $target = e.data.$target; if ($source.is(':checked')) { enquete.textbox.enable($target); } else { enquete.textbox.disable($target); } }; return new CtrlTxtBox(); }(ENQUETE)); ENQUETE.checkMaxLimit = (function (enquete) { var CheckMaxLimit = function () { this.data = []; }; CheckMaxLimit.prototype.init = function (data) { this.data = data || []; this._bindEvents(); }; CheckMaxLimit.prototype._bindEvents = function () { this._onChange(); }; CheckMaxLimit.prototype._onChange = function () { var self = this; var data = self.data; var i; var len = data.length; var $checkbox; for (i = 0; i < len; i++) { $checkbox = $(data[i].name); $checkbox.on( 'change', { $checkbox: $checkbox, max: data[i].max }, self._toggle ); $checkbox.trigger('change'); } }; CheckMaxLimit.prototype._toggle = function (e) { var $checkbox = e.data.$checkbox; var $notChecked = $checkbox.not(':checked'); var max = e.data.max; var count = $checkbox.filter(':checked').length; if (count === max) { enquete.checkbox.disable($notChecked); } else { enquete.checkbox.enable($checkbox); } }; return new CheckMaxLimit(); }(ENQUETE)); ENQUETE.required = (function () { var Required = function () { this.data = []; }; Required.prototype.init = function (data) { this.data = data || []; this._rebuildRequiredData(this.data); }; Required.prototype._rebuildRequiredData = function (data) { var i; var len = data.length; var list = []; for (i = 0; i < len; i++) { list.push(data[i].name); } this.data = list; }; Required.prototype.getItemList = function () { var self = this; var data = self.data; var i; var len; var $input; var itemList = []; len = data.length; for (i = 0; i < len; i++) { $input = $(data[i]); if ($input.length && $input.is(':visible')) { itemList.push($input); } } itemList = self._supplementItemList(itemList); return itemList; }; Required.prototype._supplementItemList = function (itemList) { var self = this; var $extra = $('.' + classNames.isRequired); if ($extra.length) { $extra.each(function () { var $this = $(this); var name = $this.prop('name'); var tagName = $this.prop('tagName').toLowerCase(); if (name === '' || tagName !== 'input') { return; } if ($this.is(':visible') && $this.prop('disabled') === false) { itemList = self.addToItemList($this, itemList); } }); } return itemList; }; Required.prototype.addToItemList = function (value, itemList) { var i; var len; var arrAdd; if (util.isArray(value)) { arrAdd = value; } else { arrAdd = [value]; } len = arrAdd.length; for (i = 0; i < len; i++) { if (this._getIndexOfTargtItem(arrAdd[i], itemList) < 0) { itemList.push(arrAdd[i]); } } return itemList; }; Required.prototype.removeFromItemList = function (value, itemList) { var i; var len; var arrRemove; var dataIndex; if (util.isArray(value)) { arrRemove = value; } else { arrRemove = [value]; } len = arrRemove.length; for (i = 0; i < len; i++) { dataIndex = this._getIndexOfTargtItem(arrRemove[i], itemList); itemList.splice(dataIndex, 1); } return itemList; }; Required.prototype._getIndexOfTargtItem = function ($input, itemList) { var i; var len = itemList.length; var index = -1; for (i = 0; i < len; i++) { if (itemList[i].prop('name') === $input.prop('name')) { index = i; break; } } return index; }; return new Required(); }()); ENQUETE.form = (function (enquete) { var Form = function () { // nothing else }; Form.prototype.init = function () { this._bindEvents(); }; Form.prototype._bindEvents = function () { this._onBlurFromTextInput(); this._onSubmit(); }; Form.prototype._onSubmit = function () { var self = this; $('#' + idNames.form).on('submit', function () { var list = enquete.required.getItemList(); $('.' + classNames.errorMessage).remove(); if (self._validateForm(list)) { self._clearHideValues(); return true; } return false; }); }; Form.prototype._onBlurFromTextInput = function () { var selector = '.' + classNames.customText + ', .' + classNames.customTextArea; $(selector).on('blur', function () { this.value = this.value.trim(); }); }; Form.prototype._clearHideValues = function () { var $area = $('.' + classNames.titleAndText); if ($area.length) { $area.each(function () { var $this = $(this); if ($this.is(':hidden')) { $this.find('textarea, :text, select, checkbox, radio'). val(''). end(). find(':checked'). prop('checked', false); } }); } }; Form.prototype._validateForm = function (requiredList) { var result = true; var scrollPos = null; $.each(requiredList, function (idx, $el) { var errorPosition; var errText = options.errorText; var $errMsg; var isEntered = false; var currentPos = null; var $titleAndText; var $title; if ($el.filter(':checkbox, :radio').length > 0) { isEntered = $el.filter(':checked').length > 0; } else { $el.each(function () { isEntered = isEntered || ($(this).val() !== null && $(this).val() !== ''); }); } if (!isEntered) { result = false; errorPosition = '.' + classNames.titleAndText; $titleAndText = $el.eq(0).closest(errorPosition); if (!$titleAndText.length) { return; } $title = $titleAndText.children('.' + classNames.title); $title = $title.length ? $title : $titleAndText.children('.' + classNames.title02); if ($title.length) { $errMsg = $title.after(errText); currentPos = $errMsg.closest(errorPosition).offset().top; } if (scrollPos === null || scrollPos > currentPos) { scrollPos = currentPos; } } }); if (scrollPos !== null) { $('html, body').animate({scrollTop: scrollPos}, 'fast'); } return result; }; return new Form(); }(ENQUETE)); ENQUETE.checkboxGroup = (function (enquete) { var CheckboxGroup = function () { this.data = []; }; CheckboxGroup.prototype.init = function (data) { this.data = data || []; this._bindEvents(); }; CheckboxGroup.prototype._bindEvents = function () { this._onChange(); }; CheckboxGroup.prototype._onChange = function () { var self = this; var data = self.data; var i; var len = data.length; var $checkbox; for (i = 0; i < len; i++) { $checkbox = $(data[i].name); if ($checkbox.length <= 0 || $checkbox.get(0).type !== 'checkbox') { continue; } $checkbox.on( 'change', { $checkbox: $checkbox, outsiders: data[i].outsider }, self._toggle ); $checkbox.trigger('change'); } }; CheckboxGroup.prototype._toggle = function (e) { var outsiders = e.data.outsiders; var $checkbox = e.data.$checkbox; var $outsiders = $checkbox.filter(outsiders); var $base = $checkbox.not(outsiders); if ($base.filter(':checked').length) { enquete.checkbox.disable($outsiders); } else if ($outsiders.filter(':checked').length) { enquete.checkbox.disable($base); } else { enquete.checkbox.enable($checkbox); } }; return new CheckboxGroup(); }(ENQUETE)); $(function () { var enqueteData = win.enqueteData || {}; if (document.getElementById(idNames.survey) === null) { return; } ENQUETE.init(); ENQUETE.required.init(enqueteData.required); ENQUETE.toggleDisplay.init(enqueteData.displaySwitch); ENQUETE.ctrlTxtBox.init(enqueteData.otherPlusText); ENQUETE.checkMaxLimit.init(enqueteData.maxChecked); ENQUETE.checkboxGroup.init(enqueteData.outsider); ENQUETE.form.init(); }); }(this, this.document, this.jQuery, (function () { 'use strict'; return { isArray: function (value) { return Object.prototype.toString.call(value) === '[object Array]'; } }; }()))); /* end Enquete Common-------------------------------------------------------- */ /* ProductsTabNav --------------------------------------------------------------------------- */ $(function () { 'use strict'; var $root = $('.JSSetTab'); var activeClass = 'IsActive'; var dataTrigger = 'data-tab-trigger'; var dataTarget = 'data-tab-target'; var $tabTarget = null; var $tabPanel = null; var $tabTrigger = null; var $this = null; var targetName = null; var $trigger = null; var $triggerRoot = null; if (!$root[0]) { return; } $root.each(function () { $this = $(this); $tabTrigger = $this.find('[' + dataTrigger + ']'); $tabPanel = $this.find('[' + dataTarget + ']'); $tabPanel.hide(); $tabPanel.eq(0).show(); $tabTrigger.eq(0).addClass(activeClass); $tabTrigger.on('click', function (e) { e.preventDefault(); $trigger = $(this); $triggerRoot = $trigger.closest($root); if ($trigger.hasClass(activeClass)) { return; } targetName = $trigger.attr(dataTrigger); $tabTarget = $triggerRoot.find('[' + dataTarget + '="' + targetName + '"]'); $triggerRoot.find('.' + activeClass).removeClass(activeClass); if (!$trigger.hasClass(activeClass)) { $trigger.addClass(activeClass); $triggerRoot.find('[' + dataTarget + ']').hide(); if (!$tabTarget.is(':animated')) { $tabTarget.fadeIn(200); } } }); }); }); /* end ProductsTabNav -------------------------------------------------------- */ (function (win, doc, $, util) { 'use strict'; var KEYENCE = {}; var kpi_openedModalWindow = ''; var SMALL_SCREEN = 969; var smallScreenMql = win.matchMedia('only screen and (max-width: ' + SMALL_SCREEN + 'px)'); if ($ === undefined) { return; } KEYENCE.init = function () { var self = this; self.getElem = { docElement: doc.documentElement ? doc.documentElement : doc.body, spMenu: doc.getElementById('js-setMenu'), spMenuTarget: doc.getElementById('js-setMenu-target'), spSearchTarget: doc.getElementById('js-setMenu-searchTarget'), spMenuBtn: doc.getElementById('js-setMenu-button'), spSearchBtn: doc.getElementById('js-setMenu-searchButton'), changeLang: doc.getElementById('js-changeLanguage'), changeLangTrigger: doc.getElementById('js-changeLanguage-trigger'), changeLangTarget: doc.getElementById('js-changeLanguage-target'), focusOrderTrigger: doc.getElementById('js-ctrlFocusOrder'), divideMenu: doc.getElementById('js-divideMenu'), megaMenu: doc.querySelectorAll('.js-megaMenu'), slideNavTarget: doc.querySelectorAll('.js-slideNavigation-target'), slideNavPrevTrigger: doc.querySelectorAll('.js-slideNavigation-previousTrigger'), slideNavNextTrigger: doc.querySelectorAll('.js-slideNavigation-nextTrigger'), carousel: doc.querySelector('.js-setHomeCarousel'), changeCategoryTarget: doc.querySelectorAll('.js-setChangeCategory-target'), changeCategoryTrigger: doc.querySelectorAll('.js-setChangeCategory-trigger'), adjustHeight: doc.querySelectorAll('.js-setHomeAdjustHeight'), toggleCart: doc.querySelector('.js-toggleCart'), richSurvey: doc.getElementById('js-setRichSurvey') }; self.CONFIG = { FOCUSABLE: 'a, area, [tabindex], input, button, select, option, textarea, output, summary, video, audio, object, embed', SHOW_CLASS: 'is-show', MENU_SHOW_CLASS: 'is-menu-show', MEGA_MENU_SHOW_CLASS: 'is-megaMenu-show', SUGGEST_SHOW_CLASS: 'is-suggest-show', HIDE_CLASS: 'is-hide', ACTIVE_CLASS: 'is-active', CURRENT_CLASS: 'is-current', FIXED_CLASS: 'is-fixed', STOP_CLASS: 'is-stop', ARIA_EXPANDED: 'aria-expanded', ARIA_CONTROLS: 'aria-controls' }; self.polyfill.setChildNodeRemove(); self.polyfill.setNodeListForEach(); self.polyfill.setElemClosest(); }; KEYENCE.ctrlHeader = function () { var self = this; var header = doc.getElementById('js-controlHeader'); var seriesHeader = doc.querySelector('[data-series-header-target="sticky"]'); var observationTarget = doc.createElement('div'); var fn = {}; var observer = null; var intersectionClassName = 'is-intersection'; var searchHiddenClassName = 'IsHidden'; var suggestTarget = doc.querySelector('.JSHeaderSuggest .JSSearchSuggestTarget'); var delayVal = 100; var resizeTimer = null; if (!header || seriesHeader) { return; } fn.hasIntersectionObserver = function () { return ('IntersectionObserver' in win && 'IntersectionObserverEntry' in win); }; fn.init = function () { if (fn.hasIntersectionObserver()) { observationTarget.dataset.observationTarget = 'header'; observationTarget.style.cssText = 'position: absolute; bottom: 0; width: 100%; height: 1px; z-index: 10000;'; header.insertBefore(observationTarget, header.firstChild); observer = new IntersectionObserver(fn.handleIntersect); observer.observe(observationTarget); } }; fn.adjustHeaderHeight = function () { header.style.height = self.getElem.spMenu.offsetHeight + 'px'; }; fn.passIntersection = function () { if (self.getElem.spSearchTarget) { self.getElem.spSearchTarget.classList.add(intersectionClassName); setTimeout(function () { self.getElem.spSearchTarget.classList.remove(intersectionClassName); }, delayVal); } }; fn.fixHeader = function () { header.classList.add(self.CONFIG.FIXED_CLASS); setTimeout(function () { header.classList.add(self.CONFIG.SHOW_CLASS); }, delayVal); if (self.getElem.spSearchTarget && self.getElem.spSearchBtn) { if (self.getElem.spSearchTarget.classList.contains(self.CONFIG.SHOW_CLASS)) { self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, true); } else { self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); } self.getElem.spSearchBtn.disabled = false; } fn.passIntersection(); }; fn.releaseHeader = function () { header.classList.remove(self.CONFIG.FIXED_CLASS); setTimeout(function () { header.classList.remove(self.CONFIG.SHOW_CLASS); }, delayVal); if (!smallScreenMql.matches && self.getElem.spSearchBtn && self.getElem.spSearchTarget) { self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, true); self.getElem.spSearchBtn.disabled = true; self.getElem.spSearchTarget.classList.remove(self.CONFIG.HIDE_CLASS); } fn.passIntersection(); }; fn.handleResize = function () { if (resizeTimer !== null) { clearTimeout(resizeTimer); } resizeTimer = setTimeout(function () { fn.adjustHeaderHeight(); if (!fn.hasIntersectionObserver()) { fn.runForLegacy(); } }, delayVal); }; fn.handleIntersect = function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { fn.releaseHeader(); fn.adjustHeaderHeight(); } else { fn.fixHeader(); fn.adjustHeaderHeight(); } }); }; fn.runForLegacy = function () { if (win.pageYOffset > Math.round(header.getBoundingClientRect().top)) { fn.fixHeader(); } else { fn.releaseHeader(); } fn.adjustHeaderHeight(); }; fn.runForEachScreen = function () { if (smallScreenMql.matches) { if (!fn.hasIntersectionObserver()) { win.removeEventListener('load', fn.runForLegacy); win.removeEventListener('scroll', fn.runForLegacy); } if (self.getElem.spSearchTarget && self.getElem.spSearchBtn) { self.getElem.spSearchBtn.disabled = false; if (self.getElem.spSearchTarget.classList.contains(self.CONFIG.SHOW_CLASS)) { self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, true); } else { self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); } } if (suggestTarget) { doc.body.classList.remove(self.CONFIG.SUGGEST_SHOW_CLASS); suggestTarget.classList.add(searchHiddenClassName); } } else { header.style.height = 'auto'; if (!fn.hasIntersectionObserver()) { win.addEventListener('load', fn.runForLegacy); win.addEventListener('scroll', fn.runForLegacy); } if (self.getElem.spSearchBtn) { setTimeout(function () { if (header.classList.contains(self.CONFIG.FIXED_CLASS)) { self.getElem.spSearchBtn.disabled = false; self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); } else { self.getElem.spSearchBtn.disabled = true; self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, true); } }, delayVal); } if (suggestTarget) { doc.body.classList.remove(self.CONFIG.SUGGEST_SHOW_CLASS); suggestTarget.classList.add(searchHiddenClassName); } } }; fn.init(); fn.runForEachScreen(); smallScreenMql.addListener(fn.runForEachScreen); win.addEventListener('resize', fn.handleResize); }; KEYENCE.setMenu = function () { var self = this; var isAnimated = false; var toggleMenu = null; var transitionEndMenu = null; var transitionEndSearch = null; var runKeydown = null; var runForEachScreen = null; var body = null; if (!self.getElem.spMenu) { return; } body = doc.body; toggleMenu = function (e) { var thisTrigger = e.currentTarget; e.preventDefault(); if (!isAnimated) { isAnimated = true; this.anotherTarget.classList.remove(self.CONFIG.SHOW_CLASS); this.trigger.setAttribute(self.CONFIG.ARIA_EXPANDED, false); if (this.target.classList.contains(self.CONFIG.SHOW_CLASS)) { thisTrigger.setAttribute(self.CONFIG.ARIA_EXPANDED, false); this.target.classList.remove(self.CONFIG.SHOW_CLASS); this.target.classList.add(self.CONFIG.HIDE_CLASS); body.classList.remove(self.CONFIG.MENU_SHOW_CLASS); } else { thisTrigger.setAttribute(self.CONFIG.ARIA_EXPANDED, true); this.target.classList.add(self.CONFIG.SHOW_CLASS); this.target.classList.remove(self.CONFIG.HIDE_CLASS); body.classList.add(self.CONFIG.MENU_SHOW_CLASS); if (self.getElem.slideNavTarget.length) { self.getElem.slideNavTarget.forEach(function (items) { items.classList.remove(self.CONFIG.SHOW_CLASS); }); } } } }; runKeydown = function (e) { if (e.key === 'Esc' || e.key === 'Escape') { e.preventDefault(); if (!this.classList.contains(self.CONFIG.MENU_SHOW_CLASS)) { return; } this.classList.remove(self.CONFIG.MENU_SHOW_CLASS); if (self.getElem.spMenuBtn && self.getElem.spMenuTarget) { self.getElem.spMenuBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); self.getElem.spMenuTarget.classList.remove(self.CONFIG.SHOW_CLASS); self.getElem.spMenuTarget.classList.add(self.CONFIG.HIDE_CLASS); } if (self.getElem.spSearchBtn && self.getElem.spSearchTarget) { self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); self.getElem.spSearchTarget.classList.remove(self.CONFIG.SHOW_CLASS); self.getElem.spSearchTarget.classList.add(self.CONFIG.HIDE_CLASS); } } }; transitionEndMenu = function () { isAnimated = false; if (!body.classList.contains(self.CONFIG.MENU_SHOW_CLASS)) { self.getElem.spMenuTarget.removeAttribute('style'); $(self.getElem.spMenuTarget).find(self.CONFIG.FOCUSABLE).removeAttr('tabindex'); } }; transitionEndSearch = function () { isAnimated = false; self.getElem.spMenuTarget.removeAttribute('style'); $(self.getElem.spMenuTarget).find(self.CONFIG.FOCUSABLE).removeAttr('tabindex'); if (!smallScreenMql.matches && self.getElem.spSearchTarget && self.getElem.spSearchTarget.classList.contains(self.CONFIG.SHOW_CLASS) ) { if (self.getElem.spSearchTarget.querySelector('.JSSearchSuggestInput')) { self.getElem.spSearchTarget.querySelector('.JSSearchSuggestInput').focus(); } } }; if (self.getElem.spMenuBtn && self.getElem.spMenuTarget) { self.getElem.spMenuBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); self.getElem.spMenuBtn.setAttribute(self.CONFIG.ARIA_CONTROLS, self.getElem.spMenuTarget.id); self.getElem.spMenuBtn.addEventListener('click', { handleEvent: toggleMenu, trigger: self.getElem.spSearchBtn, target: self.getElem.spMenuTarget, anotherTarget: self.getElem.spSearchTarget }, false); } if (self.getElem.spSearchBtn && self.getElem.spSearchTarget) { self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_CONTROLS, self.getElem.spSearchTarget.id); self.getElem.spSearchBtn.addEventListener('click', { handleEvent: toggleMenu, trigger: self.getElem.spMenuBtn, target: self.getElem.spSearchTarget, anotherTarget: self.getElem.spMenuTarget }, false); } self.getElem.spMenuBtn.children[0].addEventListener('transitionend', transitionEndMenu, false); self.getElem.spSearchBtn.addEventListener('transitionend', transitionEndSearch, false); runForEachScreen = function () { body.classList.add('is-menu-initializing'); setTimeout(function () { body.classList.remove('is-menu-initializing'); }, 200); if (smallScreenMql.matches) { body.addEventListener('keydown', runKeydown, false); body.classList.remove(self.CONFIG.MENU_SHOW_CLASS); doc.querySelector('.JSHeaderSuggest .JSSearchSuggestInput').blur(); if (self.getElem.spMenuBtn && self.getElem.spMenuTarget) { self.getElem.spMenuTarget.classList.add(self.CONFIG.HIDE_CLASS); self.getElem.spMenuTarget.classList.remove(self.CONFIG.SHOW_CLASS); self.getElem.spMenuBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); } if (self.getElem.spSearchBtn && self.getElem.spSearchTarget) { self.getElem.spSearchTarget.classList.add(self.CONFIG.HIDE_CLASS); self.getElem.spSearchTarget.classList.remove(self.CONFIG.SHOW_CLASS); self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); } } else { body.removeEventListener('keydown', runKeydown, false); if (self.getElem.spMenuBtn && self.getElem.spMenuTarget) { self.getElem.spMenuTarget.classList.remove(self.CONFIG.HIDE_CLASS); } if (self.getElem.spSearchBtn && self.getElem.spSearchTarget) { self.getElem.spSearchTarget.classList.remove(self.CONFIG.HIDE_CLASS); self.getElem.spSearchTarget.classList.remove(self.CONFIG.SHOW_CLASS); self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); } } }; runForEachScreen(); smallScreenMql.addListener(runForEachScreen); }; KEYENCE.setMegaMenu = function () { var self = this; var rootSelector = '.js-megaMenu'; var targetSelector = null; var triggerSelector = null; var overlayName = 'js-menu-overlay'; var targets = null; var triggers = null; var fn = {}; var handlers = {}; var isAnimated = false; var slideNavTargetSelector = '.js-slideNavigation-target'; var arrPageX = []; var arrPageY = []; var resizeTimer = null; var delayVal = 100; if (!self.getElem.megaMenu.length) { return; } targetSelector = rootSelector + '-target'; triggerSelector = rootSelector + '-trigger'; targets = doc.querySelectorAll(targetSelector); triggers = doc.querySelectorAll(triggerSelector); if (!targets.length || !triggers.length) { return; } fn.hideMenu = function (target) { if (target && target.nodeType === 1 && target.classList.contains(self.CONFIG.SHOW_CLASS)) { target.classList.remove(self.CONFIG.SHOW_CLASS); target.classList.add(self.CONFIG.HIDE_CLASS); target.removeAttribute('style'); } }; fn.hideSuggest = function () { doc.body.classList.remove(self.CONFIG.SUGGEST_SHOW_CLASS); doc.querySelector('.JSHeaderSuggest .JSSearchSuggestTarget').classList.add('IsHidden'); }; fn.showMenu = function (target) { if (target && target.nodeType === 1) { target.classList.add(self.CONFIG.SHOW_CLASS); target.classList.remove(self.CONFIG.HIDE_CLASS); doc.body.classList.add(self.CONFIG.MEGA_MENU_SHOW_CLASS); if (doc.getElementById(overlayName)) { doc.getElementById(overlayName).setAttribute('data-owner', 'megaMenu'); } } }; fn.adjustTargetHeight = function (target) { if (target && target.nodeType === 1 && target.children[0]) { if (target.offsetHeight < target.children[0].offsetHeight) { target.style.height = target.children[0].offsetHeight + 'px'; } else { target.style.height = target.offsetHeight + 'px'; } } }; fn.activateTrigger = function (trigger) { if (trigger && trigger.nodeType === 1) { trigger.classList.add(self.CONFIG.ACTIVE_CLASS); } }; fn.deactivateTrigger = function (trigger) { if (trigger && trigger.nodeType === 1) { trigger.classList.remove(self.CONFIG.ACTIVE_CLASS); } }; fn.removeMenuShowClass = function () { doc.body.classList.remove(self.CONFIG.MEGA_MENU_SHOW_CLASS); }; handlers.onForcusinForFocusable = function (e) { if (!e.target.closest(rootSelector)) { targets.forEach(function (items) { fn.hideMenu(items); }); triggers.forEach(function (items) { fn.deactivateTrigger(items); }); fn.removeMenuShowClass(); } }; handlers.onMouseenterForTrigger = function (e) { var thisTrigger = e.currentTarget; e.preventDefault(); triggers.forEach(function (items) { fn.deactivateTrigger(items); }); targets.forEach(function (items) { fn.hideMenu(items); }); fn.showMenu(this.target); fn.adjustTargetHeight(this.target); fn.activateTrigger(thisTrigger); doc.activeElement.blur(); fn.hideSuggest(); }; handlers.onForcusinForTrigger = function (e) { var thisTrigger = e.currentTarget; triggers.forEach(function (items) { fn.deactivateTrigger(items); }); targets.forEach(function (items) { fn.hideMenu(items); }); fn.showMenu(this.target); fn.adjustTargetHeight(this.target); fn.activateTrigger(thisTrigger); fn.hideSuggest(); }; handlers.onTouchstartForTrigger = function (e) { arrPageX.length = 0; arrPageY.length = 0; arrPageX.push(e.touches[0].pageX); arrPageY.push(e.touches[0].pageY); if (doc.querySelectorAll('.JSSearchSuggestTarget').length) { doc.querySelectorAll('.JSSearchSuggestTarget').forEach(function (items) { items.classList.add('IsHidden'); }); } }; handlers.onTouchendForTrigger = function (e) { if (e.changedTouches[0].pageX !== arrPageX[0] || e.changedTouches[0].pageY !== arrPageY[0]) { e.preventDefault(); } }; handlers.onMouseleaveForTrigger = function (e) { var thisTrigger = e.currentTarget; fn.hideMenu(this.target); fn.deactivateTrigger(thisTrigger); fn.removeMenuShowClass(); }; handlers.onMouseenterForTarget = function () { fn.showMenu(this.target); fn.adjustTargetHeight(this.target); fn.activateTrigger(this.trigger); fn.hideSuggest(); }; handlers.onMouseleaveForTarget = function () { fn.hideMenu(this.target); fn.deactivateTrigger(this.trigger); fn.removeMenuShowClass(); }; handlers.onFocusinForTarget = function () { fn.showMenu(this.target); fn.hideSuggest(); }; handlers.onTouchstartForDoc = function (e) { arrPageX.length = 0; arrPageY.length = 0; arrPageX.push(e.touches[0].pageX); arrPageY.push(e.touches[0].pageY); }; handlers.onTouchstartCloseMegaMenu = function (e) { if (e.changedTouches[0].pageX === arrPageX[0] || e.changedTouches[0].pageY === arrPageY[0]) { if (!e.target.closest(rootSelector)) { if (e.target.id === overlayName) { e.preventDefault(); } fn.deactivateTrigger(this.trigger); fn.hideMenu(this.target); fn.removeMenuShowClass(); } } }; handlers.resizeTarget = function () { if (resizeTimer !== null) { clearTimeout(resizeTimer); } resizeTimer = setTimeout(function () { targets.forEach(function (items) { if (items.classList.contains(self.CONFIG.SHOW_CLASS) && items.children[0]) { items.style.height = items.children[0].offsetHeight + 'px'; } }); }, delayVal); }; handlers.slideNext = function (e) { var $this = $(this); if (!self.getElem.slideNavTarget.length) { return; } e.preventDefault(); if (!isAnimated) { isAnimated = true; if (self.getElem.docElement.scrollTop) { self.getElem.docElement.scrollTop = 0; } if (doc.body.scrollTop) { doc.body.scrollTop = 0; } self.getElem.slideNavTarget.forEach(function (items) { items.classList.remove(self.CONFIG.SHOW_CLASS); }); if (this.closest('li') && this.closest('li').querySelector(slideNavTargetSelector)) { this.closest('li').querySelector(slideNavTargetSelector).classList.add(self.CONFIG.SHOW_CLASS); $(self.getElem.spMenuTarget).find(self.CONFIG.FOCUSABLE).attr('tabindex', -1); $(this.closest('li').querySelector(slideNavTargetSelector)).find(self.CONFIG.FOCUSABLE).removeAttr('tabindex'); } if ($this.parents(slideNavTargetSelector).length) { $this.parents(slideNavTargetSelector).addClass(self.CONFIG.SHOW_CLASS); } if (self.getElem.spMenuTarget) { self.getElem.spMenuTarget.style.left = Number(self.getElem.spMenuTarget.style.left.slice(0, -1)) - 100 + '%'; } this.blur(); } }; handlers.slidePrev = function (e) { if (!self.getElem.spMenuTarget) { return; } e.preventDefault(); if (!isAnimated) { isAnimated = true; if (self.getElem.docElement.scrollTop) { self.getElem.docElement.scrollTop = 0; } if (doc.body.scrollTop) { doc.body.scrollTop = 0; } self.getElem.spMenuTarget.classList.add('is-back'); self.getElem.spMenuTarget.style.left = Number(self.getElem.spMenuTarget.style.left.slice(0, -1)) + 100 + '%'; if (this.closest(slideNavTargetSelector)) { this.closest(slideNavTargetSelector).classList.add('is-targeted'); } this.blur(); } }; handlers.slideEnd = function () { var target = null; if (this.classList.contains('is-back')) { if (self.getElem.slideNavPrevTrigger.length) { self.getElem.slideNavPrevTrigger.forEach(function (items) { target = items.closest(slideNavTargetSelector + '.is-targeted'); if (target) { target.classList.remove(self.CONFIG.SHOW_CLASS); target.classList.remove('is-targeted'); $(self.getElem.spMenuTarget).find(self.CONFIG.FOCUSABLE).attr('tabindex', -1); $(self.getElem.slideNavTarget).filter('.' + self.CONFIG.SHOW_CLASS).find(self.CONFIG.FOCUSABLE).removeAttr('tabindex'); } }); } this.classList.remove('is-back'); } if (Number(self.getElem.spMenuTarget.style.left.slice(0, -1)) === 0) { $(self.getElem.spMenuTarget).find(self.CONFIG.FOCUSABLE).removeAttr('tabindex'); } isAnimated = false; }; self.getElem.megaMenu.forEach(function (items) { var target = items.querySelector(targetSelector); var trigger = items.querySelector(triggerSelector); var objMouseenterForTrigger = { handleEvent: handlers.onMouseenterForTrigger, target: target }; var objForcusinForTrigger = { handleEvent: handlers.onForcusinForTrigger, target: target }; var objMouseleaveForTrigger = { handleEvent: handlers.onMouseleaveForTrigger, target: target }; var objMouseenterForTarget = { handleEvent: handlers.onMouseenterForTarget, trigger: trigger, target: target }; var objMouseleaveForTarget = { handleEvent: handlers.onMouseleaveForTarget, trigger: trigger, target: target }; var objFocusinForTarget = { handleEvent: handlers.onFocusinForTarget, target: target }; var objTouchstarCloseMegaMenu = { handleEvent: handlers.onTouchstartCloseMegaMenu, trigger: trigger, target: target }; fn.runForEachScreen1 = function () { if (smallScreenMql.matches) { trigger.removeEventListener('mouseenter', objMouseenterForTrigger, false); trigger.removeEventListener('touchstart', handlers.onTouchstartForTrigger, false); trigger.removeEventListener('touchmove', objMouseenterForTrigger, false); trigger.removeEventListener('focusin', objForcusinForTrigger, false); trigger.removeEventListener('mouseleave', objMouseleaveForTrigger, false); target.removeEventListener('mouseenter', objMouseenterForTarget, false); target.removeEventListener('mouseleave', objMouseleaveForTarget, false); target.removeAttribute('style'); target.querySelectorAll(self.CONFIG.FOCUSABLE).forEach(function (selectors) { selectors.removeEventListener('focusin', objFocusinForTarget, false); }); fn.removeMenuShowClass(); fn.deactivateTrigger(trigger); doc.removeEventListener('touchstart', handlers.onTouchstartForDoc, false); doc.removeEventListener('touchend', objTouchstarCloseMegaMenu, false); win.removeEventListener('resize', handlers.resizeTarget, false); } else { trigger.addEventListener('touchstart', handlers.onTouchstartForTrigger, false); trigger.addEventListener('mouseenter', objMouseenterForTrigger, false); trigger.addEventListener('touchmove', objMouseenterForTrigger, false); trigger.addEventListener('focusin', objForcusinForTrigger, false); trigger.addEventListener('mouseleave', objMouseleaveForTrigger, false); target.addEventListener('mouseenter', objMouseenterForTarget, false); target.addEventListener('mouseleave', objMouseleaveForTarget, false); target.querySelectorAll(self.CONFIG.FOCUSABLE).forEach(function (selectors) { selectors.addEventListener('focusin', objFocusinForTarget, false); }); doc.addEventListener('touchstart', handlers.onTouchstartForDoc, false); doc.addEventListener('touchend', objTouchstarCloseMegaMenu, false); win.addEventListener('resize', handlers.resizeTarget, false); } }; fn.runForEachScreen1(); smallScreenMql.addListener(fn.runForEachScreen1); }); fn.spMegaMenuEvents = function () { if (self.getElem.slideNavNextTrigger.length) { self.getElem.slideNavNextTrigger.forEach(function (items) { items.addEventListener('click', handlers.slideNext, false); }); } if (self.getElem.slideNavPrevTrigger.length) { self.getElem.slideNavPrevTrigger.forEach(function (items) { items.addEventListener('click', handlers.slidePrev, false); }); } if (self.getElem.spMenuTarget) { self.getElem.spMenuTarget.addEventListener('transitionend', handlers.slideEnd, false); } }; fn.runForEachScreen2 = function () { if (smallScreenMql.matches) { fn.spMegaMenuEvents(); targets.forEach(function (items) { items.classList.remove(self.CONFIG.SHOW_CLASS); items.classList.remove(self.CONFIG.HIDE_CLASS); }); doc.querySelectorAll(self.CONFIG.FOCUSABLE).forEach(function (selectors) { selectors.removeEventListener('focusin', handlers.onForcusinForFocusable, false); }); if (self.getElem.changeLangTrigger) { self.getElem.changeLangTrigger.removeEventListener('focusin', handlers.onForcusinForFocusable, false); } } else { $(self.getElem.spMenuTarget).find(self.CONFIG.FOCUSABLE).removeAttr('tabindex'); if (self.getElem.slideNavNextTrigger.length) { self.getElem.slideNavNextTrigger.forEach(function (items) { items.removeEventListener('click', handlers.slideNext, false); }); } if (self.getElem.slideNavPrevTrigger.length) { self.getElem.slideNavPrevTrigger.forEach(function (items) { items.removeEventListener('click', handlers.slidePrev, false); }); } if (self.getElem.spMenuTarget) { self.getElem.spMenuTarget.removeAttribute('style'); self.getElem.spMenuTarget.removeEventListener('transitionend', handlers.slideEnd, false); } if (self.getElem.slideNavTarget) { self.getElem.slideNavTarget.forEach(function (items) { items.classList.remove(self.CONFIG.SHOW_CLASS); }); } doc.querySelectorAll(self.CONFIG.FOCUSABLE).forEach(function (selectors) { selectors.addEventListener('focusin', handlers.onForcusinForFocusable, false); }); if (self.getElem.changeLangTrigger) { self.getElem.changeLangTrigger.addEventListener('focusin', handlers.onForcusinForFocusable, false); } } }; fn.runForEachScreen2(); smallScreenMql.addListener(fn.runForEachScreen2); }; KEYENCE.divideMenu = function () { var self = this; var targetList = null; var targetListLength = null; var $targetList = null; var i = null; var j = null; var rowNumArrLength = null; var divideArrLength = null; var divideArrsLength = null; var rowNumArr = []; var divideArr = []; var accumulation = 0; var divideCount = 0; var groupCount = 0; var groupClassStr = 'group'; if (!self.getElem.divideMenu) { return; } targetList = self.getElem.divideMenu.querySelectorAll('.navigationMegaMenu-list'); $targetList = $(targetList); targetListLength = $targetList.length; if (!targetListLength) { return; } for (i = 0; i < targetListLength; i++) { if (!$targetList.eq(i).hasClass('smallScreen-show')) { rowNumArr.push($targetList.eq(i).find('li:not(".smallScreen-show")').length); } else { rowNumArr.push(0); } } divideArr[divideCount] = []; for (i = 0, rowNumArrLength = rowNumArr.length; i < rowNumArrLength; i++) { if (accumulation <= win.kpi_usersettings.MegaMenuRowsNum) { accumulation += rowNumArr[i]; if (accumulation + rowNumArr[i + 1] <= win.kpi_usersettings.MegaMenuRowsNum) { divideArr[divideCount].push(rowNumArr[i]); divideArr[divideCount + 1] = []; } else { divideArr[divideCount].push(rowNumArr[i]); divideArr[divideCount + 1] = []; accumulation = 0; divideCount++; } } } divideArr.pop(); $(self.getElem.divideMenu).find('.layout-megaMenuGrid').addClass('of-column-' + divideArr.length); for (i = 0, divideArrLength = divideArr.length; i < divideArrLength; i++) { for (j = 0, divideArrsLength = divideArr[i].length; j < divideArrsLength; j++) { groupCount++; $targetList.eq(groupCount - 1).addClass(groupClassStr + i); } $targetList.filter('.' + groupClassStr + i).wrapAll('
                '); $targetList.filter('.' + groupClassStr + i).removeClass(groupClassStr + i); } }; KEYENCE.setCurrentNav = function () { var self = this; var nav; var href = null; var hrefRegexp = null; var pathname = win.location.pathname; if (win.suz_LanguagePath + '/' === pathname) { return; } if (!self.getElem.focusOrderTrigger) { return; } nav = self.getElem.focusOrderTrigger.querySelectorAll('.navigationGlobal > li > a'); if (!nav.length) { return; } nav.forEach(function (items) { href = items.pathname.replace(/^\/(.+)(\/index\.jsp?)$/, '/$1/'); hrefRegexp = new RegExp('^' + href); if (hrefRegexp.test(pathname)) { items.classList.add(self.CONFIG.CURRENT_CLASS); } }); }; KEYENCE.ctrlTelLink = function () { var telLink = doc.querySelectorAll('a[href^="tel:"]'); var hasTouchScreen = false; var mQ = null; var ua = win.navigator.userAgent; var cancelLink = null; if (!telLink.length) { return; } cancelLink = function (e) { e.preventDefault(); }; if ('maxTouchPoints' in navigator) { hasTouchScreen = win.navigator.maxTouchPoints > 0; if (ua.indexOf('Edge') !== -1) { if (ua.indexOf('Windows Phone') === -1 && ua.indexOf('IEMobile') === -1) { hasTouchScreen = false; } } } else if ('msMaxTouchPoints' in navigator) { hasTouchScreen = win.navigator.msMaxTouchPoints > 0; } else { mQ = win.matchMedia && matchMedia('(pointer:coarse)'); if (mQ && mQ.media === '(pointer:coarse)') { hasTouchScreen = Boolean(mQ.matches); } else if ('orientation' in win) { hasTouchScreen = true; } else { hasTouchScreen = ( /\b(BlackBerry|webOS|iPhone|IEMobile)\b/i.test(ua) || /\b(Android|Windows Phone|iPad|iPod)\b/i.test(ua) ); } } if (!hasTouchScreen) { telLink.forEach(function (item) { item.addEventListener('click', cancelLink, false); }); } }; KEYENCE.scrollTransitionToAnchor = function () { var self = this; var hash = win.location.hash; var target = doc.getElementById(hash.substring(1)); var seriesHeader = doc.querySelector('[data-series-header-target="sticky"]'); var fixedHeader = null; var needsInitialScroll = target !== null; var smallHeightScreenMql = win.matchMedia('only screen and (max-height: 770px)'); var scroller = {}; scroller.init = new SmoothScroll(); scroller.run = function () { scroller.init.destroy(); if (smallScreenMql.matches) { fixedHeader = seriesHeader ? '[data-series-header-target="sticky"]' : null; } else { if (smallHeightScreenMql.matches) { fixedHeader = seriesHeader ? '[data-series-header-target="sticky"]' : null; } else { fixedHeader = seriesHeader ? '[data-series-header-target="sticky"]' : '#js-controlHeader'; } } scroller.init = new SmoothScroll('a[href^="#"], map.Scroll > area[href^="#"]', { ignore: '#ModalContent', header: fixedHeader, speed: 400, easing: 'easeInOutQuart', updateURL: false, speedAsDuration: true }); }; scroller.runForEachScreen = function () { scroller.run(); }; scroller.handleLoad = function () { if (needsInitialScroll) { scroller.init.animateScroll(target, null, { speed: 100 }); } }; scroller.handleScrollStart = function () { if (self.getElem.spSearchBtn && self.getElem.spSearchTarget) { self.getElem.spSearchBtn.setAttribute(self.CONFIG.ARIA_EXPANDED, false); self.getElem.spSearchTarget.classList.remove(self.CONFIG.SHOW_CLASS); doc.body.classList.remove(self.CONFIG.MENU_SHOW_CLASS); } }; scroller.runForEachScreen(); smallScreenMql.addListener(scroller.runForEachScreen); smallHeightScreenMql.addListener(scroller.runForEachScreen); win.addEventListener('load', scroller.handleLoad); doc.addEventListener('scrollStart', scroller.handleScrollStart); }; KEYENCE.insertMetaViewport = function () { var head = doc.querySelector('head'); var meta = doc.createElement('meta'); var existingMeta = doc.querySelector('meta[name="viewport"]'); if (existingMeta) { return; } if (head && head.querySelector(':first-child')) { meta.name = 'viewport'; meta.content = 'width=1280'; head.insertBefore(meta, head.querySelector(':first-child')); } }; KEYENCE.disableAdobeFont = function () { var url = win.location.pathname; var urlLists = url.split('/'); var docElement = doc.documentElement; var fn = {}; fn.init = function () { fn.changeClass(); }; fn.changeClass = function () { if (fn.checkHasUrl()) { fn.addClass(); } }; fn.addClass = function () { if (docElement && docElement.nodeType === 1) { docElement.classList.add('theme-noAdobeFont'); } }; fn.checkHasUrl = function () { var hasLpcUrl = false; if (win.suz_LanguagePath && urlLists[3] === 'lpc') { hasLpcUrl = true; } else if (urlLists[2] === 'lpc') { hasLpcUrl = true; } return hasLpcUrl; }; fn.init(); }; $(function () { var alertText; var cookieValue; if (!win.kpi_cookie_alert.flag) { return; } if ($('#HeaderArea').length) { return; } alertText = $( '
                ' + '
                ' + '
                ' + '

                ' + win.kpi_cookie_alert.text + '

                ' + '' + '
                ' + '
                ' + '' + '
                ' + '
                ' + '
                ' ); cookieValue = util.getCookie('kpi_cookie_count'); if (!cookieValue) { cookieValue = 0; } if (cookieValue === 0) { $('.layout-header').before(alertText); alertText.ready(function () { var alertTextHeight = alertText.height(); $('#MegaMenu').css('margin-top', alertTextHeight + 'px'); }); $(document).on('click', '.js-setDialogCookie-button', function () { $('.js-setDialogCookie').hide(); $('#MegaMenu').css('margin-top', '0'); cookieValue++; // $.cookie('kpi_cookie_count',cookieValue,{expires:365,path:'/',domain:kpi_cookiesettings.cookieDomain}); util.setCookie('kpi_cookie_count', cookieValue); }); } }); // Run: DOMContentLoaded doc.addEventListener('DOMContentLoaded', function () { KEYENCE.runDomReady(); }, false); // Run: load win.addEventListener('load', function () { KEYENCE.runLoad(); }, false); KEYENCE.runDomReady = function () { KEYENCE.insertMetaViewport(); KEYENCE.scrollTransitionToAnchor(); }; KEYENCE.runLoad = function () { // do nothing. }; $(function () { KEYENCE.init(); KEYENCE.ctrlHeader(); KEYENCE.setMenu(); KEYENCE.setMegaMenu(); KEYENCE.divideMenu(); KEYENCE.setCurrentNav(); KEYENCE.ctrlTelLink(); KEYENCE.disableAdobeFont(); }); KEYENCE.polyfill = { setChildNodeRemove: function () { var arr = [Element.prototype, CharacterData.prototype, DocumentType.prototype]; arr.forEach(function (item) { item.remove = item.remove || function () { this.parentNode.removeChild(this); }; }); }, setNodeListForEach: function () { if (win.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } }, setElemClosest: function () { if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; } if (!Element.prototype.closest) { Element.prototype.closest = function (s) { var el = this; if (!doc.documentElement.contains(el)) { return null; } do { if (el.matches(s)) { return el; } el = el.parentElement || el.parentNode; } while (el !== null && el.nodeType === 1); return null; }; } } }; $.fn.tabChange = function (options) { options = $.extend({ selected: 0 }, options); var b = $(this).children('dl').attr('class'); return this.each(function (e) { var $this = $(this); var $tab = $this.find('ul.' + b); var h; if ($tab.length === 0) { $(this).prepend('
                  '); var g = $(this).children('dl').children('dt').length; for (h = 0; h < g; h++) { var i = $(this).children('dl').children('dt').attr('class'); $this.find('ul.' + b).append('
                • ' + $(this).children('dl.' + b).children('dt').eq(h).html() + '
                • '); } } $(this).children('dl.' + b).children('dd').css('display', 'none'); $(this).attr({ id: 'tabSwitching' + ++e }); var d = $('#tabSwitching' + e).find('ul.' + b).children('li'); var f = $('#tabSwitching' + e).find('dl.' + b).children('dd'); d.eq(options.selected).addClass('Current'); f.eq(options.selected).addClass('Current').css('display', 'block'); d.on('click', function () { var b = d.index(this); d.removeClass('Current'); $(this).addClass('Current'); f.removeClass('Current').css('display', 'none'); f.eq(b).addClass('Current').css('display', 'block'); }); }); }; $.fn.setRepairSuggestBox = function(options) { if (!this) { return false; } var o = $.extend({ text : kpi_repair_page_suggest.text, btnText01 : kpi_repair_page_suggest.btnText01, btnText02 : kpi_repair_page_suggest.btnText02, limit : kpi_repair_page_suggest.limit, url : 'https://www.keyence.com/landing/lp_select-country-repair_01124514.jsp' }, options); return this.each(function() { var text = o.text; var btnText01 = o.btnText01; var btnText02 = o.btnText02; var limit = o.limit; var url = o.url; var html = ''; var visitedCountCookie = $.cookie('visitedCount'); var urlPath = location.pathname; if(!visitedCountCookie){ visitedCountCookie = 0; } if(visitedCountCookie === 0) { openRepairSuggestBox(); } function openRepairSuggestBox() { html = '
                  '; html += '
                  '; html += '

                  '+ text +'

                  '; html += ''; html += '
                  '; html += '
                  '; $.fancybox( html, { autoScale: true, padding: 0, modal : true, closeBtn: false, afterLoad : function() { $('a, area, input, select, textarea, button, [tabindex]').attr('tabindex', '-1'); $('.dialogRepairSuggest').attr('tabindex', '0').focus().find('a, area, input, select, textarea, button, [tabindex]').removeAttr('tabindex'); }, afterClose : function() { $('a, area, input, select, textarea, button, [tabindex]').removeAttr('tabindex'); $('.dialogRepairSuggest').removeAttr('tabindex'); } }); $('.dialogRepairSuggest').parents('.fancybox-skin').addClass('dialogRepairSuggestSkin'); $('.dialogRepairSuggestBtn').on('click', function() { parent.$.fancybox.close(); $.cookie('visitedCount', visitedCountCookie, {expires:limit, path:urlPath, domain:kpi_cookiesettings.cookieDomain}); }); $('.dialogRepairSuggestBtnSelect').on('click', function() { parent.$.fancybox.close(); }); } }); }; /* Language Selecter ---------------------------------------------------------------- */ $(function () { var kpi_changeLanguageDomain = { defaultPath: location.href.split('/') ,pagePath:'' ,topFlg:false ,init: function() { $('.TabSwitching').tabChange(); // $('table.Stripe tbody').find('tr:odd').addClass('EvenRow'); if(kpi_domainSettings.isDomain) {// After Delete var _pagePath = this.pagePath; if(this.topFlg==false) { $('.js-changeRegionPath a').each(function() { var href = $(this).attr('href').split('/'); var newHref = href[0] + '/' + href[1] + '/' + href[2]; if( suz_search_Path.is_subLangPath(href[3]) ){ newHref += '/' + href[3]; } newHref = newHref + _pagePath; $(this).attr('href', newHref); }) } } } ,initLanguageList: function() { if(kpi_domainSettings.isDomain) {// After Delete var _pagePath = this.pagePath; if(this.topFlg==false) { $('#js-changeLanguage a').each(function() { var href = $(this).attr('href').split('/'); var newHref = ''; if( suz_search_Path.is_subLangPath(href[1]) ){ newHref += '/' + href[1]; } newHref = newHref + _pagePath; $(this).attr('href', newHref); }) } } } ,setup: function() { if(kpi_domainSettings.isDomain) {// After Delete this.pagePath = ''; for(var i=0;i 2) { if( !( i==3 && suz_search_Path.is_subLangPath(this.defaultPath[i]) == true ) ){ this.pagePath += '/' + this.defaultPath[i]; } } } var tempPath = this.pagePath.split('/'); this.topFlg = false; if(tempPath[1] == ''){ this.topFlg = true; } for(i=0;i=0){ this.topFlg = true; break; } } } this.initLanguageList(); } }; kpi_changeLanguageDomain.setup(); var kpi_languageSerecter = win.kpi_originalDomain.indexOf(window.location.host) > -1 ? kpi_domainSettings.searchDomain + kpi_loadingfiles.RegionSelectHtml + ' #ModalContent' : '/modal/region_selector.html' + ' #ModalContent'; $('#js-changeRegion-trigger').kpi_modalbox({ speed: kpi_usersettings.ModalOpenSpd, initialWidth: "450px", height: "600px", href: kpi_languageSerecter, title: kpi_translation.SelectRegionMsg, closeButton: false, onOpen:function(){ $('#kpi_modalbox').removeClass('ModalLarge'); $('#kpi_modalbox').addClass('of-regionSelector'); $('#kpi_boxOverlay').addClass('of-regionSelector'); }, onComplete:function(){ var root = $('#kpi_modalbox'); var modalWrap = root.find('#kpi_boxWrapper'); var modalCont = root.find('#kpi_boxContent'); var modalLoaded = root.find('#kpi_boxLoadedContent'); var modalInner = modalLoaded.find('#ModalContent'); var tabPanel = modalInner.find('dl.Tab dd'); var modalCloseId = 'modalClose'; var escTxt = kpi_translation.Close; var originalDomainRegExp = new RegExp('^' + win.kpi_originalDomain + '\/'); var $modalClose; var tab; if (modalInner.hasClass('of-regionSelector')) { $('#kpi_boxTitle').addClass('of-regionSelector'); } if (!$('#' + modalCloseId).length) { modalInner.prepend(''); } $modalClose = modalInner.find('#' + modalCloseId); $modalClose.show().focus(); function stopBubbling(target) { target.off('click').on('click', function (e) { e.stopPropagation(); }); } function modalClose(target) { target.off('click').on('click', function () { $.kpi_modalbox.close(); }); } stopBubbling(modalInner); stopBubbling($('#kpi_boxTitle')); modalClose(modalWrap); modalClose(modalCont); modalClose($modalClose); modalInner.find('.MordalWindowCloseBtn').on('click', function (e) { e.preventDefault(); $.kpi_modalbox.close(); }); kpi_changeLanguageDomain.init(); tab = modalInner.find('ul.Tab li'); tabPanel.find('a').each(function () { var $this = $(this); var href = $this.attr('href'); var closestTabPanel = $this.closest(tabPanel); if (originalDomainRegExp.test(href)) { tab.removeClass('Current'); tab.eq((closestTabPanel.index() + 1) / 2 - 1).addClass('Current'); tabPanel.removeClass('Current').hide(); closestTabPanel.addClass('Current').show(); } }); }, onClosed:function(){ $('#kpi_boxTitle').removeClass('of-regionSelector'); $('#kpi_boxOverlay').removeClass('of-regionSelector'); $('#kpi_modalbox').removeClass('of-regionSelector'); } }); }); /* end Language Selecter ---------------------------------------------------------------- */ }(window, window.document, window.jQuery, (function (win, doc) { 'use strict'; var SetUtility = function () { // do nothing. }; SetUtility.prototype = { getJSON: function (loadPath) { return new Promise(function (resolve, reject) { var xhr = new XMLHttpRequest(); xhr.open('GET', loadPath); xhr.onload = function () { if (xhr.status === 200) { resolve(JSON.parse(xhr.response)); } else { reject(new Error(xhr.statusText)); } }; xhr.onerror = function () { reject(new Error('Network Error')); }; xhr.send(null); }); }, getCookie: function (name) { var cookies = doc.cookie.split('; '); var i; var l; var arr = []; for (i = 0, l = cookies.length; i < l; i++) { if (cookies[i].indexOf(name + '=') === 0) { arr.push(cookies[i].substring(name.length + 1)); } } return arr[0]; }, setCookie: function (name, value) { var date = new Date(); var path = '/'; date.setDate(date.getDate() + 90); doc.cookie = name + '=' + value + '; expires=' + date.toUTCString() + '; path=' + path; }, removeOverlapArr: function (array) { return array.filter(function (x, i, self) { return self.indexOf(x) === i; }); }, removeEmptyArr: function (array) { return array.filter(function (x) { return !(x === null || x === undefined || x === ''); }); } }; return new SetUtility(); }(window, window.document))));