0) {\r\n this.set('EnvelopeClass', 'dsInboxBubble');\r\n this.set('AlertCount', totalNumber > 9 ? '9+' : totalNumber);\r\n }\r\n }\r\n };\r\n}\r\n\r\n// System alerts\r\nfunction AlertsViewModel(urlPrefix) {\r\n // internal class variables\r\n var _currentIndex = 0;\r\n var _alertsContainerStorageKey = 'ds_alerts_container_collapsed_status';\r\n\r\n this.path = (urlPrefix ? urlPrefix : '') + '/Account/api/v1/notification/messages/getsystemnotifications';\r\n this.BannerAlerts = [];\r\n this.CurrentAlert = {};\r\n this.UpDownClass = 'up';\r\n this.ContainerPadding = '5px';\r\n this.Collapsed = false;\r\n this.NotificationColors = {\r\n 1: '#F7DBCC',\r\n 2: '#DAE8AF',\r\n 3: '#FAE4B2'\r\n };\r\n\r\n this.onBeforeLoad = function () {\r\n if (sessionStorage != undefined) {\r\n var storeValue = sessionStorage.getItem(_alertsContainerStorageKey);\r\n\r\n if (storeValue && storeValue === true) {\r\n this.set('Collapsed', true);\r\n }\r\n }\r\n };\r\n\r\n this.dataHandler = function (data) {\r\n if (data) {\r\n var visibleAlerts = [];\r\n\r\n for (var msg in data) {\r\n if ($.inArray('/home/default1.aspx', data[msg].ValidPages) > -1) {\r\n data[msg].ValidPages.push('/home/default.aspx');\r\n data[msg].ValidPages.push('/home/default');\r\n }\r\n\r\n if ($.inArray(HL.Locale.getNormalizedURL().toLowerCase(), data[msg].ValidPages) > -1) {\r\n visibleAlerts.push(data[msg]);\r\n }\r\n }\r\n\r\n var alertData = data[_currentIndex];\r\n //Green System Notifications\r\n if (visibleAlerts && visibleAlerts.length > 0) {\r\n var colors = this.get('NotificationColors');\r\n $.each(visibleAlerts, function (i, v) {\r\n v.NotificationColor = colors[v.BannerTypeId];\r\n v.CollapseClass = v.CanCollapse ? 'upDownArrows icon-chevron-down' : '';\r\n });\r\n }\r\n this.set('BannerAlerts', visibleAlerts);\r\n this.set('CurrentAlert', alertData);\r\n }\r\n };\r\n\r\n this.getBannerType = function () {\r\n var alertData = this.get('CurrentAlert');\r\n if (alertData && alertData.BannerTypeId) {\r\n var value = 'hrblAlert';\r\n switch (alertData.BannerTypeId) {\r\n case 1:\r\n value = 'hrblAlert';\r\n break;\r\n case 2:\r\n value = 'hrblAlert general';\r\n break;\r\n case 3:\r\n value = 'hrblAlert info';\r\n break;\r\n }\r\n\r\n return value;\r\n }\r\n\r\n return 'hrblAlert';\r\n };\r\n\r\n this.previousAlert = function () {\r\n var bannerAlerts = this.get('BannerAlerts');\r\n\r\n if (bannerAlerts && bannerAlerts.length > 0 && index > 0) {\r\n _currentIndex--;\r\n this.set('CurrentAlert', bannerAlerts[_currentIndex]);\r\n }\r\n };\r\n\r\n this.nextAlert = function () {\r\n var bannerAlerts = this.get('BannerAlerts');\r\n var index = this.get('CurrentIndex');\r\n\r\n if (bannerAlerts && bannerAlerts.length > 0 && index < bannerAlerts.length - 1) {\r\n _currentIndex++;\r\n this.set('CurrentAlert', bannerAlerts[_currentIndex]);\r\n }\r\n };\r\n\r\n this.getCurrentCount = function (localizedOf) {\r\n var bannerAlerts = this.get('BannerAlerts');\r\n return (_currentIndex + 1) + ' ' + localizedOf + ' ' + bannerAlerts.length;\r\n };\r\n\r\n this.getShouldShowBanner = function (isEnabled) {\r\n var bannerAlerts = this.get('BannerAlerts');\r\n return !isEnabled || (isEnabled && bannerAlerts.length <= 0);\r\n };\r\n\r\n this.getShouldHidePagination = function () {\r\n var bannerAlerts = this.get('BannerAlerts');\r\n return bannerAlerts.length = 1;\r\n };\r\n\r\n this.collapseAlert = function () {\r\n var isCollapsed = !this.get('Collapsed');\r\n\r\n if (isCollapsed) {\r\n this.set('UpDownClass', 'down');\r\n this.set('ContainerPadding', '15px 5px');\r\n } else {\r\n this.set('UpDownClass', 'up');\r\n this.set('ContainerPadding', '5px');\r\n }\r\n\r\n if (sessionStorage != undefined) {\r\n sessionStorage.setItem(_alertsContainerStorageKey, isCollapsed);\r\n }\r\n\r\n this.set('Collapsed', isCollapsed);\r\n };\r\n\r\n this.CollapseNotification = function (event) {\r\n if (!event || !event.data || !this.get('BannerAlerts'))\r\n return;\r\n\r\n //The DOM element\r\n var target = $(event.currentTarget);\r\n if (target) {\r\n var notificationId = event.data.Id;\r\n var notificationIndex = this.GetNotificationIndex(notificationId);\r\n var tempNotifications = this.get('BannerAlerts');\r\n\r\n if (tempNotifications[notificationIndex] && tempNotifications[notificationIndex].CanCollapse) {\r\n var extraSpace = $(target).outerHeight() - $(target).height();\r\n var maxH = $(target).children().first().height() + extraSpace;\r\n var minH = parseInt($(target).css(\"line-height\").replace(\"px\", \"\")) + extraSpace;\r\n if (tempNotifications[notificationIndex].HasLink)\r\n maxH += extraSpace - 2;\r\n\r\n\r\n //Collapse/Expand animation\r\n $(target).animate({\r\n height: tempNotifications[notificationIndex].IsCollapsed ? maxH : minH\r\n }, 150);\r\n\r\n this.set('BannerAlerts[' + notificationIndex + '].IsCollapsed', !tempNotifications[notificationIndex].IsCollapsed);\r\n this.set('BannerAlerts[' + notificationIndex + '].CollapseClass', tempNotifications[notificationIndex].IsCollapsed ? 'upDownArrows icon-chevron-down' : 'upDownArrows icon-chevron-up');\r\n }\r\n }\r\n };\r\n\r\n this.GetNotificationIndex = function (notificationId) {\r\n var result = null;\r\n if (this.BannerAlerts && this.BannerAlerts.length > 0) {\r\n var index = $.map(this.BannerAlerts, function (obj, idx) {\r\n if (obj.Id == notificationId)\r\n return idx;\r\n });\r\n\r\n result = index;\r\n }\r\n return result;\r\n };\r\n}\r\n\r\n// idomoo- deprecate if no longer in use\r\nfunction IdomooVideoViewModel(flowPlayer) {\r\n var player = flowPlayer;\r\n this.path = \"/\" + HL.Locale.getLocale() + '/api/custom/Idomoo';\r\n this.baseUrl = \"https://herbalife.idomoo.com/videos/1216/\";\r\n this.videoId = \"\";\r\n this.shouldPlay = false;\r\n this.hasVideo = false;\r\n this.thumbNail = \"\";\r\n this.pauseVideo = function () {\r\n var api = flowplayer();\r\n api.pause();\r\n };\r\n this.video_href = function () {\r\n return this.get(\"baseUrl\") + this.get(\"videoId\") + \".mp4\";\r\n };\r\n this.showVideo = function () {\r\n $('.idomooVideo').data('kendoWindow').open().center();\r\n };\r\n\r\n this.setCookie = function () {\r\n $.cookie(\"__IDOMOOVidCookie\", this.videoId, {\r\n expires: 7,\r\n path: '/'\r\n });\r\n };\r\n\r\n this.dataHandler = function (data) {\r\n if (data && data.ok == true) {\r\n this.set(\"hasVideo\", true);\r\n this.set(\"videoId\", data.videoId);\r\n this.set(\"thumbNail\", data.thumbNail);\r\n player.flowplayer();\r\n var cookieText = $.cookie(\"__IDOMOOVidCookie\");\r\n if (!cookieText) {\r\n this.showVideo();\r\n this.setCookie();\r\n } else if (cookieText != this.videoId) {\r\n this.showVideo();\r\n this.setCookie();\r\n }\r\n }\r\n };\r\n\r\n}\r\n\r\nfunction CartViewModel() {\r\n this.id = null;\r\n this.quantity = 0;\r\n this.name = null;\r\n this.subTotal = 0.0;\r\n this.volumePoints = 0.0;\r\n this.sku = null;\r\n this.loaded = false;\r\n this.loading = true;\r\n this.error = false;\r\n this.canLoad = false;\r\n this.reset = function () {\r\n this.set(\"id\", null);\r\n this.set(\"quantity\", null);\r\n this.set(\"name\", null);\r\n this.set(\"subTotal\", null);\r\n this.set(\"volumePoints\", null);\r\n this.set(\"sku\", null);\r\n this.set(\"loading\", true);\r\n this.set(\"loaded\", false);\r\n this.set(\"error\", false);\r\n };\r\n this.path = \"/ordering/api/CartWidget/\";\r\n this.dataHandler = function (data) {\r\n if (data) {\r\n this.set(\"id\", data.Id);\r\n this.set(\"quantity\", data.Quantity);\r\n this.set(\"name\", data.Name);\r\n this.set(\"subTotal\", data.DisplaySubtotal);\r\n this.set(\"volumePoints\", data.VolumePoints);\r\n this.set(\"sku\", data.Sku);\r\n this.set(\"loading\", false);\r\n this.set(\"loaded\", true);\r\n } else {\r\n this.set(\"error\", true);\r\n this.set(\"loading\", false);\r\n }\r\n };\r\n\r\n this.onLoadError = function () {\r\n this.set(\"error\", true);\r\n this.set(\"loading\", false);\r\n };\r\n\r\n this.checkout = function () {\r\n var scope = this;\r\n if (scope.id == null) {\r\n this.set(\"canLoad\", true);\r\n this.load();\r\n this.onAfterLoad = function () {\r\n window.location.href = \"/Ordering/Shoppingcart.aspx?CartID=\" + scope.id;\r\n };\r\n } else window.location.href = \"/Ordering/Shoppingcart.aspx?CartID=\" + scope.id;\r\n return false;\r\n };\r\n\r\n this.viewSavedCarts = function () {\r\n window.location.href = \"/ordering/savedcarts.aspx\";\r\n return false;\r\n };\r\n\r\n this.activationHandler = function (shouldHide) {\r\n this.set(\"canLoad\", true);\r\n shouldHide ? this.reset() : this.load();\r\n }\r\n}\r\n\r\nfunction VolumeViewModel(urlPrefix) {\r\n this.path = (urlPrefix ? urlPrefix : '') + \"/\" + HL.Locale.getLocale() + '/api/Volume/';\r\n this.CurrentMonthVolume = {\r\n \"VolumeMonth\": 0,\r\n \"HeaderText\": \"...\",\r\n \"PlainHeaderText\": \"...\",\r\n \"PPV\": 0,\r\n \"DV\": 0,\r\n \"TV\": 0,\r\n \"PV\": 0,\r\n \"GV\": 0,\r\n \"HeaderVolume\": 0\r\n };\r\n this.LastMonthVolume = null;\r\n this.ChartData = [{\r\n \"name\": \"PPV\",\r\n \"value\": 0\r\n }, {\r\n \"name\": \"DLV\",\r\n \"value\": 0\r\n }, {\r\n \"name\": \"PV\",\r\n \"value\": 0\r\n }, {\r\n \"name\": \"GV\",\r\n \"value\": 0\r\n }, {\r\n \"name\": \"TV\",\r\n \"value\": 0\r\n }];\r\n this.MonthName = \"\";\r\n this.loading = true;\r\n this.error = \"\";\r\n\r\n this.dataHandler = function (data, status, xhr) {\r\n if (xhr && xhr.status == 200 && data && $.isArray(data)) {\r\n for (var i = 0; i < data.length; i++) {\r\n var v = this.cleanHeaderText(data[i]);\r\n this.set(\"MonthName\", v.MonthName);\r\n if (v.IsCurrentMonth) {\r\n this.set(\"CurrentMonthVolume\", v);\r\n this.setChartValues(v);\r\n } else {\r\n this.set(\"LastMonthVolume\", v);\r\n }\r\n }\r\n this.createChart(\"#volChart\");\r\n this.set(\"loading\", false);\r\n if (this.get(\"LastMonthVolume\") == null) this.set(\"loadSingle\", true);\r\n else this.set(\"loadDual\", true);\r\n } else {\r\n // no transport issue, but data not as expected.\r\n this.set(\"error\", \"inline\");\r\n }\r\n };\r\n\r\n this.onLoadError = function (xhr, status, statusText) {\r\n this.set(\"error\", \"inline\");\r\n };\r\n\r\n this.cleanHeaderText = function (volumeObject) {\r\n if (volumeObject && volumeObject.HeaderText) {\r\n volumeObject.PlainHeaderText = volumeObject.HeaderText.replace(/\\<[^>]+\\>/, ' ');\r\n }\r\n return volumeObject;\r\n };\r\n\r\n this.setChartValues = function (volume) {\r\n this.set(\r\n \"ChartData\", [{\r\n \"name\": \"PPV\",\r\n \"value\": volume.PPV\r\n }, {\r\n \"name\": \"DLV\",\r\n \"value\": volume.DV\r\n }, {\r\n \"name\": \"PV\",\r\n \"value\": volume.PV\r\n }, {\r\n \"name\": \"GV\",\r\n \"value\": volume.GV\r\n }, {\r\n \"name\": \"TV\",\r\n \"value\": volume.TV\r\n }]);\r\n };\r\n\r\n this.createChart = function (selector) {\r\n var chart = $(selector);\r\n if (!(chart && chart.length)) {\r\n return;\r\n }\r\n chart.kendoChart({\r\n dataSource: new kendo.data.DataSource({\r\n data: this.ChartData\r\n }),\r\n chartArea: {\r\n background: \"#EEE\"\r\n },\r\n title: {\r\n text: this.MonthName,\r\n position: \"bottom\"\r\n },\r\n legend: {\r\n visible: true,\r\n position: \"top\"\r\n },\r\n seriesDefaults: {\r\n type: \"column\",\r\n labels: {\r\n visible: false\r\n }\r\n },\r\n series: [{\r\n field: \"value\",\r\n color: \"#75c52a\",\r\n gap: 0.9,\r\n border: 0,\r\n overlay: {\r\n gradient: \"none\"\r\n }\r\n }],\r\n categoryAxis: {\r\n field: \"name\",\r\n majorGridLines: {\r\n visible: false\r\n }\r\n },\r\n valueAxis: [{\r\n majorGridLines: {\r\n visible: false\r\n }\r\n }],\r\n tooltip: {\r\n visible: true,\r\n template: \"#= category #: #= value #\",\r\n color: \"gray\",\r\n background: \"white\"\r\n }\r\n });\r\n };\r\n}\r\n\r\n//View model for dissmisable modals\r\nfunction dismissableUiModel(deferDurationDays, externalContent, type) { // type 0 = promoModal, type 1 = mbox, type 2 = notifications\r\n this.itemPrefix = externalContent || '';\r\n this.actualWidget = null;\r\n this.callToAction = null;\r\n this.showMeLater = null;\r\n this.doNotShowAgain = null;\r\n this.imgSrc = \"\";\r\n this.title = null;\r\n var visible = false;\r\n\r\n var dismissMode = {\r\n session: 'session',\r\n later: 'later',\r\n indefinite: 'indefinite'\r\n },\r\n deferDays = deferDurationDays || 7,\r\n contentType = type || 0,\r\n _API_PATH = (contentType == 0 ? \"/\" + HL.Locale.getLocale() + '/api/ContentListItem?id=' : '/account/api/v1/Popup'),\r\n that = null,\r\n dVM,\r\n isClosed = false,\r\n modalOpened = -1;\r\n\r\n this.userChoice = {\r\n mode: null,\r\n deferDate: null\r\n };\r\n\r\n //Set load type\r\n if (contentType != 1) { // From API\r\n if (contentType == 0) {\r\n var queryTag = window['_ModalQueryTagValue_'] || '';\r\n this.path = _API_PATH + externalContent + \"&Tags=\" + queryTag;\r\n } else {\r\n this.path = _API_PATH + \"?pageUrl=\" + encodeURIComponent(HL.Locale.getNormalizedURL());\r\n }\r\n } else { // From Default content or target\r\n this.load = function () {\r\n this.onAfterLoad();\r\n };\r\n }\r\n\r\n this.reason = \"unknown reason\";\r\n\r\n var now = new Date();\r\n\r\n this.isVisible = function (context, loaded) {\r\n\r\n if (!visible) return visible;\r\n\r\n if (context == undefined) context = this;\r\n\r\n var choice = context.get('userChoice');\r\n\r\n //if model is not totally loaded and no notifications exists\r\n if (choice.deferDate == null && contentType != 2) return false;\r\n\r\n dVM = simpleMediator.attachTo(this);\r\n\r\n //model correctly loaded\r\n if (choice) {\r\n if (choice.mode == dismissMode.session) {\r\n ifPromoModal(this);\r\n return closeWindow('session mode');\r\n }\r\n\r\n if (choice.mode == dismissMode.later) {\r\n if (choice.deferDate > now) {\r\n ifPromoModal(this);\r\n return context.closeWindow('deferred to ' + choice.deferDate + '. Now too early: ' + now);\r\n }\r\n }\r\n\r\n if (choice.mode == dismissMode.indefinite) {\r\n ifPromoModal(this);\r\n return context.closeWindow('deferred indefinitely');\r\n }\r\n }\r\n\r\n // If notification, open it.\r\n if (contentType == 2) return context.openWindow('content loaded');\r\n\r\n if (contentType == 1) {\r\n if (typeof profileViewModel === 'undefined') {\r\n profileViewModel = viewModelHelpers.wire.getInstance(\"ProfileViewModel\", \"shared\");\r\n if (!viewModelHelpers.mvvmUtil.isModelBoundToElement(profileViewModel)) {\r\n profileViewModel.wireModelsToElements($(this.obj));\r\n profileViewModel.load();\r\n }\r\n }\r\n if (profileViewModel.targetInfo != false) {\r\n this.setTargetInfo(profileViewModel.targetInfo);\r\n return;\r\n }\r\n else {\r\n dVM.subscribe(\"setTargetInfo\", this.setTargetInfo);\r\n return;\r\n }\r\n }\r\n\r\n // dynamically loaded content\r\n if (!externalContent || contentType == 2) {\r\n return context.openWindow('no choice');\r\n }\r\n\r\n return context.get('content') ? context.openWindow('content loaded') : context.closeWindow('too early');\r\n };\r\n\r\n this.openWindow = function (reasonText) {\r\n this.set('reason', reasonText);\r\n var widget = this.get(\"actualWidget\");\r\n\r\n if ($(\"#modalNotif\").length != 0 && contentType != 2 && simpleMediator.publish(\"modalNotifClosed\") === false) {\r\n modalOpened = false;\r\n dVM.subscribe(\"onWaiting\", this.onWaiting);\r\n return false;\r\n }\r\n\r\n if ($(\"#promoModalMbox\").length != 0 && contentType == 0 && simpleMediator.publish(\"promoModalMboxClosed\") === false) {\r\n modalOpened = false;\r\n if (!dVM.isPublished(\"onWaiting\")) {\r\n dVM.subscribe(\"onWaiting\", this.onWaiting);\r\n }\r\n else {\r\n dVM.subscribe(\"onWaiting2\", this.onWaiting2);\r\n }\r\n return false;\r\n }\r\n\r\n modalOpened = true;\r\n dVM.subscribe(\"modalOpened\", this.isModalOpened);\r\n\r\n if (widget) {\r\n\r\n if (contentType == 2) {\r\n var modalData = this.get('content');\r\n if (modalData.title != null) this.set(\"title\", $(modalData.title).text());\r\n if (modalData.image != null) this.set(\"imgSrc\", modalData.image);\r\n if (modalData.body != null) this.set(\"body\", modalData.body);\r\n if (modalData.callToActionButton) {\r\n this.set(\"callToAction\", modalData.callToActionButton);\r\n }\r\n if (modalData.showMeLater) {\r\n this.set(\"showMeLater\", modalData.showMeLater);\r\n }\r\n if (modalData.doNotShowAgainButton) {\r\n this.set(\"doNotShowAgain\", modalData.doNotShowAgainButton);\r\n }\r\n\r\n //call on Open\r\n path = _API_PATH + \"/\" + this.get('content').alertId + \"/SetShown/\";\r\n $.post(path)\r\n .done(function () {\r\n logger.log(\"Alert: \" + that.get('content').alertId + \" succesfully shown\");\r\n })\r\n .fail(function () {\r\n logger.log(\"Something wrong happened with SetShown in alert: \" + that.get('content').alertId);\r\n });\r\n\r\n }\r\n\r\n $(this.obj).parent().css(\"max-width\", $(this.obj).css(\"max-width\"));\r\n\r\n $(window).resize(function () {\r\n widget.center();\r\n });\r\n\r\n if (widget.setOptions) {\r\n widget.setOptions({\r\n modal: true\r\n });\r\n }\r\n if (widget.open) {\r\n\r\n img = $(\"img\", widget.element);\r\n if (img.length != 0) {\r\n if (img.prop('complete')) {\r\n widget.open().center();\r\n } else {\r\n img.on(\"load\", function () {\r\n img.show();\r\n widget.open().center();\r\n }).error(function () {\r\n img.hide();\r\n widget.open().center();\r\n });\r\n }\r\n } else {\r\n widget.open().center();\r\n }\r\n\r\n }\r\n }\r\n\r\n return true;\r\n };\r\n\r\n this.closeWindow = function (reasonText) {\r\n this.set('reason', reasonText);\r\n var widget = this.get(\"actualWidget\");\r\n if (widget && widget.close) {\r\n widget.close();\r\n }\r\n return false;\r\n };\r\n\r\n this.onDismissOnce = function (e) {\r\n saveChoice(this, dismissMode.session, null);\r\n };\r\n\r\n this.onDismissForLater = function (e) {\r\n if (contentType == 2) {\r\n this.closeWindow();\r\n path = _API_PATH + \"/\" + this.get('content').alertId + \"/Suspend/\" + this.get('content').showMeLater.actionType;\r\n $.post(path)\r\n .done(function () {\r\n logger.log(\"Alert: \" + that.get('content').alertId + \" succesfully dismissed for later\");\r\n })\r\n .fail(function () {\r\n logger.log(\"Something wrong happened with DismissForLater on alert: \" + that.get('content').alertId);\r\n });\r\n } else {\r\n var deferUntil = new Date();\r\n deferUntil.setDate(deferUntil.getDate() + deferDays);\r\n saveChoice(this, dismissMode.later, deferUntil);\r\n }\r\n };\r\n\r\n this.onDismissIndefinite = function (e) {\r\n if (contentType == 2) {\r\n this.closeWindow();\r\n path = _API_PATH + \"/\" + this.get('content').alertId + \"/Suspend/\" + this.get('content').doNotShowAgainButton.actionType;\r\n $.post(path)\r\n .done(function () {\r\n logger.log(\"Alert: \" + that.get('content').alertId + \" succesfully dismissed indefinite\");\r\n })\r\n .fail(function () {\r\n logger.log(\"Something wrong happened with DismissIndefinite on alert: \" + that.get('content').alertId);\r\n });;\r\n } else {\r\n saveChoice(this, dismissMode.indefinite, null);\r\n }\r\n };\r\n\r\n this.onCallToAction = function (e) {\r\n path = _API_PATH + \"/\" + this.get('content').alertId + \"/ActionLog/\" + this.get('content').callToActionButton.actionType;\r\n $.post(path)\r\n .done(function () {\r\n logger.log(\"Alert: \" + that.get('content').alertId + \" succesfully send Action log\");\r\n })\r\n .fail(function () {\r\n logger.log(\"Something wrong happened with CallToAction on alert: \" + that.get('content').alertId);\r\n });\r\n this.onDismissForLater();\r\n };\r\n\r\n this.onReset = function (e) {\r\n saveChoice(this, null, null);\r\n };\r\n\r\n function saveChoice(obj, newMode, newDate) {\r\n var value = {\r\n mode: newMode,\r\n deferDate: newDate\r\n };\r\n var prefix = obj.get('itemPrefix');\r\n obj.closeWindow();\r\n\r\n obj.set('userChoice', value);\r\n\r\n if (isStorageSupported()) {\r\n if (value.mode == dismissMode.session) {\r\n storeItem(sessionStorage, 'surfaceMessageChoice_mode', dismissMode.session, prefix);\r\n\r\n storeItem(localStorage, 'surfaceMessageChoice_mode', null, prefix);\r\n storeItem(localStorage, 'surfaceMessageChoice_deferDate', null, prefix);\r\n } else {\r\n storeItem(sessionStorage, 'surfaceMessageChoice_mode', null, prefix);\r\n\r\n storeItem(localStorage, 'surfaceMessageChoice_mode', value.mode, prefix);\r\n storeItem(localStorage, 'surfaceMessageChoice_deferDate', value.deferDate || null, prefix);\r\n }\r\n }\r\n }\r\n\r\n function storeItem(store, itemName, value, prefix) {\r\n var key = prefix + itemName;\r\n if (value) {\r\n store.setItem(key, value);\r\n } else {\r\n store.removeItem(key);\r\n }\r\n };\r\n\r\n function getItem(store, itemName, prefix) {\r\n var key = itemKey(itemName, prefix);\r\n return store.getItem(key);\r\n };\r\n\r\n function itemKey(itemName, storeageKeyPrefix) {\r\n return storeageKeyPrefix + itemName;\r\n };\r\n\r\n function isStorageSupported() {\r\n return (typeof (Storage) !== \"undefined\");\r\n };\r\n\r\n this.onAfterLoad = function () {\r\n that = this;\r\n visible = true;\r\n switch (contentType) {\r\n case 0:\r\n case 1:\r\n if ($(this.get(\"actualWidget\").element).data(\"cookie\") != undefined) {\r\n this.set('itemPrefix', $(this.get(\"actualWidget\").element).data(\"cookie\"));\r\n }\r\n this.setDisplayBehavior();\r\n break;\r\n case 2:\r\n\r\n //Validate buttons on modal\r\n var modalData = this.get('content');\r\n var validModal = false;\r\n for (modal in modalData) {\r\n if (modalData[modal].callToActionButton || modalData[modal].showMeLater || modalData[modal].doNotShowAgainButton) {\r\n this.set('content', modalData[modal]);\r\n validModal = true;\r\n break;\r\n }\r\n }\r\n\r\n if (modalData == undefined || !validModal) {\r\n visible = false;\r\n isClosed = true;\r\n dVM = simpleMediator.attachTo(this);\r\n dVM.subscribe(\"modalNotifClosed\", this.modalNotifClosed);\r\n simpleMediator.publish(\"onWaiting\");\r\n\r\n }\r\n break;\r\n }\r\n if (visible) this.isVisible();\r\n };\r\n\r\n this.onLoadError = function () {\r\n visible = false;\r\n isClosed = true;\r\n dVM = simpleMediator.attachTo(this);\r\n dVM.subscribe(\"modalNotifClosed\", this.modalNotifClosed);\r\n simpleMediator.publish(\"onWaiting\");\r\n };\r\n\r\n this.setDisplayBehavior = function () {\r\n var prefix = this.get('itemPrefix');\r\n var choice = {\r\n mode: null,\r\n deferDate: null\r\n };\r\n if (isStorageSupported()) {\r\n if (getItem(sessionStorage, 'surfaceMessageChoice_mode', prefix)) {\r\n choice.mode = dismissMode.session;\r\n } else {\r\n choice.mode = getItem(localStorage, 'surfaceMessageChoice_mode', prefix);\r\n choice.deferDate = new Date(getItem(localStorage, 'surfaceMessageChoice_deferDate', prefix));\r\n }\r\n\r\n this.set('userChoice', choice);\r\n }\r\n };\r\n\r\n this.dataHandler = function (data) {\r\n var item;\r\n switch (contentType) {\r\n case 0:\r\n if (data != null && data.Items && data.Items[0]) {\r\n item = data.Items.shift();\r\n if (item != null) {\r\n this.set('content', item);\r\n this.set('itemPrefix', item.OriginId || 'cms_defect_no_OriginId');\r\n }\r\n }\r\n break;\r\n case 2:\r\n item = new Array();\r\n for (var key in data.popupNotifications) {\r\n item[key] = data.popupNotifications[key];\r\n }\r\n if (item.length != 0) this.set('content', item);\r\n break;\r\n }\r\n };\r\n\r\n this.setTargetInfo = function (targetInfo) {\r\n var found = false;\r\n var mb = externalContent;\r\n var that = this;\r\n for (c = 0; c < targetInfo.length; c++) {\r\n if (targetInfo[c].CampaignName == mb) {\r\n found = true;\r\n //Call to Adobe\r\n adobe.target.getOffer({\r\n \"mbox\": mb,\r\n \"params\": { \"profile.Parameter1\": targetInfo[c].SegmentName },\r\n \"success\": function (response) {\r\n if (response.length != 0) {\r\n\r\n adobe.target.applyOffer({\r\n \"selector\": (\"#\" + mb),\r\n \"offer\": [response[0]]\r\n });\r\n\r\n\r\n kendo.bind($(\"> div\", that.obj), that);\r\n $(\"> div\", that.obj).show();\r\n\r\n that.openWindow();\r\n }\r\n else {\r\n isClosed = true;\r\n logger.log(\"No response to Mbox: \" + mb);\r\n dVM.subscribe(\"promoModalMboxClosed\", that.promoModalMboxClosed);\r\n if (dVM.isPublished(\"onWaiting2\")) {\r\n simpleMediator.publish(\"onWaiting2\");\r\n }\r\n else {\r\n simpleMediator.publish(\"onWaiting\");\r\n }\r\n }\r\n },\r\n \"error\": function (status, error) {\r\n logger.log(\"Something went wrong with Mbox: \" + mb);\r\n },\r\n \"timeout\": 5000\r\n });\r\n\r\n }\r\n }\r\n };\r\n\r\n this.isModalOpened = function () {\r\n return modalOpened;\r\n };\r\n\r\n this.onWaiting = function () {\r\n this.openWindow();\r\n };\r\n\r\n this.onWaiting2 = function () {\r\n this.openWindow();\r\n };\r\n\r\n this.modalNotifClosed = function () {\r\n return isClosed;\r\n };\r\n\r\n this.promoModalMboxClosed = function () {\r\n return isClosed;\r\n };\r\n\r\n function ifPromoModal(obj) {\r\n if (contentType == 1) {\r\n isClosed = true;\r\n dVM.subscribe(\"promoModalMboxClosed\", obj.promoModalMboxClosed);\r\n }\r\n }\r\n\r\n};\r\n\r\nfunction topNavViewModel() {\r\n var previousNavItem = null;\r\n var waiting = false;\r\n var nextNavItem = null;\r\n\r\n this.openLevel = function (e) {\r\n\r\n if (e.type == \"click\") {\r\n if (isMobile() || isSmallScreen()) {\r\n\r\n actualNav = e.currentTarget.parentNode;\r\n //mobile approach\r\n if (previousNavItem) {\r\n hideNav(previousNavItem, true, true);\r\n }\r\n if (actualNav != previousNavItem) {\r\n hideNav(actualNav, false, true);\r\n previousNavItem = actualNav;\r\n } else\r\n previousNavItem = null;\r\n }\r\n } else {\r\n if (!isSmallScreen() && !isMobile()) {\r\n //desktop approach\r\n if (e.type == \"mouseover\") {\r\n hideNav(e.currentTarget, false, false);\r\n previousNavItem = e.currentTarget;\r\n } else if (e.type == \"mouseout\" && $(e.relatedTarget).closest(e.currentTarget).length == 0) {\r\n previousNavItem && hideNav(previousNavItem, true, false);\r\n previousNavItem = null;\r\n }\r\n } else\r\n return false;\r\n }\r\n\r\n };\r\n\r\n function hideNav(navItem, flag, isMobileNav) {\r\n if (flag) {\r\n if (isMobileNav) {\r\n hideElement(navItem, true);\r\n } else {\r\n waiting = true;\r\n nextNavItem = null;\r\n setTimeout(\r\n function () {\r\n waiting = false;\r\n hideElement(navItem, true);\r\n if (nextNavItem) {\r\n hideElement(nextNavItem, false);\r\n }\r\n }, 500);\r\n }\r\n } else {\r\n if ((!waiting || isMobileNav) && navItem.className != \"active\") {\r\n hideElement(navItem, false);\r\n } else\r\n nextNavItem = navItem;\r\n }\r\n };\r\n\r\n function hideElement(element, flag) {\r\n var e = getFirstChild(element);\r\n while (e.nodeName != \"UL\") e = e.nextSibling;\r\n if (flag) {\r\n e.style.display = \"none\";\r\n element.className = \"\";\r\n } else {\r\n e.style.display = \"block\";\r\n element.className = \"active\";\r\n }\r\n element.id == \"cartInfoDropDown\" && simpleMediator.publish(\"topNavCartEvent\", flag);\r\n };\r\n\r\n function getFirstChild(e) {\r\n e = e.firstChild;\r\n while (e.nodeType != 1) e = e.nextSibling;\r\n return e;\r\n };\r\n\r\n function isMobile() {\r\n return HL.Util.Browser.isMobile.any();\r\n };\r\n\r\n function isSmallScreen() {\r\n return HL.Util.Browser.dimensions.Width() < 960;\r\n };\r\n\r\n};\r\n\r\nfunction mobileNavViewModel() {\r\n this.open = function (e) {\r\n $(\".transformer\").toggleClass(\"is-open\");\r\n }\r\n};\r\n\r\n//View model to encrypt URL's\r\nfunction UrlEncriptionViewModel() {\r\n var url;\r\n var data = new Array();\r\n\r\n this.sendURL = function (e) {\r\n first = true;\r\n url = $(e.delegateTarget).data(\"url\");\r\n if (url.search(\"\\\\?\") == -1) url = url + \"?\";\r\n data = $(e.delegateTarget).data(\"values\").split(\",\");\r\n for (index = 0; index < data.length; ++index) {\r\n temp = data[index].split(\":\");\r\n url = url + (!first ? \"&\" : \"\") + temp[0] + \"=\" + encodeURIComponent(_AnalyticsFacts_[temp[1]]);\r\n first ? first = false : first;\r\n }\r\n $(e.delegateTarget).attr(\"href\", url);\r\n }\r\n};\r\n\r\n//View modal for generic modal\r\nfunction modalWindowViewModel(element, titleelement) {\r\n that = null;\r\n title = '';\r\n titleElement = titleelement || \"h4\";\r\n icon = 'icon-delete-fl-5';\r\n iconElement = \".k-window .k-icon\";\r\n this.modalElement = element;\r\n UImodal = \"kendoWindow\";\r\n\r\n this.load = function () {\r\n that = this;\r\n if ($(titleElement, $(that.modalElement)).length != 0 && !$(titleElement, $(that.modalElement)).data('ignoretitle')) {\r\n title = $(titleElement, $(that.modalElement)).text();\r\n }\r\n $(that.modalElement)[UImodal]({\r\n modal: true,\r\n resizable: false,\r\n visible: false,\r\n title: title,\r\n animation: {\r\n open: {\r\n effects: \"fade:in\"\r\n },\r\n close: {\r\n effects: \"fade:out\"\r\n }\r\n }\r\n });\r\n\r\n //max-width\r\n $(that.modalElement).parent().css(\"max-width\", $(that.modalElement).css(\"max-width\"));\r\n\r\n //setting icon\r\n $(iconElement).addClass(icon).text(\"\");\r\n\r\n $(that.modalElement).attr(\"data-centerwindow\", true);\r\n\r\n }\r\n};\r\n\r\nfunction SessionMsgViewModel(cookieName, isOldIE) {\r\n var OldIE = isOldIE || false;\r\n\r\n this.isVisible = function () {\r\n if (HL.Cookie.getCookie(cookieName) != \"true\" &&\r\n ((OldIE && HL.Util.Browser.IE().isTheBrowser && HL.Util.Browser.IE().actualVersion <= 9) || !OldIE)) {\r\n $(this.obj).slideDown();\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n this.closeMessage = function () {\r\n $(this.obj).slideUp();\r\n document.cookie = cookieName + \"=true\";\r\n };\r\n\r\n}","// --------------------------------------------------------------------------------------------------------------------\r\n//
\r\n// Herbalife 2013\r\n// \r\n//
\r\n// Global UI Javascript modules, used in MyHerbalife.com and Herbalife.com\r\n// Framwork: Require JS, jQuery JS and Kendo UI\r\n// \r\n//
\r\n// DTS - Content DEV UI | DTS - Integration \r\n// \r\n// -------------------------------------------------------------------------------------------------------------------- \r\n\r\nfunction alphaNumericNoSpace(e) {\r\n var input = String.fromCharCode(e.which);\r\n var regex = /[a-zA-Z0-9_]/;\r\n if (!regex.test(input)) {\r\n if (!e.shiftKey && input != \".\") {\r\n switch (e.keyCode) {\r\n case 8://backspace\r\n case 9://tab\r\n case 13://enter\r\n case 35://end\r\n case 36://home\r\n case 37://left arrow\r\n case 38://up arrow\r\n case 39://right arrow\r\n case 40://down arrow\r\n case 46://delete\r\n return;\r\n }\r\n }\r\n e.preventDefault();\r\n }\r\n};\r\n\r\nvar IdleLogout = (function () {\r\n var config = {\r\n Act: { Handle: null, Action: null, Interval: 25 * 60 * 1000 },\r\n Warn: { Handle: null, Action: null, Interval: 20 * 60 * 1000 }\r\n };\r\n\r\n var configure = function (cfg) {\r\n setIfDefined(config.Act, 'Interval', cfg.Act);\r\n setIfDefined(config.Act, 'Action', cfg.Act);\r\n\r\n setIfDefined(config.Warn, 'Interval', cfg.Warn);\r\n setIfDefined(config.Warn, 'Action', cfg.Warn);\r\n };\r\n\r\n var setIfDefined = function (target, prop, value) {\r\n if (target && value && value[prop]) {\r\n target[prop] = value[prop];\r\n }\r\n };\r\n\r\n var reset = function () {\r\n tryReset(config.Warn);\r\n tryReset(config.Act);\r\n\r\n // We need to review this line, is causing a print of
in every scroll action.\r\n //$('body').append('
reset by something ' + new Date() + '
');\r\n\r\n start();\r\n };\r\n\r\n var tryReset = function (cfg) {\r\n if (cfg && cfg.Handle && window) { window.clearTimeout(cfg.Handle); }\r\n\r\n };\r\n\r\n var start = function () {\r\n tryStart(config.Warn);\r\n tryStart(config.Act);\r\n };\r\n\r\n var tryStart = function (cfg) {\r\n if (cfg && cfg.Action && cfg.Interval) {\r\n cfg.Handle = window.setTimeout(cfg.Action, cfg.Interval);\r\n }\r\n };\r\n\r\n //elements that have conflicts with this modal\r\n var conflictElement = [];\r\n\r\n var addConflictElement = function (element) {\r\n conflictElement.push(element);\r\n };\r\n\r\n var hideConflictElements = function () {\r\n for (x = 0; x < conflictElement.length; x++) {\r\n $(conflictElement[x]).css(\"visibility\", \"hidden\");\r\n }\r\n };\r\n\r\n var showConflictElements = function (element) {\r\n for (x = 0; x < conflictElement.length; x++) {\r\n $(conflictElement[x]).css(\"visibility\", \"\");\r\n }\r\n };\r\n\r\n return {\r\n reset: reset,\r\n\r\n start: start,\r\n\r\n addConflictElement: addConflictElement,\r\n\r\n hideConflictElements: hideConflictElements,\r\n\r\n showConflictElements: showConflictElements,\r\n\r\n configure: function (configuration) {\r\n reset();\r\n configure(configuration);\r\n }\r\n };\r\n})();\r\n\r\n$(function () {\r\n coreMvvm = new MvvmConfiguration();\r\n coreMvvm.Activate();\r\n\r\n //*** splash page\r\n if ($(\".splash\").length == 0) {\r\n try { //break in case there's no Cart available for any country\r\n var cartVM = viewModelHelpers.wire.getInstance('CartViewModel', 'shared');\r\n simpleMediator.attachTo(cartVM);\r\n cartVM.subscribe(\"topNavCartEvent\", cartVM.activationHandler);\r\n } catch (error) {\r\n logger.log(error);\r\n }\r\n } //else splash();\r\n\r\n //*** Left Menu fixes\r\n if ($(\"#left_menu.leftMenuNew\").length == 0) $(\"#LeftNavMenuCell\").remove();\r\n\r\n try {\r\n var leftMenuVar = $(\".leftMenuNew\") ? \".leftMenuNew\" : \"#main-side-nav\";\r\n var leftNav = $(leftMenuVar);\r\n\r\n //Getting page name\r\n var pathname = decodeURI($(location).attr('pathname') + $(location).attr('search')).toLowerCase();\r\n\r\n //Searching and assigning active class\r\n var item = $(leftMenuVar + \" a\").filter(function () {\r\n link = $(this).attr(\"href\").toLowerCase();\r\n if ($(\"#ProductMenu\").length > 0) link = \"/ordering/\" + link;\r\n return link == pathname;\r\n });\r\n if (leftNav && item) item.parents('li').addClass(\"active\");\r\n } catch (err) {\r\n }\r\n\r\n $(\"#main-left-container > span a\").click(function () {\r\n var that = this;\r\n if ($(\"#main-side-nav:visible\").length != 0) { //visible\r\n $(that).removeClass();\r\n $(that).addClass(\"icon-arrow-circle-fl-29\");\r\n $(\"#main-side-nav\").slideUp();\r\n\r\n $(window).resize(function () {\r\n if ($(window).width() > 960) {\r\n $(that).removeClass();\r\n $(that).addClass(\"icon-arrow-circle-fl-30\");\r\n $(\"#main-side-nav\").slideDown();\r\n }\r\n else {\r\n $(that).removeClass();\r\n $(that).addClass(\"icon-arrow-circle-fl-29\");\r\n $(\"#main-side-nav\").slideUp();\r\n }\r\n });\r\n }\r\n else { //not visible\r\n $(that).removeClass();\r\n $(that).addClass(\"icon-arrow-circle-fl-30\");\r\n $(\"#main-side-nav\").slideDown();\r\n }\r\n });\r\n\r\n //Left Menu fixed\r\n scrollFixed();\r\n\r\n //*** Placeholders for I8 and IE9\r\n var testElement = document.createElement('input');\r\n if (!('placeholder' in testElement)) {\r\n $(\"input[placeholder]\").each(function () {\r\n if ($(this).attr(\"type\") == \"password\")\r\n $(this).before('
');\r\n else\r\n $(this).val($(this).attr('placeholder'));\r\n });\r\n\r\n $(\"input[placeholder]\").focusin(function () {\r\n if ($(this).attr(\"type\") == \"password\") {\r\n if ($(this).val() == \"\") $('label[for=\"' + $(this).attr(\"id\") + '\"]').hide();\r\n }\r\n else\r\n if ($(this).val() == $(this).attr('placeholder')) $(this).val('');\r\n });\r\n\r\n $(\"input[placeholder]\").blur(function () {\r\n if ($(this).val() == '') {\r\n if ($(this).attr(\"type\") == \"password\")\r\n $('label[for=\"' + $(this).attr(\"id\") + '\"]').show();\r\n else\r\n $(this).val($(this).attr('placeholder'));\r\n }\r\n });\r\n\r\n $(\"#pin\").bind('propertychange change', function () {\r\n if ($(\"#pin\").val() == '')\r\n $('label[for=\"pin\"]').show();\r\n else\r\n $('label[for=\"pin\"]').hide();\r\n });\r\n\r\n }\r\n\r\n //*** Search box\r\n $(\"#rightTopNav input.search, #mobile-main-nav input.search\").keypress(function (event) {\r\n var locale;\r\n //Get locale value from current selection \r\n $.each($(\".localeSelector option\").filter(\":selected\"),\r\n function (i, val) {\r\n if (val.value) {\r\n if (val.length >= 5) {\r\n locale = locale.substr(0, 5);\r\n }\r\n\r\n locale = val.value;\r\n }\r\n });\r\n if (event.keyCode == 13) {\r\n if ($(this).val() == \"\") return false;\r\n else {\r\n event.preventDefault();\r\n window.location.href = '/ed/' + locale + '/SearchResults?q=' + $(this).val();\r\n }\r\n }\r\n });\r\n\r\n //*** Local Selector\r\n $(\"#closeLocalSel\").click(function () {\r\n $(\"#localeSel\").click();\r\n });\r\n\r\n $(\"#localeSel, #localeSelMobile\").click(function (e) {\r\n $(this).toggleClass(\"selected\");\r\n if ($(\".icon-chevron-down\", this).length) $(\".icon-chevron-down\", this).toggleClass(\"icon-chevron-up\");\r\n else $(\".icon-chevron-up\", this).toggleClass(\"icon-chevron-down\");\r\n\r\n if ($(\"#locales\").is(\":visible\")) $(\"#locales\").slideUp(400);\r\n else $(\"#locales\").slideDown(400);\r\n\r\n e.stopImmediatePropagation();\r\n });\r\n\r\n var localeSelectorChangeHandler = function (e) {\r\n var sender = e.target;\r\n var locale = sender.options[sender.selectedIndex].value;\r\n\r\n if (locale) {\r\n if (locale.length >= 5) {\r\n locale = locale.substr(0, 5);\r\n }\r\n\r\n $.get('/api/localeSelector/' + locale + '?url=' + encodeURI(window.location.href))\r\n .success(function (data, status) {\r\n window.location.href = data;\r\n })\r\n .error(function (jqXHR, textStatus, errorThrown) {\r\n logger.log('An error has ocurred executing locale change api.');\r\n });\r\n }\r\n };\r\n\r\n $(\"select.localeSelector\").kendoDropDownList({\r\n height: 500\r\n });\r\n $(\"select.localeSelector\").change(localeSelectorChangeHandler);\r\n\r\n //*** Nav position \r\n var nav = $(\"#main-nav\");\r\n var navPos = nav.offset();\r\n $(window).scroll(function () {\r\n //code for fixed navigation\r\n if (nav.length != 0) {\r\n if (($(this).scrollTop() > navPos.top) && !nav.hasClass('fixed')) {\r\n nav.addClass('fixed');\r\n } else if ($(this).scrollTop() <= navPos.top && nav.hasClass('fixed')) {\r\n nav.removeClass('fixed');\r\n }\r\n }\r\n });\r\n\r\n //*** Footer fix when not enough content \r\n if ((h = $(window).height() - $(\"body\").height()) > 0) {\r\n $(\"#hrblSiteWrapper > footer\").css(\"margin-top\", h + \"px\");\r\n }\r\n\r\n var resizeId;\r\n $(window).resize(function () {\r\n clearTimeout(resizeId);\r\n resizeId = setTimeout(function () {\r\n $(\"#hrblSiteWrapper > footer\").css(\"margin-top\", \"0px\");\r\n h = $(window).height() - $(\"body\").height();\r\n if ((h = $(window).height() - $(\"body\").height()) > 0) {\r\n $(\"#hrblSiteWrapper > footer\").css(\"margin-top\", h + \"px\");\r\n }\r\n }, 200);\r\n });\r\n\r\n //*** Buttons for K-grid\r\n if ($(\".k-grid\").length) {\r\n //Add record buttons on k-grid\r\n $(\".k-grid-add\").removeClass(\"k-button\");\r\n $(\".k-grid-add\").addClass(\"btn\"); //styling of \"Add Shipping Address\" button\r\n }\r\n\r\n //*** modal window\r\n $(\".hrblModal\").each(function () {\r\n hrblModal = this;\r\n var model;\r\n\r\n model = new modalWindowViewModel(hrblModal).load();\r\n });\r\n\r\n $('.modalBtn[title]').on(\"mouseenter\", function () {\r\n $(this).data(\"title\", $(this).attr(\"title\")).removeAttr(\"title\");\r\n });\r\n\r\n $('.modalBtn').on(\"click\", function (e) {\r\n e.preventDefault();\r\n actualModal = $(\"#\" + $(this).data(\"title\") + \".hrblModal\").data(\"kendoWindow\");\r\n if (actualModal != null) {\r\n\r\n img = $(\"img\", actualModal.element[0]);\r\n if (img.length != 0) {\r\n if (img.prop('complete')) {\r\n actualModal.open().center();\r\n } else {\r\n img.on(\"load\", function () {\r\n img.show();\r\n actualModal.open().center();\r\n }).error(function () {\r\n img.hide();\r\n actualModal.open().center();\r\n });\r\n }\r\n } else {\r\n actualModal.open().center();\r\n }\r\n\r\n\r\n }\r\n\r\n });\r\n\r\n $(window).resize(function () {\r\n if ($('[data-centerwindow]:visible').length != 0) {\r\n $(\"[data-centerwindow]:visible\").data(\"kendoWindow\").center();\r\n }\r\n });\r\n\r\n //*** Alert Messages\r\n if ($(\"#systemAlert\")) {\r\n\r\n var numPar = $('#systemAlert div').length;\r\n var actualDiv = $('#systemAlert div:first-child');\r\n var currentPar = 1;\r\n\r\n $('#systemAlert span b').html(currentPar + ' of ' + numPar);\r\n\r\n $('#systemAlert .next').click(function () {\r\n if (currentPar >= numPar) {\r\n currentPar = numPar;\r\n } else {\r\n currentPar++;\r\n var nextDiv = actualDiv.next();\r\n actualDiv.fadeOut(200, function () { nextDiv.fadeIn(200); });\r\n actualDiv = nextDiv;\r\n $('#systemAlert span b').html(currentPar + ' of ' + numPar);\r\n }\r\n });\r\n\r\n $('#systemAlert .prev').click(function () {\r\n if (currentPar <= 1) {\r\n currentPar = 1;\r\n } else {\r\n currentPar--;\r\n var nextDiv = actualDiv.prev();\r\n actualDiv.fadeOut(200, function () { nextDiv.fadeIn(400); });\r\n actualDiv = nextDiv;\r\n $('#systemAlert span b').html(currentPar + ' of ' + numPar);\r\n }\r\n });\r\n\r\n $('#systemAlert button').click(function () {\r\n $(\"#systemAlert p\").slideToggle(600);\r\n });\r\n\r\n }\r\n\r\n //*** Video\r\n if ($(\".videoWrapper\").length != 0) {\r\n $('.videoWrapper iframe').each(function () {\r\n var separator = \"?\";\r\n var url = $(this).attr(\"src\");\r\n\r\n if (url.indexOf(\"?\") != -1) {\r\n separator = \"&\";\r\n }\r\n $(this).attr(\"src\", url + separator + \"wmode=transparent\");\r\n });\r\n }\r\n\r\n if (window && window._AnalyticsFacts_ && window._AnalyticsFacts_.Id) {\r\n //*** idle timeout handling\r\n var idleWarningWindow = '#idleLogout';\r\n var idleWarningContentUrl = '/ed/' + _AnalyticsFacts_.LanguageCode + '-' + _AnalyticsFacts_.CountryCode + '/pages/IdleTimeoutWarning.html';\r\n var handle = \"\";\r\n var logoutUrl = '/Authentication/Logout';\r\n\r\n IdleLogout.configure({\r\n Warn: {\r\n Action: function () {\r\n if (handle == \"\") {\r\n //Check if fragment exists\r\n $.get(idleWarningContentUrl)\r\n .done(function () {\r\n\r\n try {\r\n handle = $(idleWarningWindow).data(\"kendoWindow\");\r\n handle.refresh({\r\n url: idleWarningContentUrl\r\n });\r\n $(idleWarningWindow + \" .btnForward\").on(\"click\", function () { handle.close(); });\r\n\r\n //On close\r\n handle.bind(\"close\", function () {\r\n IdleLogout.showConflictElements();\r\n IdleLogout.reset();\r\n });\r\n\r\n IdleLogout.hideConflictElements();\r\n\r\n handle.bind(\"refresh\", function () {\r\n handle.open().center();\r\n });\r\n } catch (err) { }\r\n\r\n }).fail(function () {\r\n // not exists code\r\n handle = \"fail\";\r\n logger.log(\"There's no fragment to show for Session Timeout. Reseting the timer\");\r\n IdleLogout.reset();\r\n });\r\n }\r\n else {\r\n if (handle == \"fail\")\r\n IdleLogout.reset();\r\n else {\r\n IdleLogout.hideConflictElements();\r\n handle && handle.open().center();\r\n }\r\n }\r\n }\r\n },\r\n Act: {\r\n Action: function () { document.location.href = logoutUrl; }\r\n }\r\n });\r\n // wire up resetting actions\r\n $(window).scroll(IdleLogout.reset);\r\n $(window).click(IdleLogout.reset);\r\n // start the timer\r\n IdleLogout.start();\r\n\r\n }\r\n\r\n //Put locale text from current selection in Country Header\r\n var locale;\r\n $.each($(\".localeSelector option\").filter(\":selected\"),\r\n function (i, val) {\r\n if (val.value) {\r\n locale = val.text;\r\n $('#localeSel').html('
' + locale);\r\n }\r\n });\r\n\r\n $('a[href=\"/Home/RedirectToProfileCreate\"]').hide();\r\n\r\n //Link Box\r\n if ($('#classicLinkBox') && $('#classicLinkBox').length != 0) {\r\n $('#classicLinkBox').prepend(\"
\");\r\n $('#classicLinkBox i').click(function () {\r\n $('#classicLinkBox').remove();\r\n });\r\n }\r\n\r\n //**************** Prevent multiple logout ****************//\r\n $(\"#myProfileDropDown a.full-width\").click(function () {\r\n if (!$(this).hasClass(\"disabled\")) {\r\n $(this).addClass(\"disabled\");\r\n }\r\n else { return false; }\r\n });\r\n\r\n});\r\n\r\n//Fixes left search to scroll SearchResults page\r\nfunction scrollFixed() {\r\n var leftMenuFixed = $('.scroll-fixed');\r\n if (leftMenuFixed.length != 0) {\r\n var leftMenuOffset = leftMenuFixed.offset().top - $('#main-nav').height();\r\n $(window).scroll(function () {\r\n if (($(this).scrollTop() > leftMenuOffset) && !leftMenuFixed.hasClass('fixed')) {\r\n leftMenuFixed.addClass('fixed');\r\n } else if ($(this).scrollTop() <= leftMenuOffset && leftMenuFixed.hasClass('fixed')) {\r\n leftMenuFixed.removeClass('fixed');\r\n }\r\n });\r\n }\r\n};\r\n","//// The script to open event detail window\r\nfunction openEventDetailWindow(eventID) {\r\n var arr = document.URL.split(\"/\");\r\n if (arr.length > 2) {\r\n var url = arr[0] + '//' + arr[2] + '/Events/EventDetail.aspx?eid=' + eventID;\r\n window.open(url, \"\", \"height=400,width=650,left=160,top=100,resizable=yes,toolbar=yes,scrollbars=yes,menubar=yes,location=no,directories=no,status=yes\");\r\n }\r\n}\r\n\r\nfunction openEventDetailWindowAnonmyous(eventID) {\r\n var url = '/Events/Public/EventDetail.aspx?eid=' + eventID;\r\n window.open(url, \"\", \"height=500,width=650,left=160,top=100,resizable=yes,toolbar=yes,scrollbars=yes,menubar=yes,location=no,directories=no,status=yes\");\r\n}\r\n\r\n\r\n// Support for firefox - add click event to a link\r\nfunction addClickEventToLink(id) {\r\n var linkElement = document.getElementById(id);\r\n if (linkElement && typeof (linkElement.click) == 'undefined') {\r\n linkElement.click = function () {\r\n var result = true;\r\n if (linkElement.onclick) result = linkElement.onclick();\r\n if (typeof (result) == 'undefined' || result) {\r\n eval(linkElement.href);\r\n linkElement.click();\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n///////////////////////////////////////\r\n// Support for flash activation - start\r\n//Copyright 2006 Adobe Systems, Inc. All rights reserved. //v1.0\r\nfunction AC_AddExtension(src, ext) {\r\n if (src.indexOf('?') != -1)\r\n return src.replace(/\\?/, ext + '?');\r\n else\r\n return src + ext;\r\n}\r\n\r\nfunction AC_Generateobj(objAttrs, params, embedAttrs) {\r\n var str = '
';\r\n str += '