');\r\n } else {\r\n return '';\r\n }\r\n });\r\n\r\n Handlebars.registerHelper('getArticleOverlay', function(date, articleType) {\r\n var d = new Date(Date.parse(date));\r\n\r\n if (d.getFullYear() > 2001) {\r\n return new Handlebars.SafeString(\r\n \"\",\r\n );\r\n } else {\r\n return '';\r\n }\r\n });\r\n\r\n Handlebars.registerHelper('renderTags', function(documentTags, delimiter) {\r\n var arrTags = documentTags\r\n .replace(/\\'/g, '')\r\n .replace(/, /g, ',')\r\n .split(',');\r\n var strOut = '';\r\n if (arrTags.length > 0) {\r\n strOut += '![\"'](\"')
');\r\n });\r\n\r\n Handlebars.registerHelper('link', function(url, text, css) {\r\n url = Handlebars.escapeExpression(url);\r\n text = Handlebars.escapeExpression(text);\r\n\r\n if (url.length > 0 && text.length > 0) {\r\n return new Handlebars.SafeString(\r\n '' + text + '',\r\n );\r\n } else {\r\n return '';\r\n }\r\n });\r\n\r\n Handlebars.registerHelper('linknewwindow', function(url, text, css) {\r\n url = Handlebars.escapeExpression(url);\r\n text = Handlebars.escapeExpression(text);\r\n\r\n if (url.length > 0 && text.length > 0) {\r\n return new Handlebars.SafeString(\r\n '' +\r\n text +\r\n '',\r\n );\r\n } else {\r\n return '';\r\n }\r\n });\r\n\r\n var DateFormats = {\r\n short: 'DD/MM/YY',\r\n long: 'dddd DD/MM/YYYY HH:mm',\r\n };\r\n\r\n Handlebars.registerHelper('formatDate', function(datetime, format) {\r\n var d = new Date(Date.parse(datetime));\r\n\r\n if (d.getFullYear() > 2001) {\r\n if (moment) {\r\n var f = DateFormats[format];\r\n return '- ' + moment(datetime).format(f);\r\n } else {\r\n return '- ' + datetime;\r\n }\r\n } else {\r\n return '';\r\n }\r\n });\r\n\r\n Handlebars.registerHelper('getRowDivSep', function(index, mod, isLast) {\r\n if (index % mod === 0) {\r\n return new Handlebars.SafeString('
- ';\r\n for (let i = 0; i < arrTags.length; i++) {\r\n var prepend = delimiter.length > 0 && strOut.length > 4 ? delimiter + ' ' : '';\r\n strOut += prepend + \"
- \" + arrTags[i] + ' ';\r\n }\r\n strOut += '
');\r\n } else {\r\n return '';\r\n }\r\n });\r\n\r\n Handlebars.registerHelper('getArticleOverlay', function(date, articleType) {\r\n var d = new Date(Date.parse(date));\r\n\r\n if (d.getFullYear() > 2001) {\r\n return new Handlebars.SafeString(\r\n \"\",\r\n );\r\n } else {\r\n return '';\r\n }\r\n });\r\n\r\n Handlebars.registerHelper('renderTags', function(documentTags, delimiter) {\r\n var arrTags = documentTags\r\n .replace(/\\'/g, '')\r\n .replace(/, /g, ',')\r\n .split(',');\r\n var strOut = '';\r\n if (arrTags.length > 0) {\r\n strOut += '',\r\n image: '![\"\"](\"{href}\")
',\r\n iframe:\r\n '',\r\n error:\r\n '
- ';\r\n for (let i = 0; i < arrTags.length; i++) {\r\n var prepend = delimiter.length > 0 && strOut.length > 4 ? delimiter + ' ' : '';\r\n strOut += prepend + \"
- \" + arrTags[i] + ' ';\r\n }\r\n strOut += '
The requested content cannot be loaded.
Please try again later.
',\r\n },\r\n\r\n // Properties for each animation type\r\n // Opening fancyBox\r\n openEffect: 'fade', // 'elastic', 'fade' or 'none'\r\n openSpeed: 250,\r\n openEasing: 'swing',\r\n openOpacity: true,\r\n openMethod: 'zoomIn',\r\n\r\n // Closing fancyBox\r\n closeEffect: 'fade', // 'elastic', 'fade' or 'none'\r\n closeSpeed: 250,\r\n closeEasing: 'swing',\r\n closeOpacity: true,\r\n closeMethod: 'zoomOut',\r\n\r\n // Changing next gallery item\r\n nextEffect: 'elastic', // 'elastic', 'fade' or 'none'\r\n nextSpeed: 250,\r\n nextEasing: 'swing',\r\n nextMethod: 'changeIn',\r\n\r\n // Changing previous gallery item\r\n prevEffect: 'elastic', // 'elastic', 'fade' or 'none'\r\n prevSpeed: 250,\r\n prevEasing: 'swing',\r\n prevMethod: 'changeOut',\r\n\r\n // Enable default helpers\r\n helpers: {\r\n overlay: true,\r\n title: true,\r\n },\r\n\r\n // Callbacks\r\n onCancel: $.noop, // If canceling\r\n beforeLoad: $.noop, // Before loading\r\n afterLoad: $.noop, // After loading\r\n beforeShow: $.noop, // Before changing in current item\r\n afterShow: $.noop, // After opening\r\n beforeChange: $.noop, // Before changing gallery item\r\n beforeClose: $.noop, // Before closing\r\n afterClose: $.noop, // After closing\r\n },\r\n\r\n //Current state\r\n group: {}, // Selected group\r\n opts: {}, // Group options\r\n previous: null, // Previous element\r\n coming: null, // Element being loaded\r\n current: null, // Currently loaded element\r\n isActive: false, // Is activated\r\n isOpen: false, // Is currently open\r\n isOpened: false, // Have been fully opened at least once\r\n\r\n wrap: null,\r\n skin: null,\r\n outer: null,\r\n inner: null,\r\n\r\n player: {\r\n timer: null,\r\n isActive: false,\r\n },\r\n\r\n // Loaders\r\n ajaxLoad: null,\r\n imgPreload: null,\r\n\r\n // Some collections\r\n transitions: {},\r\n helpers: {},\r\n\r\n /*\r\n *\tStatic methods\r\n */\r\n\r\n open: function(group, opts) {\r\n if (!group) {\r\n return;\r\n }\r\n\r\n if (!$.isPlainObject(opts)) {\r\n opts = {};\r\n }\r\n\r\n // Close if already active\r\n if (false === F.close(true)) {\r\n return;\r\n }\r\n\r\n // Normalize group\r\n if (!$.isArray(group)) {\r\n group = isQuery(group) ? $(group).get() : [group];\r\n }\r\n\r\n // Recheck if the type of each element is `object` and set content type (image, ajax, etc)\r\n $.each(group, function(i, element) {\r\n var obj = {},\r\n href,\r\n title,\r\n content,\r\n type,\r\n rez,\r\n hrefParts,\r\n selector;\r\n\r\n if ($.type(element) === 'object') {\r\n // Check if is DOM element\r\n if (element.nodeType) {\r\n element = $(element);\r\n }\r\n\r\n if (isQuery(element)) {\r\n obj = {\r\n href: element.data('fancybox-href') || element.attr('href'),\r\n title: $('')\r\n .text(element.data('fancybox-title') || element.attr('title') || '')\r\n .html(),\r\n isDom: true,\r\n element: element,\r\n };\r\n\r\n if ($.metadata) {\r\n $.extend(true, obj, element.metadata());\r\n }\r\n } else {\r\n obj = element;\r\n }\r\n }\r\n\r\n href = opts.href || obj.href || (isString(element) ? element : null);\r\n title = opts.title !== undefined ? opts.title : obj.title || '';\r\n\r\n content = opts.content || obj.content;\r\n type = content ? 'html' : opts.type || obj.type;\r\n\r\n if (!type && obj.isDom) {\r\n type = element.data('fancybox-type');\r\n\r\n if (!type) {\r\n rez = element.prop('class').match(/fancybox\\.(\\w+)/);\r\n type = rez ? rez[1] : null;\r\n }\r\n }\r\n\r\n if (isString(href)) {\r\n // Try to guess the content type\r\n if (!type) {\r\n if (F.isImage(href)) {\r\n type = 'image';\r\n } else if (F.isSWF(href)) {\r\n type = 'swf';\r\n } else if (href.charAt(0) === '#') {\r\n type = 'inline';\r\n } else if (isString(element)) {\r\n type = 'html';\r\n content = element;\r\n }\r\n }\r\n\r\n // Split url into two pieces with source url and content selector, e.g,\r\n // \"/mypage.html #my_id\" will load \"/mypage.html\" and display element having id \"my_id\"\r\n if (type === 'ajax') {\r\n hrefParts = href.split(/\\s+/, 2);\r\n href = hrefParts.shift();\r\n selector = hrefParts.shift();\r\n }\r\n }\r\n\r\n if (!content) {\r\n if (type === 'inline') {\r\n if (href) {\r\n content = $(isString(href) ? href.replace(/.*(?=#[^\\s]+$)/, '') : href); //strip for ie7\r\n } else if (obj.isDom) {\r\n content = element;\r\n }\r\n } else if (type === 'html') {\r\n content = href;\r\n } else if (!type && !href && obj.isDom) {\r\n type = 'inline';\r\n content = element;\r\n }\r\n }\r\n\r\n $.extend(obj, {\r\n href: href,\r\n type: type,\r\n content: content,\r\n title: title,\r\n selector: selector,\r\n });\r\n\r\n group[i] = obj;\r\n });\r\n\r\n // Extend the defaults\r\n F.opts = $.extend(true, {}, F.defaults, opts);\r\n\r\n // All options are merged recursive except keys\r\n if (opts.keys !== undefined) {\r\n F.opts.keys = opts.keys ? $.extend({}, F.defaults.keys, opts.keys) : false;\r\n }\r\n\r\n F.group = group;\r\n\r\n return F._start(F.opts.index);\r\n },\r\n\r\n // Cancel image loading or abort ajax request\r\n cancel: function() {\r\n var coming = F.coming;\r\n\r\n if (coming && false === F.trigger('onCancel')) {\r\n return;\r\n }\r\n\r\n F.hideLoading();\r\n\r\n if (!coming) {\r\n return;\r\n }\r\n\r\n if (F.ajaxLoad) {\r\n F.ajaxLoad.abort();\r\n }\r\n\r\n F.ajaxLoad = null;\r\n\r\n if (F.imgPreload) {\r\n F.imgPreload.onload = F.imgPreload.onerror = null;\r\n }\r\n\r\n if (coming.wrap) {\r\n coming.wrap\r\n .stop(true, true)\r\n .trigger('onReset')\r\n .remove();\r\n }\r\n\r\n F.coming = null;\r\n\r\n // If the first item has been canceled, then clear everything\r\n if (!F.current) {\r\n F._afterZoomOut(coming);\r\n }\r\n },\r\n\r\n // Start closing animation if is open; remove immediately if opening/closing\r\n close: function(event) {\r\n F.cancel();\r\n\r\n if (false === F.trigger('beforeClose')) {\r\n return;\r\n }\r\n\r\n F.unbindEvents();\r\n\r\n if (!F.isActive) {\r\n return;\r\n }\r\n\r\n if (!F.isOpen || event === true) {\r\n $('.fancybox-wrap')\r\n .stop(true)\r\n .trigger('onReset')\r\n .remove();\r\n\r\n F._afterZoomOut();\r\n } else {\r\n F.isOpen = F.isOpened = false;\r\n F.isClosing = true;\r\n\r\n $('.fancybox-item, .fancybox-nav').remove();\r\n\r\n F.wrap.stop(true, true).removeClass('fancybox-opened');\r\n\r\n F.transitions[F.current.closeMethod]();\r\n }\r\n },\r\n\r\n // Manage slideshow:\r\n // $.fancybox.play(); - toggle slideshow\r\n // $.fancybox.play( true ); - start\r\n // $.fancybox.play( false ); - stop\r\n play: function(action) {\r\n var clear = function() {\r\n clearTimeout(F.player.timer);\r\n },\r\n set = function() {\r\n clear();\r\n\r\n if (F.current && F.player.isActive) {\r\n F.player.timer = setTimeout(F.next, F.current.playSpeed);\r\n }\r\n },\r\n stop = function() {\r\n clear();\r\n\r\n D.unbind('.player');\r\n\r\n F.player.isActive = false;\r\n\r\n F.trigger('onPlayEnd');\r\n },\r\n start = function() {\r\n if (F.current && (F.current.loop || F.current.index < F.group.length - 1)) {\r\n F.player.isActive = true;\r\n\r\n D.bind({\r\n 'onCancel.player beforeClose.player': stop,\r\n 'onUpdate.player': set,\r\n 'beforeLoad.player': clear,\r\n });\r\n\r\n set();\r\n\r\n F.trigger('onPlayStart');\r\n }\r\n };\r\n\r\n if (action === true || (!F.player.isActive && action !== false)) {\r\n start();\r\n } else {\r\n stop();\r\n }\r\n },\r\n\r\n // Navigate to next gallery item\r\n next: function(direction) {\r\n var current = F.current;\r\n\r\n if (current) {\r\n if (!isString(direction)) {\r\n direction = current.direction.next;\r\n }\r\n\r\n F.jumpto(current.index + 1, direction, 'next');\r\n }\r\n },\r\n\r\n // Navigate to previous gallery item\r\n prev: function(direction) {\r\n var current = F.current;\r\n\r\n if (current) {\r\n if (!isString(direction)) {\r\n direction = current.direction.prev;\r\n }\r\n\r\n F.jumpto(current.index - 1, direction, 'prev');\r\n }\r\n },\r\n\r\n // Navigate to gallery item by index\r\n jumpto: function(index, direction, router) {\r\n var current = F.current;\r\n\r\n if (!current) {\r\n return;\r\n }\r\n\r\n index = getScalar(index);\r\n\r\n F.direction = direction || current.direction[index >= current.index ? 'next' : 'prev'];\r\n F.router = router || 'jumpto';\r\n\r\n if (current.loop) {\r\n if (index < 0) {\r\n index = current.group.length + (index % current.group.length);\r\n }\r\n\r\n index = index % current.group.length;\r\n }\r\n\r\n if (current.group[index] !== undefined) {\r\n F.cancel();\r\n\r\n F._start(index);\r\n }\r\n },\r\n\r\n // Center inside viewport and toggle position type to fixed or absolute if needed\r\n reposition: function(e, onlyAbsolute) {\r\n var current = F.current,\r\n wrap = current ? current.wrap : null,\r\n pos;\r\n\r\n if (wrap) {\r\n pos = F._getPosition(onlyAbsolute);\r\n\r\n if (e && e.type === 'scroll') {\r\n delete pos.position;\r\n\r\n wrap.stop(true, true).animate(pos, 200);\r\n } else {\r\n wrap.css(pos);\r\n\r\n current.pos = $.extend({}, current.dim, pos);\r\n }\r\n }\r\n },\r\n\r\n update: function(e) {\r\n var type = e && e.originalEvent && e.originalEvent.type,\r\n anyway = !type || type === 'orientationchange';\r\n\r\n if (anyway) {\r\n clearTimeout(didUpdate);\r\n\r\n didUpdate = null;\r\n }\r\n\r\n if (!F.isOpen || didUpdate) {\r\n return;\r\n }\r\n\r\n didUpdate = setTimeout(\r\n function() {\r\n var current = F.current;\r\n\r\n if (!current || F.isClosing) {\r\n return;\r\n }\r\n\r\n F.wrap.removeClass('fancybox-tmp');\r\n\r\n if (anyway || type === 'load' || (type === 'resize' && current.autoResize)) {\r\n F._setDimension();\r\n }\r\n\r\n if (!(type === 'scroll' && current.canShrink)) {\r\n F.reposition(e);\r\n }\r\n\r\n F.trigger('onUpdate');\r\n\r\n didUpdate = null;\r\n },\r\n anyway && !isTouch ? 0 : 300,\r\n );\r\n },\r\n\r\n // Shrink content to fit inside viewport or restore if resized\r\n toggle: function(action) {\r\n if (F.isOpen) {\r\n F.current.fitToView = $.type(action) === 'boolean' ? action : !F.current.fitToView;\r\n\r\n // Help browser to restore document dimensions\r\n if (isTouch) {\r\n F.wrap.removeAttr('style').addClass('fancybox-tmp');\r\n\r\n F.trigger('onUpdate');\r\n }\r\n\r\n F.update();\r\n }\r\n },\r\n\r\n hideLoading: function() {\r\n D.unbind('.loading');\r\n\r\n $('#fancybox-loading').remove();\r\n },\r\n\r\n showLoading: function() {\r\n var el, viewport;\r\n\r\n F.hideLoading();\r\n\r\n el = $(F.opts.tpl.loading)\r\n .click(F.cancel)\r\n .appendTo('body');\r\n\r\n // If user will press the escape-button, the request will be canceled\r\n D.bind('keydown.loading', function(e) {\r\n if ((e.which || e.keyCode) === 27) {\r\n e.preventDefault();\r\n\r\n F.cancel();\r\n }\r\n });\r\n\r\n if (!F.defaults.fixed) {\r\n viewport = F.getViewport();\r\n\r\n el.css({\r\n position: 'absolute',\r\n top: viewport.h * 0.5 + viewport.y,\r\n left: viewport.w * 0.5 + viewport.x,\r\n });\r\n }\r\n\r\n F.trigger('onLoading');\r\n },\r\n\r\n getViewport: function() {\r\n var locked = (F.current && F.current.locked) || false,\r\n rez = {\r\n x: W.scrollLeft(),\r\n y: W.scrollTop(),\r\n };\r\n\r\n if (locked && locked.length) {\r\n rez.w = locked[0].clientWidth;\r\n rez.h = locked[0].clientHeight;\r\n } else {\r\n // See http://bugs.jquery.com/ticket/6724\r\n rez.w = isTouch && window.innerWidth ? window.innerWidth : W.width();\r\n rez.h = isTouch && window.innerHeight ? window.innerHeight : W.height();\r\n }\r\n\r\n return rez;\r\n },\r\n\r\n // Unbind the keyboard / clicking actions\r\n unbindEvents: function() {\r\n if (F.wrap && isQuery(F.wrap)) {\r\n F.wrap.unbind('.fb');\r\n }\r\n\r\n D.unbind('.fb');\r\n W.unbind('.fb');\r\n },\r\n\r\n bindEvents: function() {\r\n var current = F.current,\r\n keys;\r\n\r\n if (!current) {\r\n return;\r\n }\r\n\r\n // Changing document height on iOS devices triggers a 'resize' event,\r\n // that can change document height... repeating infinitely\r\n W.bind(\r\n 'orientationchange.fb' +\r\n (isTouch ? '' : ' resize.fb') +\r\n (current.autoCenter && !current.locked ? ' scroll.fb' : ''),\r\n F.update,\r\n );\r\n\r\n keys = current.keys;\r\n\r\n if (keys) {\r\n D.bind('keydown.fb', function(e) {\r\n var code = e.which || e.keyCode,\r\n target = e.target || e.srcElement;\r\n\r\n // Skip esc key if loading, because showLoading will cancel preloading\r\n if (code === 27 && F.coming) {\r\n return false;\r\n }\r\n\r\n // Ignore key combinations and key events within form elements\r\n if (\r\n !e.ctrlKey &&\r\n !e.altKey &&\r\n !e.shiftKey &&\r\n !e.metaKey &&\r\n !(target && (target.type || $(target).is('[contenteditable]')))\r\n ) {\r\n $.each(keys, function(i, val) {\r\n if (current.group.length > 1 && val[code] !== undefined) {\r\n F[i](val[code]);\r\n\r\n e.preventDefault();\r\n return false;\r\n }\r\n\r\n if ($.inArray(code, val) > -1) {\r\n F[i]();\r\n\r\n e.preventDefault();\r\n return false;\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n if ($.fn.mousewheel && current.mouseWheel) {\r\n F.wrap.bind('mousewheel.fb', function(e, delta, deltaX, deltaY) {\r\n var target = e.target || null,\r\n parent = $(target),\r\n canScroll = false;\r\n\r\n while (parent.length) {\r\n if (canScroll || parent.is('.fancybox-skin') || parent.is('.fancybox-wrap')) {\r\n break;\r\n }\r\n\r\n canScroll = isScrollable(parent[0]);\r\n parent = $(parent).parent();\r\n }\r\n\r\n if (delta !== 0 && !canScroll) {\r\n if (F.group.length > 1 && !current.canShrink) {\r\n if (deltaY > 0 || deltaX > 0) {\r\n F.prev(deltaY > 0 ? 'down' : 'left');\r\n } else if (deltaY < 0 || deltaX < 0) {\r\n F.next(deltaY < 0 ? 'up' : 'right');\r\n }\r\n\r\n e.preventDefault();\r\n }\r\n }\r\n });\r\n }\r\n },\r\n\r\n trigger: function(event, o) {\r\n var ret,\r\n obj = o || F.coming || F.current;\r\n\r\n if (obj) {\r\n if ($.isFunction(obj[event])) {\r\n ret = obj[event].apply(obj, Array.prototype.slice.call(arguments, 1));\r\n }\r\n\r\n if (ret === false) {\r\n return false;\r\n }\r\n\r\n if (obj.helpers) {\r\n $.each(obj.helpers, function(helper, opts) {\r\n if (opts && F.helpers[helper] && $.isFunction(F.helpers[helper][event])) {\r\n F.helpers[helper][event]($.extend(true, {}, F.helpers[helper].defaults, opts), obj);\r\n }\r\n });\r\n }\r\n }\r\n\r\n D.trigger(event);\r\n },\r\n\r\n isImage: function(str) {\r\n return (\r\n isString(str) &&\r\n str.match(/(^data:image\\/.*,)|(\\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\\?|#).*)?$)/i)\r\n );\r\n },\r\n\r\n isSWF: function(str) {\r\n return isString(str) && str.match(/\\.(swf)((\\?|#).*)?$/i);\r\n },\r\n\r\n _start: function(index) {\r\n var coming = {},\r\n obj,\r\n href,\r\n type,\r\n margin,\r\n padding;\r\n\r\n index = getScalar(index);\r\n obj = F.group[index] || null;\r\n\r\n if (!obj) {\r\n return false;\r\n }\r\n\r\n coming = $.extend(true, {}, F.opts, obj);\r\n\r\n // Convert margin and padding properties to array - top, right, bottom, left\r\n margin = coming.margin;\r\n padding = coming.padding;\r\n\r\n if ($.type(margin) === 'number') {\r\n coming.margin = [margin, margin, margin, margin];\r\n }\r\n\r\n if ($.type(padding) === 'number') {\r\n coming.padding = [padding, padding, padding, padding];\r\n }\r\n\r\n // 'modal' propery is just a shortcut\r\n if (coming.modal) {\r\n $.extend(true, coming, {\r\n closeBtn: false,\r\n closeClick: false,\r\n nextClick: false,\r\n arrows: false,\r\n mouseWheel: false,\r\n keys: null,\r\n helpers: {\r\n overlay: {\r\n closeClick: false,\r\n },\r\n },\r\n });\r\n }\r\n\r\n // 'autoSize' property is a shortcut, too\r\n if (coming.autoSize) {\r\n coming.autoWidth = coming.autoHeight = true;\r\n }\r\n\r\n if (coming.width === 'auto') {\r\n coming.autoWidth = true;\r\n }\r\n\r\n if (coming.height === 'auto') {\r\n coming.autoHeight = true;\r\n }\r\n\r\n /*\r\n * Add reference to the group, so it`s possible to access from callbacks, example:\r\n * afterLoad : function() {\r\n * this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');\r\n * }\r\n */\r\n\r\n coming.group = F.group;\r\n coming.index = index;\r\n\r\n // Give a chance for callback or helpers to update coming item (type, title, etc)\r\n F.coming = coming;\r\n\r\n if (false === F.trigger('beforeLoad')) {\r\n F.coming = null;\r\n\r\n return;\r\n }\r\n\r\n type = coming.type;\r\n href = coming.href;\r\n\r\n if (!type) {\r\n F.coming = null;\r\n\r\n //If we can not determine content type then drop silently or display next/prev item if looping through gallery\r\n if (F.current && F.router && F.router !== 'jumpto') {\r\n F.current.index = index;\r\n\r\n return F[F.router](F.direction);\r\n }\r\n\r\n return false;\r\n }\r\n\r\n F.isActive = true;\r\n\r\n if (type === 'image' || type === 'swf') {\r\n coming.autoHeight = coming.autoWidth = false;\r\n coming.scrolling = 'visible';\r\n }\r\n\r\n if (type === 'image') {\r\n coming.aspectRatio = true;\r\n }\r\n\r\n if (type === 'iframe' && isTouch) {\r\n coming.scrolling = 'scroll';\r\n }\r\n\r\n // Build the neccessary markup\r\n coming.wrap = $(coming.tpl.wrap)\r\n .addClass(\r\n 'fancybox-' +\r\n (isTouch ? 'mobile' : 'desktop') +\r\n ' fancybox-type-' +\r\n type +\r\n ' fancybox-tmp ' +\r\n coming.wrapCSS,\r\n )\r\n .appendTo(coming.parent || 'body');\r\n\r\n $.extend(coming, {\r\n skin: $('.fancybox-skin', coming.wrap),\r\n outer: $('.fancybox-outer', coming.wrap),\r\n inner: $('.fancybox-inner', coming.wrap),\r\n });\r\n\r\n $.each(['Top', 'Right', 'Bottom', 'Left'], function(i, v) {\r\n coming.skin.css('padding' + v, getValue(coming.padding[i]));\r\n });\r\n\r\n F.trigger('onReady');\r\n\r\n // Check before try to load; 'inline' and 'html' types need content, others - href\r\n if (type === 'inline' || type === 'html') {\r\n if (!coming.content || !coming.content.length) {\r\n return F._error('content');\r\n }\r\n } else if (!href) {\r\n return F._error('href');\r\n }\r\n\r\n if (type === 'image') {\r\n F._loadImage();\r\n } else if (type === 'ajax') {\r\n F._loadAjax();\r\n } else if (type === 'iframe') {\r\n F._loadIframe();\r\n } else {\r\n F._afterLoad();\r\n }\r\n },\r\n\r\n _error: function(type) {\r\n $.extend(F.coming, {\r\n type: 'html',\r\n autoWidth: true,\r\n autoHeight: true,\r\n minWidth: 0,\r\n minHeight: 0,\r\n scrolling: 'no',\r\n hasError: type,\r\n content: F.coming.tpl.error,\r\n });\r\n\r\n F._afterLoad();\r\n },\r\n\r\n _loadImage: function() {\r\n // Reset preload image so it is later possible to check \"complete\" property\r\n var img = (F.imgPreload = new Image());\r\n\r\n img.onload = function() {\r\n this.onload = this.onerror = null;\r\n\r\n F.coming.width = this.width / F.opts.pixelRatio;\r\n F.coming.height = this.height / F.opts.pixelRatio;\r\n\r\n F._afterLoad();\r\n };\r\n\r\n img.onerror = function() {\r\n this.onload = this.onerror = null;\r\n\r\n F._error('image');\r\n };\r\n\r\n img.src = F.coming.href;\r\n\r\n if (img.complete !== true) {\r\n F.showLoading();\r\n }\r\n },\r\n\r\n _loadAjax: function() {\r\n var coming = F.coming;\r\n\r\n F.showLoading();\r\n\r\n F.ajaxLoad = $.ajax(\r\n $.extend({}, coming.ajax, {\r\n url: coming.href,\r\n error: function(jqXHR, textStatus) {\r\n if (F.coming && textStatus !== 'abort') {\r\n F._error('ajax', jqXHR);\r\n } else {\r\n F.hideLoading();\r\n }\r\n },\r\n success: function(data, textStatus) {\r\n if (textStatus === 'success') {\r\n coming.content = data;\r\n\r\n F._afterLoad();\r\n }\r\n },\r\n }),\r\n );\r\n },\r\n\r\n _loadIframe: function() {\r\n var coming = F.coming,\r\n iframe = $(coming.tpl.iframe.replace(/\\{rnd\\}/g, new Date().getTime()))\r\n .attr('scrolling', isTouch ? 'auto' : coming.iframe.scrolling)\r\n .attr('src', coming.href);\r\n\r\n // This helps IE\r\n $(coming.wrap).bind('onReset', function() {\r\n try {\r\n $(this)\r\n .find('iframe')\r\n .hide()\r\n .attr('src', '//about:blank')\r\n .end()\r\n .empty();\r\n } catch (e) {}\r\n });\r\n\r\n if (coming.iframe.preload) {\r\n F.showLoading();\r\n\r\n iframe.one('load', function() {\r\n $(this).data('ready', 1);\r\n\r\n // iOS will lose scrolling if we resize\r\n if (!isTouch) {\r\n $(this).bind('load.fb', F.update);\r\n }\r\n\r\n // Without this trick:\r\n // - iframe won't scroll on iOS devices\r\n // - IE7 sometimes displays empty iframe\r\n $(this)\r\n .parents('.fancybox-wrap')\r\n .width('100%')\r\n .removeClass('fancybox-tmp')\r\n .show();\r\n\r\n F._afterLoad();\r\n });\r\n }\r\n\r\n coming.content = iframe.appendTo(coming.inner);\r\n\r\n if (!coming.iframe.preload) {\r\n F._afterLoad();\r\n }\r\n },\r\n\r\n _preloadImages: function() {\r\n var group = F.group,\r\n current = F.current,\r\n len = group.length,\r\n cnt = current.preload ? Math.min(current.preload, len - 1) : 0,\r\n item,\r\n i;\r\n\r\n for (i = 1; i <= cnt; i += 1) {\r\n item = group[(current.index + i) % len];\r\n\r\n if (item.type === 'image' && item.href) {\r\n new Image().src = item.href;\r\n }\r\n }\r\n },\r\n\r\n _afterLoad: function() {\r\n var coming = F.coming,\r\n previous = F.current,\r\n placeholder = 'fancybox-placeholder',\r\n current,\r\n content,\r\n type,\r\n scrolling,\r\n href,\r\n embed;\r\n\r\n F.hideLoading();\r\n\r\n if (!coming || F.isActive === false) {\r\n return;\r\n }\r\n\r\n if (false === F.trigger('afterLoad', coming, previous)) {\r\n coming.wrap\r\n .stop(true)\r\n .trigger('onReset')\r\n .remove();\r\n\r\n F.coming = null;\r\n\r\n return;\r\n }\r\n\r\n if (previous) {\r\n F.trigger('beforeChange', previous);\r\n\r\n previous.wrap\r\n .stop(true)\r\n .removeClass('fancybox-opened')\r\n .find('.fancybox-item, .fancybox-nav')\r\n .remove();\r\n }\r\n\r\n F.unbindEvents();\r\n\r\n current = coming;\r\n content = coming.content;\r\n type = coming.type;\r\n scrolling = coming.scrolling;\r\n\r\n $.extend(F, {\r\n wrap: current.wrap,\r\n skin: current.skin,\r\n outer: current.outer,\r\n inner: current.inner,\r\n current: current,\r\n previous: previous,\r\n });\r\n\r\n href = current.href;\r\n\r\n switch (type) {\r\n case 'inline':\r\n case 'ajax':\r\n case 'html':\r\n if (current.selector) {\r\n content = $('
')\r\n .html(content)\r\n .find(current.selector);\r\n } else if (isQuery(content)) {\r\n if (!content.data(placeholder)) {\r\n content.data(\r\n placeholder,\r\n $('')\r\n .insertAfter(content)\r\n .hide(),\r\n );\r\n }\r\n\r\n content = content.show().detach();\r\n\r\n current.wrap.bind('onReset', function() {\r\n if ($(this).find(content).length) {\r\n content\r\n .hide()\r\n .replaceAll(content.data(placeholder))\r\n .data(placeholder, false);\r\n }\r\n });\r\n }\r\n break;\r\n\r\n case 'image':\r\n content = current.tpl.image.replace(/\\{href\\}/g, href);\r\n break;\r\n\r\n case 'swf':\r\n content =\r\n '';\r\n break;\r\n }\r\n\r\n if (!(isQuery(content) && content.parent().is(current.inner))) {\r\n current.inner.append(content);\r\n }\r\n\r\n // Give a chance for helpers or callbacks to update elements\r\n F.trigger('beforeShow');\r\n\r\n // Set scrolling before calculating dimensions\r\n current.inner.css(\r\n 'overflow',\r\n scrolling === 'yes' ? 'scroll' : scrolling === 'no' ? 'hidden' : scrolling,\r\n );\r\n\r\n // Set initial dimensions and start position\r\n F._setDimension();\r\n\r\n F.reposition();\r\n\r\n F.isOpen = false;\r\n F.coming = null;\r\n\r\n F.bindEvents();\r\n\r\n if (!F.isOpened) {\r\n $('.fancybox-wrap')\r\n .not(current.wrap)\r\n .stop(true)\r\n .trigger('onReset')\r\n .remove();\r\n } else if (previous.prevMethod) {\r\n F.transitions[previous.prevMethod]();\r\n }\r\n\r\n F.transitions[F.isOpened ? current.nextMethod : current.openMethod]();\r\n\r\n F._preloadImages();\r\n },\r\n\r\n _setDimension: function() {\r\n var viewport = F.getViewport(),\r\n steps = 0,\r\n canShrink = false,\r\n canExpand = false,\r\n wrap = F.wrap,\r\n skin = F.skin,\r\n inner = F.inner,\r\n current = F.current,\r\n width = current.width,\r\n height = current.height,\r\n minWidth = current.minWidth,\r\n minHeight = current.minHeight,\r\n maxWidth = current.maxWidth,\r\n maxHeight = current.maxHeight,\r\n scrolling = current.scrolling,\r\n scrollOut = current.scrollOutside ? current.scrollbarWidth : 0,\r\n margin = current.margin,\r\n wMargin = getScalar(margin[1] + margin[3]),\r\n hMargin = getScalar(margin[0] + margin[2]),\r\n wPadding,\r\n hPadding,\r\n wSpace,\r\n hSpace,\r\n origWidth,\r\n origHeight,\r\n origMaxWidth,\r\n origMaxHeight,\r\n ratio,\r\n width_,\r\n height_,\r\n maxWidth_,\r\n maxHeight_,\r\n iframe,\r\n body;\r\n\r\n // Reset dimensions so we could re-check actual size\r\n wrap\r\n .add(skin)\r\n .add(inner)\r\n .width('auto')\r\n .height('auto')\r\n .removeClass('fancybox-tmp');\r\n\r\n wPadding = getScalar(skin.outerWidth(true) - skin.width());\r\n hPadding = getScalar(skin.outerHeight(true) - skin.height());\r\n\r\n // Any space between content and viewport (margin, padding, border, title)\r\n wSpace = wMargin + wPadding;\r\n hSpace = hMargin + hPadding;\r\n\r\n origWidth = isPercentage(width) ? ((viewport.w - wSpace) * getScalar(width)) / 100 : width;\r\n origHeight = isPercentage(height)\r\n ? ((viewport.h - hSpace) * getScalar(height)) / 100\r\n : height;\r\n\r\n if (current.type === 'iframe') {\r\n iframe = current.content;\r\n\r\n if (current.autoHeight && iframe && iframe.data('ready') === 1) {\r\n try {\r\n if (iframe[0].contentWindow.document.location) {\r\n inner.width(origWidth).height(9999);\r\n\r\n body = iframe.contents().find('body');\r\n\r\n if (scrollOut) {\r\n body.css('overflow-x', 'hidden');\r\n }\r\n\r\n origHeight = body.outerHeight(true);\r\n }\r\n } catch (e) {}\r\n }\r\n } else if (current.autoWidth || current.autoHeight) {\r\n inner.addClass('fancybox-tmp');\r\n\r\n // Set width or height in case we need to calculate only one dimension\r\n if (!current.autoWidth) {\r\n inner.width(origWidth);\r\n }\r\n\r\n if (!current.autoHeight) {\r\n inner.height(origHeight);\r\n }\r\n\r\n if (current.autoWidth) {\r\n origWidth = inner.width();\r\n }\r\n\r\n if (current.autoHeight) {\r\n origHeight = inner.height();\r\n }\r\n\r\n inner.removeClass('fancybox-tmp');\r\n }\r\n\r\n width = getScalar(origWidth);\r\n height = getScalar(origHeight);\r\n\r\n ratio = origWidth / origHeight;\r\n\r\n // Calculations for the content\r\n minWidth = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);\r\n maxWidth = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);\r\n\r\n minHeight = getScalar(\r\n isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight,\r\n );\r\n maxHeight = getScalar(\r\n isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight,\r\n );\r\n\r\n // These will be used to determine if wrap can fit in the viewport\r\n origMaxWidth = maxWidth;\r\n origMaxHeight = maxHeight;\r\n\r\n if (current.fitToView) {\r\n maxWidth = Math.min(viewport.w - wSpace, maxWidth);\r\n maxHeight = Math.min(viewport.h - hSpace, maxHeight);\r\n }\r\n\r\n maxWidth_ = viewport.w - wMargin;\r\n maxHeight_ = viewport.h - hMargin;\r\n\r\n if (current.aspectRatio) {\r\n if (width > maxWidth) {\r\n width = maxWidth;\r\n height = getScalar(width / ratio);\r\n }\r\n\r\n if (height > maxHeight) {\r\n height = maxHeight;\r\n width = getScalar(height * ratio);\r\n }\r\n\r\n if (width < minWidth) {\r\n width = minWidth;\r\n height = getScalar(width / ratio);\r\n }\r\n\r\n if (height < minHeight) {\r\n height = minHeight;\r\n width = getScalar(height * ratio);\r\n }\r\n } else {\r\n width = Math.max(minWidth, Math.min(width, maxWidth));\r\n\r\n if (current.autoHeight && current.type !== 'iframe') {\r\n inner.width(width);\r\n\r\n height = inner.height();\r\n }\r\n\r\n height = Math.max(minHeight, Math.min(height, maxHeight));\r\n }\r\n\r\n // Try to fit inside viewport (including the title)\r\n if (current.fitToView) {\r\n inner.width(width).height(height);\r\n\r\n wrap.width(width + wPadding);\r\n\r\n // Real wrap dimensions\r\n width_ = wrap.width();\r\n height_ = wrap.height();\r\n\r\n if (current.aspectRatio) {\r\n while (\r\n (width_ > maxWidth_ || height_ > maxHeight_) &&\r\n width > minWidth &&\r\n height > minHeight\r\n ) {\r\n if (steps++ > 19) {\r\n break;\r\n }\r\n\r\n height = Math.max(minHeight, Math.min(maxHeight, height - 10));\r\n width = getScalar(height * ratio);\r\n\r\n if (width < minWidth) {\r\n width = minWidth;\r\n height = getScalar(width / ratio);\r\n }\r\n\r\n if (width > maxWidth) {\r\n width = maxWidth;\r\n height = getScalar(width / ratio);\r\n }\r\n\r\n inner.width(width).height(height);\r\n\r\n wrap.width(width + wPadding);\r\n\r\n width_ = wrap.width();\r\n height_ = wrap.height();\r\n }\r\n } else {\r\n width = Math.max(minWidth, Math.min(width, width - (width_ - maxWidth_)));\r\n height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)));\r\n }\r\n }\r\n\r\n if (\r\n scrollOut &&\r\n scrolling === 'auto' &&\r\n height < origHeight &&\r\n width + wPadding + scrollOut < maxWidth_\r\n ) {\r\n width += scrollOut;\r\n }\r\n\r\n inner.width(width).height(height);\r\n\r\n wrap.width(width + wPadding);\r\n\r\n width_ = wrap.width();\r\n height_ = wrap.height();\r\n\r\n canShrink =\r\n (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;\r\n canExpand = current.aspectRatio\r\n ? width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight\r\n : (width < origMaxWidth || height < origMaxHeight) &&\r\n (width < origWidth || height < origHeight);\r\n\r\n $.extend(current, {\r\n dim: {\r\n width: getValue(width_),\r\n height: getValue(height_),\r\n },\r\n origWidth: origWidth,\r\n origHeight: origHeight,\r\n canShrink: canShrink,\r\n canExpand: canExpand,\r\n wPadding: wPadding,\r\n hPadding: hPadding,\r\n wrapSpace: height_ - skin.outerHeight(true),\r\n skinSpace: skin.height() - height,\r\n });\r\n\r\n if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {\r\n inner.height('auto');\r\n }\r\n },\r\n\r\n _getPosition: function(onlyAbsolute) {\r\n var current = F.current,\r\n viewport = F.getViewport(),\r\n margin = current.margin,\r\n width = F.wrap.width() + margin[1] + margin[3],\r\n height = F.wrap.height() + margin[0] + margin[2],\r\n rez = {\r\n position: 'absolute',\r\n top: margin[0],\r\n left: margin[3],\r\n };\r\n\r\n if (\r\n current.autoCenter &&\r\n current.fixed &&\r\n !onlyAbsolute &&\r\n height <= viewport.h &&\r\n width <= viewport.w\r\n ) {\r\n rez.position = 'fixed';\r\n } else if (!current.locked) {\r\n rez.top += viewport.y;\r\n rez.left += viewport.x;\r\n }\r\n\r\n rez.top = getValue(Math.max(rez.top, rez.top + (viewport.h - height) * current.topRatio));\r\n rez.left = getValue(Math.max(rez.left, rez.left + (viewport.w - width) * current.leftRatio));\r\n\r\n return rez;\r\n },\r\n\r\n _afterZoomIn: function() {\r\n var current = F.current;\r\n\r\n if (!current) {\r\n return;\r\n }\r\n\r\n F.isOpen = F.isOpened = true;\r\n\r\n F.wrap\r\n .css('overflow', 'visible')\r\n .addClass('fancybox-opened')\r\n .hide()\r\n .show(0);\r\n\r\n F.update();\r\n\r\n // Assign a click event\r\n if (current.closeClick || (current.nextClick && F.group.length > 1)) {\r\n F.inner.css('cursor', 'pointer').bind('click.fb', function(e) {\r\n if (\r\n !$(e.target).is('a') &&\r\n !$(e.target)\r\n .parent()\r\n .is('a')\r\n ) {\r\n e.preventDefault();\r\n\r\n F[current.closeClick ? 'close' : 'next']();\r\n }\r\n });\r\n }\r\n\r\n // Create a close button\r\n if (current.closeBtn) {\r\n $(current.tpl.closeBtn)\r\n .appendTo(F.skin)\r\n .bind('click.fb', function(e) {\r\n e.preventDefault();\r\n\r\n F.close();\r\n });\r\n }\r\n\r\n // Create navigation arrows\r\n if (current.arrows && F.group.length > 1) {\r\n if (current.loop || current.index > 0) {\r\n $(current.tpl.prev)\r\n .appendTo(F.outer)\r\n .bind('click.fb', F.prev);\r\n }\r\n\r\n if (current.loop || current.index < F.group.length - 1) {\r\n $(current.tpl.next)\r\n .appendTo(F.outer)\r\n .bind('click.fb', F.next);\r\n }\r\n }\r\n\r\n F.trigger('afterShow');\r\n\r\n // Stop the slideshow if this is the last item\r\n if (!current.loop && current.index === current.group.length - 1) {\r\n F.play(false);\r\n } else if (F.opts.autoPlay && !F.player.isActive) {\r\n F.opts.autoPlay = false;\r\n\r\n F.play(true);\r\n }\r\n },\r\n\r\n _afterZoomOut: function(obj) {\r\n obj = obj || F.current;\r\n\r\n $('.fancybox-wrap')\r\n .trigger('onReset')\r\n .remove();\r\n\r\n $.extend(F, {\r\n group: {},\r\n opts: {},\r\n router: false,\r\n current: null,\r\n isActive: false,\r\n isOpened: false,\r\n isOpen: false,\r\n isClosing: false,\r\n wrap: null,\r\n skin: null,\r\n outer: null,\r\n inner: null,\r\n });\r\n\r\n F.trigger('afterClose', obj);\r\n },\r\n });\r\n\r\n /*\r\n *\tDefault transitions\r\n */\r\n\r\n F.transitions = {\r\n getOrigPosition: function() {\r\n var current = F.current,\r\n element = current.element,\r\n orig = current.orig,\r\n pos = {},\r\n width = 50,\r\n height = 50,\r\n hPadding = current.hPadding,\r\n wPadding = current.wPadding,\r\n viewport = F.getViewport();\r\n\r\n if (!orig && current.isDom && element.is(':visible')) {\r\n orig = element.find('img:first');\r\n\r\n if (!orig.length) {\r\n orig = element;\r\n }\r\n }\r\n\r\n if (isQuery(orig)) {\r\n pos = orig.offset();\r\n\r\n if (orig.is('img')) {\r\n width = orig.outerWidth();\r\n height = orig.outerHeight();\r\n }\r\n } else {\r\n pos.top = viewport.y + (viewport.h - height) * current.topRatio;\r\n pos.left = viewport.x + (viewport.w - width) * current.leftRatio;\r\n }\r\n\r\n if (F.wrap.css('position') === 'fixed' || current.locked) {\r\n pos.top -= viewport.y;\r\n pos.left -= viewport.x;\r\n }\r\n\r\n pos = {\r\n top: getValue(pos.top - hPadding * current.topRatio),\r\n left: getValue(pos.left - wPadding * current.leftRatio),\r\n width: getValue(width + wPadding),\r\n height: getValue(height + hPadding),\r\n };\r\n\r\n return pos;\r\n },\r\n\r\n step: function(now, fx) {\r\n var ratio,\r\n padding,\r\n value,\r\n prop = fx.prop,\r\n current = F.current,\r\n wrapSpace = current.wrapSpace,\r\n skinSpace = current.skinSpace;\r\n\r\n if (prop === 'width' || prop === 'height') {\r\n ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);\r\n\r\n if (F.isClosing) {\r\n ratio = 1 - ratio;\r\n }\r\n\r\n padding = prop === 'width' ? current.wPadding : current.hPadding;\r\n value = now - padding;\r\n\r\n F.skin[prop](getScalar(prop === 'width' ? value : value - wrapSpace * ratio));\r\n F.inner[prop](\r\n getScalar(prop === 'width' ? value : value - wrapSpace * ratio - skinSpace * ratio),\r\n );\r\n }\r\n },\r\n\r\n zoomIn: function() {\r\n var current = F.current,\r\n startPos = current.pos,\r\n effect = current.openEffect,\r\n elastic = effect === 'elastic',\r\n endPos = $.extend({ opacity: 1 }, startPos);\r\n\r\n // Remove \"position\" property that breaks older IE\r\n delete endPos.position;\r\n\r\n if (elastic) {\r\n startPos = this.getOrigPosition();\r\n\r\n if (current.openOpacity) {\r\n startPos.opacity = 0.1;\r\n }\r\n } else if (effect === 'fade') {\r\n startPos.opacity = 0.1;\r\n }\r\n\r\n F.wrap.css(startPos).animate(endPos, {\r\n duration: effect === 'none' ? 0 : current.openSpeed,\r\n easing: current.openEasing,\r\n step: elastic ? this.step : null,\r\n complete: F._afterZoomIn,\r\n });\r\n },\r\n\r\n zoomOut: function() {\r\n var current = F.current,\r\n effect = current.closeEffect,\r\n elastic = effect === 'elastic',\r\n endPos = { opacity: 0.1 };\r\n\r\n if (elastic) {\r\n endPos = this.getOrigPosition();\r\n\r\n if (current.closeOpacity) {\r\n endPos.opacity = 0.1;\r\n }\r\n }\r\n\r\n F.wrap.animate(endPos, {\r\n duration: effect === 'none' ? 0 : current.closeSpeed,\r\n easing: current.closeEasing,\r\n step: elastic ? this.step : null,\r\n complete: F._afterZoomOut,\r\n });\r\n },\r\n\r\n changeIn: function() {\r\n var current = F.current,\r\n effect = current.nextEffect,\r\n startPos = current.pos,\r\n endPos = { opacity: 1 },\r\n direction = F.direction,\r\n distance = 200,\r\n field;\r\n\r\n startPos.opacity = 0.1;\r\n\r\n if (effect === 'elastic') {\r\n field = direction === 'down' || direction === 'up' ? 'top' : 'left';\r\n\r\n if (direction === 'down' || direction === 'right') {\r\n startPos[field] = getValue(getScalar(startPos[field]) - distance);\r\n endPos[field] = '+=' + distance + 'px';\r\n } else {\r\n startPos[field] = getValue(getScalar(startPos[field]) + distance);\r\n endPos[field] = '-=' + distance + 'px';\r\n }\r\n }\r\n\r\n // Workaround for http://bugs.jquery.com/ticket/12273\r\n if (effect === 'none') {\r\n F._afterZoomIn();\r\n } else {\r\n F.wrap.css(startPos).animate(endPos, {\r\n duration: current.nextSpeed,\r\n easing: current.nextEasing,\r\n complete: F._afterZoomIn,\r\n });\r\n }\r\n },\r\n\r\n changeOut: function() {\r\n var previous = F.previous,\r\n effect = previous.prevEffect,\r\n endPos = { opacity: 0.1 },\r\n direction = F.direction,\r\n distance = 200;\r\n\r\n if (effect === 'elastic') {\r\n endPos[direction === 'down' || direction === 'up' ? 'top' : 'left'] =\r\n (direction === 'up' || direction === 'left' ? '-' : '+') + '=' + distance + 'px';\r\n }\r\n\r\n previous.wrap.animate(endPos, {\r\n duration: effect === 'none' ? 0 : previous.prevSpeed,\r\n easing: previous.prevEasing,\r\n complete: function() {\r\n $(this)\r\n .trigger('onReset')\r\n .remove();\r\n },\r\n });\r\n },\r\n };\r\n\r\n /*\r\n *\tOverlay helper\r\n */\r\n\r\n F.helpers.overlay = {\r\n defaults: {\r\n closeClick: true, // if true, fancyBox will be closed when user clicks on the overlay\r\n speedOut: 200, // duration of fadeOut animation\r\n showEarly: true, // indicates if should be opened immediately or wait until the content is ready\r\n css: {}, // custom CSS properties\r\n locked: !isTouch, // if true, the content will be locked into overlay\r\n fixed: true, // if false, the overlay CSS position property will not be set to \"fixed\"\r\n },\r\n\r\n overlay: null, // current handle\r\n fixed: false, // indicates if the overlay has position \"fixed\"\r\n el: $('html'), // element that contains \"the lock\"\r\n\r\n // Public methods\r\n create: function(opts) {\r\n var parent;\r\n\r\n opts = $.extend({}, this.defaults, opts);\r\n\r\n if (this.overlay) {\r\n this.close();\r\n }\r\n\r\n parent = F.coming ? F.coming.parent : opts.parent;\r\n\r\n this.overlay = $('').appendTo(\r\n parent && parent.length ? parent : 'body',\r\n );\r\n this.fixed = false;\r\n\r\n if (opts.fixed && F.defaults.fixed) {\r\n this.overlay.addClass('fancybox-overlay-fixed');\r\n\r\n this.fixed = true;\r\n }\r\n },\r\n\r\n open: function(opts) {\r\n var that = this;\r\n\r\n opts = $.extend({}, this.defaults, opts);\r\n\r\n if (this.overlay) {\r\n this.overlay\r\n .unbind('.overlay')\r\n .width('auto')\r\n .height('auto');\r\n } else {\r\n this.create(opts);\r\n }\r\n\r\n if (!this.fixed) {\r\n W.bind('resize.overlay', $.proxy(this.update, this));\r\n\r\n this.update();\r\n }\r\n\r\n if (opts.closeClick) {\r\n this.overlay.bind('click.overlay', function(e) {\r\n if ($(e.target).hasClass('fancybox-overlay')) {\r\n if (F.isActive) {\r\n F.close();\r\n } else {\r\n that.close();\r\n }\r\n\r\n return false;\r\n }\r\n });\r\n }\r\n\r\n this.overlay.css(opts.css).show();\r\n },\r\n\r\n close: function() {\r\n W.unbind('resize.overlay');\r\n\r\n if (this.el.hasClass('fancybox-lock')) {\r\n $('.fancybox-margin').removeClass('fancybox-margin');\r\n\r\n this.el.removeClass('fancybox-lock');\r\n\r\n W.scrollTop(this.scrollV).scrollLeft(this.scrollH);\r\n }\r\n\r\n $('.fancybox-overlay')\r\n .remove()\r\n .hide();\r\n\r\n $.extend(this, {\r\n overlay: null,\r\n fixed: false,\r\n });\r\n },\r\n\r\n // Private, callbacks\r\n\r\n update: function() {\r\n var width = '100%',\r\n offsetWidth;\r\n\r\n // Reset width/height so it will not mess\r\n this.overlay.width(width).height('100%');\r\n\r\n // jQuery does not return reliable result for IE\r\n if (IE) {\r\n offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);\r\n\r\n if (D.width() > offsetWidth) {\r\n width = D.width();\r\n }\r\n } else if (D.width() > W.width()) {\r\n width = D.width();\r\n }\r\n\r\n this.overlay.width(width).height(D.height());\r\n },\r\n\r\n // This is where we can manipulate DOM, because later it would cause iframes to reload\r\n onReady: function(opts, obj) {\r\n var overlay = this.overlay;\r\n\r\n $('.fancybox-overlay').stop(true, true);\r\n\r\n if (!overlay) {\r\n this.create(opts);\r\n }\r\n\r\n if (opts.locked && this.fixed && obj.fixed) {\r\n obj.locked = this.overlay.append(obj.wrap);\r\n obj.fixed = false;\r\n }\r\n\r\n if (opts.showEarly === true) {\r\n this.beforeShow.apply(this, arguments);\r\n }\r\n },\r\n\r\n beforeShow: function(opts, obj) {\r\n if (obj.locked && !this.el.hasClass('fancybox-lock')) {\r\n if (this.fixPosition !== false) {\r\n $('*:not(object)')\r\n .filter(function() {\r\n return (\r\n $(this).css('position') === 'fixed' &&\r\n !$(this).hasClass('fancybox-overlay') &&\r\n !$(this).hasClass('fancybox-wrap')\r\n );\r\n })\r\n .addClass('fancybox-margin');\r\n }\r\n\r\n this.el.addClass('fancybox-margin');\r\n\r\n this.scrollV = W.scrollTop();\r\n this.scrollH = W.scrollLeft();\r\n\r\n this.el.addClass('fancybox-lock');\r\n\r\n W.scrollTop(this.scrollV).scrollLeft(this.scrollH);\r\n }\r\n\r\n this.open(opts);\r\n },\r\n\r\n onUpdate: function() {\r\n if (!this.fixed) {\r\n this.update();\r\n }\r\n },\r\n\r\n afterClose: function(opts) {\r\n // Remove overlay if exists and fancyBox is not opening\r\n // (e.g., it is not being open using afterClose callback)\r\n if (this.overlay && !F.coming) {\r\n this.overlay.fadeOut(opts.speedOut, $.proxy(this.close, this));\r\n }\r\n },\r\n };\r\n\r\n /*\r\n *\tTitle helper\r\n */\r\n\r\n F.helpers.title = {\r\n defaults: {\r\n type: 'float', // 'float', 'inside', 'outside' or 'over',\r\n position: 'bottom', // 'top' or 'bottom'\r\n },\r\n\r\n beforeShow: function(opts) {\r\n var current = F.current,\r\n text = current.title,\r\n type = opts.type,\r\n title,\r\n target;\r\n\r\n if ($.isFunction(text)) {\r\n text = text.call(current.element, current);\r\n }\r\n\r\n if (!isString(text) || $.trim(text) === '') {\r\n return;\r\n }\r\n\r\n title = $('
' + text + '
');\r\n\r\n switch (type) {\r\n case 'inside':\r\n target = F.skin;\r\n break;\r\n\r\n case 'outside':\r\n target = F.wrap;\r\n break;\r\n\r\n case 'over':\r\n target = F.inner;\r\n break;\r\n\r\n default:\r\n // 'float'\r\n target = F.skin;\r\n\r\n title.appendTo('body');\r\n\r\n if (IE) {\r\n title.width(title.width());\r\n }\r\n\r\n title.wrapInner('');\r\n\r\n //Increase bottom margin so this title will also fit into viewport\r\n F.current.margin[2] += Math.abs(getScalar(title.css('margin-bottom')));\r\n break;\r\n }\r\n\r\n title[opts.position === 'top' ? 'prependTo' : 'appendTo'](target);\r\n },\r\n };\r\n\r\n // jQuery plugin initialization\r\n $.fn.fancybox = function(options) {\r\n var index,\r\n that = $(this),\r\n selector = this.selector || '',\r\n run = function(e) {\r\n var what = $(this).blur(),\r\n idx = index,\r\n relType,\r\n relVal;\r\n\r\n if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) {\r\n relType = options.groupAttr || 'data-fancybox-group';\r\n relVal = what.attr(relType);\r\n\r\n if (!relVal) {\r\n relType = 'rel';\r\n relVal = what.get(0)[relType];\r\n }\r\n\r\n if (relVal && relVal !== '' && relVal !== 'nofollow') {\r\n what = selector.length ? $(selector) : that;\r\n what = what.filter('[' + relType + '=\"' + relVal + '\"]');\r\n idx = what.index(this);\r\n }\r\n\r\n options.index = idx;\r\n\r\n // Stop an event from bubbling if everything is fine\r\n if (F.open(what, options) !== false) {\r\n e.preventDefault();\r\n }\r\n }\r\n };\r\n\r\n options = options || {};\r\n index = options.index || 0;\r\n\r\n if (!selector || options.live === false) {\r\n that.unbind('click.fb-start').bind('click.fb-start', run);\r\n } else {\r\n D.undelegate(selector, 'click.fb-start').delegate(\r\n selector + \":not('.fancybox-item, .fancybox-nav')\",\r\n 'click.fb-start',\r\n run,\r\n );\r\n }\r\n\r\n this.filter('[data-fancybox-start=1]').trigger('click');\r\n\r\n return this;\r\n };\r\n\r\n // Tests that need a body at doc ready\r\n D.ready(function() {\r\n var w1, w2;\r\n\r\n if ($.scrollbarWidth === undefined) {\r\n // http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth\r\n $.scrollbarWidth = function() {\r\n var parent = $('').appendTo(\r\n 'body',\r\n ),\r\n child = parent.children(),\r\n width = child.innerWidth() - child.height(99).innerWidth();\r\n\r\n parent.remove();\r\n\r\n return width;\r\n };\r\n }\r\n\r\n if ($.support.fixedPosition === undefined) {\r\n $.support.fixedPosition = (function() {\r\n var elem = $('').appendTo('body'),\r\n fixed = elem[0].offsetTop === 20 || elem[0].offsetTop === 15;\r\n\r\n elem.remove();\r\n\r\n return fixed;\r\n })();\r\n }\r\n\r\n $.extend(F.defaults, {\r\n scrollbarWidth: $.scrollbarWidth(),\r\n fixed: $.support.fixedPosition,\r\n parent: $('body'),\r\n });\r\n\r\n //Get real width of page scroll-bar\r\n w1 = $(window).width();\r\n\r\n H.addClass('fancybox-lock-test');\r\n\r\n w2 = $(window).width();\r\n\r\n H.removeClass('fancybox-lock-test');\r\n\r\n $(\r\n \"',\r\n ).appendTo('head');\r\n });\r\n})(window, document, jQuery);\r\n","/*!\r\n * Media helper for fancyBox\r\n * version: 1.0.6 (Fri, 14 Jun 2013)\r\n * @requires fancyBox v2.0 or later\r\n *\r\n * Usage:\r\n * $(\".fancybox\").fancybox({\r\n * helpers : {\r\n * media: true\r\n * }\r\n * });\r\n *\r\n * Set custom URL parameters:\r\n * $(\".fancybox\").fancybox({\r\n * helpers : {\r\n * media: {\r\n * youtube : {\r\n * params : {\r\n * autoplay : 0\r\n * }\r\n * }\r\n * }\r\n * }\r\n * });\r\n *\r\n * Or:\r\n * $(\".fancybox\").fancybox({,\r\n * helpers : {\r\n * media: true\r\n * },\r\n * youtube : {\r\n * autoplay: 0\r\n * }\r\n * });\r\n *\r\n * Supports:\r\n *\r\n * Youtube\r\n * http://www.youtube.com/watch?v=opj24KnzrWo\r\n * http://www.youtube.com/embed/opj24KnzrWo\r\n * http://youtu.be/opj24KnzrWo\r\n *\t\t\thttp://www.youtube-nocookie.com/embed/opj24KnzrWo\r\n * Vimeo\r\n * http://vimeo.com/40648169\r\n * http://vimeo.com/channels/staffpicks/38843628\r\n * http://vimeo.com/groups/surrealism/videos/36516384\r\n * http://player.vimeo.com/video/45074303\r\n * Metacafe\r\n * http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/\r\n * http://www.metacafe.com/watch/7635964/\r\n * Dailymotion\r\n * http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people\r\n * Twitvid\r\n * http://twitvid.com/QY7MD\r\n * Twitpic\r\n * http://twitpic.com/7p93st\r\n * Instagram\r\n * http://instagr.am/p/IejkuUGxQn/\r\n * http://instagram.com/p/IejkuUGxQn/\r\n * Google maps\r\n * http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17\r\n * http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16\r\n * http://maps.google.com/?ll=48.859463,2.292626&spn=0.000965,0.002642&t=m&z=19&layer=c&cbll=48.859524,2.292532&panoid=YJ0lq28OOy3VT2IqIuVY0g&cbp=12,151.58,,0,-15.56\r\n */\r\n(function($) {\r\n 'use strict';\r\n\r\n //Shortcut for fancyBox object\r\n var F = $.fancybox,\r\n format = function(url, rez, params) {\r\n params = params || '';\r\n\r\n if ($.type(params) === 'object') {\r\n params = $.param(params, true);\r\n }\r\n\r\n $.each(rez, function(key, value) {\r\n url = url.replace('$' + key, value || '');\r\n });\r\n\r\n if (params.length) {\r\n url += (url.indexOf('?') > 0 ? '&' : '?') + params;\r\n }\r\n\r\n return url;\r\n };\r\n\r\n //Add helper object\r\n F.helpers.media = {\r\n defaults: {\r\n youtube: {\r\n matcher: /(youtube\\.com|youtu\\.be|youtube-nocookie\\.com)\\/(watch\\?v=|v\\/|u\\/|embed\\/?)?(videoseries\\?list=(.*)|[\\w-]{11}|\\?listType=(.*)&list=(.*)).*/i,\r\n params: {\r\n autoplay: 1,\r\n autohide: 1,\r\n fs: 1,\r\n rel: 0,\r\n hd: 1,\r\n wmode: 'opaque',\r\n enablejsapi: 1,\r\n ps: 'docs',\r\n controls: 1,\r\n },\r\n type: 'iframe',\r\n url: '//www.youtube.com/embed/$3',\r\n },\r\n vimeo: {\r\n matcher: /(?:vimeo(?:pro)?.com)\\/(?:[^\\d]+)?(\\d+)(?:.*)/,\r\n params: {\r\n autoplay: 1,\r\n hd: 1,\r\n show_title: 1,\r\n show_byline: 1,\r\n show_portrait: 0,\r\n fullscreen: 1,\r\n },\r\n type: 'iframe',\r\n url: '//player.vimeo.com/video/$1',\r\n },\r\n metacafe: {\r\n matcher: /metacafe.com\\/(?:watch|fplayer)\\/([\\w\\-]{1,10})/,\r\n params: {\r\n autoPlay: 'yes',\r\n },\r\n type: 'swf',\r\n url: function(rez, params, obj) {\r\n obj.swf.flashVars = 'playerVars=' + $.param(params, true);\r\n\r\n return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf';\r\n },\r\n },\r\n dailymotion: {\r\n matcher: /dailymotion.com\\/video\\/(.*)\\/?(.*)/,\r\n params: {\r\n additionalInfos: 0,\r\n autoStart: 1,\r\n },\r\n type: 'swf',\r\n url: '//www.dailymotion.com/swf/video/$1',\r\n },\r\n twitvid: {\r\n matcher: /twitvid\\.com\\/([a-zA-Z0-9_\\-\\?\\=]+)/i,\r\n params: {\r\n autoplay: 0,\r\n },\r\n type: 'iframe',\r\n url: '//www.twitvid.com/embed.php?guid=$1',\r\n },\r\n twitpic: {\r\n matcher: /twitpic\\.com\\/(?!(?:place|photos|events)\\/)([a-zA-Z0-9\\?\\=\\-]+)/i,\r\n type: 'image',\r\n url: '//twitpic.com/show/full/$1/',\r\n },\r\n instagram: {\r\n matcher: /(instagr\\.am|instagram\\.com)\\/p\\/([a-zA-Z0-9_\\-]+)\\/?/i,\r\n type: 'image',\r\n url: '//$1/p/$2/media/?size=l',\r\n },\r\n google_maps: {\r\n matcher: /maps\\.google\\.([a-z]{2,3}(\\.[a-z]{2})?)\\/(\\?ll=|maps\\?)(.*)/i,\r\n type: 'iframe',\r\n url: function(rez) {\r\n return (\r\n '//maps.google.' +\r\n rez[1] +\r\n '/' +\r\n rez[3] +\r\n '' +\r\n rez[4] +\r\n '&output=' +\r\n (rez[4].indexOf('layer=c') > 0 ? 'svembed' : 'embed')\r\n );\r\n },\r\n },\r\n },\r\n\r\n beforeLoad: function(opts, obj) {\r\n var url = obj.href || '',\r\n type = false,\r\n what,\r\n item,\r\n rez,\r\n params;\r\n\r\n for (what in opts) {\r\n if (opts.hasOwnProperty(what)) {\r\n item = opts[what];\r\n rez = url.match(item.matcher);\r\n\r\n if (rez) {\r\n type = item.type;\r\n params = $.extend(\r\n true,\r\n {},\r\n item.params,\r\n obj[what] || ($.isPlainObject(opts[what]) ? opts[what].params : null),\r\n );\r\n\r\n url =\r\n $.type(item.url) === 'function'\r\n ? item.url.call(this, rez, params, obj)\r\n : format(item.url, rez, params);\r\n\r\n break;\r\n }\r\n }\r\n }\r\n\r\n if (type) {\r\n obj.href = url;\r\n obj.type = type;\r\n\r\n obj.autoHeight = false;\r\n }\r\n },\r\n };\r\n})(jQuery);\r\n","/*\r\n * jQuery OwlCarousel v1.3.3\r\n *\r\n * Copyright (c) 2013 Bartosz Wojciechowski\r\n * http://www.owlgraphic.com/owlcarousel/\r\n *\r\n * Licensed under MIT\r\n *\r\n */\r\n\r\n/*JS Lint helpers: */\r\n/*global dragMove: false, dragEnd: false, $, jQuery, alert, window, document */\r\n/*jslint nomen: true, continue:true */\r\n\r\nif (typeof Object.create !== 'function') {\r\n Object.create = function(obj) {\r\n function F() {}\r\n F.prototype = obj;\r\n return new F();\r\n };\r\n}\r\n(function($, window, document) {\r\n var Carousel = {\r\n init: function(options, el) {\r\n var base = this;\r\n\r\n base.$elem = $(el);\r\n base.options = $.extend({}, $.fn.owlCarousel.options, base.$elem.data(), options);\r\n\r\n base.userOptions = options;\r\n base.loadContent();\r\n },\r\n\r\n loadContent: function() {\r\n var base = this,\r\n url;\r\n\r\n function getData(data) {\r\n var i,\r\n content = '';\r\n if (typeof base.options.jsonSuccess === 'function') {\r\n base.options.jsonSuccess.apply(this, [data]);\r\n } else {\r\n for (i in data.owl) {\r\n if (data.owl.hasOwnProperty(i)) {\r\n content += data.owl[i].item;\r\n }\r\n }\r\n base.$elem.html(content);\r\n }\r\n base.logIn();\r\n }\r\n\r\n if (typeof base.options.beforeInit === 'function') {\r\n base.options.beforeInit.apply(this, [base.$elem]);\r\n }\r\n\r\n if (typeof base.options.jsonPath === 'string') {\r\n url = base.options.jsonPath;\r\n $.getJSON(url, getData);\r\n } else {\r\n base.logIn();\r\n }\r\n },\r\n\r\n logIn: function() {\r\n var base = this;\r\n\r\n base.$elem.data('owl-originalStyles', base.$elem.attr('style'));\r\n base.$elem.data('owl-originalClasses', base.$elem.attr('class'));\r\n\r\n base.$elem.css({ opacity: 0 });\r\n base.orignalItems = base.options.items;\r\n base.checkBrowser();\r\n base.wrapperWidth = 0;\r\n base.checkVisible = null;\r\n base.setVars();\r\n },\r\n\r\n setVars: function() {\r\n var base = this;\r\n if (base.$elem.children().length === 0) {\r\n return false;\r\n }\r\n base.baseClass();\r\n base.eventTypes();\r\n base.$userItems = base.$elem.children();\r\n base.itemsAmount = base.$userItems.length;\r\n base.wrapItems();\r\n base.$owlItems = base.$elem.find('.owl-item');\r\n base.$owlWrapper = base.$elem.find('.owl-wrapper');\r\n base.playDirection = 'next';\r\n base.prevItem = 0;\r\n base.prevArr = [0];\r\n base.currentItem = 0;\r\n base.customEvents();\r\n base.onStartup();\r\n },\r\n\r\n onStartup: function() {\r\n var base = this;\r\n base.updateItems();\r\n base.calculateAll();\r\n base.buildControls();\r\n base.updateControls();\r\n base.response();\r\n base.moveEvents();\r\n base.stopOnHover();\r\n base.owlStatus();\r\n\r\n if (base.options.transitionStyle !== false) {\r\n base.transitionTypes(base.options.transitionStyle);\r\n }\r\n if (base.options.autoPlay === true) {\r\n base.options.autoPlay = 5000;\r\n }\r\n base.play();\r\n\r\n base.$elem.find('.owl-wrapper').css('display', 'block');\r\n\r\n if (!base.$elem.is(':visible')) {\r\n base.watchVisibility();\r\n } else {\r\n base.$elem.css('opacity', 1);\r\n }\r\n base.onstartup = false;\r\n base.eachMoveUpdate();\r\n if (typeof base.options.afterInit === 'function') {\r\n base.options.afterInit.apply(this, [base.$elem]);\r\n }\r\n },\r\n\r\n eachMoveUpdate: function() {\r\n var base = this;\r\n\r\n if (base.options.lazyLoad === true) {\r\n base.lazyLoad();\r\n }\r\n if (base.options.autoHeight === true) {\r\n base.autoHeight();\r\n }\r\n base.onVisibleItems();\r\n\r\n if (typeof base.options.afterAction === 'function') {\r\n base.options.afterAction.apply(this, [base.$elem]);\r\n }\r\n },\r\n\r\n updateVars: function() {\r\n var base = this;\r\n if (typeof base.options.beforeUpdate === 'function') {\r\n base.options.beforeUpdate.apply(this, [base.$elem]);\r\n }\r\n base.watchVisibility();\r\n base.updateItems();\r\n base.calculateAll();\r\n base.updatePosition();\r\n base.updateControls();\r\n base.eachMoveUpdate();\r\n if (typeof base.options.afterUpdate === 'function') {\r\n base.options.afterUpdate.apply(this, [base.$elem]);\r\n }\r\n },\r\n\r\n reload: function() {\r\n var base = this;\r\n window.setTimeout(function() {\r\n base.updateVars();\r\n }, 0);\r\n },\r\n\r\n watchVisibility: function() {\r\n var base = this;\r\n\r\n if (base.$elem.is(':visible') === false) {\r\n base.$elem.css({ opacity: 0 });\r\n window.clearInterval(base.autoPlayInterval);\r\n window.clearInterval(base.checkVisible);\r\n } else {\r\n return false;\r\n }\r\n base.checkVisible = window.setInterval(function() {\r\n if (base.$elem.is(':visible')) {\r\n base.reload();\r\n base.$elem.animate({ opacity: 1 }, 200);\r\n window.clearInterval(base.checkVisible);\r\n }\r\n }, 500);\r\n },\r\n\r\n wrapItems: function() {\r\n var base = this;\r\n base.$userItems.wrapAll('
').wrap('');\r\n base.$elem.find('.owl-wrapper').wrap('
');\r\n base.wrapperOuter = base.$elem.find('.owl-wrapper-outer');\r\n base.$elem.css('display', 'block');\r\n },\r\n\r\n baseClass: function() {\r\n var base = this,\r\n hasBaseClass = base.$elem.hasClass(base.options.baseClass),\r\n hasThemeClass = base.$elem.hasClass(base.options.theme);\r\n\r\n if (!hasBaseClass) {\r\n base.$elem.addClass(base.options.baseClass);\r\n }\r\n\r\n if (!hasThemeClass) {\r\n base.$elem.addClass(base.options.theme);\r\n }\r\n },\r\n\r\n updateItems: function() {\r\n var base = this,\r\n width,\r\n i;\r\n\r\n if (base.options.responsive === false) {\r\n return false;\r\n }\r\n if (base.options.singleItem === true) {\r\n base.options.items = base.orignalItems = 1;\r\n base.options.itemsCustom = false;\r\n base.options.itemsDesktop = false;\r\n base.options.itemsDesktopSmall = false;\r\n base.options.itemsTablet = false;\r\n base.options.itemsTabletSmall = false;\r\n base.options.itemsMobile = false;\r\n return false;\r\n }\r\n\r\n width = $(base.options.responsiveBaseWidth).width();\r\n\r\n if (width > (base.options.itemsDesktop[0] || base.orignalItems)) {\r\n base.options.items = base.orignalItems;\r\n }\r\n if (base.options.itemsCustom !== false) {\r\n //Reorder array by screen size\r\n base.options.itemsCustom.sort(function(a, b) {\r\n return a[0] - b[0];\r\n });\r\n\r\n for (i = 0; i < base.options.itemsCustom.length; i += 1) {\r\n if (base.options.itemsCustom[i][0] <= width) {\r\n base.options.items = base.options.itemsCustom[i][1];\r\n }\r\n }\r\n } else {\r\n if (width <= base.options.itemsDesktop[0] && base.options.itemsDesktop !== false) {\r\n base.options.items = base.options.itemsDesktop[1];\r\n }\r\n\r\n if (\r\n width <= base.options.itemsDesktopSmall[0] &&\r\n base.options.itemsDesktopSmall !== false\r\n ) {\r\n base.options.items = base.options.itemsDesktopSmall[1];\r\n }\r\n\r\n if (width <= base.options.itemsTablet[0] && base.options.itemsTablet !== false) {\r\n base.options.items = base.options.itemsTablet[1];\r\n }\r\n\r\n if (width <= base.options.itemsTabletSmall[0] && base.options.itemsTabletSmall !== false) {\r\n base.options.items = base.options.itemsTabletSmall[1];\r\n }\r\n\r\n if (width <= base.options.itemsMobile[0] && base.options.itemsMobile !== false) {\r\n base.options.items = base.options.itemsMobile[1];\r\n }\r\n }\r\n\r\n //if number of items is less than declared\r\n if (base.options.items > base.itemsAmount && base.options.itemsScaleUp === true) {\r\n base.options.items = base.itemsAmount;\r\n }\r\n },\r\n\r\n response: function() {\r\n var base = this,\r\n smallDelay,\r\n lastWindowWidth;\r\n\r\n if (base.options.responsive !== true) {\r\n return false;\r\n }\r\n lastWindowWidth = $(window).width();\r\n\r\n base.resizer = function() {\r\n if ($(window).width() !== lastWindowWidth) {\r\n if (base.options.autoPlay !== false) {\r\n window.clearInterval(base.autoPlayInterval);\r\n }\r\n window.clearTimeout(smallDelay);\r\n smallDelay = window.setTimeout(function() {\r\n lastWindowWidth = $(window).width();\r\n base.updateVars();\r\n }, base.options.responsiveRefreshRate);\r\n }\r\n };\r\n $(window).resize(base.resizer);\r\n },\r\n\r\n updatePosition: function() {\r\n var base = this;\r\n base.jumpTo(base.currentItem);\r\n if (base.options.autoPlay !== false) {\r\n base.checkAp();\r\n }\r\n },\r\n\r\n appendItemsSizes: function() {\r\n var base = this,\r\n roundPages = 0,\r\n lastItem = base.itemsAmount - base.options.items;\r\n\r\n base.$owlItems.each(function(index) {\r\n var $this = $(this);\r\n $this.css({ width: base.itemWidth }).data('owl-item', Number(index));\r\n\r\n if (index % base.options.items === 0 || index === lastItem) {\r\n if (!(index > lastItem)) {\r\n roundPages += 1;\r\n }\r\n }\r\n $this.data('owl-roundPages', roundPages);\r\n });\r\n },\r\n\r\n appendWrapperSizes: function() {\r\n var base = this,\r\n width = base.$owlItems.length * base.itemWidth;\r\n\r\n base.$owlWrapper.css({\r\n width: width * 2,\r\n left: 0,\r\n });\r\n base.appendItemsSizes();\r\n },\r\n\r\n calculateAll: function() {\r\n var base = this;\r\n base.calculateWidth();\r\n base.appendWrapperSizes();\r\n base.loops();\r\n base.max();\r\n },\r\n\r\n calculateWidth: function() {\r\n var base = this;\r\n base.itemWidth = Math.round(base.$elem.width() / base.options.items);\r\n },\r\n\r\n max: function() {\r\n var base = this,\r\n maximum = (base.itemsAmount * base.itemWidth - base.options.items * base.itemWidth) * -1;\r\n if (base.options.items > base.itemsAmount) {\r\n base.maximumItem = 0;\r\n maximum = 0;\r\n base.maximumPixels = 0;\r\n } else {\r\n base.maximumItem = base.itemsAmount - base.options.items;\r\n base.maximumPixels = maximum;\r\n }\r\n return maximum;\r\n },\r\n\r\n min: function() {\r\n return 0;\r\n },\r\n\r\n loops: function() {\r\n var base = this,\r\n prev = 0,\r\n elWidth = 0,\r\n i,\r\n item,\r\n roundPageNum;\r\n\r\n base.positionsInArray = [0];\r\n base.pagesInArray = [];\r\n\r\n for (i = 0; i < base.itemsAmount; i += 1) {\r\n elWidth += base.itemWidth;\r\n base.positionsInArray.push(-elWidth);\r\n\r\n if (base.options.scrollPerPage === true) {\r\n item = $(base.$owlItems[i]);\r\n roundPageNum = item.data('owl-roundPages');\r\n if (roundPageNum !== prev) {\r\n base.pagesInArray[prev] = base.positionsInArray[i];\r\n prev = roundPageNum;\r\n }\r\n }\r\n }\r\n },\r\n\r\n buildControls: function() {\r\n var base = this;\r\n if (base.options.navigation === true || base.options.pagination === true) {\r\n base.owlControls = $('
')\r\n .toggleClass('clickable', !base.browser.isTouch)\r\n .appendTo(base.$elem);\r\n }\r\n if (base.options.pagination === true) {\r\n base.buildPagination();\r\n }\r\n if (base.options.navigation === true) {\r\n base.buildButtons();\r\n }\r\n },\r\n\r\n buildButtons: function() {\r\n var base = this,\r\n buttonsWrapper = $('
');\r\n base.owlControls.append(buttonsWrapper);\r\n\r\n base.buttonPrev = $('', {\r\n class: 'owl-prev',\r\n html: base.options.navigationText[0] || '',\r\n });\r\n\r\n base.buttonNext = $('', {\r\n class: 'owl-next',\r\n html: base.options.navigationText[1] || '',\r\n });\r\n\r\n buttonsWrapper.append(base.buttonPrev).append(base.buttonNext);\r\n\r\n buttonsWrapper.on(\r\n 'touchstart.owlControls mousedown.owlControls',\r\n 'div[class^=\"owl\"]',\r\n function(event) {\r\n event.preventDefault();\r\n },\r\n );\r\n\r\n buttonsWrapper.on('touchend.owlControls mouseup.owlControls', 'div[class^=\"owl\"]', function(\r\n event,\r\n ) {\r\n event.preventDefault();\r\n if ($(this).hasClass('owl-next')) {\r\n base.next();\r\n } else {\r\n base.prev();\r\n }\r\n });\r\n },\r\n\r\n buildPagination: function() {\r\n var base = this;\r\n\r\n base.paginationWrapper = $('
');\r\n base.owlControls.append(base.paginationWrapper);\r\n\r\n base.paginationWrapper.on('touchend.owlControls mouseup.owlControls', '.owl-page', function(\r\n event,\r\n ) {\r\n event.preventDefault();\r\n if (Number($(this).data('owl-page')) !== base.currentItem) {\r\n base.goTo(Number($(this).data('owl-page')), true);\r\n }\r\n });\r\n },\r\n\r\n updatePagination: function() {\r\n var base = this,\r\n counter,\r\n lastPage,\r\n lastItem,\r\n i,\r\n paginationButton,\r\n paginationButtonInner;\r\n\r\n if (base.options.pagination === false) {\r\n return false;\r\n }\r\n\r\n base.paginationWrapper.html('');\r\n\r\n counter = 0;\r\n lastPage = base.itemsAmount - (base.itemsAmount % base.options.items);\r\n\r\n for (i = 0; i < base.itemsAmount; i += 1) {\r\n if (i % base.options.items === 0) {\r\n counter += 1;\r\n if (lastPage === i) {\r\n lastItem = base.itemsAmount - base.options.items;\r\n }\r\n paginationButton = $('', {\r\n class: 'owl-page',\r\n });\r\n paginationButtonInner = $('', {\r\n text: base.options.paginationNumbers === true ? counter : '',\r\n class: base.options.paginationNumbers === true ? 'owl-numbers' : '',\r\n });\r\n paginationButton.append(paginationButtonInner);\r\n\r\n paginationButton.data('owl-page', lastPage === i ? lastItem : i);\r\n paginationButton.data('owl-roundPages', counter);\r\n\r\n base.paginationWrapper.append(paginationButton);\r\n }\r\n }\r\n base.checkPagination();\r\n },\r\n checkPagination: function() {\r\n var base = this;\r\n if (base.options.pagination === false) {\r\n return false;\r\n }\r\n base.paginationWrapper.find('.owl-page').each(function() {\r\n if (\r\n $(this).data('owl-roundPages') ===\r\n $(base.$owlItems[base.currentItem]).data('owl-roundPages')\r\n ) {\r\n base.paginationWrapper.find('.owl-page').removeClass('active');\r\n $(this).addClass('active');\r\n }\r\n });\r\n },\r\n\r\n checkNavigation: function() {\r\n var base = this;\r\n\r\n if (base.options.navigation === false) {\r\n return false;\r\n }\r\n if (base.options.rewindNav === false) {\r\n if (base.currentItem === 0 && base.maximumItem === 0) {\r\n base.buttonPrev.addClass('disabled');\r\n base.buttonNext.addClass('disabled');\r\n } else if (base.currentItem === 0 && base.maximumItem !== 0) {\r\n base.buttonPrev.addClass('disabled');\r\n base.buttonNext.removeClass('disabled');\r\n } else if (base.currentItem === base.maximumItem) {\r\n base.buttonPrev.removeClass('disabled');\r\n base.buttonNext.addClass('disabled');\r\n } else if (base.currentItem !== 0 && base.currentItem !== base.maximumItem) {\r\n base.buttonPrev.removeClass('disabled');\r\n base.buttonNext.removeClass('disabled');\r\n }\r\n }\r\n },\r\n\r\n updateControls: function() {\r\n var base = this;\r\n base.updatePagination();\r\n base.checkNavigation();\r\n if (base.owlControls) {\r\n if (base.options.items >= base.itemsAmount) {\r\n base.owlControls.hide();\r\n } else {\r\n base.owlControls.show();\r\n }\r\n }\r\n },\r\n\r\n destroyControls: function() {\r\n var base = this;\r\n if (base.owlControls) {\r\n base.owlControls.remove();\r\n }\r\n },\r\n\r\n next: function(speed) {\r\n var base = this;\r\n\r\n if (base.isTransition) {\r\n return false;\r\n }\r\n\r\n base.currentItem += base.options.scrollPerPage === true ? base.options.items : 1;\r\n if (\r\n base.currentItem >\r\n base.maximumItem + (base.options.scrollPerPage === true ? base.options.items - 1 : 0)\r\n ) {\r\n if (base.options.rewindNav === true) {\r\n base.currentItem = 0;\r\n speed = 'rewind';\r\n } else {\r\n base.currentItem = base.maximumItem;\r\n return false;\r\n }\r\n }\r\n base.goTo(base.currentItem, speed);\r\n },\r\n\r\n prev: function(speed) {\r\n var base = this;\r\n\r\n if (base.isTransition) {\r\n return false;\r\n }\r\n\r\n if (\r\n base.options.scrollPerPage === true &&\r\n base.currentItem > 0 &&\r\n base.currentItem < base.options.items\r\n ) {\r\n base.currentItem = 0;\r\n } else {\r\n base.currentItem -= base.options.scrollPerPage === true ? base.options.items : 1;\r\n }\r\n if (base.currentItem < 0) {\r\n if (base.options.rewindNav === true) {\r\n base.currentItem = base.maximumItem;\r\n speed = 'rewind';\r\n } else {\r\n base.currentItem = 0;\r\n return false;\r\n }\r\n }\r\n base.goTo(base.currentItem, speed);\r\n },\r\n\r\n goTo: function(position, speed, drag) {\r\n var base = this,\r\n goToPixel;\r\n\r\n if (base.isTransition) {\r\n return false;\r\n }\r\n if (typeof base.options.beforeMove === 'function') {\r\n base.options.beforeMove.apply(this, [base.$elem]);\r\n }\r\n if (position >= base.maximumItem) {\r\n position = base.maximumItem;\r\n } else if (position <= 0) {\r\n position = 0;\r\n }\r\n\r\n base.currentItem = base.owl.currentItem = position;\r\n if (\r\n base.options.transitionStyle !== false &&\r\n drag !== 'drag' &&\r\n base.options.items === 1 &&\r\n base.browser.support3d === true\r\n ) {\r\n base.swapSpeed(0);\r\n if (base.browser.support3d === true) {\r\n base.transition3d(base.positionsInArray[position]);\r\n } else {\r\n base.css2slide(base.positionsInArray[position], 1);\r\n }\r\n base.afterGo();\r\n base.singleItemTransition();\r\n return false;\r\n }\r\n goToPixel = base.positionsInArray[position];\r\n\r\n if (base.browser.support3d === true) {\r\n base.isCss3Finish = false;\r\n\r\n if (speed === true) {\r\n base.swapSpeed('paginationSpeed');\r\n window.setTimeout(function() {\r\n base.isCss3Finish = true;\r\n }, base.options.paginationSpeed);\r\n } else if (speed === 'rewind') {\r\n base.swapSpeed(base.options.rewindSpeed);\r\n window.setTimeout(function() {\r\n base.isCss3Finish = true;\r\n }, base.options.rewindSpeed);\r\n } else {\r\n base.swapSpeed('slideSpeed');\r\n window.setTimeout(function() {\r\n base.isCss3Finish = true;\r\n }, base.options.slideSpeed);\r\n }\r\n base.transition3d(goToPixel);\r\n } else {\r\n if (speed === true) {\r\n base.css2slide(goToPixel, base.options.paginationSpeed);\r\n } else if (speed === 'rewind') {\r\n base.css2slide(goToPixel, base.options.rewindSpeed);\r\n } else {\r\n base.css2slide(goToPixel, base.options.slideSpeed);\r\n }\r\n }\r\n base.afterGo();\r\n },\r\n\r\n jumpTo: function(position) {\r\n var base = this;\r\n if (typeof base.options.beforeMove === 'function') {\r\n base.options.beforeMove.apply(this, [base.$elem]);\r\n }\r\n if (position >= base.maximumItem || position === -1) {\r\n position = base.maximumItem;\r\n } else if (position <= 0) {\r\n position = 0;\r\n }\r\n base.swapSpeed(0);\r\n if (base.browser.support3d === true) {\r\n base.transition3d(base.positionsInArray[position]);\r\n } else {\r\n base.css2slide(base.positionsInArray[position], 1);\r\n }\r\n base.currentItem = base.owl.currentItem = position;\r\n base.afterGo();\r\n },\r\n\r\n afterGo: function() {\r\n var base = this;\r\n\r\n base.prevArr.push(base.currentItem);\r\n base.prevItem = base.owl.prevItem = base.prevArr[base.prevArr.length - 2];\r\n base.prevArr.shift(0);\r\n\r\n if (base.prevItem !== base.currentItem) {\r\n base.checkPagination();\r\n base.checkNavigation();\r\n base.eachMoveUpdate();\r\n\r\n if (base.options.autoPlay !== false) {\r\n base.checkAp();\r\n }\r\n }\r\n if (typeof base.options.afterMove === 'function' && base.prevItem !== base.currentItem) {\r\n base.options.afterMove.apply(this, [base.$elem]);\r\n }\r\n },\r\n\r\n stop: function() {\r\n var base = this;\r\n base.apStatus = 'stop';\r\n window.clearInterval(base.autoPlayInterval);\r\n },\r\n\r\n checkAp: function() {\r\n var base = this;\r\n if (base.apStatus !== 'stop') {\r\n base.play();\r\n }\r\n },\r\n\r\n play: function() {\r\n var base = this;\r\n base.apStatus = 'play';\r\n if (base.options.autoPlay === false) {\r\n return false;\r\n }\r\n window.clearInterval(base.autoPlayInterval);\r\n base.autoPlayInterval = window.setInterval(function() {\r\n base.next(true);\r\n }, base.options.autoPlay);\r\n },\r\n\r\n swapSpeed: function(action) {\r\n var base = this;\r\n if (action === 'slideSpeed') {\r\n base.$owlWrapper.css(base.addCssSpeed(base.options.slideSpeed));\r\n } else if (action === 'paginationSpeed') {\r\n base.$owlWrapper.css(base.addCssSpeed(base.options.paginationSpeed));\r\n } else if (typeof action !== 'string') {\r\n base.$owlWrapper.css(base.addCssSpeed(action));\r\n }\r\n },\r\n\r\n addCssSpeed: function(speed) {\r\n return {\r\n '-webkit-transition': 'all ' + speed + 'ms ease',\r\n '-moz-transition': 'all ' + speed + 'ms ease',\r\n '-o-transition': 'all ' + speed + 'ms ease',\r\n transition: 'all ' + speed + 'ms ease',\r\n };\r\n },\r\n\r\n removeTransition: function() {\r\n return {\r\n '-webkit-transition': '',\r\n '-moz-transition': '',\r\n '-o-transition': '',\r\n transition: '',\r\n };\r\n },\r\n\r\n doTranslate: function(pixels) {\r\n return {\r\n '-webkit-transform': 'translate3d(' + pixels + 'px, 0px, 0px)',\r\n '-moz-transform': 'translate3d(' + pixels + 'px, 0px, 0px)',\r\n '-o-transform': 'translate3d(' + pixels + 'px, 0px, 0px)',\r\n '-ms-transform': 'translate3d(' + pixels + 'px, 0px, 0px)',\r\n transform: 'translate3d(' + pixels + 'px, 0px,0px)',\r\n };\r\n },\r\n\r\n transition3d: function(value) {\r\n var base = this;\r\n base.$owlWrapper.css(base.doTranslate(value));\r\n },\r\n\r\n css2move: function(value) {\r\n var base = this;\r\n base.$owlWrapper.css({ left: value });\r\n },\r\n\r\n css2slide: function(value, speed) {\r\n var base = this;\r\n\r\n base.isCssFinish = false;\r\n base.$owlWrapper.stop(true, true).animate(\r\n {\r\n left: value,\r\n },\r\n {\r\n duration: speed || base.options.slideSpeed,\r\n complete: function() {\r\n base.isCssFinish = true;\r\n },\r\n },\r\n );\r\n },\r\n\r\n checkBrowser: function() {\r\n var base = this,\r\n translate3D = 'translate3d(0px, 0px, 0px)',\r\n tempElem = document.createElement('div'),\r\n regex,\r\n asSupport,\r\n support3d,\r\n isTouch;\r\n\r\n tempElem.style.cssText =\r\n ' -moz-transform:' +\r\n translate3D +\r\n '; -ms-transform:' +\r\n translate3D +\r\n '; -o-transform:' +\r\n translate3D +\r\n '; -webkit-transform:' +\r\n translate3D +\r\n '; transform:' +\r\n translate3D;\r\n regex = /translate3d\\(0px, 0px, 0px\\)/g;\r\n asSupport = tempElem.style.cssText.match(regex);\r\n support3d = asSupport !== null && asSupport.length === 1;\r\n\r\n isTouch = 'ontouchstart' in window || window.navigator.msMaxTouchPoints;\r\n\r\n base.browser = {\r\n support3d: support3d,\r\n isTouch: isTouch,\r\n };\r\n },\r\n\r\n moveEvents: function() {\r\n var base = this;\r\n if (base.options.mouseDrag !== false || base.options.touchDrag !== false) {\r\n base.gestures();\r\n base.disabledEvents();\r\n }\r\n },\r\n\r\n eventTypes: function() {\r\n var base = this,\r\n types = ['s', 'e', 'x'];\r\n\r\n base.ev_types = {};\r\n\r\n if (base.options.mouseDrag === true && base.options.touchDrag === true) {\r\n types = [\r\n 'touchstart.owl mousedown.owl',\r\n 'touchmove.owl mousemove.owl',\r\n 'touchend.owl touchcancel.owl mouseup.owl',\r\n ];\r\n } else if (base.options.mouseDrag === false && base.options.touchDrag === true) {\r\n types = ['touchstart.owl', 'touchmove.owl', 'touchend.owl touchcancel.owl'];\r\n } else if (base.options.mouseDrag === true && base.options.touchDrag === false) {\r\n types = ['mousedown.owl', 'mousemove.owl', 'mouseup.owl'];\r\n }\r\n\r\n base.ev_types.start = types[0];\r\n base.ev_types.move = types[1];\r\n base.ev_types.end = types[2];\r\n },\r\n\r\n disabledEvents: function() {\r\n var base = this;\r\n base.$elem.on('dragstart.owl', function(event) {\r\n event.preventDefault();\r\n });\r\n base.$elem.on('mousedown.disableTextSelect', function(e) {\r\n return $(e.target).is('input, textarea, select, option');\r\n });\r\n },\r\n\r\n gestures: function() {\r\n /*jslint unparam: true*/\r\n var base = this,\r\n locals = {\r\n offsetX: 0,\r\n offsetY: 0,\r\n baseElWidth: 0,\r\n relativePos: 0,\r\n position: null,\r\n minSwipe: null,\r\n maxSwipe: null,\r\n sliding: null,\r\n dargging: null,\r\n targetElement: null,\r\n };\r\n\r\n base.isCssFinish = true;\r\n\r\n function getTouches(event) {\r\n if (event.touches !== undefined) {\r\n return {\r\n x: event.touches[0].pageX,\r\n y: event.touches[0].pageY,\r\n };\r\n }\r\n\r\n if (event.touches === undefined) {\r\n if (event.pageX !== undefined) {\r\n return {\r\n x: event.pageX,\r\n y: event.pageY,\r\n };\r\n }\r\n if (event.pageX === undefined) {\r\n return {\r\n x: event.clientX,\r\n y: event.clientY,\r\n };\r\n }\r\n }\r\n }\r\n\r\n function swapEvents(type) {\r\n if (type === 'on') {\r\n $(document).on(base.ev_types.move, dragMove);\r\n $(document).on(base.ev_types.end, dragEnd);\r\n } else if (type === 'off') {\r\n $(document).off(base.ev_types.move);\r\n $(document).off(base.ev_types.end);\r\n }\r\n }\r\n\r\n function dragStart(event) {\r\n var ev = event.originalEvent || event || window.event,\r\n position;\r\n\r\n if (ev.which === 3) {\r\n return false;\r\n }\r\n if (base.itemsAmount <= base.options.items) {\r\n return;\r\n }\r\n if (base.isCssFinish === false && !base.options.dragBeforeAnimFinish) {\r\n return false;\r\n }\r\n if (base.isCss3Finish === false && !base.options.dragBeforeAnimFinish) {\r\n return false;\r\n }\r\n\r\n if (base.options.autoPlay !== false) {\r\n window.clearInterval(base.autoPlayInterval);\r\n }\r\n\r\n if (base.browser.isTouch !== true && !base.$owlWrapper.hasClass('grabbing')) {\r\n base.$owlWrapper.addClass('grabbing');\r\n }\r\n\r\n base.newPosX = 0;\r\n base.newRelativeX = 0;\r\n\r\n $(this).css(base.removeTransition());\r\n\r\n position = $(this).position();\r\n locals.relativePos = position.left;\r\n\r\n locals.offsetX = getTouches(ev).x - position.left;\r\n locals.offsetY = getTouches(ev).y - position.top;\r\n\r\n swapEvents('on');\r\n\r\n locals.sliding = false;\r\n locals.targetElement = ev.target || ev.srcElement;\r\n }\r\n\r\n function dragMove(event) {\r\n var ev = event.originalEvent || event || window.event,\r\n minSwipe,\r\n maxSwipe;\r\n\r\n base.newPosX = getTouches(ev).x - locals.offsetX;\r\n base.newPosY = getTouches(ev).y - locals.offsetY;\r\n base.newRelativeX = base.newPosX - locals.relativePos;\r\n\r\n if (\r\n typeof base.options.startDragging === 'function' &&\r\n locals.dragging !== true &&\r\n base.newRelativeX !== 0\r\n ) {\r\n locals.dragging = true;\r\n base.options.startDragging.apply(base, [base.$elem]);\r\n }\r\n\r\n if ((base.newRelativeX > 8 || base.newRelativeX < -8) && base.browser.isTouch === true) {\r\n if (ev.preventDefault !== undefined) {\r\n ev.preventDefault();\r\n } else {\r\n ev.returnValue = false;\r\n }\r\n locals.sliding = true;\r\n }\r\n\r\n if ((base.newPosY > 10 || base.newPosY < -10) && locals.sliding === false) {\r\n $(document).off('touchmove.owl');\r\n }\r\n\r\n minSwipe = function() {\r\n return base.newRelativeX / 5;\r\n };\r\n\r\n maxSwipe = function() {\r\n return base.maximumPixels + base.newRelativeX / 5;\r\n };\r\n\r\n base.newPosX = Math.max(Math.min(base.newPosX, minSwipe()), maxSwipe());\r\n if (base.browser.support3d === true) {\r\n base.transition3d(base.newPosX);\r\n } else {\r\n base.css2move(base.newPosX);\r\n }\r\n }\r\n\r\n function dragEnd(event) {\r\n var ev = event.originalEvent || event || window.event,\r\n newPosition,\r\n handlers,\r\n owlStopEvent;\r\n\r\n ev.target = ev.target || ev.srcElement;\r\n\r\n locals.dragging = false;\r\n\r\n if (base.browser.isTouch !== true) {\r\n base.$owlWrapper.removeClass('grabbing');\r\n }\r\n\r\n if (base.newRelativeX < 0) {\r\n base.dragDirection = base.owl.dragDirection = 'left';\r\n } else {\r\n base.dragDirection = base.owl.dragDirection = 'right';\r\n }\r\n\r\n if (base.newRelativeX !== 0) {\r\n newPosition = base.getNewPosition();\r\n base.goTo(newPosition, false, 'drag');\r\n if (locals.targetElement === ev.target && base.browser.isTouch !== true) {\r\n $(ev.target).on('click.disable', function(ev) {\r\n ev.stopImmediatePropagation();\r\n ev.stopPropagation();\r\n ev.preventDefault();\r\n $(ev.target).off('click.disable');\r\n });\r\n handlers = $._data(ev.target, 'events').click;\r\n owlStopEvent = handlers.pop();\r\n handlers.splice(0, 0, owlStopEvent);\r\n }\r\n }\r\n swapEvents('off');\r\n }\r\n base.$elem.on(base.ev_types.start, '.owl-wrapper', dragStart);\r\n },\r\n\r\n getNewPosition: function() {\r\n var base = this,\r\n newPosition = base.closestItem();\r\n\r\n if (newPosition > base.maximumItem) {\r\n base.currentItem = base.maximumItem;\r\n newPosition = base.maximumItem;\r\n } else if (base.newPosX >= 0) {\r\n newPosition = 0;\r\n base.currentItem = 0;\r\n }\r\n return newPosition;\r\n },\r\n closestItem: function() {\r\n var base = this,\r\n array = base.options.scrollPerPage === true ? base.pagesInArray : base.positionsInArray,\r\n goal = base.newPosX,\r\n closest = null;\r\n\r\n $.each(array, function(i, v) {\r\n if (\r\n goal - base.itemWidth / 20 > array[i + 1] &&\r\n goal - base.itemWidth / 20 < v &&\r\n base.moveDirection() === 'left'\r\n ) {\r\n closest = v;\r\n if (base.options.scrollPerPage === true) {\r\n base.currentItem = $.inArray(closest, base.positionsInArray);\r\n } else {\r\n base.currentItem = i;\r\n }\r\n } else if (\r\n goal + base.itemWidth / 20 < v &&\r\n goal + base.itemWidth / 20 > (array[i + 1] || array[i] - base.itemWidth) &&\r\n base.moveDirection() === 'right'\r\n ) {\r\n if (base.options.scrollPerPage === true) {\r\n closest = array[i + 1] || array[array.length - 1];\r\n base.currentItem = $.inArray(closest, base.positionsInArray);\r\n } else {\r\n closest = array[i + 1];\r\n base.currentItem = i + 1;\r\n }\r\n }\r\n });\r\n return base.currentItem;\r\n },\r\n\r\n moveDirection: function() {\r\n var base = this,\r\n direction;\r\n if (base.newRelativeX < 0) {\r\n direction = 'right';\r\n base.playDirection = 'next';\r\n } else {\r\n direction = 'left';\r\n base.playDirection = 'prev';\r\n }\r\n return direction;\r\n },\r\n\r\n customEvents: function() {\r\n /*jslint unparam: true*/\r\n var base = this;\r\n base.$elem.on('owl.next', function() {\r\n base.next();\r\n });\r\n base.$elem.on('owl.prev', function() {\r\n base.prev();\r\n });\r\n base.$elem.on('owl.play', function(event, speed) {\r\n base.options.autoPlay = speed;\r\n base.play();\r\n base.hoverStatus = 'play';\r\n });\r\n base.$elem.on('owl.stop', function() {\r\n base.stop();\r\n base.hoverStatus = 'stop';\r\n });\r\n base.$elem.on('owl.goTo', function(event, item) {\r\n base.goTo(item);\r\n });\r\n base.$elem.on('owl.jumpTo', function(event, item) {\r\n base.jumpTo(item);\r\n });\r\n },\r\n\r\n stopOnHover: function() {\r\n var base = this;\r\n if (\r\n base.options.stopOnHover === true &&\r\n base.browser.isTouch !== true &&\r\n base.options.autoPlay !== false\r\n ) {\r\n base.$elem.on('mouseover', function() {\r\n base.stop();\r\n });\r\n base.$elem.on('mouseout', function() {\r\n if (base.hoverStatus !== 'stop') {\r\n base.play();\r\n }\r\n });\r\n }\r\n },\r\n\r\n lazyLoad: function() {\r\n var base = this,\r\n i,\r\n $item,\r\n itemNumber,\r\n $lazyImg,\r\n follow;\r\n\r\n if (base.options.lazyLoad === false) {\r\n return false;\r\n }\r\n for (i = 0; i < base.itemsAmount; i += 1) {\r\n $item = $(base.$owlItems[i]);\r\n\r\n if ($item.data('owl-loaded') === 'loaded') {\r\n continue;\r\n }\r\n\r\n itemNumber = $item.data('owl-item');\r\n $lazyImg = $item.find('.lazyOwl');\r\n\r\n if (typeof $lazyImg.data('src') !== 'string') {\r\n $item.data('owl-loaded', 'loaded');\r\n continue;\r\n }\r\n if ($item.data('owl-loaded') === undefined) {\r\n $lazyImg.hide();\r\n $item.addClass('loading').data('owl-loaded', 'checked');\r\n }\r\n if (base.options.lazyFollow === true) {\r\n follow = itemNumber >= base.currentItem;\r\n } else {\r\n follow = true;\r\n }\r\n if (follow && itemNumber < base.currentItem + base.options.items && $lazyImg.length) {\r\n base.lazyPreload($item, $lazyImg);\r\n }\r\n }\r\n },\r\n\r\n lazyPreload: function($item, $lazyImg) {\r\n var base = this,\r\n iterations = 0,\r\n isBackgroundImg;\r\n\r\n if ($lazyImg.prop('tagName') === 'DIV') {\r\n $lazyImg.css('background-image', 'url(' + $lazyImg.data('src') + ')');\r\n isBackgroundImg = true;\r\n } else {\r\n $lazyImg[0].src = $lazyImg.data('src');\r\n }\r\n\r\n function showImage() {\r\n $item.data('owl-loaded', 'loaded').removeClass('loading');\r\n $lazyImg.removeAttr('data-src');\r\n if (base.options.lazyEffect === 'fade') {\r\n $lazyImg.fadeIn(400);\r\n } else {\r\n $lazyImg.show();\r\n }\r\n if (typeof base.options.afterLazyLoad === 'function') {\r\n base.options.afterLazyLoad.apply(this, [base.$elem]);\r\n }\r\n }\r\n\r\n function checkLazyImage() {\r\n iterations += 1;\r\n if (base.completeImg($lazyImg.get(0)) || isBackgroundImg === true) {\r\n showImage();\r\n } else if (iterations <= 100) {\r\n //if image loads in less than 10 seconds\r\n window.setTimeout(checkLazyImage, 100);\r\n } else {\r\n showImage();\r\n }\r\n }\r\n\r\n checkLazyImage();\r\n },\r\n\r\n autoHeight: function() {\r\n var base = this,\r\n $currentimg = $(base.$owlItems[base.currentItem]).find('img'),\r\n iterations;\r\n\r\n function addHeight() {\r\n var $currentItem = $(base.$owlItems[base.currentItem]).height();\r\n base.wrapperOuter.css('height', $currentItem + 'px');\r\n if (!base.wrapperOuter.hasClass('autoHeight')) {\r\n window.setTimeout(function() {\r\n base.wrapperOuter.addClass('autoHeight');\r\n }, 0);\r\n }\r\n }\r\n\r\n function checkImage() {\r\n iterations += 1;\r\n if (base.completeImg($currentimg.get(0))) {\r\n addHeight();\r\n } else if (iterations <= 100) {\r\n //if image loads in less than 10 seconds\r\n window.setTimeout(checkImage, 100);\r\n } else {\r\n base.wrapperOuter.css('height', ''); //Else remove height attribute\r\n }\r\n }\r\n\r\n if ($currentimg.get(0) !== undefined) {\r\n iterations = 0;\r\n checkImage();\r\n } else {\r\n addHeight();\r\n }\r\n },\r\n\r\n completeImg: function(img) {\r\n var naturalWidthType;\r\n\r\n if (!img.complete) {\r\n return false;\r\n }\r\n naturalWidthType = typeof img.naturalWidth;\r\n if (naturalWidthType !== 'undefined' && img.naturalWidth === 0) {\r\n return false;\r\n }\r\n return true;\r\n },\r\n\r\n onVisibleItems: function() {\r\n var base = this,\r\n i;\r\n\r\n if (base.options.addClassActive === true) {\r\n base.$owlItems.removeClass('active');\r\n }\r\n base.visibleItems = [];\r\n for (i = base.currentItem; i < base.currentItem + base.options.items; i += 1) {\r\n base.visibleItems.push(i);\r\n\r\n if (base.options.addClassActive === true) {\r\n $(base.$owlItems[i]).addClass('active');\r\n }\r\n }\r\n base.owl.visibleItems = base.visibleItems;\r\n },\r\n\r\n transitionTypes: function(className) {\r\n var base = this;\r\n //Currently available: \"fade\", \"backSlide\", \"goDown\", \"fadeUp\"\r\n base.outClass = 'owl-' + className + '-out';\r\n base.inClass = 'owl-' + className + '-in';\r\n },\r\n\r\n singleItemTransition: function() {\r\n var base = this,\r\n outClass = base.outClass,\r\n inClass = base.inClass,\r\n $currentItem = base.$owlItems.eq(base.currentItem),\r\n $prevItem = base.$owlItems.eq(base.prevItem),\r\n prevPos =\r\n Math.abs(base.positionsInArray[base.currentItem]) + base.positionsInArray[base.prevItem],\r\n origin = Math.abs(base.positionsInArray[base.currentItem]) + base.itemWidth / 2,\r\n animEnd = 'webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend';\r\n\r\n base.isTransition = true;\r\n\r\n base.$owlWrapper.addClass('owl-origin').css({\r\n '-webkit-transform-origin': origin + 'px',\r\n '-moz-perspective-origin': origin + 'px',\r\n 'perspective-origin': origin + 'px',\r\n });\r\n function transStyles(prevPos) {\r\n return {\r\n position: 'relative',\r\n left: prevPos + 'px',\r\n };\r\n }\r\n\r\n $prevItem\r\n .css(transStyles(prevPos, 10))\r\n .addClass(outClass)\r\n .on(animEnd, function() {\r\n base.endPrev = true;\r\n $prevItem.off(animEnd);\r\n base.clearTransStyle($prevItem, outClass);\r\n });\r\n\r\n $currentItem.addClass(inClass).on(animEnd, function() {\r\n base.endCurrent = true;\r\n $currentItem.off(animEnd);\r\n base.clearTransStyle($currentItem, inClass);\r\n });\r\n },\r\n\r\n clearTransStyle: function(item, classToRemove) {\r\n var base = this;\r\n item\r\n .css({\r\n position: '',\r\n left: '',\r\n })\r\n .removeClass(classToRemove);\r\n\r\n if (base.endPrev && base.endCurrent) {\r\n base.$owlWrapper.removeClass('owl-origin');\r\n base.endPrev = false;\r\n base.endCurrent = false;\r\n base.isTransition = false;\r\n }\r\n },\r\n\r\n owlStatus: function() {\r\n var base = this;\r\n base.owl = {\r\n userOptions: base.userOptions,\r\n baseElement: base.$elem,\r\n userItems: base.$userItems,\r\n owlItems: base.$owlItems,\r\n currentItem: base.currentItem,\r\n prevItem: base.prevItem,\r\n visibleItems: base.visibleItems,\r\n isTouch: base.browser.isTouch,\r\n browser: base.browser,\r\n dragDirection: base.dragDirection,\r\n };\r\n },\r\n\r\n clearEvents: function() {\r\n var base = this;\r\n base.$elem.off('.owl owl mousedown.disableTextSelect');\r\n $(document).off('.owl owl');\r\n $(window).off('resize', base.resizer);\r\n },\r\n\r\n unWrap: function() {\r\n var base = this;\r\n if (base.$elem.children().length !== 0) {\r\n base.$owlWrapper.unwrap();\r\n base.$userItems.unwrap().unwrap();\r\n if (base.owlControls) {\r\n base.owlControls.remove();\r\n }\r\n }\r\n base.clearEvents();\r\n base.$elem\r\n .attr('style', base.$elem.data('owl-originalStyles') || '')\r\n .attr('class', base.$elem.data('owl-originalClasses'));\r\n },\r\n\r\n destroy: function() {\r\n var base = this;\r\n base.stop();\r\n window.clearInterval(base.checkVisible);\r\n base.unWrap();\r\n base.$elem.removeData();\r\n },\r\n\r\n reinit: function(newOptions) {\r\n var base = this,\r\n options = $.extend({}, base.userOptions, newOptions);\r\n base.unWrap();\r\n base.init(options, base.$elem);\r\n },\r\n\r\n addItem: function(htmlString, targetPosition) {\r\n var base = this,\r\n position;\r\n\r\n if (!htmlString) {\r\n return false;\r\n }\r\n\r\n if (base.$elem.children().length === 0) {\r\n base.$elem.append(htmlString);\r\n base.setVars();\r\n return false;\r\n }\r\n base.unWrap();\r\n if (targetPosition === undefined || targetPosition === -1) {\r\n position = -1;\r\n } else {\r\n position = targetPosition;\r\n }\r\n if (position >= base.$userItems.length || position === -1) {\r\n base.$userItems.eq(-1).after(htmlString);\r\n } else {\r\n base.$userItems.eq(position).before(htmlString);\r\n }\r\n\r\n base.setVars();\r\n },\r\n\r\n removeItem: function(targetPosition) {\r\n var base = this,\r\n position;\r\n\r\n if (base.$elem.children().length === 0) {\r\n return false;\r\n }\r\n if (targetPosition === undefined || targetPosition === -1) {\r\n position = -1;\r\n } else {\r\n position = targetPosition;\r\n }\r\n\r\n base.unWrap();\r\n base.$userItems.eq(position).remove();\r\n base.setVars();\r\n },\r\n };\r\n\r\n $.fn.owlCarousel = function(options) {\r\n return this.each(function() {\r\n if ($(this).data('owl-init') === true) {\r\n return false;\r\n }\r\n $(this).data('owl-init', true);\r\n var carousel = Object.create(Carousel);\r\n carousel.init(options, this);\r\n $.data(this, 'owlCarousel', carousel);\r\n });\r\n };\r\n\r\n $.fn.owlCarousel.options = {\r\n items: 5,\r\n itemsCustom: false,\r\n itemsDesktop: [1199, 4],\r\n itemsDesktopSmall: [979, 3],\r\n itemsTablet: [768, 2],\r\n itemsTabletSmall: false,\r\n itemsMobile: [479, 1],\r\n singleItem: false,\r\n itemsScaleUp: false,\r\n\r\n slideSpeed: 200,\r\n paginationSpeed: 800,\r\n rewindSpeed: 1000,\r\n\r\n autoPlay: false,\r\n stopOnHover: false,\r\n\r\n navigation: false,\r\n navigationText: ['prev', 'next'],\r\n rewindNav: true,\r\n scrollPerPage: false,\r\n\r\n pagination: true,\r\n paginationNumbers: false,\r\n\r\n responsive: true,\r\n responsiveRefreshRate: 200,\r\n responsiveBaseWidth: window,\r\n\r\n baseClass: 'owl-carousel',\r\n theme: 'owl-theme',\r\n\r\n lazyLoad: false,\r\n lazyFollow: true,\r\n lazyEffect: 'fade',\r\n\r\n autoHeight: false,\r\n\r\n jsonPath: false,\r\n jsonSuccess: false,\r\n\r\n dragBeforeAnimFinish: true,\r\n mouseDrag: true,\r\n touchDrag: true,\r\n\r\n addClassActive: false,\r\n transitionStyle: false,\r\n\r\n beforeUpdate: false,\r\n afterUpdate: false,\r\n beforeInit: false,\r\n afterInit: false,\r\n beforeMove: false,\r\n afterMove: false,\r\n afterAction: false,\r\n startDragging: false,\r\n afterLazyLoad: false,\r\n };\r\n})(jQuery, window, document);\r\n","/* eslint-disable */\r\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\r\nif (!Array.prototype.find) {\r\n Object.defineProperty(Array.prototype, 'find', {\r\n value: function(predicate) {\r\n // 1. Let O be ? ToObject(this value).\r\n if (this == null) {\r\n throw TypeError('\"this\" is null or not defined');\r\n }\r\n\r\n var o = Object(this);\r\n\r\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\r\n var len = o.length >>> 0;\r\n\r\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\r\n if (typeof predicate !== 'function') {\r\n throw TypeError('predicate must be a function');\r\n }\r\n\r\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\r\n var thisArg = arguments[1];\r\n\r\n // 5. Let k be 0.\r\n var k = 0;\r\n\r\n // 6. Repeat, while k < len\r\n while (k < len) {\r\n // a. Let Pk be ! ToString(k).\r\n // b. Let kValue be ? Get(O, Pk).\r\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\r\n // d. If testResult is true, return kValue.\r\n var kValue = o[k];\r\n if (predicate.call(thisArg, kValue, k, o)) {\r\n return kValue;\r\n }\r\n // e. Increase k by 1.\r\n k++;\r\n }\r\n\r\n // 7. Return undefined.\r\n return undefined;\r\n },\r\n configurable: true,\r\n writable: true,\r\n });\r\n}\r\n","var map = {\n\t\"./en-gb\": 390,\n\t\"./en-gb.js\": 390\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 428;","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n $(function() {\r\n var hash = window.location.hash.substring(1);\r\n\r\n //gets offset of the container (adds 15 for the padding) and sets it to the inner step as padding-left\r\n //once that is done it then makes the step full width which has a css transition and delay on it to give the effect of sliding out.\r\n function basketStep() {\r\n var containerPos = $('.container').offset().left + 15;\r\n\r\n $('.basket .inner-step').css('padding-left', containerPos);\r\n\r\n $('.basket .step1 .step').css('width', '100%');\r\n }\r\n\r\n basketStep();\r\n\r\n $(window).resize(function() {\r\n basketStep();\r\n });\r\n\r\n //on page load add active class to first step and slide down first step once page has finished animating!\r\n if (typeof hash !== 'undefined' && hash === 'step2') {\r\n $('.step2.basket-step').addClass('active-step');\r\n $('.basket .step1 .step').css('width', '0%');\r\n $('.basket .step2 .step').css('width', '100%');\r\n setTimeout(function() {\r\n $('.step2 .basket-step-main').slideDown();\r\n }, 1000);\r\n } else {\r\n $('.step1.basket-step').addClass('active-step');\r\n\r\n setTimeout(function() {\r\n $('.step1 .basket-step-main').slideDown();\r\n }, 1000);\r\n }\r\n\r\n //on click of proceed button slide up and down depending on which is clicked\r\n $('.proceed-checkout').click(function() {\r\n if (\r\n $(this)\r\n .closest('.basket-step')\r\n .hasClass('active-step')\r\n ) {\r\n $('.step1 .basket-step-main').slideUp(400, function() {\r\n $('.active-step').removeClass('active-step');\r\n $('.basket .step1 .step').css('width', '0%');\r\n $('.basket .step2 .step').css('width', '100%');\r\n setTimeout(function() {\r\n $('.step2 .basket-step-main').slideDown();\r\n }, 1000);\r\n $('.step2.basket-step').addClass('active-step');\r\n });\r\n } else {\r\n $('.active-step').removeClass('active-step');\r\n $('.basket .step2 .step').css('width', '0%');\r\n $('.step2 .basket-step-main').slideUp(400, function() {\r\n $('.basket .step1 .step').css('width', '100%');\r\n setTimeout(function() {\r\n $('.step1 .basket-step-main').slideDown();\r\n }, 1000);\r\n $('.step1.basket-step').addClass('active-step');\r\n });\r\n }\r\n return false;\r\n });\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n 'use strict';\r\n\r\n var $ = require('jquery');\r\n\r\n var self = {\r\n BasketPopup: BasketPopup,\r\n UpdateTopBasket: UpdateTopBasket,\r\n };\r\n\r\n // Expose globally for legacy calls.\r\n window.BasketPopup = BasketPopup;\r\n window.UpdateTopBasket = UpdateTopBasket;\r\n\r\n /** Show basket pop up. */\r\n function BasketPopup(popup, message, viewBasketText) {\r\n var $popup = popup;\r\n\r\n if (viewBasketText.length > 0) {\r\n message =\r\n message +\r\n \"
\" +\r\n viewBasketText +\r\n '';\r\n }\r\n\r\n $popup.find('.message').html(message);\r\n $popup.fadeIn(500, function() {\r\n $popup.delay(3000).fadeOut(500);\r\n });\r\n }\r\n\r\n /** Update basket preview count. */\r\n function UpdateTopBasket(itemCount) {\r\n $('.basket-count').html(itemCount);\r\n $('.basket-area .number').html('(' + itemCount + ')');\r\n }\r\n\r\n module.exports = self;\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var _ = require('underscore');\r\n require('chosen-js/chosen.jquery.min.js');\r\n\r\n // Initialise chosen.\r\n initialise();\r\n\r\n // Add resize event listener.\r\n $(window).resize(_.debounce(initialise, 100));\r\n\r\n /** Initialise */\r\n function initialise() {\r\n if (!isMobileOrTablet() && window.matchMedia('screen and (min-width: 768px)').matches) {\r\n var $select = $('select:not([data-ignore])');\r\n\r\n if (!$select.hasClass('chosen-select')) {\r\n $select.addClass('chosen-select');\r\n }\r\n\r\n $('.chosen-select').chosen({\r\n // jshint camelcase:false\r\n disable_search_threshold: 10,\r\n // jshint camelcase:true\r\n });\r\n } else {\r\n $('.chosen-select').chosen('destroy');\r\n }\r\n }\r\n\r\n /** Check if device is iOS or Android. */\r\n function isMobileOrTablet() {\r\n var userAgent = navigator.userAgent || navigator.vendor || window.opera;\r\n\r\n // Check user agent for iOS devices.\r\n if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) {\r\n return true;\r\n }\r\n\r\n // Check user agent for Android devices.\r\n if (userAgent.match(/Android/i)) {\r\n return true;\r\n }\r\n\r\n // Assume everything else is not mobile or tablet.\r\n return false;\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n require('fancybox-core');\r\n require('fancybox-media');\r\n\r\n var $fancybox = $('.fancybox');\r\n\r\n $fancybox.fancybox({\r\n openEffect: 'none',\r\n closeEffect: 'none',\r\n helpers: {\r\n media: {},\r\n },\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n require('owl-carousel/owl.carousel.js');\r\n\r\n $('.home-banner').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 1000,\r\n pagination: false,\r\n singleItem: true,\r\n afterInit: function() {\r\n setTimeout(function() {\r\n $('.animate-banner').addClass('slide-in');\r\n }, 500);\r\n },\r\n });\r\n\r\n $('#widget-banner').owlCarousel({\r\n navigation: true,\r\n slideSpeed: 700,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n $('#advertise-carousel').owlCarousel({\r\n navigation: false,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n paginationSpeed: 700,\r\n pagination: true,\r\n singleItem: true,\r\n });\r\n\r\n $('#product-carousel').owlCarousel({\r\n navigation: false,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n paginationSpeed: 700,\r\n pagination: true,\r\n singleItem: true,\r\n });\r\n\r\n $('.page-banner-inner').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n function mediaHeight() {\r\n //removes inline styles (heights)\r\n $('.case-box').removeAttr('style');\r\n if ($(window).innerWidth() > 767) {\r\n //sets height on media hub items to make them all match.\r\n $('.media-main')\r\n .find('.owl-item')\r\n .each(function() {\r\n var $item = $(this);\r\n var newHeight = '0';\r\n\r\n $item.find('.equalHub').each(function() {\r\n var $col = $(this);\r\n\r\n var colHeight = $col.outerHeight();\r\n\r\n if (colHeight > newHeight) {\r\n newHeight = colHeight;\r\n }\r\n //this checks to see if there are another set of columns inside the item if so it has to get the\r\n //remaining height difference to add that rather than change the height of each box\r\n if ($col.find('.col-sm-6').length) {\r\n $col.addClass('mulitple-box');\r\n $col.find('.col-sm-6').each(function() {\r\n var innerColHeight = $(this).outerHeight();\r\n\r\n if (innerColHeight < newHeight) {\r\n var differenceInHeight = newHeight - innerColHeight;\r\n\r\n var currentHeightOfLast = $(this)\r\n .find('.case-box:last-child')\r\n .outerHeight();\r\n $(this)\r\n .find('.case-box:last-child')\r\n .css('height', currentHeightOfLast + differenceInHeight);\r\n }\r\n });\r\n } else {\r\n $col.addClass('single-box');\r\n }\r\n });\r\n\r\n $item\r\n .find('.single-box')\r\n .find('.case-box')\r\n .css('height', newHeight);\r\n });\r\n }\r\n }\r\n\r\n //media hub carousel\r\n var mediamain = $('.media-main');\r\n var mediaview = $('.media-view-carousel');\r\n\r\n mediamain.owlCarousel({\r\n singleItem: true,\r\n slideSpeed: 1000,\r\n navigation: true,\r\n navigationText: false,\r\n pagination: false,\r\n autoHeight: true,\r\n afterAction: syncPosition,\r\n responsiveRefreshRate: 200,\r\n afterInit: function() {\r\n //on carousel load add the navigation in and the inner spans for the text\r\n $('.media-hub .owl-prev').append(\r\n 'prev',\r\n );\r\n $('.media-hub .owl-next').append(\r\n 'next',\r\n );\r\n\r\n mediaHeight();\r\n\r\n //twitter widget script\r\n $.getScript('https://platform.twitter.com/widgets.js', function() {\r\n //calling method load\r\n twttr.widgets.load();\r\n });\r\n },\r\n afterUpdate: function() {\r\n mediaHeight();\r\n },\r\n afterMove: function() {\r\n //after moving the text is got from the correct span in the media view carousel and applied to the inner span navigation text\r\n\r\n //timeout is used as it should only be applied after the animation has finished (which is specified up there ^^ as slidespeed)\r\n setTimeout(function() {\r\n var currentItem = $('.media-view-carousel .owl-item.synced');\r\n var currentIndex = currentItem.index() + 1;\r\n var amountOfItems = $('.media-view-carousel .owl-item').length;\r\n var nextText = '';\r\n var prevText = '';\r\n\r\n if (currentIndex < amountOfItems) {\r\n nextText = currentItem\r\n .next('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n if (currentIndex === 1) {\r\n prevText = $('.media-view-carousel .owl-item:last-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n } else {\r\n prevText = currentItem\r\n .prev('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n }\r\n } else if (currentIndex === amountOfItems) {\r\n nextText = $('.media-view-carousel .owl-item:first-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n prevText = currentItem\r\n .prev('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n }\r\n }, 1000);\r\n\r\n //animate green bar to current position of media view\r\n var $synced = $('.media-view-carousel .owl-item.synced');\r\n var currentPosition = $synced.position().left;\r\n var spanWidth = $synced.find('span').width();\r\n $('.media-hub .media-view .grey-bar .green-block').css({\r\n left: currentPosition,\r\n width: spanWidth,\r\n });\r\n },\r\n });\r\n\r\n mediaview.owlCarousel({\r\n items: 8,\r\n itemsDesktop: [1199, 8],\r\n itemsDesktopSmall: [979, 6],\r\n itemsTablet: [768, 5],\r\n itemsMobile: [479, 5],\r\n pagination: false,\r\n responsiveRefreshRate: 100,\r\n afterInit: function(el) {\r\n //this loads after the initial carousel, so after that has loaded:\r\n //on load change text inside nav buttons\r\n var prevText = $('.media-view-carousel .owl-item:last-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n\r\n var nextText = $('.media-view-carousel .owl-item:nth-child(2)')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n el.find('.owl-item')\r\n .eq(0)\r\n .addClass('synced');\r\n },\r\n });\r\n\r\n function syncPosition(el) {\r\n var current = this.currentItem;\r\n $('.media-view-carousel')\r\n .find('.owl-item')\r\n .removeClass('synced')\r\n .eq(current)\r\n .addClass('synced');\r\n\r\n if ($('.media-view-carousel').data('owlCarousel') !== undefined) {\r\n center(current);\r\n }\r\n }\r\n\r\n $('.media-view-carousel').on('click', '.owl-item', function(e) {\r\n e.preventDefault();\r\n var number = $(this).data('owlItem');\r\n mediamain.trigger('owl.goTo', number);\r\n });\r\n\r\n function center(number) {\r\n var mediaviewvisible = mediaview.data('owlCarousel').owl.visibleItems;\r\n var num = number;\r\n var found = false;\r\n for (var i in mediaviewvisible) {\r\n if (num === mediaviewvisible[i]) {\r\n found = true;\r\n }\r\n }\r\n\r\n if (found === false) {\r\n if (num > mediaviewvisible[mediaviewvisible.length - 1]) {\r\n mediaview.trigger('owl.goTo', num - mediaviewvisible.length + 2);\r\n } else {\r\n if (num - 1 === -1) {\r\n num = 0;\r\n }\r\n mediaview.trigger('owl.goTo', num);\r\n }\r\n } else if (num === mediaviewvisible[mediaviewvisible.length - 1]) {\r\n mediaview.trigger('owl.goTo', mediaviewvisible[1]);\r\n } else if (num === mediaviewvisible[0]) {\r\n mediaview.trigger('owl.goTo', num - 1);\r\n }\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n function getParameterByName(name) {\r\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search);\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n\r\n //map point click...\r\n $('.map')\r\n .find('.map-point')\r\n .click(function() {\r\n var $this = $(this);\r\n var $mapPopup = $('.map-popup');\r\n var $popupHeight = 0;\r\n var $pointPosition = $this.offset();\r\n var $ID = $this.attr('id');\r\n var $selectedPopup = $mapPopup.find('*[data-id=' + $ID + ']');\r\n var $selectedFilter = $('.map-filter').find('*[data-id=' + $ID + ']');\r\n\r\n //removes all active classes on filters then adds to selected item\r\n $('.map-filter ul li').removeClass('active');\r\n $selectedFilter.addClass('active');\r\n\r\n //hides all popup divs to start with by removing class active\r\n $('.map-popup .popup-content').removeClass('active');\r\n\r\n //adds class active to the one which is clicked and matches the attribute and id, then displays\r\n $selectedPopup.addClass('active');\r\n\r\n $popupHeight = getPopupHeight($selectedPopup);\r\n\r\n //show map function\r\n showMapPoint($mapPopup, $pointPosition, $popupHeight);\r\n });\r\n\r\n //Filter list item click...\r\n $('.map-filter')\r\n .find('ul li a')\r\n .click(function() {\r\n var $this = $(this);\r\n var $mapPopup = $('.map-popup');\r\n var $popupHeight = 0;\r\n var $ID = $this.parent().attr('data-id');\r\n var $selectedPopup = $mapPopup.find('*[data-id=' + $ID + ']');\r\n var $selectedMapPoint = $('#' + $ID);\r\n var $pointPosition = $selectedMapPoint.offset();\r\n\r\n //removes all active classes on filters then adds to selected item\r\n $('.map-filter ul li').removeClass('active');\r\n $this.parent().addClass('active');\r\n\r\n //hides all popup divs to start with by removing class active\r\n $('.map-popup .popup-content').removeClass('active');\r\n\r\n //adds class active to the one which is clicked and matches the attribute and id, then displays\r\n $selectedPopup.addClass('active');\r\n\r\n $popupHeight = getPopupHeight($selectedPopup);\r\n\r\n //show map function\r\n showMapPoint($mapPopup, $pointPosition, $popupHeight);\r\n\r\n return false;\r\n });\r\n\r\n function getPopupHeight($selectedPopup) {\r\n var height = 0;\r\n\r\n //displays the popup off the page\r\n //sets the height of the popup parent\r\n //returns back to top 0\r\n $selectedPopup.parent('.map-popup').css('top', '-9999px');\r\n height = $selectedPopup.parent('.map-popup').outerHeight() + 17;\r\n $selectedPopup.parent('.map-popup').css('top', '0px');\r\n\r\n return height;\r\n }\r\n\r\n function showMapPoint($mapPopup, $pointPosition, $popupHeight) {\r\n var $mapOffset = $('.map').offset();\r\n var $arrowPointerWidth = 208;\r\n\r\n if ($(window).innerWidth() < 992) {\r\n $arrowPointerWidth = 138;\r\n }\r\n\r\n //if popup has class opened\r\n //remove class and fade out popup\r\n if ($mapPopup.hasClass('opened')) {\r\n $mapPopup.removeClass('opened');\r\n //hides all\r\n $mapPopup.hide();\r\n //sets the position of the popup...\r\n //gets the top and left position of the point\r\n //gets the height of the popup and subtracts\r\n //gets the difference in offset between the map and point\r\n //adds class and fades in popup\r\n $mapPopup\r\n .css({\r\n top: $pointPosition.top - $popupHeight - $mapOffset.top,\r\n left: $pointPosition.left - $arrowPointerWidth - $mapOffset.left,\r\n })\r\n .addClass('opened')\r\n .fadeIn();\r\n } else {\r\n $mapPopup\r\n .css({\r\n top: $pointPosition.top - $popupHeight - $mapOffset.top,\r\n left: $pointPosition.left - $arrowPointerWidth - $mapOffset.left,\r\n })\r\n .addClass('opened')\r\n .fadeIn();\r\n }\r\n }\r\n\r\n //click on body to close popup unless clicked on map area\r\n if ($(window).innerWidth() > 767) {\r\n $(document).mouseup(function(e) {\r\n var popUp = $('.map');\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!popUp.is(e.target) && popUp.has(e.target).length === 0) {\r\n $('.map-popup').removeClass('opened');\r\n $('.map-popup').hide();\r\n $('.map-filter ul li').removeClass('active');\r\n }\r\n });\r\n }\r\n\r\n //close icon closes popup on click\r\n $('.close-btn').click(function() {\r\n $(this)\r\n .closest('.map-popup')\r\n .fadeOut();\r\n });\r\n\r\n function filterDropdown() {\r\n var $mapFilter = $('.map-filter');\r\n var $mapPopup = $('.map-popup');\r\n\r\n //show first popup\r\n //set first child popup and filter li to have class of active until selecting another item\r\n $mapPopup.fadeIn();\r\n $mapPopup.find('.popup-content:first-child').addClass('active');\r\n $mapFilter.find('ul li:first-child').addClass('active');\r\n\r\n //Click to dropdown list of filters...\r\n $mapFilter.find('h3').click(function() {\r\n //if this doesn't have class open add it then slide down\r\n //otherwise remove and slide up\r\n if (!$(this).hasClass('slide-open')) {\r\n $(this).addClass('slide-open');\r\n $(this)\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideDown(600);\r\n } else {\r\n $(this).removeClass('slide-open');\r\n $(this)\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideUp(600);\r\n }\r\n });\r\n\r\n //filter item click...\r\n $mapFilter.find('ul li a').click(function() {\r\n if ($(window).innerWidth() < 768) {\r\n //removes class and slides filter up\r\n $('.map-filter h3').removeClass('slide-open');\r\n $('.map-filter h3')\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideUp(600);\r\n\r\n return false;\r\n }\r\n });\r\n }\r\n\r\n //IE8 Fallback shows first popup\r\n if ($('#page-wrapper').hasClass('IE8')) {\r\n var $mapFilter = $('.map-filter');\r\n var $mapPopup = $('.map-popup');\r\n\r\n //show first popup\r\n //set first child popup and filter li to have class of active until selecting another item\r\n $mapPopup.fadeIn();\r\n $mapPopup.find('.popup-content:first-child').show();\r\n $mapFilter.find('ul li:first-child').addClass('active');\r\n\r\n $mapFilter.find('ul li a').click(function() {\r\n if (\r\n $(this)\r\n .parent('li')\r\n .index() === 0\r\n ) {\r\n $mapPopup.find('.popup-content:first-child').show();\r\n } else {\r\n $mapPopup.find('.popup-content:first-child').hide();\r\n }\r\n });\r\n }\r\n\r\n if ($(window).innerWidth() < 768) {\r\n filterDropdown();\r\n }\r\n\r\n /* Store the window width */\r\n var windowWidth = $(window).width();\r\n\r\n /* Resize Event */\r\n $(window).resize(function() {\r\n // Check window width has actually changed and it's not just iOS triggering a resize event on scroll\r\n if ($(window).width() !== windowWidth) {\r\n if ($(window).innerWidth() < 768) {\r\n if (windowWidth > 767) {\r\n //remove styles and unbind events\r\n $('.map-filter h3').unbind();\r\n $('.map-filter ul li').removeClass('active');\r\n $('.map-popup').removeAttr('style');\r\n $('.map-popup .popup-content').removeClass('active');\r\n $(document).unbind();\r\n filterDropdown();\r\n }\r\n } else {\r\n $('.map-filter .link-wrap').show();\r\n }\r\n\r\n // Update the window width for next time\r\n windowWidth = $(window).width();\r\n }\r\n });\r\n\r\n var $queryID = getParameterByName('location');\r\n\r\n if ($queryID.length > 0) {\r\n var $locationPoint = $('.inner-map').find('#location-' + $queryID);\r\n $locationPoint.click();\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n if (!$('body').hasClass('IE8')) {\r\n // Listen for orientation changes\r\n //fixes bug on ipad\r\n window.addEventListener('orientationchange', function() {\r\n $('body').fadeOut(1, function() {\r\n $('body').fadeIn(1);\r\n });\r\n });\r\n\r\n horizontalDetect();\r\n\r\n //if not ipad or iphone\r\n if (!isiPad() && !isiPhone()) {\r\n $('body').addClass('everything-else');\r\n }\r\n\r\n if (isiPad()) {\r\n $('body').addClass('iPad');\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n $('body').removeClass('iPad-vertical');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n $('body').addClass('iPad-vertical');\r\n }\r\n\r\n // Listen for orientation changes\r\n window.addEventListener(\r\n 'orientationchange',\r\n function() {\r\n // Announce the new orientation number\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n }\r\n },\r\n false,\r\n );\r\n }\r\n\r\n if (isiPhone()) {\r\n $('body').addClass('iPhone');\r\n //if ($(window).height() <= 480)\r\n // {\r\n // $('body').addClass('iPhone4');\r\n //}\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n\r\n // Listen for orientation changes\r\n window.addEventListener(\r\n 'orientationchange',\r\n function() {\r\n // Announce the new orientation number\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n },\r\n false,\r\n );\r\n }\r\n\r\n $(window).resize(function() {\r\n horizontalDetect();\r\n\r\n if ($(window).innerWidth() > 767) {\r\n if ($('body').hasClass('iPhone-horizontal')) {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n if ($('body').hasClass('iPad-horizontal')) {\r\n $('body').removeClass('iPad-horizontal');\r\n }\r\n } else {\r\n if (isiPhone()) {\r\n if (!$('body').hasClass('iPhone')) {\r\n $('body').addClass('iPhone');\r\n }\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n }\r\n\r\n if (isiPad()) {\r\n if (!$('body').hasClass('iPad')) {\r\n $('body').addClass('iPad');\r\n }\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n $('body').removeClass('iPad-vertical');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n $('body').addClass('iPad-vertical');\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n //generic device landscape\r\n function horizontalDetect() {\r\n if ($(window).innerWidth() < 992) {\r\n var viewHeight = $(window).height();\r\n var viewWidth = $(window).width();\r\n\r\n if (viewWidth > viewHeight) {\r\n if (!$('body').hasClass('landscape')) {\r\n $('body').addClass('landscape');\r\n }\r\n } else {\r\n if ($('body').hasClass('landscape')) {\r\n $('body').removeClass('landscape');\r\n }\r\n }\r\n }\r\n }\r\n\r\n // iDevices -- Return boolean TRUE/FALSE\r\n function isiPhone() {\r\n return navigator.platform.indexOf('iPhone') !== -1 || navigator.platform.indexOf('iPod') !== -1;\r\n }\r\n\r\n function isiPad() {\r\n return navigator.platform.indexOf('iPad') !== -1;\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $footerlinks = $('.footer-links');\r\n\r\n function footerLinks() {\r\n if ($(window).innerWidth() < 551) {\r\n //slide toggle footer links on click add/remove class\r\n $footerlinks.find('h3').click(function() {\r\n if (\r\n !$(this)\r\n .parent($footerlinks)\r\n .hasClass('footer-open')\r\n ) {\r\n $(this)\r\n .parent($footerlinks)\r\n .addClass('footer-open');\r\n $(this)\r\n .siblings('ul')\r\n .stop()\r\n .slideDown();\r\n } else {\r\n $(this)\r\n .parent($footerlinks)\r\n .removeClass('footer-open');\r\n $(this)\r\n .siblings('ul')\r\n .stop()\r\n .slideUp();\r\n }\r\n });\r\n }\r\n }\r\n\r\n if ($(window).innerWidth() < 551) {\r\n footerLinks();\r\n }\r\n\r\n $(window).resize(function() {\r\n $footerlinks.find('h3').unbind();\r\n\r\n if ($(window).innerWidth() < 551) {\r\n footerLinks();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n //Change hrefs to GA phone number\r\n setInterval(function() {\r\n var $telNo = $('.telNo');\r\n\r\n if ($telNo.length > 0) {\r\n $telNo.attr('href', 'tel:' + $telNo.html().replace(/ /g, ''));\r\n }\r\n }, 2000);\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $loginarea = $('.login-area');\r\n\r\n function loginDesktop() {\r\n var $loginClick = $loginarea.find('.login-click');\r\n $loginClick.click(function() {\r\n var $this = $(this);\r\n var $dropLogin = $this.siblings('.drop-login');\r\n\r\n if ($dropLogin.hasClass('open')) {\r\n $dropLogin.removeClass('open');\r\n $dropLogin.stop().slideUp();\r\n } else {\r\n $dropLogin.addClass('open');\r\n //slides down the login and focuses\r\n $dropLogin.stop().slideDown();\r\n $dropLogin.find('.input-box:first-child input').focus();\r\n }\r\n });\r\n }\r\n\r\n function loginMobile() {\r\n var $loginClick = $loginarea.find('.login-click');\r\n\r\n $loginClick.click(function() {\r\n var $this = $(this);\r\n var $dropLogin = $this.siblings('.drop-login');\r\n\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n //slides up the search dropdown if open and removes class\r\n if ($ipadSearch.hasClass('active')) {\r\n $ipadSearch.removeClass('active');\r\n $('.ipad-search .drop-search')\r\n .stop()\r\n .slideUp();\r\n }\r\n\r\n //slides down the login\r\n $loginarea.toggleClass('active');\r\n $dropLogin.stop().slideToggle();\r\n });\r\n }\r\n\r\n function countryDrop() {\r\n var $dropClick = $('.selected-country a');\r\n\r\n $dropClick.click(function(e) {\r\n e.preventDefault();\r\n\r\n var $this = $(this);\r\n var $dropCountries = $this.parent().siblings('.other-coutries');\r\n\r\n //slides up the country dropdown if open and removes class\r\n if (!$this.parent().hasClass('open')) {\r\n $this.parent().addClass('open');\r\n $dropCountries.slideDown();\r\n } else {\r\n $this.parent().removeClass('open');\r\n $dropCountries.slideUp();\r\n }\r\n });\r\n }\r\n\r\n countryDrop();\r\n\r\n if ($(window).innerWidth() > 991) {\r\n loginDesktop();\r\n } else {\r\n loginMobile();\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n $loginarea.unbind();\r\n\r\n if (viewport().width >= 991) {\r\n loginDesktop();\r\n } else {\r\n loginMobile();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\nvar $ = require('jquery');\r\n\r\n$('table').wrap('');\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $nav = $('nav');\r\n\r\n $nav.find('ul li a').click(function(e) {\r\n var $this = $(this).parent('li');\r\n\r\n if ($this.hasClass('drop-open')) {\r\n closeNavBlock($this);\r\n return false;\r\n } else {\r\n if ($this.children('.drop').length) {\r\n closeBeforeOpenNavBlock($this);\r\n showNavBlock($this);\r\n\r\n return false;\r\n }\r\n }\r\n });\r\n\r\n // show menu block\r\n function showNavBlock($this) {\r\n if ($('nav ul li').hasClass('drop-open')) {\r\n if ($this.hasClass('drop-open')) {\r\n return true;\r\n } else {\r\n closeBeforeOpenNavBlock($this);\r\n return false;\r\n }\r\n } else {\r\n openNavBlock($this);\r\n return false;\r\n }\r\n }\r\n\r\n // open nav block with animation depending on window width\r\n function openNavBlock($this) {\r\n var $ulList = $('nav > ul');\r\n var $listHeight = $('nav > ul').outerHeight();\r\n var $dropHeight = 0;\r\n var $headerHeight = $('header').outerHeight();\r\n\r\n //With opacity still on 0, it shows the drop, gets the height and hides it again.\r\n //then sets opacity back to 1\r\n $this.find('.drop').show();\r\n $dropHeight = $this.find('.drop').outerHeight();\r\n $this.find('.drop').css({\r\n display: 'none',\r\n opacity: '1',\r\n });\r\n //with the height already in a variable you can now show the dropdown as normal\r\n\r\n //animates content back to be the dropdown and header height, also slides down the selected dropdown\r\n resizeContent($this, $dropHeight, $headerHeight);\r\n $this.addClass('drop-open');\r\n\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n $this\r\n .find('.drop')\r\n .stop()\r\n .fadeIn();\r\n if ($dropHeight > $listHeight) {\r\n $ulList.animate(\r\n {\r\n height: $dropHeight,\r\n },\r\n 400,\r\n );\r\n } else {\r\n $ulList.animate(\r\n {\r\n height: '100%',\r\n },\r\n 400,\r\n );\r\n }\r\n } else {\r\n $this\r\n .find('.drop')\r\n .stop()\r\n .slideDown();\r\n }\r\n }\r\n\r\n // close old nav, then open selected nav block with animation depending on window width\r\n function closeBeforeOpenNavBlock($this) {\r\n if ($(window).innerWidth() > 991 || $(window).innerWidth() < 768) {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n openNavBlock($this);\r\n });\r\n } else {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .fadeOut(400, function() {\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n openNavBlock($this);\r\n });\r\n }\r\n }\r\n\r\n // close nav\r\n function closeNavBlock($this) {\r\n var $contentwrap = $('.content-wrap');\r\n var $headerHeight = $('header').outerHeight();\r\n\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n //if banner exists\r\n if ($('.banner-area').length) {\r\n //animates content back to 0, also slides up the open dropdown\r\n $contentwrap.animate(\r\n {\r\n 'margin-top': 0,\r\n },\r\n 600,\r\n );\r\n } else {\r\n $contentwrap.animate({\r\n 'margin-top': $headerHeight + 20,\r\n });\r\n }\r\n\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n });\r\n }\r\n\r\n // move banner\r\n function resizeContent($this, dropHeight, headerHeight) {\r\n var $contentwrap = $('.content-wrap');\r\n\r\n if (dropHeight === 0 || headerHeight === 0) {\r\n headerHeight = $('header').outerHeight();\r\n\r\n if ($this === 0) {\r\n $this = $('nav ul li.drop-open');\r\n\r\n dropHeight = $this.find('.drop').outerHeight();\r\n }\r\n }\r\n\r\n //animates content back to be the dropdown and header height, also slides down the selected dropdown\r\n if (dropHeight > 0 && headerHeight > 0) {\r\n $contentwrap.animate(\r\n {\r\n 'margin-top': dropHeight + headerHeight,\r\n },\r\n 400,\r\n );\r\n }\r\n }\r\n\r\n //menu click animates button\r\n\r\n $('.menu-btn').click(function() {\r\n if (!$(this).hasClass('menu-open')) {\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n //adds open class and slides down content\r\n //shows first dropdown\r\n $(this).addClass('menu-open');\r\n $('.desktop-nav')\r\n .stop()\r\n .slideDown(600);\r\n var $firstItem = $nav.find('ul li:nth-child(2)');\r\n showNavBlock($firstItem);\r\n } else if ($(window).innerWidth() < 768) {\r\n //adds class to inner wrapper and slides out, animated in css\r\n $(this).addClass('menu-open');\r\n $('.inner-wrapper').addClass('move-wrapper');\r\n $('.moved-nav').addClass('slide-open');\r\n }\r\n } else {\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n //adds open class and slides up content\r\n $(this).removeClass('menu-open');\r\n $('.desktop-nav')\r\n .stop()\r\n .slideUp(600);\r\n } else if ($(window).innerWidth() < 768) {\r\n //removes class on inner wrapper and slides in, animated in css\r\n $(this).removeClass('menu-open');\r\n $('.inner-wrapper').removeClass('move-wrapper');\r\n $('.moved-nav').removeClass('slide-open');\r\n }\r\n }\r\n });\r\n\r\n //menu click resize\r\n function menuResize() {\r\n if ($(window).innerWidth() > 767) {\r\n $('.menu-btn').removeClass('menu-open');\r\n $('.inner-wrapper').removeClass('move-wrapper');\r\n $('.moved-nav').removeClass('slide-open');\r\n $('.desktop-nav nav .page-links').appendTo('.left-links');\r\n } else {\r\n $('.left-links ul').appendTo('.desktop-nav nav');\r\n }\r\n }\r\n menuResize();\r\n\r\n //click body to close nav dropdown\r\n $(document).mouseup(function(e) {\r\n var dropDown = $('.drop-open');\r\n var $contentwrap = $('.content-wrap');\r\n var $headerHeight = $('header').outerHeight();\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!dropDown.is(e.target) && dropDown.has(e.target).length === 0) {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n //if banner exists\r\n if ($('.banner-area').length) {\r\n //animates content back to 0, also slides up the open dropdown\r\n $contentwrap.animate(\r\n {\r\n 'margin-top': 0,\r\n },\r\n 600,\r\n );\r\n } else {\r\n $contentwrap.animate({\r\n 'margin-top': $headerHeight + 20,\r\n });\r\n }\r\n\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n });\r\n }\r\n });\r\n\r\n function ipadNavDimentions() {\r\n //gets the width of the current window\r\n //works out the width remaining from the parents width\r\n //sets new width for the nav item\r\n var $windowWidth = $(window).outerWidth();\r\n var $listWidth = $('.desktop-nav').outerWidth();\r\n var $newItemWidth = $windowWidth - $listWidth - 20;\r\n\r\n $('nav ul li')\r\n .find('.drop')\r\n .css('width', $newItemWidth);\r\n\r\n $('nav > ul').outerHeight();\r\n $('nav ul')\r\n .find('.drop')\r\n .outerHeight();\r\n }\r\n\r\n if ($(window).innerWidth() < 992) {\r\n ipadNavDimentions();\r\n\r\n //moves the nav to correct position for iPad\r\n $('.back-to-desktop .desktop-nav').appendTo('.moved-nav');\r\n } else {\r\n //moves the nav back to correct position for desktop\r\n $('.moved-nav .desktop-nav').appendTo('.back-to-desktop');\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n menuResize();\r\n\r\n if (viewport().width >= 991) {\r\n $('.moved-nav .desktop-nav').appendTo('.back-to-desktop');\r\n $('.back-to-desktop .desktop-nav').show();\r\n $('nav ul').removeAttr('style');\r\n $('nav ul li')\r\n .find('.drop')\r\n .css('width', '100%');\r\n\r\n setTimeout(function() {\r\n resizeContent(0, 0, 0);\r\n }, 500);\r\n } else {\r\n $('.back-to-desktop .desktop-nav').appendTo('.moved-nav');\r\n ipadNavDimentions();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n 'use strict';\r\n\r\n var $ = require('jquery');\r\n var _ = require('underscore');\r\n\r\n $(window).on('load', pageLoad);\r\n\r\n //Remove no-js class from page-wrapper\r\n // $('#page-wrapper').removeClass('no-js');\r\n\r\n /** Handle page load. */\r\n function pageLoad() {\r\n $('.HomePage header').show();\r\n\r\n setTimeout(function() {\r\n $('.HomePage header').addClass('fade-in');\r\n $('.HomePage footer').fadeIn();\r\n $('header .grey-bar').addClass('animate');\r\n }, 600);\r\n\r\n function animateSignposts() {\r\n var lis = [];\r\n\r\n $('.homepage-signposts .signpost-item').each(function() {\r\n if ($(this).css('opacity') === '0') {\r\n lis.push(this);\r\n }\r\n });\r\n\r\n var delay = 0;\r\n $(lis).each(function() {\r\n $(this)\r\n .delay(delay)\r\n .animate(\r\n {\r\n opacity: 1,\r\n },\r\n 1000,\r\n );\r\n delay += 100;\r\n });\r\n }\r\n\r\n setTimeout(function() {\r\n $('.load-home-content').addClass('fade-in');\r\n animateSignposts();\r\n }, 1300);\r\n\r\n // Highlight top nav - done in javascript to improve performance\r\n var pathname = window.location.pathname;\r\n var splitPath = pathname.split('/');\r\n\r\n $('nav ul li a').each(function() {\r\n var $this = $(this);\r\n\r\n if (\r\n splitPath.length > 2 &&\r\n splitPath[2].replace('/', '').toLowerCase() ===\r\n $this\r\n .attr('href')\r\n .replace('/', '')\r\n .toLowerCase()\r\n ) {\r\n $this.addClass('active');\r\n }\r\n });\r\n\r\n $('table').each(function() {\r\n $(this).addClass('table');\r\n $(this).wrap('');\r\n });\r\n\r\n $('.js-toggle-cookie-tab').click(function() {\r\n $('.cookie-panel-gdpr').slideToggle();\r\n });\r\n }\r\n})();\r\n","/* eslint-disable */\r\n\r\n(function() {\r\n var $ = require('jquery');\r\n require('jquery-placeholder/jquery.placeholder.js');\r\n\r\n $('input, textarea').placeholder();\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var typeahead = require('./typeahead');\r\n\r\n var $search = $('.search-area');\r\n var $searchInput = $('.search-area input[type=\"search\"]');\r\n if (!$searchInput) {\r\n $searchInput = $('.js-search-ta');\r\n }\r\n typeahead.initialise($searchInput);\r\n\r\n function searchDesktop() {\r\n var $searchClick = $search.find('.search-click');\r\n $searchClick.click(function() {\r\n //slides down the search and focuses\r\n var $searchDrop = $(this).siblings('.drop-search');\r\n if ($searchDrop.hasClass('open')) {\r\n $searchDrop.removeClass('open');\r\n $searchDrop.stop().slideUp();\r\n } else {\r\n $searchDrop.addClass('open');\r\n $searchDrop.stop().slideDown();\r\n $(this)\r\n .find('.drop-search input')\r\n .focus();\r\n }\r\n });\r\n }\r\n\r\n function searchMobile() {\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n //first move the search into the new location for ipad and below\r\n $search.find('.drop-search').appendTo($ipadSearch);\r\n $search.find('.search-icon').appendTo($ipadSearch);\r\n\r\n $ipadSearch.find('.search-icon').click(function() {\r\n //slides up the login dropdown if open and removes class\r\n if ($('.login-area').hasClass('active')) {\r\n $('.login-area').removeClass('active');\r\n $('.login-area .drop-login')\r\n .stop()\r\n .slideUp();\r\n }\r\n\r\n //slides down the search and focuses\r\n $ipadSearch.toggleClass('active');\r\n $(this)\r\n .siblings('.drop-search')\r\n .stop()\r\n .slideToggle();\r\n });\r\n }\r\n\r\n if ($(window).innerWidth() > 991) {\r\n searchDesktop();\r\n } else {\r\n searchMobile();\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n if (viewport().width >= 991) {\r\n searchDesktop();\r\n //Move the search back into the original location for desktop\r\n $ipadSearch.find('.search-icon').appendTo($search);\r\n $ipadSearch.find('.drop-search').appendTo($search);\r\n } else {\r\n searchMobile();\r\n }\r\n });\r\n})();\r\n","/**\r\n * Typeahead module.\r\n * @exports modules/typeahead\r\n * @version 0.1.0\r\n */\r\n/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var Handlebars = require('handlebars');\r\n require('typeahead-core');\r\n const Bloodhound = require('typeahead-bloodhound');\r\n\r\n var self = {};\r\n\r\n /** The suggestion engine used by Twitter Typeahead. */\r\n var data = new Bloodhound({\r\n datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),\r\n queryTokenizer: Bloodhound.tokenizers.whitespace,\r\n limit: 10,\r\n remote: {\r\n url: '/api/typeahead/getsearchitems?query=%QUERY',\r\n filter: dataFilter,\r\n wildcard: '%QUERY',\r\n },\r\n dupDetector: function(remoteMatch, localMatch) {\r\n return remoteMatch.value === localMatch.value && remoteMatch.url === localMatch.url;\r\n },\r\n });\r\n\r\n /** Process data from handler into datums.\r\n * @param (object) list\r\n */\r\n function dataFilter(list) {\r\n return $.map(list, function(item) {\r\n return {\r\n name: item,\r\n };\r\n });\r\n }\r\n\r\n /** Redirect to suggestion URL when selected.\r\n * @param (object) event\r\n * @param (object) suggestion\r\n * @param (string) name\r\n */\r\n function redirect(event, suggestion, name) {\r\n if (suggestion.name && suggestion.name.url) {\r\n window.location.href = suggestion.name.url;\r\n }\r\n }\r\n\r\n /** Initialise module.\r\n * @param (object) $target\r\n */\r\n self.initialise = function($target) {\r\n // Start pre-fetch of results.\r\n data.initialize();\r\n\r\n if ($target && $target.typeahead) {\r\n // Initialise type ahead plugin.\r\n $target\r\n .typeahead(null, {\r\n name: 'data',\r\n display: 'value',\r\n source: data,\r\n templates: {\r\n // https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#look-and-feel\r\n // suggestion: Handlebars.compile('{{#if image}}![\"{{value}}\"](\"{{image}}\")
{{/if}}{{value}}')\r\n suggestion: Handlebars.compile(\r\n '![](\"/sitefiles/images/loaded-icon.gif\")
');\r\n if (ClearList) {\r\n itemContainer.empty();\r\n }\r\n\r\n var tag = getParameterByName('tag');\r\n WebService.LoadTechLibDocs(\r\n Skip,\r\n Take,\r\n currentDocID,\r\n catNames,\r\n orderBy,\r\n tag,\r\n searchText,\r\n function(result) {\r\n itemContainer.append(template(result.Data));\r\n animateArticles(itemContainer);\r\n if (result.Data.AllLoaded === true) {\r\n loadMore.hide();\r\n } else {\r\n loadMore.show();\r\n }\r\n },\r\n );\r\n\r\n $('#divPostsLoader').empty();\r\n var newSkip = loadMore.data('skip') + Take;\r\n loadMore.data('skip', newSkip);\r\n }\r\n\r\n function animateArticles(itemContainer) {\r\n var lis = [];\r\n\r\n itemContainer.find('.tech-item').each(function() {\r\n if ($(this).css('opacity') === '0') {\r\n lis.push(this);\r\n }\r\n });\r\n\r\n var delay = 0;\r\n $(lis).each(function() {\r\n $(this)\r\n .delay(delay)\r\n .animate(\r\n {\r\n opacity: 1,\r\n },\r\n 500,\r\n );\r\n delay += 100;\r\n });\r\n }\r\n\r\n function getParameterByName(name) {\r\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search);\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n\r\n return self;\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $searchInput = $('.tech-search input[type=\"text\"]');\r\n\r\n $searchInput.focus(function() {\r\n var textWidth = $(this)\r\n .siblings('.search-text')\r\n .width();\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '-' + textWidth + 'px',\r\n });\r\n });\r\n\r\n $searchInput.blur(function() {\r\n if ($(this).val().length > 0) {\r\n $(this)\r\n .closest('.inner-search')\r\n .addClass('typed');\r\n var textWidth = $(this)\r\n .siblings('.search-text')\r\n .width();\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '-' + textWidth + 'px',\r\n });\r\n } else {\r\n $(this)\r\n .closest('.inner-search')\r\n .removeClass('typed');\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '0px',\r\n });\r\n }\r\n });\r\n\r\n $('.login-box-top').click(function() {\r\n if ($('.login-box').hasClass('open-box')) {\r\n $('.login-box').removeClass('open-box');\r\n }\r\n\r\n $(this)\r\n .parent()\r\n .addClass('open-box');\r\n });\r\n\r\n $('.close-box').click(function() {\r\n $(this)\r\n .closest('.login-box')\r\n .removeClass('open-box');\r\n });\r\n\r\n $(document).click(function(e) {\r\n var loginBox = $('.login-box');\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!loginBox.is(e.target) && loginBox.has(e.target).length === 0) {\r\n $('.login-box').removeClass('open-box');\r\n }\r\n });\r\n\r\n var returnUrl = getParameterByName('returnurl');\r\n var login = getParameterByName('login');\r\n var register = getParameterByName('register');\r\n\r\n if (returnUrl.length > 0 || login.length > 0) {\r\n $('.green-login .login-box-top').click();\r\n } else if (register.length > 0) {\r\n $('.reg-box .login-box-top').click();\r\n }\r\n\r\n $('.expand-login').click(function(e) {\r\n var $loginBoxTop = $('.green-login .login-box-top');\r\n\r\n if ($loginBoxTop.length) {\r\n e.preventDefault();\r\n $loginBoxTop.click();\r\n }\r\n });\r\n\r\n function getParameterByName(name) {\r\n name = name\r\n .replace(/[\\[]/, '\\\\[')\r\n .replace(/[\\]]/, '\\\\]')\r\n .toLowerCase();\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search.toLowerCase());\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n /* jshint camelcase:false */\r\n Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindControls);\r\n /* jshint camelcase:true */\r\n\r\n bindControls();\r\n\r\n function bindControls() {\r\n var $downloadbutton = $('.track-download');\r\n $downloadbutton.each(function(index, elem) {\r\n $(elem).on('click', function(e) {\r\n e.preventDefault();\r\n\r\n var docID = $(this).data('docid');\r\n WebService.TrackDownload(docID, function(result) {\r\n if (result.Data.IsVideo) {\r\n return;\r\n }\r\n\r\n window.location = result.Data.URL;\r\n });\r\n });\r\n });\r\n }\r\n})();\r\n","/* eslint-disable */\r\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\r\nif (!Array.prototype.find) {\r\n Object.defineProperty(Array.prototype, 'find', {\r\n value: function(predicate) {\r\n // 1. Let O be ? ToObject(this value).\r\n if (this == null) {\r\n throw TypeError('\"this\" is null or not defined');\r\n }\r\n\r\n var o = Object(this);\r\n\r\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\r\n var len = o.length >>> 0;\r\n\r\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\r\n if (typeof predicate !== 'function') {\r\n throw TypeError('predicate must be a function');\r\n }\r\n\r\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\r\n var thisArg = arguments[1];\r\n\r\n // 5. Let k be 0.\r\n var k = 0;\r\n\r\n // 6. Repeat, while k < len\r\n while (k < len) {\r\n // a. Let Pk be ! ToString(k).\r\n // b. Let kValue be ? Get(O, Pk).\r\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\r\n // d. If testResult is true, return kValue.\r\n var kValue = o[k];\r\n if (predicate.call(thisArg, kValue, k, o)) {\r\n return kValue;\r\n }\r\n // e. Increase k by 1.\r\n k++;\r\n }\r\n\r\n // 7. Return undefined.\r\n return undefined;\r\n },\r\n configurable: true,\r\n writable: true,\r\n });\r\n}\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var $animElem = $('.js-entry-anim');\r\n var ACTIVE = 'is-active';\r\n\r\n if ($animElem.length) {\r\n var windowHeight = $(window).height();\r\n var gridTop = windowHeight * 0.8;\r\n\r\n $(window).on('scroll', function() {\r\n $animElem.each(function() {\r\n var thisTop = $(this).offset().top - $(window).scrollTop();\r\n if (thisTop < gridTop) {\r\n $(this).addClass(ACTIVE);\r\n }\r\n });\r\n });\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n $(function() {\r\n var hash = window.location.hash.substring(1);\r\n\r\n //gets offset of the container (adds 15 for the padding) and sets it to the inner step as padding-left\r\n //once that is done it then makes the step full width which has a css transition and delay on it to give the effect of sliding out.\r\n function basketStep() {\r\n var containerPos = $('.container').offset().left + 15;\r\n\r\n $('.basket .inner-step').css('padding-left', containerPos);\r\n\r\n $('.basket .step1 .step').css('width', '100%');\r\n }\r\n\r\n basketStep();\r\n\r\n $(window).resize(function() {\r\n basketStep();\r\n });\r\n\r\n //on page load add active class to first step and slide down first step once page has finished animating!\r\n if (typeof hash !== 'undefined' && hash === 'step2') {\r\n $('.step2.basket-step').addClass('active-step');\r\n $('.basket .step1 .step').css('width', '0%');\r\n $('.basket .step2 .step').css('width', '100%');\r\n setTimeout(function() {\r\n $('.step2 .basket-step-main').slideDown();\r\n }, 1000);\r\n } else {\r\n $('.step1.basket-step').addClass('active-step');\r\n\r\n setTimeout(function() {\r\n $('.step1 .basket-step-main').slideDown();\r\n }, 1000);\r\n }\r\n\r\n //on click of proceed button slide up and down depending on which is clicked\r\n $('.proceed-checkout').click(function() {\r\n if (\r\n $(this)\r\n .closest('.basket-step')\r\n .hasClass('active-step')\r\n ) {\r\n $('.step1 .basket-step-main').slideUp(400, function() {\r\n $('.active-step').removeClass('active-step');\r\n $('.basket .step1 .step').css('width', '0%');\r\n $('.basket .step2 .step').css('width', '100%');\r\n setTimeout(function() {\r\n $('.step2 .basket-step-main').slideDown();\r\n }, 1000);\r\n $('.step2.basket-step').addClass('active-step');\r\n });\r\n } else {\r\n $('.active-step').removeClass('active-step');\r\n $('.basket .step2 .step').css('width', '0%');\r\n $('.step2 .basket-step-main').slideUp(400, function() {\r\n $('.basket .step1 .step').css('width', '100%');\r\n setTimeout(function() {\r\n $('.step1 .basket-step-main').slideDown();\r\n }, 1000);\r\n $('.step1.basket-step').addClass('active-step');\r\n });\r\n }\r\n return false;\r\n });\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n 'use strict';\r\n\r\n var $ = require('jquery');\r\n\r\n var self = {\r\n BasketPopup: BasketPopup,\r\n UpdateTopBasket: UpdateTopBasket,\r\n };\r\n\r\n // Expose globally for legacy calls.\r\n window.BasketPopup = BasketPopup;\r\n window.UpdateTopBasket = UpdateTopBasket;\r\n\r\n /** Show basket pop up. */\r\n function BasketPopup(popup, message, viewBasketText) {\r\n var $popup = popup;\r\n\r\n if (viewBasketText.length > 0) {\r\n message =\r\n message +\r\n \"
\" +\r\n viewBasketText +\r\n '';\r\n }\r\n\r\n $popup.find('.message').html(message);\r\n $popup.fadeIn(500, function() {\r\n $popup.delay(3000).fadeOut(500);\r\n });\r\n }\r\n\r\n /** Update basket preview count. */\r\n function UpdateTopBasket(itemCount) {\r\n $('.basket-count').html(itemCount);\r\n $('.basket-area .number').html('(' + itemCount + ')');\r\n }\r\n\r\n module.exports = self;\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var _ = require('underscore');\r\n require('chosen-js/chosen.jquery.min.js');\r\n\r\n // Initialise chosen.\r\n initialise();\r\n\r\n // Add resize event listener.\r\n $(window).resize(_.debounce(initialise, 100));\r\n\r\n /** Initialise */\r\n function initialise() {\r\n if (!isMobileOrTablet() && window.matchMedia('screen and (min-width: 768px)').matches) {\r\n var $select = $('select');\r\n\r\n if (!$select.hasClass('chosen-select')) {\r\n $select.addClass('chosen-select');\r\n }\r\n\r\n $('.chosen-select').chosen({\r\n // jshint camelcase:false\r\n disable_search_threshold: 10,\r\n // jshint camelcase:true\r\n });\r\n } else {\r\n $('.chosen-select').chosen('destroy');\r\n }\r\n }\r\n\r\n /** Check if device is iOS or Android. */\r\n function isMobileOrTablet() {\r\n var userAgent = navigator.userAgent || navigator.vendor || window.opera;\r\n\r\n // Check user agent for iOS devices.\r\n if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) {\r\n return true;\r\n }\r\n\r\n // Check user agent for Android devices.\r\n if (userAgent.match(/Android/i)) {\r\n return true;\r\n }\r\n\r\n // Assume everything else is not mobile or tablet.\r\n return false;\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n require('fancybox-core');\r\n require('fancybox-media');\r\n\r\n var $fancybox = $('.fancybox');\r\n\r\n $fancybox.fancybox({\r\n openEffect: 'none',\r\n closeEffect: 'none',\r\n helpers: {\r\n media: {},\r\n },\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n require('owl-carousel/owl.carousel.js');\r\n\r\n $('.home-banner').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 1000,\r\n pagination: false,\r\n singleItem: true,\r\n afterInit: function() {\r\n setTimeout(function() {\r\n $('.animate-banner').addClass('slide-in');\r\n }, 800);\r\n },\r\n });\r\n\r\n $('#widget-banner').owlCarousel({\r\n navigation: true,\r\n slideSpeed: 700,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n $('#advertise-carousel').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n paginationSpeed: 700,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n $('#product-carousel').owlCarousel({\r\n navigation: false,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n paginationSpeed: 700,\r\n pagination: true,\r\n singleItem: true,\r\n });\r\n\r\n $('.page-banner-inner').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n $('.js-page-banner-inner').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 1000,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n function mediaHeight() {\r\n //removes inline styles (heights)\r\n $('.case-box').removeAttr('style');\r\n if ($(window).innerWidth() > 767) {\r\n //sets height on media hub items to make them all match.\r\n $('.media-main')\r\n .find('.owl-item')\r\n .each(function() {\r\n var $item = $(this);\r\n var newHeight = '0';\r\n\r\n $item.find('.equalHub').each(function() {\r\n var $col = $(this);\r\n\r\n var colHeight = $col.outerHeight();\r\n\r\n if (colHeight > newHeight) {\r\n newHeight = colHeight;\r\n }\r\n //this checks to see if there are another set of columns inside the item if so it has to get the\r\n //remaining height difference to add that rather than change the height of each box\r\n if ($col.find('.col-sm-6').length) {\r\n $col.addClass('mulitple-box');\r\n $col.find('.col-sm-6').each(function() {\r\n var innerColHeight = $(this).outerHeight();\r\n\r\n if (innerColHeight < newHeight) {\r\n var differenceInHeight = newHeight - innerColHeight;\r\n\r\n var currentHeightOfLast = $(this)\r\n .find('.case-box:last-child')\r\n .outerHeight();\r\n $(this)\r\n .find('.case-box:last-child')\r\n .css('height', currentHeightOfLast + differenceInHeight);\r\n }\r\n });\r\n } else {\r\n $col.addClass('single-box');\r\n }\r\n });\r\n\r\n $item\r\n .find('.single-box')\r\n .find('.case-box')\r\n .css('height', newHeight);\r\n });\r\n }\r\n }\r\n\r\n //media hub carousel\r\n var mediamain = $('.media-main');\r\n var mediaview = $('.media-view-carousel');\r\n\r\n mediamain.owlCarousel({\r\n singleItem: true,\r\n slideSpeed: 1000,\r\n navigation: true,\r\n navigationText: false,\r\n pagination: false,\r\n autoHeight: true,\r\n afterAction: syncPosition,\r\n responsiveRefreshRate: 200,\r\n afterInit: function() {\r\n //on carousel load add the navigation in and the inner spans for the text\r\n $('.media-hub .owl-prev').append(\r\n 'prev',\r\n );\r\n $('.media-hub .owl-next').append(\r\n 'next',\r\n );\r\n\r\n mediaHeight();\r\n\r\n //twitter widget script\r\n $.getScript('https://platform.twitter.com/widgets.js', function() {\r\n //calling method load\r\n twttr.widgets.load();\r\n });\r\n },\r\n afterUpdate: function() {\r\n mediaHeight();\r\n },\r\n afterMove: function() {\r\n //after moving the text is got from the correct span in the media view carousel and applied to the inner span navigation text\r\n\r\n //timeout is used as it should only be applied after the animation has finished (which is specified up there ^^ as slidespeed)\r\n setTimeout(function() {\r\n var currentItem = $('.media-view-carousel .owl-item.synced');\r\n var currentIndex = currentItem.index() + 1;\r\n var amountOfItems = $('.media-view-carousel .owl-item').length;\r\n var nextText = '';\r\n var prevText = '';\r\n\r\n if (currentIndex < amountOfItems) {\r\n nextText = currentItem\r\n .next('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n if (currentIndex === 1) {\r\n prevText = $('.media-view-carousel .owl-item:last-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n } else {\r\n prevText = currentItem\r\n .prev('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n }\r\n } else if (currentIndex === amountOfItems) {\r\n nextText = $('.media-view-carousel .owl-item:first-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n prevText = currentItem\r\n .prev('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n }\r\n }, 1000);\r\n\r\n //animate green bar to current position of media view\r\n var $synced = $('.media-view-carousel .owl-item.synced');\r\n var currentPosition = $synced.position().left;\r\n var spanWidth = $synced.find('span').width();\r\n $('.media-hub .media-view .grey-bar .green-block').css({\r\n left: currentPosition,\r\n width: spanWidth,\r\n });\r\n },\r\n });\r\n\r\n mediaview.owlCarousel({\r\n items: 8,\r\n itemsDesktop: [1199, 8],\r\n itemsDesktopSmall: [979, 6],\r\n itemsTablet: [768, 5],\r\n itemsMobile: [479, 5],\r\n pagination: false,\r\n responsiveRefreshRate: 100,\r\n afterInit: function(el) {\r\n //this loads after the initial carousel, so after that has loaded:\r\n //on load change text inside nav buttons\r\n var prevText = $('.media-view-carousel .owl-item:last-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n\r\n var nextText = $('.media-view-carousel .owl-item:nth-child(2)')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n el.find('.owl-item')\r\n .eq(0)\r\n .addClass('synced');\r\n },\r\n });\r\n\r\n function syncPosition(el) {\r\n var current = this.currentItem;\r\n $('.media-view-carousel')\r\n .find('.owl-item')\r\n .removeClass('synced')\r\n .eq(current)\r\n .addClass('synced');\r\n\r\n if ($('.media-view-carousel').data('owlCarousel') !== undefined) {\r\n center(current);\r\n }\r\n }\r\n\r\n $('.media-view-carousel').on('click', '.owl-item', function(e) {\r\n e.preventDefault();\r\n var number = $(this).data('owlItem');\r\n mediamain.trigger('owl.goTo', number);\r\n });\r\n\r\n function center(number) {\r\n var mediaviewvisible = mediaview.data('owlCarousel').owl.visibleItems;\r\n var num = number;\r\n var found = false;\r\n for (var i in mediaviewvisible) {\r\n if (num === mediaviewvisible[i]) {\r\n found = true;\r\n }\r\n }\r\n\r\n if (found === false) {\r\n if (num > mediaviewvisible[mediaviewvisible.length - 1]) {\r\n mediaview.trigger('owl.goTo', num - mediaviewvisible.length + 2);\r\n } else {\r\n if (num - 1 === -1) {\r\n num = 0;\r\n }\r\n mediaview.trigger('owl.goTo', num);\r\n }\r\n } else if (num === mediaviewvisible[mediaviewvisible.length - 1]) {\r\n mediaview.trigger('owl.goTo', mediaviewvisible[1]);\r\n } else if (num === mediaviewvisible[0]) {\r\n mediaview.trigger('owl.goTo', num - 1);\r\n }\r\n }\r\n})();\r\n","/* eslint-disable */\r\nconst initCookiePanel = () => {\r\n window.addEventListener('CookieScriptAcceptAll', () => acceptAll());\r\n window.addEventListener('CookieScriptAccept', e => acceptCategories(e.detail.categories));\r\n window.addEventListener('CookieScriptReject', () => rejectAll());\r\n};\r\n\r\nconst acceptAll = async () => {\r\n try {\r\n const res = await fetch('/sitefiles/handlers/cookies.ashx', {\r\n method: 'POST',\r\n body: JSON.stringify({ accept: true }),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n });\r\n\r\n if (!res.ok) {\r\n console.error('Error Accepting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n } catch (error) {\r\n console.error('Error Accepting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n};\r\n\r\nconst acceptCategories = async categories => {\r\n try {\r\n const res = await fetch('/sitefiles/handlers/cookies.ashx', {\r\n method: 'POST',\r\n body: JSON.stringify({ accept: true, categories }),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n });\r\n\r\n if (!res.ok) {\r\n console.error('Error Accepting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n } catch (error) {\r\n console.error('Error Accepting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n};\r\n\r\nconst rejectAll = async () => {\r\n try {\r\n const res = await fetch('/sitefiles/handlers/cookies.ashx', {\r\n method: 'POST',\r\n body: JSON.stringify({ accept: false }),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n });\r\n\r\n if (!res.ok) {\r\n console.error('Error Rejecting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n } catch (error) {\r\n console.error('Error Rejecting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n};\r\n\r\nconst dismiss = () => {\r\n setCookie('1', { expires: 30, path: '/' });\r\n};\r\n\r\ninitCookiePanel();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n function getParameterByName(name) {\r\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search);\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n\r\n //map point click...\r\n $('.map')\r\n .find('.map-point')\r\n .click(function() {\r\n var $this = $(this);\r\n var $mapPopup = $('.map-popup');\r\n var $popupHeight = 0;\r\n var $pointPosition = $this.offset();\r\n var $ID = $this.attr('id');\r\n var $selectedPopup = $mapPopup.find('*[data-id=' + $ID + ']');\r\n var $selectedFilter = $('.map-filter').find('*[data-id=' + $ID + ']');\r\n\r\n //removes all active classes on filters then adds to selected item\r\n $('.map-filter ul li').removeClass('active');\r\n $selectedFilter.addClass('active');\r\n\r\n //hides all popup divs to start with by removing class active\r\n $('.map-popup .popup-content').removeClass('active');\r\n\r\n //adds class active to the one which is clicked and matches the attribute and id, then displays\r\n $selectedPopup.addClass('active');\r\n\r\n $popupHeight = getPopupHeight($selectedPopup);\r\n\r\n //show map function\r\n showMapPoint($mapPopup, $pointPosition, $popupHeight);\r\n });\r\n\r\n //Filter list item click...\r\n $('.map-filter')\r\n .find('ul li a')\r\n .click(function() {\r\n var $this = $(this);\r\n var $mapPopup = $('.map-popup');\r\n var $popupHeight = 0;\r\n var $ID = $this.parent().attr('data-id');\r\n var $selectedPopup = $mapPopup.find('*[data-id=' + $ID + ']');\r\n var $selectedMapPoint = $('#' + $ID);\r\n var $pointPosition = $selectedMapPoint.offset();\r\n\r\n //removes all active classes on filters then adds to selected item\r\n $('.map-filter ul li').removeClass('active');\r\n $this.parent().addClass('active');\r\n\r\n //hides all popup divs to start with by removing class active\r\n $('.map-popup .popup-content').removeClass('active');\r\n\r\n //adds class active to the one which is clicked and matches the attribute and id, then displays\r\n $selectedPopup.addClass('active');\r\n\r\n $popupHeight = getPopupHeight($selectedPopup);\r\n\r\n //show map function\r\n showMapPoint($mapPopup, $pointPosition, $popupHeight);\r\n\r\n return false;\r\n });\r\n\r\n function getPopupHeight($selectedPopup) {\r\n var height = 0;\r\n\r\n //displays the popup off the page\r\n //sets the height of the popup parent\r\n //returns back to top 0\r\n $selectedPopup.parent('.map-popup').css('top', '-9999px');\r\n height = $selectedPopup.parent('.map-popup').outerHeight() + 17;\r\n $selectedPopup.parent('.map-popup').css('top', '0px');\r\n\r\n return height;\r\n }\r\n\r\n function showMapPoint($mapPopup, $pointPosition, $popupHeight) {\r\n var $mapOffset = $('.map').offset();\r\n var $arrowPointerWidth = 208;\r\n\r\n if ($(window).innerWidth() < 992) {\r\n $arrowPointerWidth = 138;\r\n }\r\n\r\n //if popup has class opened\r\n //remove class and fade out popup\r\n if ($mapPopup.hasClass('opened')) {\r\n $mapPopup.removeClass('opened');\r\n //hides all\r\n $mapPopup.hide();\r\n //sets the position of the popup...\r\n //gets the top and left position of the point\r\n //gets the height of the popup and subtracts\r\n //gets the difference in offset between the map and point\r\n //adds class and fades in popup\r\n $mapPopup\r\n .css({\r\n top: $pointPosition.top - $popupHeight - $mapOffset.top,\r\n left: $pointPosition.left - $arrowPointerWidth - $mapOffset.left,\r\n })\r\n .addClass('opened')\r\n .fadeIn();\r\n } else {\r\n $mapPopup\r\n .css({\r\n top: $pointPosition.top - $popupHeight - $mapOffset.top,\r\n left: $pointPosition.left - $arrowPointerWidth - $mapOffset.left,\r\n })\r\n .addClass('opened')\r\n .fadeIn();\r\n }\r\n }\r\n\r\n //click on body to close popup unless clicked on map area\r\n if ($(window).innerWidth() > 767) {\r\n $(document).mouseup(function(e) {\r\n var popUp = $('.map');\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!popUp.is(e.target) && popUp.has(e.target).length === 0) {\r\n $('.map-popup').removeClass('opened');\r\n $('.map-popup').hide();\r\n $('.map-filter ul li').removeClass('active');\r\n }\r\n });\r\n }\r\n\r\n //close icon closes popup on click\r\n $('.close-btn').click(function() {\r\n $(this)\r\n .closest('.map-popup')\r\n .fadeOut();\r\n });\r\n\r\n function filterDropdown() {\r\n var $mapFilter = $('.map-filter');\r\n var $mapPopup = $('.map-popup');\r\n\r\n //show first popup\r\n //set first child popup and filter li to have class of active until selecting another item\r\n $mapPopup.fadeIn();\r\n $mapPopup.find('.popup-content:first-child').addClass('active');\r\n $mapFilter.find('ul li:first-child').addClass('active');\r\n\r\n //Click to dropdown list of filters...\r\n $mapFilter.find('h3').click(function() {\r\n //if this doesn't have class open add it then slide down\r\n //otherwise remove and slide up\r\n if (!$(this).hasClass('slide-open')) {\r\n $(this).addClass('slide-open');\r\n $(this)\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideDown(600);\r\n } else {\r\n $(this).removeClass('slide-open');\r\n $(this)\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideUp(600);\r\n }\r\n });\r\n\r\n //filter item click...\r\n $mapFilter.find('ul li a').click(function() {\r\n if ($(window).innerWidth() < 768) {\r\n //removes class and slides filter up\r\n $('.map-filter h3').removeClass('slide-open');\r\n $('.map-filter h3')\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideUp(600);\r\n\r\n return false;\r\n }\r\n });\r\n }\r\n\r\n //IE8 Fallback shows first popup\r\n if ($('#page-wrapper').hasClass('IE8')) {\r\n var $mapFilter = $('.map-filter');\r\n var $mapPopup = $('.map-popup');\r\n\r\n //show first popup\r\n //set first child popup and filter li to have class of active until selecting another item\r\n $mapPopup.fadeIn();\r\n $mapPopup.find('.popup-content:first-child').show();\r\n $mapFilter.find('ul li:first-child').addClass('active');\r\n\r\n $mapFilter.find('ul li a').click(function() {\r\n if (\r\n $(this)\r\n .parent('li')\r\n .index() === 0\r\n ) {\r\n $mapPopup.find('.popup-content:first-child').show();\r\n } else {\r\n $mapPopup.find('.popup-content:first-child').hide();\r\n }\r\n });\r\n }\r\n\r\n if ($(window).innerWidth() < 768) {\r\n filterDropdown();\r\n }\r\n\r\n /* Store the window width */\r\n var windowWidth = $(window).width();\r\n\r\n /* Resize Event */\r\n $(window).resize(function() {\r\n // Check window width has actually changed and it's not just iOS triggering a resize event on scroll\r\n if ($(window).width() !== windowWidth) {\r\n if ($(window).innerWidth() < 768) {\r\n if (windowWidth > 767) {\r\n //remove styles and unbind events\r\n $('.map-filter h3').unbind();\r\n $('.map-filter ul li').removeClass('active');\r\n $('.map-popup').removeAttr('style');\r\n $('.map-popup .popup-content').removeClass('active');\r\n $(document).unbind();\r\n filterDropdown();\r\n }\r\n } else {\r\n $('.map-filter .link-wrap').show();\r\n }\r\n\r\n // Update the window width for next time\r\n windowWidth = $(window).width();\r\n }\r\n });\r\n\r\n var $queryID = getParameterByName('location');\r\n\r\n if ($queryID.length > 0) {\r\n var $locationPoint = $('.inner-map').find('#location-' + $queryID);\r\n $locationPoint.click();\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n if (!$('body').hasClass('IE8')) {\r\n // Listen for orientation changes\r\n //fixes bug on ipad\r\n window.addEventListener('orientationchange', function() {\r\n $('body').fadeOut(1, function() {\r\n $('body').fadeIn(1);\r\n });\r\n });\r\n\r\n horizontalDetect();\r\n\r\n //if not ipad or iphone\r\n if (!isiPad() && !isiPhone()) {\r\n $('body').addClass('everything-else');\r\n }\r\n\r\n if (isiPad()) {\r\n $('body').addClass('iPad');\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n $('body').removeClass('iPad-vertical');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n $('body').addClass('iPad-vertical');\r\n }\r\n\r\n // Listen for orientation changes\r\n window.addEventListener(\r\n 'orientationchange',\r\n function() {\r\n // Announce the new orientation number\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n }\r\n },\r\n false,\r\n );\r\n }\r\n\r\n if (isiPhone()) {\r\n $('body').addClass('iPhone');\r\n //if ($(window).height() <= 480)\r\n // {\r\n // $('body').addClass('iPhone4');\r\n //}\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n\r\n // Listen for orientation changes\r\n window.addEventListener(\r\n 'orientationchange',\r\n function() {\r\n // Announce the new orientation number\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n },\r\n false,\r\n );\r\n }\r\n\r\n $(window).resize(function() {\r\n horizontalDetect();\r\n\r\n if ($(window).innerWidth() > 767) {\r\n if ($('body').hasClass('iPhone-horizontal')) {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n if ($('body').hasClass('iPad-horizontal')) {\r\n $('body').removeClass('iPad-horizontal');\r\n }\r\n } else {\r\n if (isiPhone()) {\r\n if (!$('body').hasClass('iPhone')) {\r\n $('body').addClass('iPhone');\r\n }\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n }\r\n\r\n if (isiPad()) {\r\n if (!$('body').hasClass('iPad')) {\r\n $('body').addClass('iPad');\r\n }\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n $('body').removeClass('iPad-vertical');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n $('body').addClass('iPad-vertical');\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n //generic device landscape\r\n function horizontalDetect() {\r\n if ($(window).innerWidth() < 992) {\r\n var viewHeight = $(window).height();\r\n var viewWidth = $(window).width();\r\n\r\n if (viewWidth > viewHeight) {\r\n if (!$('body').hasClass('landscape')) {\r\n $('body').addClass('landscape');\r\n }\r\n } else {\r\n if ($('body').hasClass('landscape')) {\r\n $('body').removeClass('landscape');\r\n }\r\n }\r\n }\r\n }\r\n\r\n // iDevices -- Return boolean TRUE/FALSE\r\n function isiPhone() {\r\n return navigator.platform.indexOf('iPhone') !== -1 || navigator.platform.indexOf('iPod') !== -1;\r\n }\r\n\r\n function isiPad() {\r\n return navigator.platform.indexOf('iPad') !== -1;\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $footerlinks = $('.footer-links');\r\n\r\n function footerLinks() {\r\n if ($(window).innerWidth() < 551) {\r\n //slide toggle footer links on click add/remove class\r\n $footerlinks.find('h3').click(function() {\r\n if (\r\n !$(this)\r\n .parent($footerlinks)\r\n .hasClass('footer-open')\r\n ) {\r\n $(this)\r\n .parent($footerlinks)\r\n .addClass('footer-open');\r\n $(this)\r\n .siblings('ul')\r\n .stop()\r\n .slideDown();\r\n } else {\r\n $(this)\r\n .parent($footerlinks)\r\n .removeClass('footer-open');\r\n $(this)\r\n .siblings('ul')\r\n .stop()\r\n .slideUp();\r\n }\r\n });\r\n }\r\n }\r\n\r\n if ($(window).innerWidth() < 551) {\r\n footerLinks();\r\n }\r\n\r\n $(window).resize(function() {\r\n $footerlinks.find('h3').unbind();\r\n\r\n if ($(window).innerWidth() < 551) {\r\n footerLinks();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n //Change hrefs to GA phone number\r\n setInterval(function() {\r\n var $telNo = $('.telNo');\r\n\r\n if ($telNo.length > 0) {\r\n $telNo.attr('href', 'tel:' + $telNo.html().replace(/ /g, ''));\r\n }\r\n }, 2000);\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $loginarea = $('.login-area');\r\n\r\n function loginDesktop() {\r\n var $loginClick = $loginarea.find('.login-click');\r\n $loginClick.click(function() {\r\n var $this = $(this);\r\n var $dropLogin = $this.siblings('.drop-login');\r\n\r\n if ($dropLogin.hasClass('open')) {\r\n $dropLogin.removeClass('open');\r\n $dropLogin.stop().slideUp();\r\n } else {\r\n $dropLogin.addClass('open');\r\n //slides down the login and focuses\r\n $dropLogin.stop().slideDown();\r\n $dropLogin.find('.input-box:first-child input').focus();\r\n }\r\n });\r\n }\r\n\r\n function loginMobile() {\r\n var $loginClick = $loginarea.find('.login-click');\r\n\r\n $loginClick.click(function() {\r\n var $this = $(this);\r\n var $dropLogin = $this.siblings('.drop-login');\r\n\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n //slides up the search dropdown if open and removes class\r\n if ($ipadSearch.hasClass('active')) {\r\n $ipadSearch.removeClass('active');\r\n $('.ipad-search .drop-search')\r\n .stop()\r\n .slideUp();\r\n }\r\n\r\n //slides down the login\r\n $loginarea.toggleClass('active');\r\n $dropLogin.stop().slideToggle();\r\n });\r\n }\r\n\r\n function countryDrop() {\r\n var $dropClick = $('.selected-country a');\r\n\r\n $dropClick.click(function(e) {\r\n e.preventDefault();\r\n\r\n var $this = $(this);\r\n var $dropCountries = $this.parent().siblings('.other-coutries');\r\n\r\n //slides up the country dropdown if open and removes class\r\n if (!$this.parent().hasClass('open')) {\r\n $this.parent().addClass('open');\r\n $dropCountries.slideDown();\r\n } else {\r\n $this.parent().removeClass('open');\r\n $dropCountries.slideUp();\r\n }\r\n });\r\n }\r\n\r\n countryDrop();\r\n\r\n if ($(window).innerWidth() > 991) {\r\n loginDesktop();\r\n } else {\r\n loginMobile();\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n $loginarea.unbind();\r\n\r\n if (viewport().width >= 991) {\r\n loginDesktop();\r\n } else {\r\n loginMobile();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $nav = $('nav');\r\n var $primaryNavHolder = $('.js-primary-header');\r\n var $subNavHolder = $('.js-sub-nav-holder');\r\n var $subNav = $('.js-sub-nav');\r\n var $subNavButton = $('.js-show-sub-nav');\r\n var ACTIVE = 'is-active';\r\n const PADDING = 'primary-header--padded';\r\n const FIXED = 'sub-nav--fixed';\r\n\r\n if ($subNavHolder.length && matchMedia('(max-width: 767px)').matches === false) {\r\n const initialSubNavPos = $subNavHolder.offset().top;\r\n\r\n $(window).on('scroll', function() {\r\n const windowPos = $(window).scrollTop();\r\n\r\n if (windowPos > initialSubNavPos) {\r\n $primaryNavHolder.addClass(PADDING);\r\n $subNavHolder.addClass(FIXED);\r\n } else if (windowPos < initialSubNavPos) {\r\n $primaryNavHolder.removeClass(PADDING);\r\n $subNavHolder.removeClass(FIXED);\r\n }\r\n });\r\n }\r\n\r\n $nav.find('ul li a').click(function(e) {\r\n var $this = $(this).parent('li');\r\n\r\n if ($this.hasClass('drop-open')) {\r\n closeNavBlock($this);\r\n return false;\r\n } else {\r\n if ($this.children('.drop').length) {\r\n closeBeforeOpenNavBlock($this);\r\n showNavBlock($this);\r\n\r\n return false;\r\n }\r\n }\r\n });\r\n\r\n // show menu block\r\n function showNavBlock($this) {\r\n if ($('nav ul li').hasClass('drop-open')) {\r\n if ($this.hasClass('drop-open')) {\r\n return true;\r\n } else {\r\n closeBeforeOpenNavBlock($this);\r\n return false;\r\n }\r\n } else {\r\n openNavBlock($this);\r\n return false;\r\n }\r\n }\r\n\r\n // open nav block with animation depending on window width\r\n function openNavBlock($this) {\r\n var $ulList = $('nav > ul');\r\n var $listHeight = $('nav > ul').outerHeight();\r\n var $dropHeight = 0;\r\n var $headerHeight = $('header').outerHeight();\r\n\r\n //With opacity still on 0, it shows the drop, gets the height and hides it again.\r\n //then sets opacity back to 1\r\n $this.find('.drop').show();\r\n $dropHeight = $this.find('.drop').outerHeight();\r\n $this.find('.drop').css({\r\n display: 'none',\r\n opacity: '1',\r\n });\r\n //with the height already in a variable you can now show the dropdown as normal\r\n\r\n //animates content back to be the dropdown and header height, also slides down the selected dropdown\r\n resizeContent($this, $dropHeight, $headerHeight);\r\n $this.addClass('drop-open');\r\n\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n $this\r\n .find('.drop')\r\n .stop()\r\n .fadeIn();\r\n if ($dropHeight > $listHeight) {\r\n $ulList.animate(\r\n {\r\n height: $dropHeight,\r\n },\r\n 400,\r\n );\r\n } else {\r\n $ulList.animate(\r\n {\r\n height: '100%',\r\n },\r\n 400,\r\n );\r\n }\r\n } else {\r\n $this\r\n .find('.drop')\r\n .stop()\r\n .slideDown();\r\n }\r\n }\r\n\r\n // close old nav, then open selected nav block with animation depending on window width\r\n function closeBeforeOpenNavBlock($this) {\r\n if ($(window).innerWidth() > 991 || $(window).innerWidth() < 768) {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n openNavBlock($this);\r\n });\r\n } else {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .fadeOut(400, function() {\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n openNavBlock($this);\r\n });\r\n }\r\n }\r\n\r\n // close nav\r\n function closeNavBlock($this) {\r\n // var $contentwrap = $('.content-wrap');\r\n // var $headerHeight = $('header').outerHeight();\r\n\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n //if banner exists\r\n // if ($('.banner-area').length) {\r\n // $contentwrap.animate({\r\n // 'margin-top': 0\r\n // }, 600);\r\n // }\r\n // else {\r\n // $contentwrap.animate({\r\n // 'margin-top': $headerHeight + 20\r\n // });\r\n // }\r\n\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n });\r\n }\r\n\r\n // move banner\r\n function resizeContent($this, dropHeight, headerHeight) {\r\n // var $contentwrap = $('.content-wrap');\r\n\r\n if (dropHeight === 0 || headerHeight === 0) {\r\n headerHeight = $('header').outerHeight();\r\n\r\n if ($this === 0) {\r\n $this = $('nav ul li.drop-open');\r\n\r\n dropHeight = $this.find('.drop').outerHeight();\r\n }\r\n }\r\n\r\n //animates content back to be the dropdown and header height, also slides down the selected dropdown\r\n // if (dropHeight > 0 && headerHeight > 0) {\r\n // $contentwrap.animate({\r\n // 'margin-top': dropHeight + headerHeight\r\n // }, 400);\r\n // }\r\n }\r\n\r\n //menu click animates button\r\n\r\n $('.menu-btn').click(function() {\r\n if (!$(this).hasClass('menu-open')) {\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n //adds open class and slides down content\r\n //shows first dropdown\r\n $(this).addClass('menu-open');\r\n $('.desktop-nav')\r\n .stop()\r\n .slideDown(600);\r\n var $firstItem = $nav.find('ul li:nth-child(2)');\r\n showNavBlock($firstItem);\r\n } else if ($(window).innerWidth() < 768) {\r\n //adds class to inner wrapper and slides out, animated in css\r\n $(this).addClass('menu-open');\r\n $('.inner-wrapper').addClass('move-wrapper');\r\n $('.moved-nav').addClass('slide-open');\r\n }\r\n } else {\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n //adds open class and slides up content\r\n $(this).removeClass('menu-open');\r\n $('.desktop-nav')\r\n .stop()\r\n .slideUp(600);\r\n } else if ($(window).innerWidth() < 768) {\r\n //removes class on inner wrapper and slides in, animated in css\r\n $(this).removeClass('menu-open');\r\n $('.inner-wrapper').removeClass('move-wrapper');\r\n $('.moved-nav').removeClass('slide-open');\r\n }\r\n }\r\n });\r\n\r\n //menu click resize\r\n function menuResize() {\r\n if ($(window).innerWidth() > 767) {\r\n $('.menu-btn').removeClass('menu-open');\r\n $('.inner-wrapper').removeClass('move-wrapper');\r\n $('.moved-nav').removeClass('slide-open');\r\n $('.desktop-nav nav .page-links').appendTo('.left-links');\r\n } else {\r\n $('.left-links ul').appendTo('.desktop-nav nav');\r\n }\r\n }\r\n menuResize();\r\n\r\n //click body to close nav dropdown\r\n $(document).mouseup(function(e) {\r\n var dropDown = $('.drop-open');\r\n // var $contentwrap = $('.content-wrap');\r\n // var $headerHeight = $('header').outerHeight();\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!dropDown.is(e.target) && dropDown.has(e.target).length === 0) {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n //if banner exists\r\n // if ($('.banner-area').length) {\r\n // $contentwrap.animate({\r\n // 'margin-top': 0\r\n // }, 600);\r\n // }\r\n // else {\r\n // $contentwrap.animate({\r\n // 'margin-top': $headerHeight + 20\r\n // });\r\n // }\r\n\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n });\r\n }\r\n });\r\n\r\n function ipadNavDimentions() {\r\n //gets the width of the current window\r\n //works out the width remaining from the parents width\r\n //sets new width for the nav item\r\n var $windowWidth = $(window).outerWidth();\r\n var $listWidth = $('.desktop-nav').outerWidth();\r\n var $newItemWidth = $windowWidth - $listWidth - 20;\r\n\r\n $('nav ul li')\r\n .find('.drop')\r\n .css('width', $newItemWidth);\r\n\r\n $('nav > ul').outerHeight();\r\n $('nav ul')\r\n .find('.drop')\r\n .outerHeight();\r\n }\r\n\r\n if ($subNavButton.length) {\r\n $subNavButton.on('click', function() {\r\n $subNavButton.toggleClass(ACTIVE);\r\n $subNav.toggleClass(ACTIVE);\r\n });\r\n }\r\n\r\n if ($(window).innerWidth() < 992) {\r\n ipadNavDimentions();\r\n\r\n //moves the nav to correct position for iPad\r\n $('.back-to-desktop .desktop-nav').appendTo('.moved-nav');\r\n } else {\r\n //moves the nav back to correct position for desktop\r\n $('.moved-nav .desktop-nav').appendTo('.back-to-desktop');\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n menuResize();\r\n\r\n if (viewport().width >= 991) {\r\n $('.moved-nav .desktop-nav').appendTo('.back-to-desktop');\r\n $('.back-to-desktop .desktop-nav').show();\r\n $('nav ul').removeAttr('style');\r\n $('nav ul li')\r\n .find('.drop')\r\n .css('width', '100%');\r\n\r\n setTimeout(function() {\r\n resizeContent(0, 0, 0);\r\n }, 500);\r\n } else {\r\n $('.back-to-desktop .desktop-nav').appendTo('.moved-nav');\r\n ipadNavDimentions();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n 'use strict';\r\n\r\n var $ = require('jquery');\r\n var _ = require('underscore');\r\n\r\n $(window).on('load', pageLoad);\r\n $(window).resize(_.debounce(pageResize, 100));\r\n\r\n //Remove no-js class from page-wrapper\r\n // $('#page-wrapper').removeClass('no-js');\r\n\r\n /** Handle page resize. */\r\n function pageResize() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n if (viewport().width >= 991) {\r\n //timeout is used for the transition time difference when resizing the window\r\n setTimeout(function() {\r\n animateContent();\r\n }, 500);\r\n }\r\n }\r\n\r\n /** Handle page load. */\r\n function pageLoad() {\r\n setTimeout(function() {\r\n $('.HomePage header').addClass('fade-in');\r\n $('.HomePage footer').fadeIn();\r\n $('header .grey-bar').addClass('animate');\r\n }, 600);\r\n\r\n function animateSignposts() {\r\n var lis = [];\r\n\r\n $('.homepage-signposts .signpost-item').each(function() {\r\n if ($(this).css('opacity') === '0') {\r\n lis.push(this);\r\n }\r\n });\r\n\r\n var delay = 0;\r\n $(lis).each(function() {\r\n $(this)\r\n .delay(delay)\r\n .animate(\r\n {\r\n opacity: 1,\r\n },\r\n 1000,\r\n );\r\n delay += 100;\r\n });\r\n }\r\n\r\n setTimeout(function() {\r\n $('.load-home-content').addClass('fade-in');\r\n animateSignposts();\r\n }, 600);\r\n\r\n // Highlight top nav - done in javascript to improve performance\r\n var pathname = window.location.pathname;\r\n var splitPath = pathname.split('/');\r\n\r\n $('nav ul li a').each(function() {\r\n var $this = $(this);\r\n\r\n if (\r\n splitPath.length > 2 &&\r\n splitPath[2].replace('/', '').toLowerCase() ===\r\n $this\r\n .attr('href')\r\n .replace('/', '')\r\n .toLowerCase()\r\n ) {\r\n $this.addClass('active');\r\n }\r\n });\r\n\r\n if ($(window).innerWidth() > 991) {\r\n animateContent();\r\n }\r\n\r\n $('table').each(function() {\r\n $(this).addClass('table');\r\n $(this).wrap('');\r\n });\r\n\r\n $('.js-toggle-cookie-tab').click(function() {\r\n $('.cookie-panel-gdpr').slideToggle();\r\n });\r\n }\r\n\r\n function animateContent() {\r\n //if banner doesn't exist it animates the content to fit below the header on page load\r\n if (!$('.banner-area').length) {\r\n var $headerHeight = $('header').outerHeight();\r\n setTimeout(function() {\r\n $('.content-wrap').animate(\r\n {\r\n opacity: 1,\r\n },\r\n 500,\r\n );\r\n $('.content-wrap').css({\r\n 'margin-top': $headerHeight + 20,\r\n });\r\n }, 500);\r\n }\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n require('jquery-placeholder/jquery.placeholder.js');\r\n\r\n $('input, textarea').placeholder();\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var typeahead = require('./typeahead');\r\n\r\n var $search = $('.search-area');\r\n var $searchInput = $('.search-area input[type=\"search\"]');\r\n if (!$searchInput) {\r\n $searchInput = $('.js-search-ta');\r\n }\r\n typeahead.initialise($searchInput);\r\n\r\n function searchDesktop() {\r\n var $searchClick = $search.find('.search-click');\r\n $searchClick.click(function() {\r\n //slides down the search and focuses\r\n var $searchDrop = $(this).siblings('.drop-search');\r\n if ($searchDrop.hasClass('open')) {\r\n $searchDrop.removeClass('open');\r\n $searchDrop.stop().slideUp();\r\n } else {\r\n $searchDrop.addClass('open');\r\n $searchDrop.stop().slideDown();\r\n $(this)\r\n .find('.drop-search input')\r\n .focus();\r\n }\r\n });\r\n }\r\n\r\n function searchMobile() {\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n //first move the search into the new location for ipad and below\r\n $search.find('.drop-search').appendTo($ipadSearch);\r\n $search.find('.search-icon').appendTo($ipadSearch);\r\n\r\n $ipadSearch.find('.search-icon').click(function() {\r\n //slides up the login dropdown if open and removes class\r\n if ($('.login-area').hasClass('active')) {\r\n $('.login-area').removeClass('active');\r\n $('.login-area .drop-login')\r\n .stop()\r\n .slideUp();\r\n }\r\n\r\n //slides down the search and focuses\r\n $ipadSearch.toggleClass('active');\r\n $(this)\r\n .siblings('.drop-search')\r\n .stop()\r\n .slideToggle();\r\n });\r\n }\r\n\r\n if ($(window).innerWidth() > 991) {\r\n searchDesktop();\r\n } else {\r\n searchMobile();\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n if (viewport().width >= 991) {\r\n searchDesktop();\r\n //Move the search back into the original location for desktop\r\n $ipadSearch.find('.search-icon').appendTo($search);\r\n $ipadSearch.find('.drop-search').appendTo($search);\r\n } else {\r\n searchMobile();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n/**\r\n * Typeahead module.\r\n * @exports modules/typeahead\r\n * @version 0.1.0\r\n */\r\n(function() {\r\n var $ = require('jquery');\r\n var Handlebars = require('handlebars');\r\n require('typeahead-core');\r\n const Bloodhound = require('typeahead-bloodhound');\r\n\r\n var self = {};\r\n\r\n /** The suggestion engine used by Twitter Typeahead. */\r\n var data = new Bloodhound({\r\n datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),\r\n queryTokenizer: Bloodhound.tokenizers.whitespace,\r\n limit: 10,\r\n remote: {\r\n url: '/api/typeahead/getsearchitems?query=%QUERY',\r\n filter: dataFilter,\r\n wildcard: '%QUERY',\r\n },\r\n dupDetector: function(remoteMatch, localMatch) {\r\n return remoteMatch.value === localMatch.value && remoteMatch.url === localMatch.url;\r\n },\r\n });\r\n\r\n /** Process data from handler into datums.\r\n * @param (object) list\r\n */\r\n function dataFilter(list) {\r\n return $.map(list, function(item) {\r\n return {\r\n name: item,\r\n };\r\n });\r\n }\r\n\r\n /** Redirect to suggestion URL when selected.\r\n * @param (object) event\r\n * @param (object) suggestion\r\n * @param (string) name\r\n */\r\n function redirect(event, suggestion, name) {\r\n if (suggestion.name && suggestion.name.url) {\r\n window.location.href = suggestion.name.url;\r\n }\r\n }\r\n\r\n /** Initialise module.\r\n * @param (object) $target\r\n */\r\n self.initialise = function($target) {\r\n // Start pre-fetch of results.\r\n data.initialize();\r\n\r\n if ($target && $target.typeahead) {\r\n // Initialise type ahead plugin.\r\n $target\r\n .typeahead(null, {\r\n name: 'data',\r\n display: 'value',\r\n source: data,\r\n templates: {\r\n // https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#look-and-feel\r\n // suggestion: Handlebars.compile('{{#if image}}{{/if}}{{value}}')\r\n suggestion: Handlebars.compile(\r\n '');\r\n if (ClearList) {\r\n itemContainer.empty();\r\n }\r\n\r\n var tag = getParameterByName('tag');\r\n WebService.LoadTechLibDocs(\r\n Skip,\r\n Take,\r\n currentDocID,\r\n catNames,\r\n orderBy,\r\n tag,\r\n searchText,\r\n function(result) {\r\n itemContainer.append(template(result.Data));\r\n animateArticles(itemContainer);\r\n if (result.Data.AllLoaded === true) {\r\n loadMore.hide();\r\n } else {\r\n loadMore.show();\r\n }\r\n },\r\n );\r\n\r\n $('#divPostsLoader').empty();\r\n var newSkip = loadMore.data('skip') + Take;\r\n loadMore.data('skip', newSkip);\r\n }\r\n\r\n function animateArticles(itemContainer) {\r\n var lis = [];\r\n\r\n itemContainer.find('.tech-item').each(function() {\r\n if ($(this).css('opacity') === '0') {\r\n lis.push(this);\r\n }\r\n });\r\n\r\n var delay = 0;\r\n $(lis).each(function() {\r\n $(this)\r\n .delay(delay)\r\n .animate(\r\n {\r\n opacity: 1,\r\n },\r\n 500,\r\n );\r\n delay += 100;\r\n });\r\n }\r\n\r\n function getParameterByName(name) {\r\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search);\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n\r\n return self;\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $searchInput = $('.tech-search input[type=\"text\"]');\r\n\r\n $searchInput.focus(function() {\r\n var textWidth = $(this)\r\n .siblings('.search-text')\r\n .width();\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '-' + textWidth + 'px',\r\n });\r\n });\r\n\r\n $searchInput.blur(function() {\r\n if ($(this).val().length > 0) {\r\n $(this)\r\n .closest('.inner-search')\r\n .addClass('typed');\r\n var textWidth = $(this)\r\n .siblings('.search-text')\r\n .width();\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '-' + textWidth + 'px',\r\n });\r\n } else {\r\n $(this)\r\n .closest('.inner-search')\r\n .removeClass('typed');\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '0px',\r\n });\r\n }\r\n });\r\n\r\n $('.login-box-top').click(function() {\r\n if ($('.login-box').hasClass('open-box')) {\r\n $('.login-box').removeClass('open-box');\r\n }\r\n\r\n $(this)\r\n .parent()\r\n .addClass('open-box');\r\n });\r\n\r\n $('.close-box').click(function() {\r\n $(this)\r\n .closest('.login-box')\r\n .removeClass('open-box');\r\n });\r\n\r\n $(document).click(function(e) {\r\n var loginBox = $('.login-box');\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!loginBox.is(e.target) && loginBox.has(e.target).length === 0) {\r\n $('.login-box').removeClass('open-box');\r\n }\r\n });\r\n\r\n var returnUrl = getParameterByName('returnurl');\r\n var login = getParameterByName('login');\r\n var register = getParameterByName('register');\r\n\r\n if (returnUrl.length > 0 || login.length > 0) {\r\n $('.green-login .login-box-top').click();\r\n } else if (register.length > 0) {\r\n $('.reg-box .login-box-top').click();\r\n }\r\n\r\n $('.expand-login').click(function(e) {\r\n var $loginBoxTop = $('.green-login .login-box-top');\r\n\r\n if ($loginBoxTop.length) {\r\n e.preventDefault();\r\n $loginBoxTop.click();\r\n }\r\n });\r\n\r\n function getParameterByName(name) {\r\n name = name\r\n .replace(/[\\[]/, '\\\\[')\r\n .replace(/[\\]]/, '\\\\]')\r\n .toLowerCase();\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search.toLowerCase());\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n /* jshint camelcase:false */\r\n Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindControls);\r\n /* jshint camelcase:true */\r\n\r\n bindControls();\r\n\r\n function bindControls() {\r\n var $downloadbutton = $('.track-download');\r\n $downloadbutton.each(function(index, elem) {\r\n $(elem).on('click', function(e) {\r\n e.preventDefault();\r\n\r\n var docID = $(this).data('docid');\r\n WebService.TrackDownload(docID, function(result) {\r\n if (result.Data.IsVideo) {\r\n return;\r\n }\r\n\r\n window.location = result.Data.URL;\r\n });\r\n });\r\n });\r\n }\r\n})();\r\n"],"sourceRoot":""}
\" +\r\n viewBasketText +\r\n '';\r\n }\r\n\r\n $popup.find('.message').html(message);\r\n $popup.fadeIn(500, function() {\r\n $popup.delay(3000).fadeOut(500);\r\n });\r\n }\r\n\r\n /** Update basket preview count. */\r\n function UpdateTopBasket(itemCount) {\r\n $('.basket-count').html(itemCount);\r\n $('.basket-area .number').html('(' + itemCount + ')');\r\n }\r\n\r\n module.exports = self;\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var _ = require('underscore');\r\n require('chosen-js/chosen.jquery.min.js');\r\n\r\n // Initialise chosen.\r\n initialise();\r\n\r\n // Add resize event listener.\r\n $(window).resize(_.debounce(initialise, 100));\r\n\r\n /** Initialise */\r\n function initialise() {\r\n if (!isMobileOrTablet() && window.matchMedia('screen and (min-width: 768px)').matches) {\r\n var $select = $('select:not([data-ignore])');\r\n\r\n if (!$select.hasClass('chosen-select')) {\r\n $select.addClass('chosen-select');\r\n }\r\n\r\n $('.chosen-select').chosen({\r\n // jshint camelcase:false\r\n disable_search_threshold: 10,\r\n // jshint camelcase:true\r\n });\r\n } else {\r\n $('.chosen-select').chosen('destroy');\r\n }\r\n }\r\n\r\n /** Check if device is iOS or Android. */\r\n function isMobileOrTablet() {\r\n var userAgent = navigator.userAgent || navigator.vendor || window.opera;\r\n\r\n // Check user agent for iOS devices.\r\n if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) {\r\n return true;\r\n }\r\n\r\n // Check user agent for Android devices.\r\n if (userAgent.match(/Android/i)) {\r\n return true;\r\n }\r\n\r\n // Assume everything else is not mobile or tablet.\r\n return false;\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n require('fancybox-core');\r\n require('fancybox-media');\r\n\r\n var $fancybox = $('.fancybox');\r\n\r\n $fancybox.fancybox({\r\n openEffect: 'none',\r\n closeEffect: 'none',\r\n helpers: {\r\n media: {},\r\n },\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n require('owl-carousel/owl.carousel.js');\r\n\r\n $('.home-banner').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 1000,\r\n pagination: false,\r\n singleItem: true,\r\n afterInit: function() {\r\n setTimeout(function() {\r\n $('.animate-banner').addClass('slide-in');\r\n }, 500);\r\n },\r\n });\r\n\r\n $('#widget-banner').owlCarousel({\r\n navigation: true,\r\n slideSpeed: 700,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n $('#advertise-carousel').owlCarousel({\r\n navigation: false,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n paginationSpeed: 700,\r\n pagination: true,\r\n singleItem: true,\r\n });\r\n\r\n $('#product-carousel').owlCarousel({\r\n navigation: false,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n paginationSpeed: 700,\r\n pagination: true,\r\n singleItem: true,\r\n });\r\n\r\n $('.page-banner-inner').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n function mediaHeight() {\r\n //removes inline styles (heights)\r\n $('.case-box').removeAttr('style');\r\n if ($(window).innerWidth() > 767) {\r\n //sets height on media hub items to make them all match.\r\n $('.media-main')\r\n .find('.owl-item')\r\n .each(function() {\r\n var $item = $(this);\r\n var newHeight = '0';\r\n\r\n $item.find('.equalHub').each(function() {\r\n var $col = $(this);\r\n\r\n var colHeight = $col.outerHeight();\r\n\r\n if (colHeight > newHeight) {\r\n newHeight = colHeight;\r\n }\r\n //this checks to see if there are another set of columns inside the item if so it has to get the\r\n //remaining height difference to add that rather than change the height of each box\r\n if ($col.find('.col-sm-6').length) {\r\n $col.addClass('mulitple-box');\r\n $col.find('.col-sm-6').each(function() {\r\n var innerColHeight = $(this).outerHeight();\r\n\r\n if (innerColHeight < newHeight) {\r\n var differenceInHeight = newHeight - innerColHeight;\r\n\r\n var currentHeightOfLast = $(this)\r\n .find('.case-box:last-child')\r\n .outerHeight();\r\n $(this)\r\n .find('.case-box:last-child')\r\n .css('height', currentHeightOfLast + differenceInHeight);\r\n }\r\n });\r\n } else {\r\n $col.addClass('single-box');\r\n }\r\n });\r\n\r\n $item\r\n .find('.single-box')\r\n .find('.case-box')\r\n .css('height', newHeight);\r\n });\r\n }\r\n }\r\n\r\n //media hub carousel\r\n var mediamain = $('.media-main');\r\n var mediaview = $('.media-view-carousel');\r\n\r\n mediamain.owlCarousel({\r\n singleItem: true,\r\n slideSpeed: 1000,\r\n navigation: true,\r\n navigationText: false,\r\n pagination: false,\r\n autoHeight: true,\r\n afterAction: syncPosition,\r\n responsiveRefreshRate: 200,\r\n afterInit: function() {\r\n //on carousel load add the navigation in and the inner spans for the text\r\n $('.media-hub .owl-prev').append(\r\n 'prev',\r\n );\r\n $('.media-hub .owl-next').append(\r\n 'next',\r\n );\r\n\r\n mediaHeight();\r\n\r\n //twitter widget script\r\n $.getScript('https://platform.twitter.com/widgets.js', function() {\r\n //calling method load\r\n twttr.widgets.load();\r\n });\r\n },\r\n afterUpdate: function() {\r\n mediaHeight();\r\n },\r\n afterMove: function() {\r\n //after moving the text is got from the correct span in the media view carousel and applied to the inner span navigation text\r\n\r\n //timeout is used as it should only be applied after the animation has finished (which is specified up there ^^ as slidespeed)\r\n setTimeout(function() {\r\n var currentItem = $('.media-view-carousel .owl-item.synced');\r\n var currentIndex = currentItem.index() + 1;\r\n var amountOfItems = $('.media-view-carousel .owl-item').length;\r\n var nextText = '';\r\n var prevText = '';\r\n\r\n if (currentIndex < amountOfItems) {\r\n nextText = currentItem\r\n .next('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n if (currentIndex === 1) {\r\n prevText = $('.media-view-carousel .owl-item:last-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n } else {\r\n prevText = currentItem\r\n .prev('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n }\r\n } else if (currentIndex === amountOfItems) {\r\n nextText = $('.media-view-carousel .owl-item:first-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n prevText = currentItem\r\n .prev('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n }\r\n }, 1000);\r\n\r\n //animate green bar to current position of media view\r\n var $synced = $('.media-view-carousel .owl-item.synced');\r\n var currentPosition = $synced.position().left;\r\n var spanWidth = $synced.find('span').width();\r\n $('.media-hub .media-view .grey-bar .green-block').css({\r\n left: currentPosition,\r\n width: spanWidth,\r\n });\r\n },\r\n });\r\n\r\n mediaview.owlCarousel({\r\n items: 8,\r\n itemsDesktop: [1199, 8],\r\n itemsDesktopSmall: [979, 6],\r\n itemsTablet: [768, 5],\r\n itemsMobile: [479, 5],\r\n pagination: false,\r\n responsiveRefreshRate: 100,\r\n afterInit: function(el) {\r\n //this loads after the initial carousel, so after that has loaded:\r\n //on load change text inside nav buttons\r\n var prevText = $('.media-view-carousel .owl-item:last-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n\r\n var nextText = $('.media-view-carousel .owl-item:nth-child(2)')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n el.find('.owl-item')\r\n .eq(0)\r\n .addClass('synced');\r\n },\r\n });\r\n\r\n function syncPosition(el) {\r\n var current = this.currentItem;\r\n $('.media-view-carousel')\r\n .find('.owl-item')\r\n .removeClass('synced')\r\n .eq(current)\r\n .addClass('synced');\r\n\r\n if ($('.media-view-carousel').data('owlCarousel') !== undefined) {\r\n center(current);\r\n }\r\n }\r\n\r\n $('.media-view-carousel').on('click', '.owl-item', function(e) {\r\n e.preventDefault();\r\n var number = $(this).data('owlItem');\r\n mediamain.trigger('owl.goTo', number);\r\n });\r\n\r\n function center(number) {\r\n var mediaviewvisible = mediaview.data('owlCarousel').owl.visibleItems;\r\n var num = number;\r\n var found = false;\r\n for (var i in mediaviewvisible) {\r\n if (num === mediaviewvisible[i]) {\r\n found = true;\r\n }\r\n }\r\n\r\n if (found === false) {\r\n if (num > mediaviewvisible[mediaviewvisible.length - 1]) {\r\n mediaview.trigger('owl.goTo', num - mediaviewvisible.length + 2);\r\n } else {\r\n if (num - 1 === -1) {\r\n num = 0;\r\n }\r\n mediaview.trigger('owl.goTo', num);\r\n }\r\n } else if (num === mediaviewvisible[mediaviewvisible.length - 1]) {\r\n mediaview.trigger('owl.goTo', mediaviewvisible[1]);\r\n } else if (num === mediaviewvisible[0]) {\r\n mediaview.trigger('owl.goTo', num - 1);\r\n }\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n function getParameterByName(name) {\r\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search);\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n\r\n //map point click...\r\n $('.map')\r\n .find('.map-point')\r\n .click(function() {\r\n var $this = $(this);\r\n var $mapPopup = $('.map-popup');\r\n var $popupHeight = 0;\r\n var $pointPosition = $this.offset();\r\n var $ID = $this.attr('id');\r\n var $selectedPopup = $mapPopup.find('*[data-id=' + $ID + ']');\r\n var $selectedFilter = $('.map-filter').find('*[data-id=' + $ID + ']');\r\n\r\n //removes all active classes on filters then adds to selected item\r\n $('.map-filter ul li').removeClass('active');\r\n $selectedFilter.addClass('active');\r\n\r\n //hides all popup divs to start with by removing class active\r\n $('.map-popup .popup-content').removeClass('active');\r\n\r\n //adds class active to the one which is clicked and matches the attribute and id, then displays\r\n $selectedPopup.addClass('active');\r\n\r\n $popupHeight = getPopupHeight($selectedPopup);\r\n\r\n //show map function\r\n showMapPoint($mapPopup, $pointPosition, $popupHeight);\r\n });\r\n\r\n //Filter list item click...\r\n $('.map-filter')\r\n .find('ul li a')\r\n .click(function() {\r\n var $this = $(this);\r\n var $mapPopup = $('.map-popup');\r\n var $popupHeight = 0;\r\n var $ID = $this.parent().attr('data-id');\r\n var $selectedPopup = $mapPopup.find('*[data-id=' + $ID + ']');\r\n var $selectedMapPoint = $('#' + $ID);\r\n var $pointPosition = $selectedMapPoint.offset();\r\n\r\n //removes all active classes on filters then adds to selected item\r\n $('.map-filter ul li').removeClass('active');\r\n $this.parent().addClass('active');\r\n\r\n //hides all popup divs to start with by removing class active\r\n $('.map-popup .popup-content').removeClass('active');\r\n\r\n //adds class active to the one which is clicked and matches the attribute and id, then displays\r\n $selectedPopup.addClass('active');\r\n\r\n $popupHeight = getPopupHeight($selectedPopup);\r\n\r\n //show map function\r\n showMapPoint($mapPopup, $pointPosition, $popupHeight);\r\n\r\n return false;\r\n });\r\n\r\n function getPopupHeight($selectedPopup) {\r\n var height = 0;\r\n\r\n //displays the popup off the page\r\n //sets the height of the popup parent\r\n //returns back to top 0\r\n $selectedPopup.parent('.map-popup').css('top', '-9999px');\r\n height = $selectedPopup.parent('.map-popup').outerHeight() + 17;\r\n $selectedPopup.parent('.map-popup').css('top', '0px');\r\n\r\n return height;\r\n }\r\n\r\n function showMapPoint($mapPopup, $pointPosition, $popupHeight) {\r\n var $mapOffset = $('.map').offset();\r\n var $arrowPointerWidth = 208;\r\n\r\n if ($(window).innerWidth() < 992) {\r\n $arrowPointerWidth = 138;\r\n }\r\n\r\n //if popup has class opened\r\n //remove class and fade out popup\r\n if ($mapPopup.hasClass('opened')) {\r\n $mapPopup.removeClass('opened');\r\n //hides all\r\n $mapPopup.hide();\r\n //sets the position of the popup...\r\n //gets the top and left position of the point\r\n //gets the height of the popup and subtracts\r\n //gets the difference in offset between the map and point\r\n //adds class and fades in popup\r\n $mapPopup\r\n .css({\r\n top: $pointPosition.top - $popupHeight - $mapOffset.top,\r\n left: $pointPosition.left - $arrowPointerWidth - $mapOffset.left,\r\n })\r\n .addClass('opened')\r\n .fadeIn();\r\n } else {\r\n $mapPopup\r\n .css({\r\n top: $pointPosition.top - $popupHeight - $mapOffset.top,\r\n left: $pointPosition.left - $arrowPointerWidth - $mapOffset.left,\r\n })\r\n .addClass('opened')\r\n .fadeIn();\r\n }\r\n }\r\n\r\n //click on body to close popup unless clicked on map area\r\n if ($(window).innerWidth() > 767) {\r\n $(document).mouseup(function(e) {\r\n var popUp = $('.map');\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!popUp.is(e.target) && popUp.has(e.target).length === 0) {\r\n $('.map-popup').removeClass('opened');\r\n $('.map-popup').hide();\r\n $('.map-filter ul li').removeClass('active');\r\n }\r\n });\r\n }\r\n\r\n //close icon closes popup on click\r\n $('.close-btn').click(function() {\r\n $(this)\r\n .closest('.map-popup')\r\n .fadeOut();\r\n });\r\n\r\n function filterDropdown() {\r\n var $mapFilter = $('.map-filter');\r\n var $mapPopup = $('.map-popup');\r\n\r\n //show first popup\r\n //set first child popup and filter li to have class of active until selecting another item\r\n $mapPopup.fadeIn();\r\n $mapPopup.find('.popup-content:first-child').addClass('active');\r\n $mapFilter.find('ul li:first-child').addClass('active');\r\n\r\n //Click to dropdown list of filters...\r\n $mapFilter.find('h3').click(function() {\r\n //if this doesn't have class open add it then slide down\r\n //otherwise remove and slide up\r\n if (!$(this).hasClass('slide-open')) {\r\n $(this).addClass('slide-open');\r\n $(this)\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideDown(600);\r\n } else {\r\n $(this).removeClass('slide-open');\r\n $(this)\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideUp(600);\r\n }\r\n });\r\n\r\n //filter item click...\r\n $mapFilter.find('ul li a').click(function() {\r\n if ($(window).innerWidth() < 768) {\r\n //removes class and slides filter up\r\n $('.map-filter h3').removeClass('slide-open');\r\n $('.map-filter h3')\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideUp(600);\r\n\r\n return false;\r\n }\r\n });\r\n }\r\n\r\n //IE8 Fallback shows first popup\r\n if ($('#page-wrapper').hasClass('IE8')) {\r\n var $mapFilter = $('.map-filter');\r\n var $mapPopup = $('.map-popup');\r\n\r\n //show first popup\r\n //set first child popup and filter li to have class of active until selecting another item\r\n $mapPopup.fadeIn();\r\n $mapPopup.find('.popup-content:first-child').show();\r\n $mapFilter.find('ul li:first-child').addClass('active');\r\n\r\n $mapFilter.find('ul li a').click(function() {\r\n if (\r\n $(this)\r\n .parent('li')\r\n .index() === 0\r\n ) {\r\n $mapPopup.find('.popup-content:first-child').show();\r\n } else {\r\n $mapPopup.find('.popup-content:first-child').hide();\r\n }\r\n });\r\n }\r\n\r\n if ($(window).innerWidth() < 768) {\r\n filterDropdown();\r\n }\r\n\r\n /* Store the window width */\r\n var windowWidth = $(window).width();\r\n\r\n /* Resize Event */\r\n $(window).resize(function() {\r\n // Check window width has actually changed and it's not just iOS triggering a resize event on scroll\r\n if ($(window).width() !== windowWidth) {\r\n if ($(window).innerWidth() < 768) {\r\n if (windowWidth > 767) {\r\n //remove styles and unbind events\r\n $('.map-filter h3').unbind();\r\n $('.map-filter ul li').removeClass('active');\r\n $('.map-popup').removeAttr('style');\r\n $('.map-popup .popup-content').removeClass('active');\r\n $(document).unbind();\r\n filterDropdown();\r\n }\r\n } else {\r\n $('.map-filter .link-wrap').show();\r\n }\r\n\r\n // Update the window width for next time\r\n windowWidth = $(window).width();\r\n }\r\n });\r\n\r\n var $queryID = getParameterByName('location');\r\n\r\n if ($queryID.length > 0) {\r\n var $locationPoint = $('.inner-map').find('#location-' + $queryID);\r\n $locationPoint.click();\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n if (!$('body').hasClass('IE8')) {\r\n // Listen for orientation changes\r\n //fixes bug on ipad\r\n window.addEventListener('orientationchange', function() {\r\n $('body').fadeOut(1, function() {\r\n $('body').fadeIn(1);\r\n });\r\n });\r\n\r\n horizontalDetect();\r\n\r\n //if not ipad or iphone\r\n if (!isiPad() && !isiPhone()) {\r\n $('body').addClass('everything-else');\r\n }\r\n\r\n if (isiPad()) {\r\n $('body').addClass('iPad');\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n $('body').removeClass('iPad-vertical');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n $('body').addClass('iPad-vertical');\r\n }\r\n\r\n // Listen for orientation changes\r\n window.addEventListener(\r\n 'orientationchange',\r\n function() {\r\n // Announce the new orientation number\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n }\r\n },\r\n false,\r\n );\r\n }\r\n\r\n if (isiPhone()) {\r\n $('body').addClass('iPhone');\r\n //if ($(window).height() <= 480)\r\n // {\r\n // $('body').addClass('iPhone4');\r\n //}\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n\r\n // Listen for orientation changes\r\n window.addEventListener(\r\n 'orientationchange',\r\n function() {\r\n // Announce the new orientation number\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n },\r\n false,\r\n );\r\n }\r\n\r\n $(window).resize(function() {\r\n horizontalDetect();\r\n\r\n if ($(window).innerWidth() > 767) {\r\n if ($('body').hasClass('iPhone-horizontal')) {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n if ($('body').hasClass('iPad-horizontal')) {\r\n $('body').removeClass('iPad-horizontal');\r\n }\r\n } else {\r\n if (isiPhone()) {\r\n if (!$('body').hasClass('iPhone')) {\r\n $('body').addClass('iPhone');\r\n }\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n }\r\n\r\n if (isiPad()) {\r\n if (!$('body').hasClass('iPad')) {\r\n $('body').addClass('iPad');\r\n }\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n $('body').removeClass('iPad-vertical');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n $('body').addClass('iPad-vertical');\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n //generic device landscape\r\n function horizontalDetect() {\r\n if ($(window).innerWidth() < 992) {\r\n var viewHeight = $(window).height();\r\n var viewWidth = $(window).width();\r\n\r\n if (viewWidth > viewHeight) {\r\n if (!$('body').hasClass('landscape')) {\r\n $('body').addClass('landscape');\r\n }\r\n } else {\r\n if ($('body').hasClass('landscape')) {\r\n $('body').removeClass('landscape');\r\n }\r\n }\r\n }\r\n }\r\n\r\n // iDevices -- Return boolean TRUE/FALSE\r\n function isiPhone() {\r\n return navigator.platform.indexOf('iPhone') !== -1 || navigator.platform.indexOf('iPod') !== -1;\r\n }\r\n\r\n function isiPad() {\r\n return navigator.platform.indexOf('iPad') !== -1;\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $footerlinks = $('.footer-links');\r\n\r\n function footerLinks() {\r\n if ($(window).innerWidth() < 551) {\r\n //slide toggle footer links on click add/remove class\r\n $footerlinks.find('h3').click(function() {\r\n if (\r\n !$(this)\r\n .parent($footerlinks)\r\n .hasClass('footer-open')\r\n ) {\r\n $(this)\r\n .parent($footerlinks)\r\n .addClass('footer-open');\r\n $(this)\r\n .siblings('ul')\r\n .stop()\r\n .slideDown();\r\n } else {\r\n $(this)\r\n .parent($footerlinks)\r\n .removeClass('footer-open');\r\n $(this)\r\n .siblings('ul')\r\n .stop()\r\n .slideUp();\r\n }\r\n });\r\n }\r\n }\r\n\r\n if ($(window).innerWidth() < 551) {\r\n footerLinks();\r\n }\r\n\r\n $(window).resize(function() {\r\n $footerlinks.find('h3').unbind();\r\n\r\n if ($(window).innerWidth() < 551) {\r\n footerLinks();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n //Change hrefs to GA phone number\r\n setInterval(function() {\r\n var $telNo = $('.telNo');\r\n\r\n if ($telNo.length > 0) {\r\n $telNo.attr('href', 'tel:' + $telNo.html().replace(/ /g, ''));\r\n }\r\n }, 2000);\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $loginarea = $('.login-area');\r\n\r\n function loginDesktop() {\r\n var $loginClick = $loginarea.find('.login-click');\r\n $loginClick.click(function() {\r\n var $this = $(this);\r\n var $dropLogin = $this.siblings('.drop-login');\r\n\r\n if ($dropLogin.hasClass('open')) {\r\n $dropLogin.removeClass('open');\r\n $dropLogin.stop().slideUp();\r\n } else {\r\n $dropLogin.addClass('open');\r\n //slides down the login and focuses\r\n $dropLogin.stop().slideDown();\r\n $dropLogin.find('.input-box:first-child input').focus();\r\n }\r\n });\r\n }\r\n\r\n function loginMobile() {\r\n var $loginClick = $loginarea.find('.login-click');\r\n\r\n $loginClick.click(function() {\r\n var $this = $(this);\r\n var $dropLogin = $this.siblings('.drop-login');\r\n\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n //slides up the search dropdown if open and removes class\r\n if ($ipadSearch.hasClass('active')) {\r\n $ipadSearch.removeClass('active');\r\n $('.ipad-search .drop-search')\r\n .stop()\r\n .slideUp();\r\n }\r\n\r\n //slides down the login\r\n $loginarea.toggleClass('active');\r\n $dropLogin.stop().slideToggle();\r\n });\r\n }\r\n\r\n function countryDrop() {\r\n var $dropClick = $('.selected-country a');\r\n\r\n $dropClick.click(function(e) {\r\n e.preventDefault();\r\n\r\n var $this = $(this);\r\n var $dropCountries = $this.parent().siblings('.other-coutries');\r\n\r\n //slides up the country dropdown if open and removes class\r\n if (!$this.parent().hasClass('open')) {\r\n $this.parent().addClass('open');\r\n $dropCountries.slideDown();\r\n } else {\r\n $this.parent().removeClass('open');\r\n $dropCountries.slideUp();\r\n }\r\n });\r\n }\r\n\r\n countryDrop();\r\n\r\n if ($(window).innerWidth() > 991) {\r\n loginDesktop();\r\n } else {\r\n loginMobile();\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n $loginarea.unbind();\r\n\r\n if (viewport().width >= 991) {\r\n loginDesktop();\r\n } else {\r\n loginMobile();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\nvar $ = require('jquery');\r\n\r\n$('table').wrap('');\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $nav = $('nav');\r\n\r\n $nav.find('ul li a').click(function(e) {\r\n var $this = $(this).parent('li');\r\n\r\n if ($this.hasClass('drop-open')) {\r\n closeNavBlock($this);\r\n return false;\r\n } else {\r\n if ($this.children('.drop').length) {\r\n closeBeforeOpenNavBlock($this);\r\n showNavBlock($this);\r\n\r\n return false;\r\n }\r\n }\r\n });\r\n\r\n // show menu block\r\n function showNavBlock($this) {\r\n if ($('nav ul li').hasClass('drop-open')) {\r\n if ($this.hasClass('drop-open')) {\r\n return true;\r\n } else {\r\n closeBeforeOpenNavBlock($this);\r\n return false;\r\n }\r\n } else {\r\n openNavBlock($this);\r\n return false;\r\n }\r\n }\r\n\r\n // open nav block with animation depending on window width\r\n function openNavBlock($this) {\r\n var $ulList = $('nav > ul');\r\n var $listHeight = $('nav > ul').outerHeight();\r\n var $dropHeight = 0;\r\n var $headerHeight = $('header').outerHeight();\r\n\r\n //With opacity still on 0, it shows the drop, gets the height and hides it again.\r\n //then sets opacity back to 1\r\n $this.find('.drop').show();\r\n $dropHeight = $this.find('.drop').outerHeight();\r\n $this.find('.drop').css({\r\n display: 'none',\r\n opacity: '1',\r\n });\r\n //with the height already in a variable you can now show the dropdown as normal\r\n\r\n //animates content back to be the dropdown and header height, also slides down the selected dropdown\r\n resizeContent($this, $dropHeight, $headerHeight);\r\n $this.addClass('drop-open');\r\n\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n $this\r\n .find('.drop')\r\n .stop()\r\n .fadeIn();\r\n if ($dropHeight > $listHeight) {\r\n $ulList.animate(\r\n {\r\n height: $dropHeight,\r\n },\r\n 400,\r\n );\r\n } else {\r\n $ulList.animate(\r\n {\r\n height: '100%',\r\n },\r\n 400,\r\n );\r\n }\r\n } else {\r\n $this\r\n .find('.drop')\r\n .stop()\r\n .slideDown();\r\n }\r\n }\r\n\r\n // close old nav, then open selected nav block with animation depending on window width\r\n function closeBeforeOpenNavBlock($this) {\r\n if ($(window).innerWidth() > 991 || $(window).innerWidth() < 768) {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n openNavBlock($this);\r\n });\r\n } else {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .fadeOut(400, function() {\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n openNavBlock($this);\r\n });\r\n }\r\n }\r\n\r\n // close nav\r\n function closeNavBlock($this) {\r\n var $contentwrap = $('.content-wrap');\r\n var $headerHeight = $('header').outerHeight();\r\n\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n //if banner exists\r\n if ($('.banner-area').length) {\r\n //animates content back to 0, also slides up the open dropdown\r\n $contentwrap.animate(\r\n {\r\n 'margin-top': 0,\r\n },\r\n 600,\r\n );\r\n } else {\r\n $contentwrap.animate({\r\n 'margin-top': $headerHeight + 20,\r\n });\r\n }\r\n\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n });\r\n }\r\n\r\n // move banner\r\n function resizeContent($this, dropHeight, headerHeight) {\r\n var $contentwrap = $('.content-wrap');\r\n\r\n if (dropHeight === 0 || headerHeight === 0) {\r\n headerHeight = $('header').outerHeight();\r\n\r\n if ($this === 0) {\r\n $this = $('nav ul li.drop-open');\r\n\r\n dropHeight = $this.find('.drop').outerHeight();\r\n }\r\n }\r\n\r\n //animates content back to be the dropdown and header height, also slides down the selected dropdown\r\n if (dropHeight > 0 && headerHeight > 0) {\r\n $contentwrap.animate(\r\n {\r\n 'margin-top': dropHeight + headerHeight,\r\n },\r\n 400,\r\n );\r\n }\r\n }\r\n\r\n //menu click animates button\r\n\r\n $('.menu-btn').click(function() {\r\n if (!$(this).hasClass('menu-open')) {\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n //adds open class and slides down content\r\n //shows first dropdown\r\n $(this).addClass('menu-open');\r\n $('.desktop-nav')\r\n .stop()\r\n .slideDown(600);\r\n var $firstItem = $nav.find('ul li:nth-child(2)');\r\n showNavBlock($firstItem);\r\n } else if ($(window).innerWidth() < 768) {\r\n //adds class to inner wrapper and slides out, animated in css\r\n $(this).addClass('menu-open');\r\n $('.inner-wrapper').addClass('move-wrapper');\r\n $('.moved-nav').addClass('slide-open');\r\n }\r\n } else {\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n //adds open class and slides up content\r\n $(this).removeClass('menu-open');\r\n $('.desktop-nav')\r\n .stop()\r\n .slideUp(600);\r\n } else if ($(window).innerWidth() < 768) {\r\n //removes class on inner wrapper and slides in, animated in css\r\n $(this).removeClass('menu-open');\r\n $('.inner-wrapper').removeClass('move-wrapper');\r\n $('.moved-nav').removeClass('slide-open');\r\n }\r\n }\r\n });\r\n\r\n //menu click resize\r\n function menuResize() {\r\n if ($(window).innerWidth() > 767) {\r\n $('.menu-btn').removeClass('menu-open');\r\n $('.inner-wrapper').removeClass('move-wrapper');\r\n $('.moved-nav').removeClass('slide-open');\r\n $('.desktop-nav nav .page-links').appendTo('.left-links');\r\n } else {\r\n $('.left-links ul').appendTo('.desktop-nav nav');\r\n }\r\n }\r\n menuResize();\r\n\r\n //click body to close nav dropdown\r\n $(document).mouseup(function(e) {\r\n var dropDown = $('.drop-open');\r\n var $contentwrap = $('.content-wrap');\r\n var $headerHeight = $('header').outerHeight();\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!dropDown.is(e.target) && dropDown.has(e.target).length === 0) {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n //if banner exists\r\n if ($('.banner-area').length) {\r\n //animates content back to 0, also slides up the open dropdown\r\n $contentwrap.animate(\r\n {\r\n 'margin-top': 0,\r\n },\r\n 600,\r\n );\r\n } else {\r\n $contentwrap.animate({\r\n 'margin-top': $headerHeight + 20,\r\n });\r\n }\r\n\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n });\r\n }\r\n });\r\n\r\n function ipadNavDimentions() {\r\n //gets the width of the current window\r\n //works out the width remaining from the parents width\r\n //sets new width for the nav item\r\n var $windowWidth = $(window).outerWidth();\r\n var $listWidth = $('.desktop-nav').outerWidth();\r\n var $newItemWidth = $windowWidth - $listWidth - 20;\r\n\r\n $('nav ul li')\r\n .find('.drop')\r\n .css('width', $newItemWidth);\r\n\r\n $('nav > ul').outerHeight();\r\n $('nav ul')\r\n .find('.drop')\r\n .outerHeight();\r\n }\r\n\r\n if ($(window).innerWidth() < 992) {\r\n ipadNavDimentions();\r\n\r\n //moves the nav to correct position for iPad\r\n $('.back-to-desktop .desktop-nav').appendTo('.moved-nav');\r\n } else {\r\n //moves the nav back to correct position for desktop\r\n $('.moved-nav .desktop-nav').appendTo('.back-to-desktop');\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n menuResize();\r\n\r\n if (viewport().width >= 991) {\r\n $('.moved-nav .desktop-nav').appendTo('.back-to-desktop');\r\n $('.back-to-desktop .desktop-nav').show();\r\n $('nav ul').removeAttr('style');\r\n $('nav ul li')\r\n .find('.drop')\r\n .css('width', '100%');\r\n\r\n setTimeout(function() {\r\n resizeContent(0, 0, 0);\r\n }, 500);\r\n } else {\r\n $('.back-to-desktop .desktop-nav').appendTo('.moved-nav');\r\n ipadNavDimentions();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n 'use strict';\r\n\r\n var $ = require('jquery');\r\n var _ = require('underscore');\r\n\r\n $(window).on('load', pageLoad);\r\n\r\n //Remove no-js class from page-wrapper\r\n // $('#page-wrapper').removeClass('no-js');\r\n\r\n /** Handle page load. */\r\n function pageLoad() {\r\n $('.HomePage header').show();\r\n\r\n setTimeout(function() {\r\n $('.HomePage header').addClass('fade-in');\r\n $('.HomePage footer').fadeIn();\r\n $('header .grey-bar').addClass('animate');\r\n }, 600);\r\n\r\n function animateSignposts() {\r\n var lis = [];\r\n\r\n $('.homepage-signposts .signpost-item').each(function() {\r\n if ($(this).css('opacity') === '0') {\r\n lis.push(this);\r\n }\r\n });\r\n\r\n var delay = 0;\r\n $(lis).each(function() {\r\n $(this)\r\n .delay(delay)\r\n .animate(\r\n {\r\n opacity: 1,\r\n },\r\n 1000,\r\n );\r\n delay += 100;\r\n });\r\n }\r\n\r\n setTimeout(function() {\r\n $('.load-home-content').addClass('fade-in');\r\n animateSignposts();\r\n }, 1300);\r\n\r\n // Highlight top nav - done in javascript to improve performance\r\n var pathname = window.location.pathname;\r\n var splitPath = pathname.split('/');\r\n\r\n $('nav ul li a').each(function() {\r\n var $this = $(this);\r\n\r\n if (\r\n splitPath.length > 2 &&\r\n splitPath[2].replace('/', '').toLowerCase() ===\r\n $this\r\n .attr('href')\r\n .replace('/', '')\r\n .toLowerCase()\r\n ) {\r\n $this.addClass('active');\r\n }\r\n });\r\n\r\n $('table').each(function() {\r\n $(this).addClass('table');\r\n $(this).wrap('');\r\n });\r\n\r\n $('.js-toggle-cookie-tab').click(function() {\r\n $('.cookie-panel-gdpr').slideToggle();\r\n });\r\n }\r\n})();\r\n","/* eslint-disable */\r\n\r\n(function() {\r\n var $ = require('jquery');\r\n require('jquery-placeholder/jquery.placeholder.js');\r\n\r\n $('input, textarea').placeholder();\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var typeahead = require('./typeahead');\r\n\r\n var $search = $('.search-area');\r\n var $searchInput = $('.search-area input[type=\"search\"]');\r\n if (!$searchInput) {\r\n $searchInput = $('.js-search-ta');\r\n }\r\n typeahead.initialise($searchInput);\r\n\r\n function searchDesktop() {\r\n var $searchClick = $search.find('.search-click');\r\n $searchClick.click(function() {\r\n //slides down the search and focuses\r\n var $searchDrop = $(this).siblings('.drop-search');\r\n if ($searchDrop.hasClass('open')) {\r\n $searchDrop.removeClass('open');\r\n $searchDrop.stop().slideUp();\r\n } else {\r\n $searchDrop.addClass('open');\r\n $searchDrop.stop().slideDown();\r\n $(this)\r\n .find('.drop-search input')\r\n .focus();\r\n }\r\n });\r\n }\r\n\r\n function searchMobile() {\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n //first move the search into the new location for ipad and below\r\n $search.find('.drop-search').appendTo($ipadSearch);\r\n $search.find('.search-icon').appendTo($ipadSearch);\r\n\r\n $ipadSearch.find('.search-icon').click(function() {\r\n //slides up the login dropdown if open and removes class\r\n if ($('.login-area').hasClass('active')) {\r\n $('.login-area').removeClass('active');\r\n $('.login-area .drop-login')\r\n .stop()\r\n .slideUp();\r\n }\r\n\r\n //slides down the search and focuses\r\n $ipadSearch.toggleClass('active');\r\n $(this)\r\n .siblings('.drop-search')\r\n .stop()\r\n .slideToggle();\r\n });\r\n }\r\n\r\n if ($(window).innerWidth() > 991) {\r\n searchDesktop();\r\n } else {\r\n searchMobile();\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n if (viewport().width >= 991) {\r\n searchDesktop();\r\n //Move the search back into the original location for desktop\r\n $ipadSearch.find('.search-icon').appendTo($search);\r\n $ipadSearch.find('.drop-search').appendTo($search);\r\n } else {\r\n searchMobile();\r\n }\r\n });\r\n})();\r\n","/**\r\n * Typeahead module.\r\n * @exports modules/typeahead\r\n * @version 0.1.0\r\n */\r\n/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var Handlebars = require('handlebars');\r\n require('typeahead-core');\r\n const Bloodhound = require('typeahead-bloodhound');\r\n\r\n var self = {};\r\n\r\n /** The suggestion engine used by Twitter Typeahead. */\r\n var data = new Bloodhound({\r\n datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),\r\n queryTokenizer: Bloodhound.tokenizers.whitespace,\r\n limit: 10,\r\n remote: {\r\n url: '/api/typeahead/getsearchitems?query=%QUERY',\r\n filter: dataFilter,\r\n wildcard: '%QUERY',\r\n },\r\n dupDetector: function(remoteMatch, localMatch) {\r\n return remoteMatch.value === localMatch.value && remoteMatch.url === localMatch.url;\r\n },\r\n });\r\n\r\n /** Process data from handler into datums.\r\n * @param (object) list\r\n */\r\n function dataFilter(list) {\r\n return $.map(list, function(item) {\r\n return {\r\n name: item,\r\n };\r\n });\r\n }\r\n\r\n /** Redirect to suggestion URL when selected.\r\n * @param (object) event\r\n * @param (object) suggestion\r\n * @param (string) name\r\n */\r\n function redirect(event, suggestion, name) {\r\n if (suggestion.name && suggestion.name.url) {\r\n window.location.href = suggestion.name.url;\r\n }\r\n }\r\n\r\n /** Initialise module.\r\n * @param (object) $target\r\n */\r\n self.initialise = function($target) {\r\n // Start pre-fetch of results.\r\n data.initialize();\r\n\r\n if ($target && $target.typeahead) {\r\n // Initialise type ahead plugin.\r\n $target\r\n .typeahead(null, {\r\n name: 'data',\r\n display: 'value',\r\n source: data,\r\n templates: {\r\n // https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#look-and-feel\r\n // suggestion: Handlebars.compile('{{#if image}}
{{{image name.image name.value}}}{{name.value}}
',\r\n ),\r\n },\r\n })\r\n .on('typeahead:selected', redirect);\r\n }\r\n };\r\n\r\n module.exports = self;\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $tabbedAreas = $('.js-tabbed-area');\r\n\r\n $tabbedAreas.each(function(i, item) {\r\n var $tabbedArea = $(item),\r\n $tabs = $('.tabbed-area__tab', $tabbedArea),\r\n $tabContents = $('.tabbed-area__content', $tabbedArea);\r\n\r\n $tabs.click(function(e) {\r\n e.preventDefault();\r\n\r\n var target = $(this).data('target'),\r\n $tab = $tabs.filter(function(i, item) {\r\n return $(item).data('target') === target;\r\n });\r\n\r\n $tabs.removeClass('tabbed-area__tab--active');\r\n $tabContents.removeClass('tabbed-area__content--active');\r\n\r\n $tab.addClass('tabbed-area__tab--active');\r\n\r\n $tabContents\r\n .filter(function(i, item) {\r\n return $(item).data('tab') === target;\r\n })\r\n .addClass('tabbed-area__content--active');\r\n });\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var Handlebars = require('handlebars');\r\n require('./custom-handlebars-helpers');\r\n\r\n var $techLibList = $('.technical-widget.load-more');\r\n\r\n var catNames = '';\r\n var self = {\r\n skip: 0,\r\n take: 4,\r\n };\r\n\r\n $techLibList.each(function(i, item) {\r\n var $list = $(item);\r\n\r\n var currentDocID = $list.find('.docID input[type=\"hidden\"]').val();\r\n var orderBy = $list.find('.orderby input[type=\"hidden\"]').val();\r\n var showOnlyOnSearch = $list\r\n .find('.showOnlyOnSearch input[type=\"hidden\"]')\r\n .val()\r\n .toLowerCase();\r\n var itemCont = $list.find('#' + $list.attr('id') + 'Replaced');\r\n var loadMore = $list.find('.load-more-btn');\r\n\r\n var templateElem = $list.find('#' + $list.attr('id') + 'Template');\r\n\r\n if (templateElem.length === 0) {\r\n return;\r\n }\r\n\r\n var source = templateElem.html();\r\n var template = Handlebars.compile(source);\r\n\r\n var searchInput = $('.tech-search input[type=\"text\"]');\r\n var searchBtn = $('.tech-search input[type=\"submit\"]');\r\n\r\n loadMore.click(function(e) {\r\n var $this = $(this);\r\n load(\r\n $this.data('skip'),\r\n $this.data('take'),\r\n catNames,\r\n itemCont,\r\n loadMore,\r\n template,\r\n orderBy,\r\n currentDocID,\r\n searchInput,\r\n false,\r\n );\r\n setTimeout(function() {}, 50);\r\n return false;\r\n });\r\n\r\n searchBtn.click(function(e) {\r\n e.preventDefault();\r\n loadMore.data('skip', 0);\r\n\r\n if (showOnlyOnSearch === 'true') {\r\n if (searchInput.val().length > 0) {\r\n $('.tech-wid-container').removeClass('hdn');\r\n } else {\r\n $('.tech-wid-container').addClass('hdn');\r\n }\r\n }\r\n\r\n load(\r\n 0,\r\n loadMore.data('take'),\r\n catNames,\r\n itemCont,\r\n loadMore,\r\n template,\r\n orderBy,\r\n currentDocID,\r\n searchInput,\r\n true,\r\n );\r\n setTimeout(function() {}, 50);\r\n return false;\r\n });\r\n\r\n $list.find('.orig').hide();\r\n\r\n if (showOnlyOnSearch === 'false') {\r\n load(\r\n loadMore.data('skip'),\r\n loadMore.data('take'),\r\n catNames,\r\n itemCont,\r\n loadMore,\r\n template,\r\n orderBy,\r\n currentDocID,\r\n searchInput,\r\n false,\r\n );\r\n }\r\n });\r\n\r\n function load(\r\n Skip,\r\n Take,\r\n catNames,\r\n itemContainer,\r\n loadMore,\r\n template,\r\n orderBy,\r\n currentDocID,\r\n searchInput,\r\n ClearList,\r\n ) {\r\n var searchText = searchInput.val();\r\n\r\n $('#divPostsLoader').html('');\r\n if (ClearList) {\r\n itemContainer.empty();\r\n }\r\n\r\n var tag = getParameterByName('tag');\r\n WebService.LoadTechLibDocs(\r\n Skip,\r\n Take,\r\n currentDocID,\r\n catNames,\r\n orderBy,\r\n tag,\r\n searchText,\r\n function(result) {\r\n itemContainer.append(template(result.Data));\r\n animateArticles(itemContainer);\r\n if (result.Data.AllLoaded === true) {\r\n loadMore.hide();\r\n } else {\r\n loadMore.show();\r\n }\r\n },\r\n );\r\n\r\n $('#divPostsLoader').empty();\r\n var newSkip = loadMore.data('skip') + Take;\r\n loadMore.data('skip', newSkip);\r\n }\r\n\r\n function animateArticles(itemContainer) {\r\n var lis = [];\r\n\r\n itemContainer.find('.tech-item').each(function() {\r\n if ($(this).css('opacity') === '0') {\r\n lis.push(this);\r\n }\r\n });\r\n\r\n var delay = 0;\r\n $(lis).each(function() {\r\n $(this)\r\n .delay(delay)\r\n .animate(\r\n {\r\n opacity: 1,\r\n },\r\n 500,\r\n );\r\n delay += 100;\r\n });\r\n }\r\n\r\n function getParameterByName(name) {\r\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search);\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n\r\n return self;\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $searchInput = $('.tech-search input[type=\"text\"]');\r\n\r\n $searchInput.focus(function() {\r\n var textWidth = $(this)\r\n .siblings('.search-text')\r\n .width();\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '-' + textWidth + 'px',\r\n });\r\n });\r\n\r\n $searchInput.blur(function() {\r\n if ($(this).val().length > 0) {\r\n $(this)\r\n .closest('.inner-search')\r\n .addClass('typed');\r\n var textWidth = $(this)\r\n .siblings('.search-text')\r\n .width();\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '-' + textWidth + 'px',\r\n });\r\n } else {\r\n $(this)\r\n .closest('.inner-search')\r\n .removeClass('typed');\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '0px',\r\n });\r\n }\r\n });\r\n\r\n $('.login-box-top').click(function() {\r\n if ($('.login-box').hasClass('open-box')) {\r\n $('.login-box').removeClass('open-box');\r\n }\r\n\r\n $(this)\r\n .parent()\r\n .addClass('open-box');\r\n });\r\n\r\n $('.close-box').click(function() {\r\n $(this)\r\n .closest('.login-box')\r\n .removeClass('open-box');\r\n });\r\n\r\n $(document).click(function(e) {\r\n var loginBox = $('.login-box');\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!loginBox.is(e.target) && loginBox.has(e.target).length === 0) {\r\n $('.login-box').removeClass('open-box');\r\n }\r\n });\r\n\r\n var returnUrl = getParameterByName('returnurl');\r\n var login = getParameterByName('login');\r\n var register = getParameterByName('register');\r\n\r\n if (returnUrl.length > 0 || login.length > 0) {\r\n $('.green-login .login-box-top').click();\r\n } else if (register.length > 0) {\r\n $('.reg-box .login-box-top').click();\r\n }\r\n\r\n $('.expand-login').click(function(e) {\r\n var $loginBoxTop = $('.green-login .login-box-top');\r\n\r\n if ($loginBoxTop.length) {\r\n e.preventDefault();\r\n $loginBoxTop.click();\r\n }\r\n });\r\n\r\n function getParameterByName(name) {\r\n name = name\r\n .replace(/[\\[]/, '\\\\[')\r\n .replace(/[\\]]/, '\\\\]')\r\n .toLowerCase();\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search.toLowerCase());\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n /* jshint camelcase:false */\r\n Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindControls);\r\n /* jshint camelcase:true */\r\n\r\n bindControls();\r\n\r\n function bindControls() {\r\n var $downloadbutton = $('.track-download');\r\n $downloadbutton.each(function(index, elem) {\r\n $(elem).on('click', function(e) {\r\n e.preventDefault();\r\n\r\n var docID = $(this).data('docid');\r\n WebService.TrackDownload(docID, function(result) {\r\n if (result.Data.IsVideo) {\r\n return;\r\n }\r\n\r\n window.location = result.Data.URL;\r\n });\r\n });\r\n });\r\n }\r\n})();\r\n","/* eslint-disable */\r\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\r\nif (!Array.prototype.find) {\r\n Object.defineProperty(Array.prototype, 'find', {\r\n value: function(predicate) {\r\n // 1. Let O be ? ToObject(this value).\r\n if (this == null) {\r\n throw TypeError('\"this\" is null or not defined');\r\n }\r\n\r\n var o = Object(this);\r\n\r\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\r\n var len = o.length >>> 0;\r\n\r\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\r\n if (typeof predicate !== 'function') {\r\n throw TypeError('predicate must be a function');\r\n }\r\n\r\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\r\n var thisArg = arguments[1];\r\n\r\n // 5. Let k be 0.\r\n var k = 0;\r\n\r\n // 6. Repeat, while k < len\r\n while (k < len) {\r\n // a. Let Pk be ! ToString(k).\r\n // b. Let kValue be ? Get(O, Pk).\r\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\r\n // d. If testResult is true, return kValue.\r\n var kValue = o[k];\r\n if (predicate.call(thisArg, kValue, k, o)) {\r\n return kValue;\r\n }\r\n // e. Increase k by 1.\r\n k++;\r\n }\r\n\r\n // 7. Return undefined.\r\n return undefined;\r\n },\r\n configurable: true,\r\n writable: true,\r\n });\r\n}\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var $animElem = $('.js-entry-anim');\r\n var ACTIVE = 'is-active';\r\n\r\n if ($animElem.length) {\r\n var windowHeight = $(window).height();\r\n var gridTop = windowHeight * 0.8;\r\n\r\n $(window).on('scroll', function() {\r\n $animElem.each(function() {\r\n var thisTop = $(this).offset().top - $(window).scrollTop();\r\n if (thisTop < gridTop) {\r\n $(this).addClass(ACTIVE);\r\n }\r\n });\r\n });\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n $(function() {\r\n var hash = window.location.hash.substring(1);\r\n\r\n //gets offset of the container (adds 15 for the padding) and sets it to the inner step as padding-left\r\n //once that is done it then makes the step full width which has a css transition and delay on it to give the effect of sliding out.\r\n function basketStep() {\r\n var containerPos = $('.container').offset().left + 15;\r\n\r\n $('.basket .inner-step').css('padding-left', containerPos);\r\n\r\n $('.basket .step1 .step').css('width', '100%');\r\n }\r\n\r\n basketStep();\r\n\r\n $(window).resize(function() {\r\n basketStep();\r\n });\r\n\r\n //on page load add active class to first step and slide down first step once page has finished animating!\r\n if (typeof hash !== 'undefined' && hash === 'step2') {\r\n $('.step2.basket-step').addClass('active-step');\r\n $('.basket .step1 .step').css('width', '0%');\r\n $('.basket .step2 .step').css('width', '100%');\r\n setTimeout(function() {\r\n $('.step2 .basket-step-main').slideDown();\r\n }, 1000);\r\n } else {\r\n $('.step1.basket-step').addClass('active-step');\r\n\r\n setTimeout(function() {\r\n $('.step1 .basket-step-main').slideDown();\r\n }, 1000);\r\n }\r\n\r\n //on click of proceed button slide up and down depending on which is clicked\r\n $('.proceed-checkout').click(function() {\r\n if (\r\n $(this)\r\n .closest('.basket-step')\r\n .hasClass('active-step')\r\n ) {\r\n $('.step1 .basket-step-main').slideUp(400, function() {\r\n $('.active-step').removeClass('active-step');\r\n $('.basket .step1 .step').css('width', '0%');\r\n $('.basket .step2 .step').css('width', '100%');\r\n setTimeout(function() {\r\n $('.step2 .basket-step-main').slideDown();\r\n }, 1000);\r\n $('.step2.basket-step').addClass('active-step');\r\n });\r\n } else {\r\n $('.active-step').removeClass('active-step');\r\n $('.basket .step2 .step').css('width', '0%');\r\n $('.step2 .basket-step-main').slideUp(400, function() {\r\n $('.basket .step1 .step').css('width', '100%');\r\n setTimeout(function() {\r\n $('.step1 .basket-step-main').slideDown();\r\n }, 1000);\r\n $('.step1.basket-step').addClass('active-step');\r\n });\r\n }\r\n return false;\r\n });\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n 'use strict';\r\n\r\n var $ = require('jquery');\r\n\r\n var self = {\r\n BasketPopup: BasketPopup,\r\n UpdateTopBasket: UpdateTopBasket,\r\n };\r\n\r\n // Expose globally for legacy calls.\r\n window.BasketPopup = BasketPopup;\r\n window.UpdateTopBasket = UpdateTopBasket;\r\n\r\n /** Show basket pop up. */\r\n function BasketPopup(popup, message, viewBasketText) {\r\n var $popup = popup;\r\n\r\n if (viewBasketText.length > 0) {\r\n message =\r\n message +\r\n \"\" +\r\n viewBasketText +\r\n '';\r\n }\r\n\r\n $popup.find('.message').html(message);\r\n $popup.fadeIn(500, function() {\r\n $popup.delay(3000).fadeOut(500);\r\n });\r\n }\r\n\r\n /** Update basket preview count. */\r\n function UpdateTopBasket(itemCount) {\r\n $('.basket-count').html(itemCount);\r\n $('.basket-area .number').html('(' + itemCount + ')');\r\n }\r\n\r\n module.exports = self;\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var _ = require('underscore');\r\n require('chosen-js/chosen.jquery.min.js');\r\n\r\n // Initialise chosen.\r\n initialise();\r\n\r\n // Add resize event listener.\r\n $(window).resize(_.debounce(initialise, 100));\r\n\r\n /** Initialise */\r\n function initialise() {\r\n if (!isMobileOrTablet() && window.matchMedia('screen and (min-width: 768px)').matches) {\r\n var $select = $('select');\r\n\r\n if (!$select.hasClass('chosen-select')) {\r\n $select.addClass('chosen-select');\r\n }\r\n\r\n $('.chosen-select').chosen({\r\n // jshint camelcase:false\r\n disable_search_threshold: 10,\r\n // jshint camelcase:true\r\n });\r\n } else {\r\n $('.chosen-select').chosen('destroy');\r\n }\r\n }\r\n\r\n /** Check if device is iOS or Android. */\r\n function isMobileOrTablet() {\r\n var userAgent = navigator.userAgent || navigator.vendor || window.opera;\r\n\r\n // Check user agent for iOS devices.\r\n if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i) || userAgent.match(/iPod/i)) {\r\n return true;\r\n }\r\n\r\n // Check user agent for Android devices.\r\n if (userAgent.match(/Android/i)) {\r\n return true;\r\n }\r\n\r\n // Assume everything else is not mobile or tablet.\r\n return false;\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n require('fancybox-core');\r\n require('fancybox-media');\r\n\r\n var $fancybox = $('.fancybox');\r\n\r\n $fancybox.fancybox({\r\n openEffect: 'none',\r\n closeEffect: 'none',\r\n helpers: {\r\n media: {},\r\n },\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n require('owl-carousel/owl.carousel.js');\r\n\r\n $('.home-banner').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 1000,\r\n pagination: false,\r\n singleItem: true,\r\n afterInit: function() {\r\n setTimeout(function() {\r\n $('.animate-banner').addClass('slide-in');\r\n }, 800);\r\n },\r\n });\r\n\r\n $('#widget-banner').owlCarousel({\r\n navigation: true,\r\n slideSpeed: 700,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n $('#advertise-carousel').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n paginationSpeed: 700,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n $('#product-carousel').owlCarousel({\r\n navigation: false,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n paginationSpeed: 700,\r\n pagination: true,\r\n singleItem: true,\r\n });\r\n\r\n $('.page-banner-inner').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 700,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n $('.js-page-banner-inner').owlCarousel({\r\n navigation: true,\r\n autoPlay: 7000,\r\n slideSpeed: 1000,\r\n pagination: false,\r\n singleItem: true,\r\n });\r\n\r\n function mediaHeight() {\r\n //removes inline styles (heights)\r\n $('.case-box').removeAttr('style');\r\n if ($(window).innerWidth() > 767) {\r\n //sets height on media hub items to make them all match.\r\n $('.media-main')\r\n .find('.owl-item')\r\n .each(function() {\r\n var $item = $(this);\r\n var newHeight = '0';\r\n\r\n $item.find('.equalHub').each(function() {\r\n var $col = $(this);\r\n\r\n var colHeight = $col.outerHeight();\r\n\r\n if (colHeight > newHeight) {\r\n newHeight = colHeight;\r\n }\r\n //this checks to see if there are another set of columns inside the item if so it has to get the\r\n //remaining height difference to add that rather than change the height of each box\r\n if ($col.find('.col-sm-6').length) {\r\n $col.addClass('mulitple-box');\r\n $col.find('.col-sm-6').each(function() {\r\n var innerColHeight = $(this).outerHeight();\r\n\r\n if (innerColHeight < newHeight) {\r\n var differenceInHeight = newHeight - innerColHeight;\r\n\r\n var currentHeightOfLast = $(this)\r\n .find('.case-box:last-child')\r\n .outerHeight();\r\n $(this)\r\n .find('.case-box:last-child')\r\n .css('height', currentHeightOfLast + differenceInHeight);\r\n }\r\n });\r\n } else {\r\n $col.addClass('single-box');\r\n }\r\n });\r\n\r\n $item\r\n .find('.single-box')\r\n .find('.case-box')\r\n .css('height', newHeight);\r\n });\r\n }\r\n }\r\n\r\n //media hub carousel\r\n var mediamain = $('.media-main');\r\n var mediaview = $('.media-view-carousel');\r\n\r\n mediamain.owlCarousel({\r\n singleItem: true,\r\n slideSpeed: 1000,\r\n navigation: true,\r\n navigationText: false,\r\n pagination: false,\r\n autoHeight: true,\r\n afterAction: syncPosition,\r\n responsiveRefreshRate: 200,\r\n afterInit: function() {\r\n //on carousel load add the navigation in and the inner spans for the text\r\n $('.media-hub .owl-prev').append(\r\n 'prev',\r\n );\r\n $('.media-hub .owl-next').append(\r\n 'next',\r\n );\r\n\r\n mediaHeight();\r\n\r\n //twitter widget script\r\n $.getScript('https://platform.twitter.com/widgets.js', function() {\r\n //calling method load\r\n twttr.widgets.load();\r\n });\r\n },\r\n afterUpdate: function() {\r\n mediaHeight();\r\n },\r\n afterMove: function() {\r\n //after moving the text is got from the correct span in the media view carousel and applied to the inner span navigation text\r\n\r\n //timeout is used as it should only be applied after the animation has finished (which is specified up there ^^ as slidespeed)\r\n setTimeout(function() {\r\n var currentItem = $('.media-view-carousel .owl-item.synced');\r\n var currentIndex = currentItem.index() + 1;\r\n var amountOfItems = $('.media-view-carousel .owl-item').length;\r\n var nextText = '';\r\n var prevText = '';\r\n\r\n if (currentIndex < amountOfItems) {\r\n nextText = currentItem\r\n .next('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n if (currentIndex === 1) {\r\n prevText = $('.media-view-carousel .owl-item:last-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n } else {\r\n prevText = currentItem\r\n .prev('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n }\r\n } else if (currentIndex === amountOfItems) {\r\n nextText = $('.media-view-carousel .owl-item:first-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n prevText = currentItem\r\n .prev('.owl-item')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n }\r\n }, 1000);\r\n\r\n //animate green bar to current position of media view\r\n var $synced = $('.media-view-carousel .owl-item.synced');\r\n var currentPosition = $synced.position().left;\r\n var spanWidth = $synced.find('span').width();\r\n $('.media-hub .media-view .grey-bar .green-block').css({\r\n left: currentPosition,\r\n width: spanWidth,\r\n });\r\n },\r\n });\r\n\r\n mediaview.owlCarousel({\r\n items: 8,\r\n itemsDesktop: [1199, 8],\r\n itemsDesktopSmall: [979, 6],\r\n itemsTablet: [768, 5],\r\n itemsMobile: [479, 5],\r\n pagination: false,\r\n responsiveRefreshRate: 100,\r\n afterInit: function(el) {\r\n //this loads after the initial carousel, so after that has loaded:\r\n //on load change text inside nav buttons\r\n var prevText = $('.media-view-carousel .owl-item:last-child')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-prev .inner-span')\r\n .empty()\r\n .append(prevText);\r\n\r\n var nextText = $('.media-view-carousel .owl-item:nth-child(2)')\r\n .find('span')\r\n .html();\r\n $('.text-span.text-next .inner-span')\r\n .empty()\r\n .append(nextText);\r\n\r\n el.find('.owl-item')\r\n .eq(0)\r\n .addClass('synced');\r\n },\r\n });\r\n\r\n function syncPosition(el) {\r\n var current = this.currentItem;\r\n $('.media-view-carousel')\r\n .find('.owl-item')\r\n .removeClass('synced')\r\n .eq(current)\r\n .addClass('synced');\r\n\r\n if ($('.media-view-carousel').data('owlCarousel') !== undefined) {\r\n center(current);\r\n }\r\n }\r\n\r\n $('.media-view-carousel').on('click', '.owl-item', function(e) {\r\n e.preventDefault();\r\n var number = $(this).data('owlItem');\r\n mediamain.trigger('owl.goTo', number);\r\n });\r\n\r\n function center(number) {\r\n var mediaviewvisible = mediaview.data('owlCarousel').owl.visibleItems;\r\n var num = number;\r\n var found = false;\r\n for (var i in mediaviewvisible) {\r\n if (num === mediaviewvisible[i]) {\r\n found = true;\r\n }\r\n }\r\n\r\n if (found === false) {\r\n if (num > mediaviewvisible[mediaviewvisible.length - 1]) {\r\n mediaview.trigger('owl.goTo', num - mediaviewvisible.length + 2);\r\n } else {\r\n if (num - 1 === -1) {\r\n num = 0;\r\n }\r\n mediaview.trigger('owl.goTo', num);\r\n }\r\n } else if (num === mediaviewvisible[mediaviewvisible.length - 1]) {\r\n mediaview.trigger('owl.goTo', mediaviewvisible[1]);\r\n } else if (num === mediaviewvisible[0]) {\r\n mediaview.trigger('owl.goTo', num - 1);\r\n }\r\n }\r\n})();\r\n","/* eslint-disable */\r\nconst initCookiePanel = () => {\r\n window.addEventListener('CookieScriptAcceptAll', () => acceptAll());\r\n window.addEventListener('CookieScriptAccept', e => acceptCategories(e.detail.categories));\r\n window.addEventListener('CookieScriptReject', () => rejectAll());\r\n};\r\n\r\nconst acceptAll = async () => {\r\n try {\r\n const res = await fetch('/sitefiles/handlers/cookies.ashx', {\r\n method: 'POST',\r\n body: JSON.stringify({ accept: true }),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n });\r\n\r\n if (!res.ok) {\r\n console.error('Error Accepting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n } catch (error) {\r\n console.error('Error Accepting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n};\r\n\r\nconst acceptCategories = async categories => {\r\n try {\r\n const res = await fetch('/sitefiles/handlers/cookies.ashx', {\r\n method: 'POST',\r\n body: JSON.stringify({ accept: true, categories }),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n });\r\n\r\n if (!res.ok) {\r\n console.error('Error Accepting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n } catch (error) {\r\n console.error('Error Accepting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n};\r\n\r\nconst rejectAll = async () => {\r\n try {\r\n const res = await fetch('/sitefiles/handlers/cookies.ashx', {\r\n method: 'POST',\r\n body: JSON.stringify({ accept: false }),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n });\r\n\r\n if (!res.ok) {\r\n console.error('Error Rejecting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n } catch (error) {\r\n console.error('Error Rejecting Cookies', res.status, res.statusText, res);\r\n return;\r\n }\r\n};\r\n\r\nconst dismiss = () => {\r\n setCookie('1', { expires: 30, path: '/' });\r\n};\r\n\r\ninitCookiePanel();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n function getParameterByName(name) {\r\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search);\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n\r\n //map point click...\r\n $('.map')\r\n .find('.map-point')\r\n .click(function() {\r\n var $this = $(this);\r\n var $mapPopup = $('.map-popup');\r\n var $popupHeight = 0;\r\n var $pointPosition = $this.offset();\r\n var $ID = $this.attr('id');\r\n var $selectedPopup = $mapPopup.find('*[data-id=' + $ID + ']');\r\n var $selectedFilter = $('.map-filter').find('*[data-id=' + $ID + ']');\r\n\r\n //removes all active classes on filters then adds to selected item\r\n $('.map-filter ul li').removeClass('active');\r\n $selectedFilter.addClass('active');\r\n\r\n //hides all popup divs to start with by removing class active\r\n $('.map-popup .popup-content').removeClass('active');\r\n\r\n //adds class active to the one which is clicked and matches the attribute and id, then displays\r\n $selectedPopup.addClass('active');\r\n\r\n $popupHeight = getPopupHeight($selectedPopup);\r\n\r\n //show map function\r\n showMapPoint($mapPopup, $pointPosition, $popupHeight);\r\n });\r\n\r\n //Filter list item click...\r\n $('.map-filter')\r\n .find('ul li a')\r\n .click(function() {\r\n var $this = $(this);\r\n var $mapPopup = $('.map-popup');\r\n var $popupHeight = 0;\r\n var $ID = $this.parent().attr('data-id');\r\n var $selectedPopup = $mapPopup.find('*[data-id=' + $ID + ']');\r\n var $selectedMapPoint = $('#' + $ID);\r\n var $pointPosition = $selectedMapPoint.offset();\r\n\r\n //removes all active classes on filters then adds to selected item\r\n $('.map-filter ul li').removeClass('active');\r\n $this.parent().addClass('active');\r\n\r\n //hides all popup divs to start with by removing class active\r\n $('.map-popup .popup-content').removeClass('active');\r\n\r\n //adds class active to the one which is clicked and matches the attribute and id, then displays\r\n $selectedPopup.addClass('active');\r\n\r\n $popupHeight = getPopupHeight($selectedPopup);\r\n\r\n //show map function\r\n showMapPoint($mapPopup, $pointPosition, $popupHeight);\r\n\r\n return false;\r\n });\r\n\r\n function getPopupHeight($selectedPopup) {\r\n var height = 0;\r\n\r\n //displays the popup off the page\r\n //sets the height of the popup parent\r\n //returns back to top 0\r\n $selectedPopup.parent('.map-popup').css('top', '-9999px');\r\n height = $selectedPopup.parent('.map-popup').outerHeight() + 17;\r\n $selectedPopup.parent('.map-popup').css('top', '0px');\r\n\r\n return height;\r\n }\r\n\r\n function showMapPoint($mapPopup, $pointPosition, $popupHeight) {\r\n var $mapOffset = $('.map').offset();\r\n var $arrowPointerWidth = 208;\r\n\r\n if ($(window).innerWidth() < 992) {\r\n $arrowPointerWidth = 138;\r\n }\r\n\r\n //if popup has class opened\r\n //remove class and fade out popup\r\n if ($mapPopup.hasClass('opened')) {\r\n $mapPopup.removeClass('opened');\r\n //hides all\r\n $mapPopup.hide();\r\n //sets the position of the popup...\r\n //gets the top and left position of the point\r\n //gets the height of the popup and subtracts\r\n //gets the difference in offset between the map and point\r\n //adds class and fades in popup\r\n $mapPopup\r\n .css({\r\n top: $pointPosition.top - $popupHeight - $mapOffset.top,\r\n left: $pointPosition.left - $arrowPointerWidth - $mapOffset.left,\r\n })\r\n .addClass('opened')\r\n .fadeIn();\r\n } else {\r\n $mapPopup\r\n .css({\r\n top: $pointPosition.top - $popupHeight - $mapOffset.top,\r\n left: $pointPosition.left - $arrowPointerWidth - $mapOffset.left,\r\n })\r\n .addClass('opened')\r\n .fadeIn();\r\n }\r\n }\r\n\r\n //click on body to close popup unless clicked on map area\r\n if ($(window).innerWidth() > 767) {\r\n $(document).mouseup(function(e) {\r\n var popUp = $('.map');\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!popUp.is(e.target) && popUp.has(e.target).length === 0) {\r\n $('.map-popup').removeClass('opened');\r\n $('.map-popup').hide();\r\n $('.map-filter ul li').removeClass('active');\r\n }\r\n });\r\n }\r\n\r\n //close icon closes popup on click\r\n $('.close-btn').click(function() {\r\n $(this)\r\n .closest('.map-popup')\r\n .fadeOut();\r\n });\r\n\r\n function filterDropdown() {\r\n var $mapFilter = $('.map-filter');\r\n var $mapPopup = $('.map-popup');\r\n\r\n //show first popup\r\n //set first child popup and filter li to have class of active until selecting another item\r\n $mapPopup.fadeIn();\r\n $mapPopup.find('.popup-content:first-child').addClass('active');\r\n $mapFilter.find('ul li:first-child').addClass('active');\r\n\r\n //Click to dropdown list of filters...\r\n $mapFilter.find('h3').click(function() {\r\n //if this doesn't have class open add it then slide down\r\n //otherwise remove and slide up\r\n if (!$(this).hasClass('slide-open')) {\r\n $(this).addClass('slide-open');\r\n $(this)\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideDown(600);\r\n } else {\r\n $(this).removeClass('slide-open');\r\n $(this)\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideUp(600);\r\n }\r\n });\r\n\r\n //filter item click...\r\n $mapFilter.find('ul li a').click(function() {\r\n if ($(window).innerWidth() < 768) {\r\n //removes class and slides filter up\r\n $('.map-filter h3').removeClass('slide-open');\r\n $('.map-filter h3')\r\n .siblings('.link-wrap')\r\n .stop()\r\n .slideUp(600);\r\n\r\n return false;\r\n }\r\n });\r\n }\r\n\r\n //IE8 Fallback shows first popup\r\n if ($('#page-wrapper').hasClass('IE8')) {\r\n var $mapFilter = $('.map-filter');\r\n var $mapPopup = $('.map-popup');\r\n\r\n //show first popup\r\n //set first child popup and filter li to have class of active until selecting another item\r\n $mapPopup.fadeIn();\r\n $mapPopup.find('.popup-content:first-child').show();\r\n $mapFilter.find('ul li:first-child').addClass('active');\r\n\r\n $mapFilter.find('ul li a').click(function() {\r\n if (\r\n $(this)\r\n .parent('li')\r\n .index() === 0\r\n ) {\r\n $mapPopup.find('.popup-content:first-child').show();\r\n } else {\r\n $mapPopup.find('.popup-content:first-child').hide();\r\n }\r\n });\r\n }\r\n\r\n if ($(window).innerWidth() < 768) {\r\n filterDropdown();\r\n }\r\n\r\n /* Store the window width */\r\n var windowWidth = $(window).width();\r\n\r\n /* Resize Event */\r\n $(window).resize(function() {\r\n // Check window width has actually changed and it's not just iOS triggering a resize event on scroll\r\n if ($(window).width() !== windowWidth) {\r\n if ($(window).innerWidth() < 768) {\r\n if (windowWidth > 767) {\r\n //remove styles and unbind events\r\n $('.map-filter h3').unbind();\r\n $('.map-filter ul li').removeClass('active');\r\n $('.map-popup').removeAttr('style');\r\n $('.map-popup .popup-content').removeClass('active');\r\n $(document).unbind();\r\n filterDropdown();\r\n }\r\n } else {\r\n $('.map-filter .link-wrap').show();\r\n }\r\n\r\n // Update the window width for next time\r\n windowWidth = $(window).width();\r\n }\r\n });\r\n\r\n var $queryID = getParameterByName('location');\r\n\r\n if ($queryID.length > 0) {\r\n var $locationPoint = $('.inner-map').find('#location-' + $queryID);\r\n $locationPoint.click();\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n if (!$('body').hasClass('IE8')) {\r\n // Listen for orientation changes\r\n //fixes bug on ipad\r\n window.addEventListener('orientationchange', function() {\r\n $('body').fadeOut(1, function() {\r\n $('body').fadeIn(1);\r\n });\r\n });\r\n\r\n horizontalDetect();\r\n\r\n //if not ipad or iphone\r\n if (!isiPad() && !isiPhone()) {\r\n $('body').addClass('everything-else');\r\n }\r\n\r\n if (isiPad()) {\r\n $('body').addClass('iPad');\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n $('body').removeClass('iPad-vertical');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n $('body').addClass('iPad-vertical');\r\n }\r\n\r\n // Listen for orientation changes\r\n window.addEventListener(\r\n 'orientationchange',\r\n function() {\r\n // Announce the new orientation number\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n }\r\n },\r\n false,\r\n );\r\n }\r\n\r\n if (isiPhone()) {\r\n $('body').addClass('iPhone');\r\n //if ($(window).height() <= 480)\r\n // {\r\n // $('body').addClass('iPhone4');\r\n //}\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n\r\n // Listen for orientation changes\r\n window.addEventListener(\r\n 'orientationchange',\r\n function() {\r\n // Announce the new orientation number\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n },\r\n false,\r\n );\r\n }\r\n\r\n $(window).resize(function() {\r\n horizontalDetect();\r\n\r\n if ($(window).innerWidth() > 767) {\r\n if ($('body').hasClass('iPhone-horizontal')) {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n if ($('body').hasClass('iPad-horizontal')) {\r\n $('body').removeClass('iPad-horizontal');\r\n }\r\n } else {\r\n if (isiPhone()) {\r\n if (!$('body').hasClass('iPhone')) {\r\n $('body').addClass('iPhone');\r\n }\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPhone-horizontal');\r\n } else {\r\n $('body').removeClass('iPhone-horizontal');\r\n }\r\n }\r\n\r\n if (isiPad()) {\r\n if (!$('body').hasClass('iPad')) {\r\n $('body').addClass('iPad');\r\n }\r\n\r\n if (window.orientation === 90) {\r\n $('body').addClass('iPad-horizontal');\r\n $('body').removeClass('iPad-vertical');\r\n } else {\r\n $('body').removeClass('iPad-horizontal');\r\n $('body').addClass('iPad-vertical');\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n //generic device landscape\r\n function horizontalDetect() {\r\n if ($(window).innerWidth() < 992) {\r\n var viewHeight = $(window).height();\r\n var viewWidth = $(window).width();\r\n\r\n if (viewWidth > viewHeight) {\r\n if (!$('body').hasClass('landscape')) {\r\n $('body').addClass('landscape');\r\n }\r\n } else {\r\n if ($('body').hasClass('landscape')) {\r\n $('body').removeClass('landscape');\r\n }\r\n }\r\n }\r\n }\r\n\r\n // iDevices -- Return boolean TRUE/FALSE\r\n function isiPhone() {\r\n return navigator.platform.indexOf('iPhone') !== -1 || navigator.platform.indexOf('iPod') !== -1;\r\n }\r\n\r\n function isiPad() {\r\n return navigator.platform.indexOf('iPad') !== -1;\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $footerlinks = $('.footer-links');\r\n\r\n function footerLinks() {\r\n if ($(window).innerWidth() < 551) {\r\n //slide toggle footer links on click add/remove class\r\n $footerlinks.find('h3').click(function() {\r\n if (\r\n !$(this)\r\n .parent($footerlinks)\r\n .hasClass('footer-open')\r\n ) {\r\n $(this)\r\n .parent($footerlinks)\r\n .addClass('footer-open');\r\n $(this)\r\n .siblings('ul')\r\n .stop()\r\n .slideDown();\r\n } else {\r\n $(this)\r\n .parent($footerlinks)\r\n .removeClass('footer-open');\r\n $(this)\r\n .siblings('ul')\r\n .stop()\r\n .slideUp();\r\n }\r\n });\r\n }\r\n }\r\n\r\n if ($(window).innerWidth() < 551) {\r\n footerLinks();\r\n }\r\n\r\n $(window).resize(function() {\r\n $footerlinks.find('h3').unbind();\r\n\r\n if ($(window).innerWidth() < 551) {\r\n footerLinks();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n //Change hrefs to GA phone number\r\n setInterval(function() {\r\n var $telNo = $('.telNo');\r\n\r\n if ($telNo.length > 0) {\r\n $telNo.attr('href', 'tel:' + $telNo.html().replace(/ /g, ''));\r\n }\r\n }, 2000);\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $loginarea = $('.login-area');\r\n\r\n function loginDesktop() {\r\n var $loginClick = $loginarea.find('.login-click');\r\n $loginClick.click(function() {\r\n var $this = $(this);\r\n var $dropLogin = $this.siblings('.drop-login');\r\n\r\n if ($dropLogin.hasClass('open')) {\r\n $dropLogin.removeClass('open');\r\n $dropLogin.stop().slideUp();\r\n } else {\r\n $dropLogin.addClass('open');\r\n //slides down the login and focuses\r\n $dropLogin.stop().slideDown();\r\n $dropLogin.find('.input-box:first-child input').focus();\r\n }\r\n });\r\n }\r\n\r\n function loginMobile() {\r\n var $loginClick = $loginarea.find('.login-click');\r\n\r\n $loginClick.click(function() {\r\n var $this = $(this);\r\n var $dropLogin = $this.siblings('.drop-login');\r\n\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n //slides up the search dropdown if open and removes class\r\n if ($ipadSearch.hasClass('active')) {\r\n $ipadSearch.removeClass('active');\r\n $('.ipad-search .drop-search')\r\n .stop()\r\n .slideUp();\r\n }\r\n\r\n //slides down the login\r\n $loginarea.toggleClass('active');\r\n $dropLogin.stop().slideToggle();\r\n });\r\n }\r\n\r\n function countryDrop() {\r\n var $dropClick = $('.selected-country a');\r\n\r\n $dropClick.click(function(e) {\r\n e.preventDefault();\r\n\r\n var $this = $(this);\r\n var $dropCountries = $this.parent().siblings('.other-coutries');\r\n\r\n //slides up the country dropdown if open and removes class\r\n if (!$this.parent().hasClass('open')) {\r\n $this.parent().addClass('open');\r\n $dropCountries.slideDown();\r\n } else {\r\n $this.parent().removeClass('open');\r\n $dropCountries.slideUp();\r\n }\r\n });\r\n }\r\n\r\n countryDrop();\r\n\r\n if ($(window).innerWidth() > 991) {\r\n loginDesktop();\r\n } else {\r\n loginMobile();\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n $loginarea.unbind();\r\n\r\n if (viewport().width >= 991) {\r\n loginDesktop();\r\n } else {\r\n loginMobile();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $nav = $('nav');\r\n var $primaryNavHolder = $('.js-primary-header');\r\n var $subNavHolder = $('.js-sub-nav-holder');\r\n var $subNav = $('.js-sub-nav');\r\n var $subNavButton = $('.js-show-sub-nav');\r\n var ACTIVE = 'is-active';\r\n const PADDING = 'primary-header--padded';\r\n const FIXED = 'sub-nav--fixed';\r\n\r\n if ($subNavHolder.length && matchMedia('(max-width: 767px)').matches === false) {\r\n const initialSubNavPos = $subNavHolder.offset().top;\r\n\r\n $(window).on('scroll', function() {\r\n const windowPos = $(window).scrollTop();\r\n\r\n if (windowPos > initialSubNavPos) {\r\n $primaryNavHolder.addClass(PADDING);\r\n $subNavHolder.addClass(FIXED);\r\n } else if (windowPos < initialSubNavPos) {\r\n $primaryNavHolder.removeClass(PADDING);\r\n $subNavHolder.removeClass(FIXED);\r\n }\r\n });\r\n }\r\n\r\n $nav.find('ul li a').click(function(e) {\r\n var $this = $(this).parent('li');\r\n\r\n if ($this.hasClass('drop-open')) {\r\n closeNavBlock($this);\r\n return false;\r\n } else {\r\n if ($this.children('.drop').length) {\r\n closeBeforeOpenNavBlock($this);\r\n showNavBlock($this);\r\n\r\n return false;\r\n }\r\n }\r\n });\r\n\r\n // show menu block\r\n function showNavBlock($this) {\r\n if ($('nav ul li').hasClass('drop-open')) {\r\n if ($this.hasClass('drop-open')) {\r\n return true;\r\n } else {\r\n closeBeforeOpenNavBlock($this);\r\n return false;\r\n }\r\n } else {\r\n openNavBlock($this);\r\n return false;\r\n }\r\n }\r\n\r\n // open nav block with animation depending on window width\r\n function openNavBlock($this) {\r\n var $ulList = $('nav > ul');\r\n var $listHeight = $('nav > ul').outerHeight();\r\n var $dropHeight = 0;\r\n var $headerHeight = $('header').outerHeight();\r\n\r\n //With opacity still on 0, it shows the drop, gets the height and hides it again.\r\n //then sets opacity back to 1\r\n $this.find('.drop').show();\r\n $dropHeight = $this.find('.drop').outerHeight();\r\n $this.find('.drop').css({\r\n display: 'none',\r\n opacity: '1',\r\n });\r\n //with the height already in a variable you can now show the dropdown as normal\r\n\r\n //animates content back to be the dropdown and header height, also slides down the selected dropdown\r\n resizeContent($this, $dropHeight, $headerHeight);\r\n $this.addClass('drop-open');\r\n\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n $this\r\n .find('.drop')\r\n .stop()\r\n .fadeIn();\r\n if ($dropHeight > $listHeight) {\r\n $ulList.animate(\r\n {\r\n height: $dropHeight,\r\n },\r\n 400,\r\n );\r\n } else {\r\n $ulList.animate(\r\n {\r\n height: '100%',\r\n },\r\n 400,\r\n );\r\n }\r\n } else {\r\n $this\r\n .find('.drop')\r\n .stop()\r\n .slideDown();\r\n }\r\n }\r\n\r\n // close old nav, then open selected nav block with animation depending on window width\r\n function closeBeforeOpenNavBlock($this) {\r\n if ($(window).innerWidth() > 991 || $(window).innerWidth() < 768) {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n openNavBlock($this);\r\n });\r\n } else {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .fadeOut(400, function() {\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n openNavBlock($this);\r\n });\r\n }\r\n }\r\n\r\n // close nav\r\n function closeNavBlock($this) {\r\n // var $contentwrap = $('.content-wrap');\r\n // var $headerHeight = $('header').outerHeight();\r\n\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n //if banner exists\r\n // if ($('.banner-area').length) {\r\n // $contentwrap.animate({\r\n // 'margin-top': 0\r\n // }, 600);\r\n // }\r\n // else {\r\n // $contentwrap.animate({\r\n // 'margin-top': $headerHeight + 20\r\n // });\r\n // }\r\n\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n });\r\n }\r\n\r\n // move banner\r\n function resizeContent($this, dropHeight, headerHeight) {\r\n // var $contentwrap = $('.content-wrap');\r\n\r\n if (dropHeight === 0 || headerHeight === 0) {\r\n headerHeight = $('header').outerHeight();\r\n\r\n if ($this === 0) {\r\n $this = $('nav ul li.drop-open');\r\n\r\n dropHeight = $this.find('.drop').outerHeight();\r\n }\r\n }\r\n\r\n //animates content back to be the dropdown and header height, also slides down the selected dropdown\r\n // if (dropHeight > 0 && headerHeight > 0) {\r\n // $contentwrap.animate({\r\n // 'margin-top': dropHeight + headerHeight\r\n // }, 400);\r\n // }\r\n }\r\n\r\n //menu click animates button\r\n\r\n $('.menu-btn').click(function() {\r\n if (!$(this).hasClass('menu-open')) {\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n //adds open class and slides down content\r\n //shows first dropdown\r\n $(this).addClass('menu-open');\r\n $('.desktop-nav')\r\n .stop()\r\n .slideDown(600);\r\n var $firstItem = $nav.find('ul li:nth-child(2)');\r\n showNavBlock($firstItem);\r\n } else if ($(window).innerWidth() < 768) {\r\n //adds class to inner wrapper and slides out, animated in css\r\n $(this).addClass('menu-open');\r\n $('.inner-wrapper').addClass('move-wrapper');\r\n $('.moved-nav').addClass('slide-open');\r\n }\r\n } else {\r\n if ($(window).innerWidth() > 767 && $(window).innerWidth() < 992) {\r\n //adds open class and slides up content\r\n $(this).removeClass('menu-open');\r\n $('.desktop-nav')\r\n .stop()\r\n .slideUp(600);\r\n } else if ($(window).innerWidth() < 768) {\r\n //removes class on inner wrapper and slides in, animated in css\r\n $(this).removeClass('menu-open');\r\n $('.inner-wrapper').removeClass('move-wrapper');\r\n $('.moved-nav').removeClass('slide-open');\r\n }\r\n }\r\n });\r\n\r\n //menu click resize\r\n function menuResize() {\r\n if ($(window).innerWidth() > 767) {\r\n $('.menu-btn').removeClass('menu-open');\r\n $('.inner-wrapper').removeClass('move-wrapper');\r\n $('.moved-nav').removeClass('slide-open');\r\n $('.desktop-nav nav .page-links').appendTo('.left-links');\r\n } else {\r\n $('.left-links ul').appendTo('.desktop-nav nav');\r\n }\r\n }\r\n menuResize();\r\n\r\n //click body to close nav dropdown\r\n $(document).mouseup(function(e) {\r\n var dropDown = $('.drop-open');\r\n // var $contentwrap = $('.content-wrap');\r\n // var $headerHeight = $('header').outerHeight();\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!dropDown.is(e.target) && dropDown.has(e.target).length === 0) {\r\n $('.drop-open')\r\n .find('.drop')\r\n .stop()\r\n .slideUp(400, function() {\r\n //if banner exists\r\n // if ($('.banner-area').length) {\r\n // $contentwrap.animate({\r\n // 'margin-top': 0\r\n // }, 600);\r\n // }\r\n // else {\r\n // $contentwrap.animate({\r\n // 'margin-top': $headerHeight + 20\r\n // });\r\n // }\r\n\r\n $('.drop-open').removeClass('drop-open');\r\n $('.drop').css('opacity', '0');\r\n });\r\n }\r\n });\r\n\r\n function ipadNavDimentions() {\r\n //gets the width of the current window\r\n //works out the width remaining from the parents width\r\n //sets new width for the nav item\r\n var $windowWidth = $(window).outerWidth();\r\n var $listWidth = $('.desktop-nav').outerWidth();\r\n var $newItemWidth = $windowWidth - $listWidth - 20;\r\n\r\n $('nav ul li')\r\n .find('.drop')\r\n .css('width', $newItemWidth);\r\n\r\n $('nav > ul').outerHeight();\r\n $('nav ul')\r\n .find('.drop')\r\n .outerHeight();\r\n }\r\n\r\n if ($subNavButton.length) {\r\n $subNavButton.on('click', function() {\r\n $subNavButton.toggleClass(ACTIVE);\r\n $subNav.toggleClass(ACTIVE);\r\n });\r\n }\r\n\r\n if ($(window).innerWidth() < 992) {\r\n ipadNavDimentions();\r\n\r\n //moves the nav to correct position for iPad\r\n $('.back-to-desktop .desktop-nav').appendTo('.moved-nav');\r\n } else {\r\n //moves the nav back to correct position for desktop\r\n $('.moved-nav .desktop-nav').appendTo('.back-to-desktop');\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n menuResize();\r\n\r\n if (viewport().width >= 991) {\r\n $('.moved-nav .desktop-nav').appendTo('.back-to-desktop');\r\n $('.back-to-desktop .desktop-nav').show();\r\n $('nav ul').removeAttr('style');\r\n $('nav ul li')\r\n .find('.drop')\r\n .css('width', '100%');\r\n\r\n setTimeout(function() {\r\n resizeContent(0, 0, 0);\r\n }, 500);\r\n } else {\r\n $('.back-to-desktop .desktop-nav').appendTo('.moved-nav');\r\n ipadNavDimentions();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n 'use strict';\r\n\r\n var $ = require('jquery');\r\n var _ = require('underscore');\r\n\r\n $(window).on('load', pageLoad);\r\n $(window).resize(_.debounce(pageResize, 100));\r\n\r\n //Remove no-js class from page-wrapper\r\n // $('#page-wrapper').removeClass('no-js');\r\n\r\n /** Handle page resize. */\r\n function pageResize() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n if (viewport().width >= 991) {\r\n //timeout is used for the transition time difference when resizing the window\r\n setTimeout(function() {\r\n animateContent();\r\n }, 500);\r\n }\r\n }\r\n\r\n /** Handle page load. */\r\n function pageLoad() {\r\n setTimeout(function() {\r\n $('.HomePage header').addClass('fade-in');\r\n $('.HomePage footer').fadeIn();\r\n $('header .grey-bar').addClass('animate');\r\n }, 600);\r\n\r\n function animateSignposts() {\r\n var lis = [];\r\n\r\n $('.homepage-signposts .signpost-item').each(function() {\r\n if ($(this).css('opacity') === '0') {\r\n lis.push(this);\r\n }\r\n });\r\n\r\n var delay = 0;\r\n $(lis).each(function() {\r\n $(this)\r\n .delay(delay)\r\n .animate(\r\n {\r\n opacity: 1,\r\n },\r\n 1000,\r\n );\r\n delay += 100;\r\n });\r\n }\r\n\r\n setTimeout(function() {\r\n $('.load-home-content').addClass('fade-in');\r\n animateSignposts();\r\n }, 600);\r\n\r\n // Highlight top nav - done in javascript to improve performance\r\n var pathname = window.location.pathname;\r\n var splitPath = pathname.split('/');\r\n\r\n $('nav ul li a').each(function() {\r\n var $this = $(this);\r\n\r\n if (\r\n splitPath.length > 2 &&\r\n splitPath[2].replace('/', '').toLowerCase() ===\r\n $this\r\n .attr('href')\r\n .replace('/', '')\r\n .toLowerCase()\r\n ) {\r\n $this.addClass('active');\r\n }\r\n });\r\n\r\n if ($(window).innerWidth() > 991) {\r\n animateContent();\r\n }\r\n\r\n $('table').each(function() {\r\n $(this).addClass('table');\r\n $(this).wrap('');\r\n });\r\n\r\n $('.js-toggle-cookie-tab').click(function() {\r\n $('.cookie-panel-gdpr').slideToggle();\r\n });\r\n }\r\n\r\n function animateContent() {\r\n //if banner doesn't exist it animates the content to fit below the header on page load\r\n if (!$('.banner-area').length) {\r\n var $headerHeight = $('header').outerHeight();\r\n setTimeout(function() {\r\n $('.content-wrap').animate(\r\n {\r\n opacity: 1,\r\n },\r\n 500,\r\n );\r\n $('.content-wrap').css({\r\n 'margin-top': $headerHeight + 20,\r\n });\r\n }, 500);\r\n }\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n require('jquery-placeholder/jquery.placeholder.js');\r\n\r\n $('input, textarea').placeholder();\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var typeahead = require('./typeahead');\r\n\r\n var $search = $('.search-area');\r\n var $searchInput = $('.search-area input[type=\"search\"]');\r\n if (!$searchInput) {\r\n $searchInput = $('.js-search-ta');\r\n }\r\n typeahead.initialise($searchInput);\r\n\r\n function searchDesktop() {\r\n var $searchClick = $search.find('.search-click');\r\n $searchClick.click(function() {\r\n //slides down the search and focuses\r\n var $searchDrop = $(this).siblings('.drop-search');\r\n if ($searchDrop.hasClass('open')) {\r\n $searchDrop.removeClass('open');\r\n $searchDrop.stop().slideUp();\r\n } else {\r\n $searchDrop.addClass('open');\r\n $searchDrop.stop().slideDown();\r\n $(this)\r\n .find('.drop-search input')\r\n .focus();\r\n }\r\n });\r\n }\r\n\r\n function searchMobile() {\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n //first move the search into the new location for ipad and below\r\n $search.find('.drop-search').appendTo($ipadSearch);\r\n $search.find('.search-icon').appendTo($ipadSearch);\r\n\r\n $ipadSearch.find('.search-icon').click(function() {\r\n //slides up the login dropdown if open and removes class\r\n if ($('.login-area').hasClass('active')) {\r\n $('.login-area').removeClass('active');\r\n $('.login-area .drop-login')\r\n .stop()\r\n .slideUp();\r\n }\r\n\r\n //slides down the search and focuses\r\n $ipadSearch.toggleClass('active');\r\n $(this)\r\n .siblings('.drop-search')\r\n .stop()\r\n .slideToggle();\r\n });\r\n }\r\n\r\n if ($(window).innerWidth() > 991) {\r\n searchDesktop();\r\n } else {\r\n searchMobile();\r\n }\r\n\r\n $(window).resize(function() {\r\n //resize viewport function\r\n function viewport() {\r\n var e = window,\r\n a = 'inner';\r\n if (!('innerWidth' in window)) {\r\n a = 'client';\r\n e = document.documentElement || document.body;\r\n }\r\n return {\r\n width: e[a + 'Width'],\r\n height: e[a + 'Height'],\r\n };\r\n }\r\n\r\n var $ipadSearch = $('.ipad-search');\r\n\r\n if (viewport().width >= 991) {\r\n searchDesktop();\r\n //Move the search back into the original location for desktop\r\n $ipadSearch.find('.search-icon').appendTo($search);\r\n $ipadSearch.find('.drop-search').appendTo($search);\r\n } else {\r\n searchMobile();\r\n }\r\n });\r\n})();\r\n","/* eslint-disable */\r\n/**\r\n * Typeahead module.\r\n * @exports modules/typeahead\r\n * @version 0.1.0\r\n */\r\n(function() {\r\n var $ = require('jquery');\r\n var Handlebars = require('handlebars');\r\n require('typeahead-core');\r\n const Bloodhound = require('typeahead-bloodhound');\r\n\r\n var self = {};\r\n\r\n /** The suggestion engine used by Twitter Typeahead. */\r\n var data = new Bloodhound({\r\n datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),\r\n queryTokenizer: Bloodhound.tokenizers.whitespace,\r\n limit: 10,\r\n remote: {\r\n url: '/api/typeahead/getsearchitems?query=%QUERY',\r\n filter: dataFilter,\r\n wildcard: '%QUERY',\r\n },\r\n dupDetector: function(remoteMatch, localMatch) {\r\n return remoteMatch.value === localMatch.value && remoteMatch.url === localMatch.url;\r\n },\r\n });\r\n\r\n /** Process data from handler into datums.\r\n * @param (object) list\r\n */\r\n function dataFilter(list) {\r\n return $.map(list, function(item) {\r\n return {\r\n name: item,\r\n };\r\n });\r\n }\r\n\r\n /** Redirect to suggestion URL when selected.\r\n * @param (object) event\r\n * @param (object) suggestion\r\n * @param (string) name\r\n */\r\n function redirect(event, suggestion, name) {\r\n if (suggestion.name && suggestion.name.url) {\r\n window.location.href = suggestion.name.url;\r\n }\r\n }\r\n\r\n /** Initialise module.\r\n * @param (object) $target\r\n */\r\n self.initialise = function($target) {\r\n // Start pre-fetch of results.\r\n data.initialize();\r\n\r\n if ($target && $target.typeahead) {\r\n // Initialise type ahead plugin.\r\n $target\r\n .typeahead(null, {\r\n name: 'data',\r\n display: 'value',\r\n source: data,\r\n templates: {\r\n // https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#look-and-feel\r\n // suggestion: Handlebars.compile('{{#if image}}
{{{image name.image name.value}}}{{name.value}}
',\r\n ),\r\n },\r\n })\r\n .on('typeahead:selected', redirect);\r\n }\r\n };\r\n\r\n module.exports = self;\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $tabbedAreas = $('.js-tabbed-area');\r\n\r\n $tabbedAreas.each(function(i, item) {\r\n var $tabbedArea = $(item),\r\n $tabs = $('.tabbed-area__tab', $tabbedArea),\r\n $tabContents = $('.tabbed-area__content', $tabbedArea);\r\n\r\n $tabs.click(function(e) {\r\n e.preventDefault();\r\n\r\n var target = $(this).data('target'),\r\n $tab = $tabs.filter(function(i, item) {\r\n return $(item).data('target') === target;\r\n });\r\n\r\n $tabs.removeClass('tabbed-area__tab--active');\r\n $tabContents.removeClass('tabbed-area__content--active');\r\n\r\n $tab.addClass('tabbed-area__tab--active');\r\n\r\n $tabContents\r\n .filter(function(i, item) {\r\n return $(item).data('tab') === target;\r\n })\r\n .addClass('tabbed-area__content--active');\r\n });\r\n });\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n var Handlebars = require('handlebars');\r\n require('./custom-handlebars-helpers');\r\n\r\n var $techLibList = $('.technical-widget.load-more');\r\n\r\n var catNames = '';\r\n var self = {\r\n skip: 0,\r\n take: 4,\r\n };\r\n\r\n $techLibList.each(function(i, item) {\r\n var $list = $(item);\r\n\r\n var currentDocID = $list.find('.docID input[type=\"hidden\"]').val();\r\n var orderBy = $list.find('.orderby input[type=\"hidden\"]').val();\r\n var showOnlyOnSearch = $list\r\n .find('.showOnlyOnSearch input[type=\"hidden\"]')\r\n .val()\r\n .toLowerCase();\r\n var itemCont = $list.find('#' + $list.attr('id') + 'Replaced');\r\n var loadMore = $list.find('.load-more-btn');\r\n\r\n var templateElem = $list.find('#' + $list.attr('id') + 'Template');\r\n\r\n if (templateElem.length === 0) {\r\n return;\r\n }\r\n\r\n var source = templateElem.html();\r\n var template = Handlebars.compile(source);\r\n\r\n var searchInput = $('.tech-search input[type=\"text\"]');\r\n var searchBtn = $('.tech-search input[type=\"submit\"]');\r\n\r\n loadMore.click(function(e) {\r\n var $this = $(this);\r\n load(\r\n $this.data('skip'),\r\n $this.data('take'),\r\n catNames,\r\n itemCont,\r\n loadMore,\r\n template,\r\n orderBy,\r\n currentDocID,\r\n searchInput,\r\n false,\r\n );\r\n setTimeout(function() {}, 50);\r\n return false;\r\n });\r\n\r\n searchBtn.click(function(e) {\r\n e.preventDefault();\r\n loadMore.data('skip', 0);\r\n\r\n if (showOnlyOnSearch === 'true') {\r\n if (searchInput.val().length > 0) {\r\n $('.tech-wid-container').removeClass('hdn');\r\n } else {\r\n $('.tech-wid-container').addClass('hdn');\r\n }\r\n }\r\n\r\n load(\r\n 0,\r\n loadMore.data('take'),\r\n catNames,\r\n itemCont,\r\n loadMore,\r\n template,\r\n orderBy,\r\n currentDocID,\r\n searchInput,\r\n true,\r\n );\r\n setTimeout(function() {}, 50);\r\n return false;\r\n });\r\n\r\n $list.find('.orig').hide();\r\n\r\n if (showOnlyOnSearch === 'false') {\r\n load(\r\n loadMore.data('skip'),\r\n loadMore.data('take'),\r\n catNames,\r\n itemCont,\r\n loadMore,\r\n template,\r\n orderBy,\r\n currentDocID,\r\n searchInput,\r\n false,\r\n );\r\n }\r\n });\r\n\r\n function load(\r\n Skip,\r\n Take,\r\n catNames,\r\n itemContainer,\r\n loadMore,\r\n template,\r\n orderBy,\r\n currentDocID,\r\n searchInput,\r\n ClearList,\r\n ) {\r\n var searchText = searchInput.val();\r\n\r\n $('#divPostsLoader').html('');\r\n if (ClearList) {\r\n itemContainer.empty();\r\n }\r\n\r\n var tag = getParameterByName('tag');\r\n WebService.LoadTechLibDocs(\r\n Skip,\r\n Take,\r\n currentDocID,\r\n catNames,\r\n orderBy,\r\n tag,\r\n searchText,\r\n function(result) {\r\n itemContainer.append(template(result.Data));\r\n animateArticles(itemContainer);\r\n if (result.Data.AllLoaded === true) {\r\n loadMore.hide();\r\n } else {\r\n loadMore.show();\r\n }\r\n },\r\n );\r\n\r\n $('#divPostsLoader').empty();\r\n var newSkip = loadMore.data('skip') + Take;\r\n loadMore.data('skip', newSkip);\r\n }\r\n\r\n function animateArticles(itemContainer) {\r\n var lis = [];\r\n\r\n itemContainer.find('.tech-item').each(function() {\r\n if ($(this).css('opacity') === '0') {\r\n lis.push(this);\r\n }\r\n });\r\n\r\n var delay = 0;\r\n $(lis).each(function() {\r\n $(this)\r\n .delay(delay)\r\n .animate(\r\n {\r\n opacity: 1,\r\n },\r\n 500,\r\n );\r\n delay += 100;\r\n });\r\n }\r\n\r\n function getParameterByName(name) {\r\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search);\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n\r\n return self;\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n var $searchInput = $('.tech-search input[type=\"text\"]');\r\n\r\n $searchInput.focus(function() {\r\n var textWidth = $(this)\r\n .siblings('.search-text')\r\n .width();\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '-' + textWidth + 'px',\r\n });\r\n });\r\n\r\n $searchInput.blur(function() {\r\n if ($(this).val().length > 0) {\r\n $(this)\r\n .closest('.inner-search')\r\n .addClass('typed');\r\n var textWidth = $(this)\r\n .siblings('.search-text')\r\n .width();\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '-' + textWidth + 'px',\r\n });\r\n } else {\r\n $(this)\r\n .closest('.inner-search')\r\n .removeClass('typed');\r\n $(this)\r\n .siblings('.search-text')\r\n .css({\r\n left: '0px',\r\n });\r\n }\r\n });\r\n\r\n $('.login-box-top').click(function() {\r\n if ($('.login-box').hasClass('open-box')) {\r\n $('.login-box').removeClass('open-box');\r\n }\r\n\r\n $(this)\r\n .parent()\r\n .addClass('open-box');\r\n });\r\n\r\n $('.close-box').click(function() {\r\n $(this)\r\n .closest('.login-box')\r\n .removeClass('open-box');\r\n });\r\n\r\n $(document).click(function(e) {\r\n var loginBox = $('.login-box');\r\n\r\n // if the target of the click isn't the container nor a descendant of the container\r\n if (!loginBox.is(e.target) && loginBox.has(e.target).length === 0) {\r\n $('.login-box').removeClass('open-box');\r\n }\r\n });\r\n\r\n var returnUrl = getParameterByName('returnurl');\r\n var login = getParameterByName('login');\r\n var register = getParameterByName('register');\r\n\r\n if (returnUrl.length > 0 || login.length > 0) {\r\n $('.green-login .login-box-top').click();\r\n } else if (register.length > 0) {\r\n $('.reg-box .login-box-top').click();\r\n }\r\n\r\n $('.expand-login').click(function(e) {\r\n var $loginBoxTop = $('.green-login .login-box-top');\r\n\r\n if ($loginBoxTop.length) {\r\n e.preventDefault();\r\n $loginBoxTop.click();\r\n }\r\n });\r\n\r\n function getParameterByName(name) {\r\n name = name\r\n .replace(/[\\[]/, '\\\\[')\r\n .replace(/[\\]]/, '\\\\]')\r\n .toLowerCase();\r\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)'),\r\n results = regex.exec(location.search.toLowerCase());\r\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\r\n }\r\n})();\r\n","/* eslint-disable */\r\n(function() {\r\n var $ = require('jquery');\r\n\r\n /* jshint camelcase:false */\r\n Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindControls);\r\n /* jshint camelcase:true */\r\n\r\n bindControls();\r\n\r\n function bindControls() {\r\n var $downloadbutton = $('.track-download');\r\n $downloadbutton.each(function(index, elem) {\r\n $(elem).on('click', function(e) {\r\n e.preventDefault();\r\n\r\n var docID = $(this).data('docid');\r\n WebService.TrackDownload(docID, function(result) {\r\n if (result.Data.IsVideo) {\r\n return;\r\n }\r\n\r\n window.location = result.Data.URL;\r\n });\r\n });\r\n });\r\n }\r\n})();\r\n"],"sourceRoot":""}