usingNamespace("Biz.Page.Display")["Initialize"] = function () { window.attachEvent("onload", (function () { Biz.Page.Display.AutoWidthProductCell(); })); window.attachEvent("onresize", Biz.Page.Display.AutoWidthProductCell); }; usingNamespace("Web.Template")["RolloverMenu2011"] = (function () { return { init: function () { NEG.run(function (require) { var rollOverMenu = require("NEG.Widget.RollOverMenu"); var $ = require('Utility.JQuery'); var modalOffset = function (m) { var offset = $(m).offset(); if (!offset) { return; } var top = offset.top - $(document).scrollTop() + 14; var $menu = jQuery("#itmBrowseNav ul"); var maxHeight = ($menu.height() + $menu.offset().top + 12) - $(document).scrollTop(); var overflow = (top + $(m).height()) - maxHeight; if (overflow > 0) { offset.top = offset.top - overflow; if (offset.top < 75) offset.top = 75; $(m).offset(offset); } }; var enterMenu = function (row) { var $row = $(row), $content = $(row).find(".jsFlyout"); $row.addClass("active"); modalOffset($content); NEG(row).trigger("Switch_Activate"); }; var leaveMenu = function (row) { var $row = $(row); $row.removeClass("active"); }; var slidePanel = function (dom) { var tmp = $(dom); tmp.addClass("active"); var atnPrimary = $("a.atnPrimary", dom); var jsPanelList = $("div.jsPanel", dom); jsPanelList.css("display", "block"); jsPanelList.mouseenter(function () { atnPrimary.focus(); $(this).css("display", "block"); }); }; $(".jsPanelRoot").each(function (i, dom) { var tmp = $(dom); tmp.mouseleave(function () { var jsPanelList = $("div.jsPanel", this); jsPanelList.css("display", "none"); $(this).removeClass("active"); var atnPrimaryList = $("a.atnPrimary", this); atnPrimaryList.blur(); }); tmp.click(function () { $(this).addClass("active"); slidePanel(this); }); var spanArrow = $("span.arrow:first", dom); spanArrow.mouseenter(function () { var root = $(this).parents(".jsPanelRoot:first"); root.addClass("active"); slidePanel(root[0]); }); }); rollOverMenu("#itmBrowseNav", { rowSelector: " ul li", submenuSelector: " .jsFlyout", activate: enterMenu, deactivate: leaveMenu, menuClick: function (e) { var target = e.target || e.srcElement; var domainID = $(target).parents(".jsFlyout").attr("domainid"); if (domainID) { Biz.Common.saveDepaCookie(domainID, true); return true; } } }); }); } }; })(); usingNamespace("Web.Template")["RolloverMenu2015"] = (function () { var processNEGRun = function () { NEG.run(function (require) { var rollOverMenu = require("NEG.Widget.RollOverMenu"); var $ = require('Utility.JQuery'); var modalOffset = function (m) { var offset = $(m).offset(); if (!offset) { return; } var $tabMain = jQuery('.main-nav-categories'), tabT = $tabMain.offset().top, tabH = $tabMain.innerHeight(); jQuery('.main-nav-item').each(function () { var $self = jQuery(this), $menu = $self.children('.main-nav-item-body'), itemT = $self.offset().top, menuH = $menu.height(); var itemD = itemT - tabT; if (tabH - itemD < menuH && itemD > menuH) { $menu.css({ 'top': 'auto', 'bottom': '5px' }); } else if (tabH - itemD < menuH && itemD < menuH) { $menu.removeAttr('style'); } else { itemD = itemD + 5; $menu.css({ 'top': itemD.toString() + 'px' }); } }); }; var enterMenu = function (row) { var isMobile = /AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent)); var $row = $(row); if (isMobile) { var clicked = 0; $row.children('a.main-nav-item-title').click(function (event) { event.preventDefault(); if (clicked == 1) { $row.removeClass("is-active"); clicked = 0; } else { $row.addClass("is-active"); clicked = 1; } }); } else { $row.addClass("is-active"); } $content = $(row).find(".main-nav-item-body"); modalOffset($content); NEG(row).trigger("Switch_Activate"); }; var leaveMenu = function (row) { var $row = $(row); $row.removeClass("is-active"); }; rollOverMenu("#main-nav-menu-list", { rowSelector: " ul li.main-nav-item", activate: enterMenu, deactivate: leaveMenu }); jQuery('.main-nav-item .main-nav-subItem').each(function () { var isMobile = /AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent)); if (isMobile) { return false; } // third menu popup and position var third_timer1, third_timer2; jQuery(this).mouseenter(function (e) { var self = jQuery(this); jQuery('body').unbind('click'); if (self.hasClass('is-active')) { if (third_timer2) clearTimeout(third_timer2); } else { third_timer1 = setTimeout(function () { self.addClass('is-active').siblings().removeClass('is-active'); var $second = self.parents('.main-nav-item-body'); var $third = self.find('.main-nav-third-body'); var $popup = $third.children('.popover'); // left or right if (jQuery(window).width() - self.innerWidth() - self.offset().left < $popup.innerWidth()) { $third.removeClass('at-right').addClass('at-left'); } else { $third.removeClass('at-left').addClass('at-right'); } var t2 = $second.offset().top; var h2 = $second.innerHeight(); var t3 = self.offset().top; var h3 = self.innerHeight(); var h4 = $popup.innerHeight(); // top or bottom $popup.css("top", function () { var defaultPos = Math.floor(h3 / 2 - h4 * 0.382), tail = h4 + defaultPos, temp = t3 - t2; if (temp < -defaultPos) { return -temp + 18; } temp = t2 + h2 - t3; if (h4 + 18 >= h2) { return -(t3 - t2) + 18; } else if (h4 < h2 && temp < tail + 18) { return defaultPos - tail + temp - 18; } return defaultPos; }); }, 350); } }).mouseleave(function (e) { var self = jQuery(this); jQuery('body').bind('click', function () { self.removeClass('is-active'); }); if (third_timer1) { clearTimeout(third_timer1); if (self.hasClass('is-active')) { third_timer2 = setTimeout(function () { self.removeClass('is-active'); jQuery('body').unbind('click'); }, 350); } } }); }); }); }; var succeedProcess = function (data, textStatus) { processNEGRun(); var content = jQuery(data).find('.main-nav-categories').html(); jQuery('.main-nav-categories').html(content); }; return { init: function () { if (jQuery('#menu_async').length == 0) { processNEGRun(); } else { jQuery.ajax({ url: Web.Config.Environment.Url.CDN + "Common/Ajax/Navigation.aspx", dataType: "jsonp", cache: true, jsonpCallback: "Web.Template.RolloverMenu2015.JsonpCallBack" }); } }, JsonpCallBack: function (data, textStatus) { succeedProcess(data, textStatus); } }; })(); usingNamespace("Web.Template")["PageHeaderDropDownMenu"] = (function ($) { return { init: function () { // dropdown list $('.form-select').delegate('select', 'change', function () { var $self = $(this); var newSelection = $self.children("option").filter(":selected").text(); $self.siblings(".form-select-name").text(newSelection); }); // menu hover events var objEven = function (o) { var obj = $(o); this.delayHover = function () { if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) { if (window.location.href.indexOf("?mobile") < 0) { try { obj = obj.children('a'); var rollOverMenuContainer = jQuery("#main-nav-menu-list a.main-nav-item-title"); rollOverMenuContainer.each(function (index, ele) { obj.push(ele); }); obj.click(function () { var self = jQuery(this); if (self.parent().hasClass('is-active')) { self.parent().removeClass('is-active'); } else { self.parent().addClass('is-active').siblings().removeClass('is-active'); } return false; }); } catch (e) { } } } else { var timerEnter, timerLeave; obj.mouseenter(function (e) { var self = $(this); $('body').unbind('click'); if (self.hasClass('is-active')) { if (timerLeave) clearTimeout(timerLeave); } else { timerEnter = setTimeout(function () { self.addClass('is-active').siblings().removeClass('is-active'); if (Web.Environment.Browser.isIE() && self.hasClass('flag-dropdown')) { $('#NEGlobal-CountryDropdown').show(); $('#NEGlobal-CurrencyDropdown').show(); } }, 350); } }).mouseleave(function (e) { var self = $(this); //点击空白,立刻消失 $('body').bind('click', function () { self.removeClass('is-active'); if (timerLeave) clearTimeout(timerLeave); $('body').unbind('click'); }); var timeout = 350; if (self.hasClass('flag-dropdown')) { timeout = 3000; //Fix Chrome低版本(41) & IE中 //选择下拉列表, 事件冒泡, 导致body的click事件被触发, menu立刻隐藏 $('#NEGlobal-CountryDropdown').bind('click', function () { window.event.cancelBubble = true; }); $('#NEGlobal-CurrencyDropdown').bind('click', function () { window.event.cancelBubble = true; }); } if (timerEnter) { clearTimeout(timerEnter); if (self.hasClass('is-active')) { timerLeave = setTimeout(function () { self.removeClass('is-active'); $('body').unbind('click'); if (Web.Environment.Browser.isIE() && self.hasClass('flag-dropdown')) { $('#NEGlobal-CountryDropdown').hide(); $('#NEGlobal-CurrencyDropdown').hide(); } }, timeout); } } }); } }; }; var objDelayHover = new objEven('.has-menu, .menu-box, .marketplace-nav'); objDelayHover.delayHover(); } }; })(jQuery); usingNamespace("Web.Template")["LeaderboardBanner2011"] = function () { return { init: function () { NEG.run(function (require) { var $ = require("Utility.jQuery"); var switcher = require("Widget.Switch"); var tab = document.getElementById('heroModule'); var tabItems = $("#heroModule .wrap_banner"); var tabTriggers = $("#heroNav li"); var ctrl = switcher(tab, { contents: tabItems, interval: 6000, triggers: tabTriggers, autoPlay: true, switchBefor: function () { return true; }, switchAfter: function () { var currentIndex = this.activeIndex + 1; var style = $(tab).attr("class"); style = style.replace(/show_[0-9]/, "show_" + currentIndex); $(tab).attr("class", style); NEG(tabItems[this.activeIndex]).trigger("Switch_Activate"); } }); }); } }; }(); usingNamespace("Web.Template")["LeaderBoardBanner2015"] = function () { return { init: function () { var _heroH = jQuery('.hero-left').innerHeight() - jQuery('.hotlinks').outerHeight(true) - jQuery('.hero-bottom').outerHeight(true) - 26; jQuery('.hero-banner').height(_heroH); var autoPlayTimeDif = 6000; var loopflag = true; var swiperSlideCount = jQuery("#heroModule .swiper-slide").length; if (swiperSlideCount == 1) { loopflag = false; } var mySwiper = new Swiper('#heroModule', { loop: loopflag, grabCursor: true, autoPlay: autoPlayTimeDif, paginationAsRange: false, createPagination: false, autoResize: true, resistance: true, onSlideChangeEnd: function () { if (mySwiper) { var originNodesLength = mySwiper.slides.length - 2; var currentIndex = mySwiper.activeIndex < originNodesLength ? mySwiper.activeIndex : mySwiper.activeIndex - originNodesLength; var triggerBanner = mySwiper.slides[currentIndex + 1]; if (triggerBanner) { NEG(triggerBanner).trigger("Switch_Activate"); } } } }); if (swiperSlideCount == 1) { return; } var isPlay = true; jQuery('#heroModule .swiper-button-prev').click(function (e) { e.preventDefault(); mySwiper.swipePrev(); }); jQuery('#heroModule .swiper-button-next').click(function (e) { e.preventDefault(); mySwiper.swipeNext(); }); function autoPlay() { if (isPlay) { mySwiper.swipeNext(); /*force to refresh, to solve flash no view*/ // setTimeout(refreshBaner, 50); } setTimeout(autoPlay, autoPlayTimeDif); } setTimeout(autoPlay, autoPlayTimeDif); /*mouse in*/ jQuery('#heroModule').mouseover(function (e) { isPlay = false; }); /*mouse out*/ jQuery('#heroModule').mouseleave(function (e) { isPlay = true; }); } }; }(); usingNamespace("Web.Template")["LeaderBoardBanner2016"] = function () { return { init: function () { var loopflag = true; var swiperSlideCount = jQuery("#heroModule .swiper-slide").length; if (swiperSlideCount == 1) { loopflag = false; return; } var bannerSwiper = new Swiper('#heroModule', { prevButton: '#heroModule .swiper-button-prev', nextButton: '#heroModule .swiper-button-next', centeredSlides: true, loop: loopflag, preventClicks: false, autoplay: 5000, onSlideChangeStart: function () { this.preventClicks = true; }, onSlideChangeEnd: function () { this.preventClicks = false; if (bannerSwiper) { var originNodesLength = bannerSwiper.slides.length - 2; var currentIndex = bannerSwiper.activeIndex < originNodesLength ? bannerSwiper.activeIndex : bannerSwiper.activeIndex - originNodesLength; var triggerBanner = bannerSwiper.slides[currentIndex + 1]; if (triggerBanner) { NEG(triggerBanner).trigger("Switch_Activate"); } } }, onTouchStart: function () { this.preventClicks = true; }, onTouchEnd: function () { this.preventClicks = false; }, }); jQuery('#heroModule').mouseenter(function () { bannerSwiper.stopAutoplay(); }).mouseleave(function () { bannerSwiper.startAutoplay(); }); jQuery('#heroModule .swiper-button-prev, #heroModule .swiper-button-next').one('click', function () { jQuery('#heroModule').unbind(); }); } }; }(); usingNamespace("Web.Template")["NavigationFlyout2016"] = (function () { var succeedProcess = function (data, textStatus) { $leftNavi = jQuery('.left-nav'); jQuery(data).each(function (index, el) { var catId = el.id, tmp, $el; tmp = $leftNavi.find('#cat-' + catId); if (!!catId && tmp.length > 0) { tmp.find('.filter-box-label').addClass('main-nav-third-title'); $el = tmp[0]; $el.innerHTML = "