\",\r\n\r\n options: {\r\n classes: {},\r\n disabled: false,\r\n\r\n // Callbacks\r\n create: null\r\n },\r\n\r\n _createWidget: function (options, element) {\r\n element = $(element || this.defaultElement || this)[0];\r\n this.element = $(element);\r\n this.uuid = widgetUuid++;\r\n this.eventNamespace = \".\" + this.widgetName + this.uuid;\r\n\r\n this.bindings = $();\r\n this.hoverable = $();\r\n this.focusable = $();\r\n this.classesElementLookup = {};\r\n\r\n if (element !== this) {\r\n $.data(element, this.widgetFullName, this);\r\n this._on(true, this.element, {\r\n remove: function (event) {\r\n if (event.target === element) {\r\n this.destroy();\r\n }\r\n }\r\n });\r\n this.document = $(element.style ?\r\n\r\n // Element within the document\r\n element.ownerDocument :\r\n\r\n // Element is window or document\r\n element.document || element);\r\n this.window = $(this.document[0].defaultView || this.document[0].parentWindow);\r\n }\r\n\r\n this.options = $.widget.extend({},\r\n this.options,\r\n this._getCreateOptions(),\r\n options);\r\n\r\n this._create();\r\n\r\n if (this.options.disabled) {\r\n this._setOptionDisabled(this.options.disabled);\r\n }\r\n\r\n this._trigger(\"create\", null, this._getCreateEventData());\r\n this._init();\r\n },\r\n\r\n _getCreateOptions: function () {\r\n return {};\r\n },\r\n\r\n _getCreateEventData: $.noop,\r\n\r\n _create: $.noop,\r\n\r\n _init: $.noop,\r\n\r\n destroy: function () {\r\n var that = this;\r\n\r\n this._destroy();\r\n $.each(this.classesElementLookup, function (key, value) {\r\n that._removeClass(value, key);\r\n });\r\n\r\n // We can probably remove the unbind calls in 2.0\r\n // all event bindings should go through this._on()\r\n this.element\r\n .off(this.eventNamespace)\r\n .removeData(this.widgetFullName);\r\n this.widget()\r\n .off(this.eventNamespace)\r\n .removeAttr(\"aria-disabled\");\r\n\r\n // Clean up events and states\r\n this.bindings.off(this.eventNamespace);\r\n },\r\n\r\n _destroy: $.noop,\r\n\r\n widget: function () {\r\n return this.element;\r\n },\r\n\r\n option: function (key, value) {\r\n var options = key;\r\n var parts;\r\n var curOption;\r\n var i;\r\n\r\n if (arguments.length === 0) {\r\n\r\n // Don't return a reference to the internal hash\r\n return $.widget.extend({}, this.options);\r\n }\r\n\r\n if (typeof key === \"string\") {\r\n\r\n // Handle nested keys, e.g., \"foo.bar\" => { foo: { bar: ___ } }\r\n options = {};\r\n parts = key.split(\".\");\r\n key = parts.shift();\r\n if (parts.length) {\r\n curOption = options[key] = $.widget.extend({}, this.options[key]);\r\n for (i = 0; i < parts.length - 1; i++) {\r\n curOption[parts[i]] = curOption[parts[i]] || {};\r\n curOption = curOption[parts[i]];\r\n }\r\n key = parts.pop();\r\n if (arguments.length === 1) {\r\n return curOption[key] === undefined ? null : curOption[key];\r\n }\r\n curOption[key] = value;\r\n } else {\r\n if (arguments.length === 1) {\r\n return this.options[key] === undefined ? null : this.options[key];\r\n }\r\n options[key] = value;\r\n }\r\n }\r\n\r\n this._setOptions(options);\r\n\r\n return this;\r\n },\r\n\r\n _setOptions: function (options) {\r\n var key;\r\n\r\n for (key in options) {\r\n this._setOption(key, options[key]);\r\n }\r\n\r\n return this;\r\n },\r\n\r\n _setOption: function (key, value) {\r\n if (key === \"classes\") {\r\n this._setOptionClasses(value);\r\n }\r\n\r\n this.options[key] = value;\r\n\r\n if (key === \"disabled\") {\r\n this._setOptionDisabled(value);\r\n }\r\n\r\n return this;\r\n },\r\n\r\n _setOptionClasses: function (value) {\r\n var classKey, elements, currentElements;\r\n\r\n for (classKey in value) {\r\n currentElements = this.classesElementLookup[classKey];\r\n if (value[classKey] === this.options.classes[classKey] ||\r\n !currentElements ||\r\n !currentElements.length) {\r\n continue;\r\n }\r\n\r\n // We are doing this to create a new jQuery object because the _removeClass() call\r\n // on the next line is going to destroy the reference to the current elements being\r\n // tracked. We need to save a copy of this collection so that we can add the new classes\r\n // below.\r\n elements = $(currentElements.get());\r\n this._removeClass(currentElements, classKey);\r\n\r\n // We don't use _addClass() here, because that uses this.options.classes\r\n // for generating the string of classes. We want to use the value passed in from\r\n // _setOption(), this is the new value of the classes option which was passed to\r\n // _setOption(). We pass this value directly to _classes().\r\n elements.addClass(this._classes({\r\n element: elements,\r\n keys: classKey,\r\n classes: value,\r\n add: true\r\n }));\r\n }\r\n },\r\n\r\n _setOptionDisabled: function (value) {\r\n this._toggleClass(this.widget(), this.widgetFullName + \"-disabled\", null, !!value);\r\n\r\n // If the widget is becoming disabled, then nothing is interactive\r\n if (value) {\r\n this._removeClass(this.hoverable, null, \"ui-state-hover\");\r\n this._removeClass(this.focusable, null, \"ui-state-focus\");\r\n }\r\n },\r\n\r\n enable: function () {\r\n return this._setOptions({ disabled: false });\r\n },\r\n\r\n disable: function () {\r\n return this._setOptions({ disabled: true });\r\n },\r\n\r\n _classes: function (options) {\r\n var full = [];\r\n var that = this;\r\n\r\n options = $.extend({\r\n element: this.element,\r\n classes: this.options.classes || {}\r\n }, options);\r\n\r\n function processClassString(classes, checkOption) {\r\n var current, i;\r\n for (i = 0; i < classes.length; i++) {\r\n current = that.classesElementLookup[classes[i]] || $();\r\n if (options.add) {\r\n current = $($.unique(current.get().concat(options.element.get())));\r\n } else {\r\n current = $(current.not(options.element).get());\r\n }\r\n that.classesElementLookup[classes[i]] = current;\r\n full.push(classes[i]);\r\n if (checkOption && options.classes[classes[i]]) {\r\n full.push(options.classes[classes[i]]);\r\n }\r\n }\r\n }\r\n\r\n this._on(options.element, {\r\n \"remove\": \"_untrackClassesElement\"\r\n });\r\n\r\n if (options.keys) {\r\n processClassString(options.keys.match(/\\S+/g) || [], true);\r\n }\r\n if (options.extra) {\r\n processClassString(options.extra.match(/\\S+/g) || []);\r\n }\r\n\r\n return full.join(\" \");\r\n },\r\n\r\n _untrackClassesElement: function (event) {\r\n var that = this;\r\n $.each(that.classesElementLookup, function (key, value) {\r\n if ($.inArray(event.target, value) !== -1) {\r\n that.classesElementLookup[key] = $(value.not(event.target).get());\r\n }\r\n });\r\n },\r\n\r\n _removeClass: function (element, keys, extra) {\r\n return this._toggleClass(element, keys, extra, false);\r\n },\r\n\r\n _addClass: function (element, keys, extra) {\r\n return this._toggleClass(element, keys, extra, true);\r\n },\r\n\r\n _toggleClass: function (element, keys, extra, add) {\r\n add = (typeof add === \"boolean\") ? add : extra;\r\n var shift = (typeof element === \"string\" || element === null),\r\n options = {\r\n extra: shift ? keys : extra,\r\n keys: shift ? element : keys,\r\n element: shift ? this.element : element,\r\n add: add\r\n };\r\n options.element.toggleClass(this._classes(options), add);\r\n return this;\r\n },\r\n\r\n _on: function (suppressDisabledCheck, element, handlers) {\r\n var delegateElement;\r\n var instance = this;\r\n\r\n // No suppressDisabledCheck flag, shuffle arguments\r\n if (typeof suppressDisabledCheck !== \"boolean\") {\r\n handlers = element;\r\n element = suppressDisabledCheck;\r\n suppressDisabledCheck = false;\r\n }\r\n\r\n // No element argument, shuffle and use this.element\r\n if (!handlers) {\r\n handlers = element;\r\n element = this.element;\r\n delegateElement = this.widget();\r\n } else {\r\n element = delegateElement = $(element);\r\n this.bindings = this.bindings.add(element);\r\n }\r\n\r\n $.each(handlers, function (event, handler) {\r\n function handlerProxy() {\r\n\r\n // Allow widgets to customize the disabled handling\r\n // - disabled as an array instead of boolean\r\n // - disabled class as method for disabling individual parts\r\n if (!suppressDisabledCheck &&\r\n (instance.options.disabled === true ||\r\n $(this).hasClass(\"ui-state-disabled\"))) {\r\n return;\r\n }\r\n return (typeof handler === \"string\" ? instance[handler] : handler)\r\n .apply(instance, arguments);\r\n }\r\n\r\n // Copy the guid so direct unbinding works\r\n if (typeof handler !== \"string\") {\r\n handlerProxy.guid = handler.guid =\r\n handler.guid || handlerProxy.guid || $.guid++;\r\n }\r\n\r\n var match = event.match(/^([\\w:-]*)\\s*(.*)$/);\r\n var eventName = match[1] + instance.eventNamespace;\r\n var selector = match[2];\r\n\r\n if (selector) {\r\n delegateElement.on(eventName, selector, handlerProxy);\r\n } else {\r\n element.on(eventName, handlerProxy);\r\n }\r\n });\r\n },\r\n\r\n _off: function (element, eventName) {\r\n eventName = (eventName || \"\").split(\" \").join(this.eventNamespace + \" \") +\r\n this.eventNamespace;\r\n element.off(eventName).off(eventName);\r\n\r\n // Clear the stack to avoid memory leaks (#10056)\r\n this.bindings = $(this.bindings.not(element).get());\r\n this.focusable = $(this.focusable.not(element).get());\r\n this.hoverable = $(this.hoverable.not(element).get());\r\n },\r\n\r\n _delay: function (handler, delay) {\r\n function handlerProxy() {\r\n return (typeof handler === \"string\" ? instance[handler] : handler)\r\n .apply(instance, arguments);\r\n }\r\n var instance = this;\r\n return setTimeout(handlerProxy, delay || 0);\r\n },\r\n\r\n _hoverable: function (element) {\r\n this.hoverable = this.hoverable.add(element);\r\n this._on(element, {\r\n mouseenter: function (event) {\r\n this._addClass($(event.currentTarget), null, \"ui-state-hover\");\r\n },\r\n mouseleave: function (event) {\r\n this._removeClass($(event.currentTarget), null, \"ui-state-hover\");\r\n }\r\n });\r\n },\r\n\r\n _focusable: function (element) {\r\n this.focusable = this.focusable.add(element);\r\n this._on(element, {\r\n focusin: function (event) {\r\n this._addClass($(event.currentTarget), null, \"ui-state-focus\");\r\n },\r\n focusout: function (event) {\r\n this._removeClass($(event.currentTarget), null, \"ui-state-focus\");\r\n }\r\n });\r\n },\r\n\r\n _trigger: function (type, event, data) {\r\n var prop, orig;\r\n var callback = this.options[type];\r\n\r\n data = data || {};\r\n event = $.Event(event);\r\n event.type = (type === this.widgetEventPrefix ?\r\n type :\r\n this.widgetEventPrefix + type).toLowerCase();\r\n\r\n // The original event may come from any element\r\n // so we need to reset the target on the new event\r\n event.target = this.element[0];\r\n\r\n // Copy original event properties over to the new event\r\n orig = event.originalEvent;\r\n if (orig) {\r\n for (prop in orig) {\r\n if (!(prop in event)) {\r\n event[prop] = orig[prop];\r\n }\r\n }\r\n }\r\n\r\n this.element.trigger(event, data);\r\n return !($.isFunction(callback) &&\r\n callback.apply(this.element[0], [event].concat(data)) === false ||\r\n event.isDefaultPrevented());\r\n }\r\n };\r\n\r\n $.each({ show: \"fadeIn\", hide: \"fadeOut\" }, function (method, defaultEffect) {\r\n $.Widget.prototype[\"_\" + method] = function (element, options, callback) {\r\n if (typeof options === \"string\") {\r\n options = { effect: options };\r\n }\r\n\r\n var hasOptions;\r\n var effectName = !options ?\r\n method :\r\n options === true || typeof options === \"number\" ?\r\n defaultEffect :\r\n options.effect || defaultEffect;\r\n\r\n options = options || {};\r\n if (typeof options === \"number\") {\r\n options = { duration: options };\r\n }\r\n\r\n hasOptions = !$.isEmptyObject(options);\r\n options.complete = callback;\r\n\r\n if (options.delay) {\r\n element.delay(options.delay);\r\n }\r\n\r\n if (hasOptions && $.effects && $.effects.effect[effectName]) {\r\n element[method](options);\r\n } else if (effectName !== method && element[effectName]) {\r\n element[effectName](options.duration, options.easing, callback);\r\n } else {\r\n element.queue(function (next) {\r\n $(this)[method]();\r\n if (callback) {\r\n callback.call(element[0]);\r\n }\r\n next();\r\n });\r\n }\r\n };\r\n });\r\n\r\n var widget = $.widget;\r\n\r\n\r\n /*!\r\n * jQuery UI Position 1.12.1\r\n * http://jqueryui.com\r\n *\r\n * Copyright jQuery Foundation and other contributors\r\n * Released under the MIT license.\r\n * http://jquery.org/license\r\n *\r\n * http://api.jqueryui.com/position/\r\n */\r\n\r\n //>>label: Position\r\n //>>group: Core\r\n //>>description: Positions elements relative to other elements.\r\n //>>docs: http://api.jqueryui.com/position/\r\n //>>demos: http://jqueryui.com/position/\r\n\r\n\r\n (function () {\r\n var cachedScrollbarWidth,\r\n max = Math.max,\r\n abs = Math.abs,\r\n rhorizontal = /left|center|right/,\r\n rvertical = /top|center|bottom/,\r\n roffset = /[\\+\\-]\\d+(\\.[\\d]+)?%?/,\r\n rposition = /^\\w+/,\r\n rpercent = /%$/,\r\n _position = $.fn.position;\r\n\r\n function getOffsets(offsets, width, height) {\r\n return [\r\n parseFloat(offsets[0]) * (rpercent.test(offsets[0]) ? width / 100 : 1),\r\n parseFloat(offsets[1]) * (rpercent.test(offsets[1]) ? height / 100 : 1)\r\n ];\r\n }\r\n\r\n function parseCss(element, property) {\r\n return parseInt($.css(element, property), 10) || 0;\r\n }\r\n\r\n function getDimensions(elem) {\r\n var raw = elem[0];\r\n if (raw.nodeType === 9) {\r\n return {\r\n width: elem.width(),\r\n height: elem.height(),\r\n offset: { top: 0, left: 0 }\r\n };\r\n }\r\n if ($.isWindow(raw)) {\r\n return {\r\n width: elem.width(),\r\n height: elem.height(),\r\n offset: { top: elem.scrollTop(), left: elem.scrollLeft() }\r\n };\r\n }\r\n if (raw.preventDefault) {\r\n return {\r\n width: 0,\r\n height: 0,\r\n offset: { top: raw.pageY, left: raw.pageX }\r\n };\r\n }\r\n return {\r\n width: elem.outerWidth(),\r\n height: elem.outerHeight(),\r\n offset: elem.offset()\r\n };\r\n }\r\n\r\n $.position = {\r\n scrollbarWidth: function () {\r\n if (cachedScrollbarWidth !== undefined) {\r\n return cachedScrollbarWidth;\r\n }\r\n var w1, w2,\r\n div = $(\"',\r\n\r\n btnTpl : {\r\n slideShow : '',\r\n fullScreen : '',\r\n thumbs : '',\r\n close : '',\r\n\r\n // This small close button will be appended to your html/inline/ajax content by default,\r\n // if \"smallBtn\" option is not set to false\r\n smallBtn : ''\r\n },\r\n\r\n // Container is injected into this element\r\n parentEl : 'body',\r\n\r\n\r\n // Focus handling\r\n // ==============\r\n\r\n // Try to focus on the first focusable element after opening\r\n autoFocus : true,\r\n\r\n // Put focus back to active element after closing\r\n backFocus : true,\r\n\r\n // Do not let user to focus on element outside modal content\r\n trapFocus : true,\r\n\r\n\r\n // Module specific options\r\n // =======================\r\n\r\n fullScreen : {\r\n autoStart : false,\r\n },\r\n\r\n touch : {\r\n vertical : true, // Allow to drag content vertically\r\n momentum : true // Continue movement after releasing mouse/touch when panning\r\n },\r\n\r\n // Hash value when initializing manually,\r\n // set `false` to disable hash change\r\n hash : null,\r\n\r\n // Customize or add new media types\r\n // Example:\r\n /*\r\n media : {\r\n youtube : {\r\n params : {\r\n autoplay : 0\r\n }\r\n }\r\n }\r\n */\r\n media : {},\r\n\r\n slideShow : {\r\n autoStart : false,\r\n speed : 4000\r\n },\r\n\r\n thumbs : {\r\n autoStart : false, // Display thumbnails on opening\r\n hideOnClose : true // Hide thumbnail grid when closing animation starts\r\n },\r\n\r\n // Callbacks\r\n //==========\r\n\r\n // See Documentation/API/Events for more information\r\n // Example:\r\n /*\r\n afterShow: function( instance, current ) {\r\n console.info( 'Clicked element:' );\r\n console.info( current.opts.$orig );\r\n }\r\n */\r\n\r\n onInit : $.noop, // When instance has been initialized\r\n\r\n beforeLoad : $.noop, // Before the content of a slide is being loaded\r\n afterLoad : $.noop, // When the content of a slide is done loading\r\n\r\n beforeShow : $.noop, // Before open animation starts\r\n afterShow : $.noop, // When content is done loading and animating\r\n\r\n beforeClose : $.noop, // Before the instance attempts to close. Return false to cancel the close.\r\n afterClose : $.noop, // After instance has been closed\r\n\r\n onActivate : $.noop, // When instance is brought to front\r\n onDeactivate : $.noop, // When other instance has been activated\r\n\r\n\r\n // Interaction\r\n // ===========\r\n\r\n // Use options below to customize taken action when user clicks or double clicks on the fancyBox area,\r\n // each option can be string or method that returns value.\r\n //\r\n // Possible values:\r\n // \"close\" - close instance\r\n // \"next\" - move to next gallery item\r\n // \"nextOrClose\" - move to next gallery item or close if gallery has only one item\r\n // \"toggleControls\" - show/hide controls\r\n // \"zoom\" - zoom image (if loaded)\r\n // false - do nothing\r\n\r\n // Clicked on the content\r\n clickContent : function( current, event ) {\r\n return current.type === 'image' ? 'zoom' : false;\r\n },\r\n\r\n // Clicked on the slide\r\n clickSlide : 'close',\r\n\r\n // Clicked on the background (backdrop) element\r\n clickOutside : 'close',\r\n\r\n // Same as previous two, but for double click\r\n dblclickContent : false,\r\n dblclickSlide : false,\r\n dblclickOutside : false,\r\n\r\n\r\n // Custom options when mobile device is detected\r\n // =============================================\r\n\r\n mobile : {\r\n clickContent : function( current, event ) {\r\n return current.type === 'image' ? 'toggleControls' : false;\r\n },\r\n clickSlide : function( current, event ) {\r\n return current.type === 'image' ? 'toggleControls' : \"close\";\r\n },\r\n dblclickContent : function( current, event ) {\r\n return current.type === 'image' ? 'zoom' : false;\r\n },\r\n dblclickSlide : function( current, event ) {\r\n return current.type === 'image' ? 'zoom' : false;\r\n }\r\n },\r\n\r\n\r\n // Internationalization\r\n // ============\r\n\r\n lang : 'en',\r\n i18n : {\r\n 'en' : {\r\n CLOSE : 'Close',\r\n NEXT : 'Next',\r\n PREV : 'Previous',\r\n ERROR : 'The requested content cannot be loaded.
Please try again later.',\r\n PLAY_START : 'Start slideshow',\r\n PLAY_STOP : 'Pause slideshow',\r\n FULL_SCREEN : 'Full screen',\r\n THUMBS : 'Thumbnails'\r\n },\r\n 'de' : {\r\n CLOSE : 'Schliessen',\r\n NEXT : 'Weiter',\r\n PREV : 'Zurück',\r\n ERROR : 'Die angeforderten Daten konnten nicht geladen werden.
Bitte versuchen Sie es später nochmal.',\r\n PLAY_START : 'Diaschau starten',\r\n PLAY_STOP : 'Diaschau beenden',\r\n FULL_SCREEN : 'Vollbild',\r\n THUMBS : 'Vorschaubilder'\r\n }\r\n }\r\n\r\n };\r\n\r\n // Few useful variables and methods\r\n // ================================\r\n\r\n var $W = $(window);\r\n var $D = $(document);\r\n\r\n var called = 0;\r\n\r\n\r\n // Check if an object is a jQuery object and not a native JavaScript object\r\n // ========================================================================\r\n\r\n var isQuery = function ( obj ) {\r\n return obj && obj.hasOwnProperty && obj instanceof $;\r\n };\r\n\r\n\r\n // Handle multiple browsers for \"requestAnimationFrame\" and \"cancelAnimationFrame\"\r\n // ===============================================================================\r\n\r\n var requestAFrame = (function () {\r\n return window.requestAnimationFrame ||\r\n window.webkitRequestAnimationFrame ||\r\n window.mozRequestAnimationFrame ||\r\n window.oRequestAnimationFrame ||\r\n // if all else fails, use setTimeout\r\n function (callback) {\r\n return window.setTimeout(callback, 1000 / 60);\r\n };\r\n })();\r\n\r\n\r\n // Detect the supported transition-end event property name\r\n // =======================================================\r\n\r\n var transitionEnd = (function () {\r\n var t, el = document.createElement(\"fakeelement\");\r\n\r\n var transitions = {\r\n \"transition\" : \"transitionend\",\r\n \"OTransition\" : \"oTransitionEnd\",\r\n \"MozTransition\" : \"transitionend\",\r\n \"WebkitTransition\": \"webkitTransitionEnd\"\r\n };\r\n\r\n for (t in transitions) {\r\n if (el.style[t] !== undefined){\r\n return transitions[t];\r\n }\r\n }\r\n })();\r\n\r\n\r\n // Force redraw on an element.\r\n // This helps in cases where the browser doesn't redraw an updated element properly.\r\n // =================================================================================\r\n\r\n var forceRedraw = function( $el ) {\r\n return ( $el && $el.length && $el[0].offsetHeight );\r\n };\r\n\r\n\r\n // Class definition\r\n // ================\r\n\r\n var FancyBox = function( content, opts, index ) {\r\n var self = this;\r\n\r\n self.opts = $.extend( true, { index : index }, defaults, opts || {} );\r\n\r\n // Exclude buttons option from deep merging\r\n if ( opts && $.isArray( opts.buttons ) ) {\r\n self.opts.buttons = opts.buttons;\r\n }\r\n\r\n self.id = self.opts.id || ++called;\r\n self.group = [];\r\n\r\n self.currIndex = parseInt( self.opts.index, 10 ) || 0;\r\n self.prevIndex = null;\r\n\r\n self.prevPos = null;\r\n self.currPos = 0;\r\n\r\n self.firstRun = null;\r\n\r\n // Create group elements from original item collection\r\n self.createGroup( content );\r\n\r\n if ( !self.group.length ) {\r\n return;\r\n }\r\n\r\n // Save last active element and current scroll position\r\n self.$lastFocus = $(document.activeElement).blur();\r\n\r\n // Collection of gallery objects\r\n self.slides = {};\r\n\r\n self.init( content );\r\n\r\n };\r\n\r\n $.extend(FancyBox.prototype, {\r\n\r\n // Create DOM structure\r\n // ====================\r\n\r\n init : function() {\r\n var self = this;\r\n\r\n var testWidth, $container, buttonStr;\r\n\r\n var firstItemOpts = self.group[ self.currIndex ].opts;\r\n\r\n self.scrollTop = $D.scrollTop();\r\n self.scrollLeft = $D.scrollLeft();\r\n\r\n\r\n // Hide scrollbars\r\n // ===============\r\n\r\n if ( !$.fancybox.getInstance() && !$.fancybox.isMobile && $( 'body' ).css('overflow') !== 'hidden' ) {\r\n testWidth = $( 'body' ).width();\r\n\r\n $( 'html' ).addClass( 'fancybox-enabled' );\r\n\r\n // Compare body width after applying \"overflow: hidden\"\r\n testWidth = $( 'body' ).width() - testWidth;\r\n\r\n // If width has changed - compensate missing scrollbars by adding right margin\r\n if ( testWidth > 1 ) {\r\n $( 'head' ).append( '' );\r\n }\r\n }\r\n\r\n\r\n // Build html markup and set references\r\n // ====================================\r\n\r\n // Build html code for buttons and insert into main template\r\n buttonStr = '';\r\n\r\n $.each( firstItemOpts.buttons, function( index, value ) {\r\n buttonStr += ( firstItemOpts.btnTpl[ value ] || '' );\r\n });\r\n\r\n // Create markup from base template, it will be initially hidden to\r\n // avoid unnecessary work like painting while initializing is not complete\r\n $container = $( self.translate( self, firstItemOpts.baseTpl.replace( '\\{\\{BUTTONS\\}\\}', buttonStr ) ) )\r\n .addClass( 'fancybox-is-hidden' )\r\n .attr('id', 'fancybox-container-' + self.id)\r\n .addClass( firstItemOpts.baseClass )\r\n .data( 'FancyBox', self )\r\n .prependTo( firstItemOpts.parentEl );\r\n\r\n // Create object holding references to jQuery wrapped nodes\r\n self.$refs = {\r\n container : $container\r\n };\r\n\r\n [ 'bg', 'inner', 'infobar', 'toolbar', 'stage', 'caption' ].forEach(function(item) {\r\n self.$refs[ item ] = $container.find( '.fancybox-' + item );\r\n });\r\n\r\n // Check for redundant elements\r\n if ( !firstItemOpts.arrows || self.group.length < 2 ) {\r\n $container.find('.fancybox-navigation').remove();\r\n }\r\n\r\n if ( !firstItemOpts.infobar ) {\r\n self.$refs.infobar.remove();\r\n }\r\n\r\n if ( !firstItemOpts.toolbar ) {\r\n self.$refs.toolbar.remove();\r\n }\r\n\r\n self.trigger( 'onInit' );\r\n\r\n // Bring to front and enable events\r\n self.activate();\r\n\r\n // Build slides, load and reveal content\r\n self.jumpTo( self.currIndex );\r\n },\r\n\r\n\r\n // Simple i18n support - replaces object keys found in template\r\n // with corresponding values\r\n // ============================================================\r\n\r\n translate : function( obj, str ) {\r\n var arr = obj.opts.i18n[ obj.opts.lang ];\r\n\r\n return str.replace(/\\{\\{(\\w+)\\}\\}/g, function(match, n) {\r\n var value = arr[n];\r\n\r\n if ( value === undefined ) {\r\n return match;\r\n }\r\n\r\n return value;\r\n });\r\n },\r\n\r\n // Create array of gally item objects\r\n // Check if each object has valid type and content\r\n // ===============================================\r\n\r\n createGroup : function ( content ) {\r\n var self = this;\r\n var items = $.makeArray( content );\r\n\r\n $.each(items, function( i, item ) {\r\n var obj = {},\r\n opts = {},\r\n data = [],\r\n $item,\r\n type,\r\n src,\r\n srcParts;\r\n\r\n // Step 1 - Make sure we have an object\r\n // ====================================\r\n\r\n if ( $.isPlainObject( item ) ) {\r\n\r\n // We probably have manual usage here, something like\r\n // $.fancybox.open( [ { src : \"image.jpg\", type : \"image\" } ] )\r\n\r\n obj = item;\r\n opts = item.opts || item;\r\n\r\n } else if ( $.type( item ) === 'object' && $( item ).length ) {\r\n\r\n // Here we propbably have jQuery collection returned by some selector\r\n\r\n $item = $( item );\r\n data = $item.data();\r\n\r\n opts = 'options' in data ? data.options : {};\r\n opts = $.type( opts ) === 'object' ? opts : {};\r\n\r\n obj.src = 'src' in data ? data.src : ( opts.src || $item.attr( 'href' ) );\r\n\r\n [ 'width', 'height', 'thumb', 'type', 'filter' ].forEach(function(item) {\r\n if ( item in data ) {\r\n opts[ item ] = data[ item ];\r\n }\r\n });\r\n\r\n if ( 'srcset' in data ) {\r\n opts.image = { srcset : data.srcset };\r\n }\r\n\r\n opts.$orig = $item;\r\n\r\n if ( !obj.type && !obj.src ) {\r\n obj.type = 'inline';\r\n obj.src = item;\r\n }\r\n\r\n } else {\r\n\r\n // Assume we have a simple html code, for example:\r\n // $.fancybox.open( '' );\r\n\r\n obj = {\r\n type : 'html',\r\n src : item + ''\r\n };\r\n\r\n }\r\n\r\n // Each gallery object has full collection of options\r\n obj.opts = $.extend( true, {}, self.opts, opts );\r\n\r\n if ( $.fancybox.isMobile ) {\r\n obj.opts = $.extend( true, {}, obj.opts, obj.opts.mobile );\r\n }\r\n\r\n\r\n // Step 2 - Make sure we have content type, if not - try to guess\r\n // ==============================================================\r\n\r\n type = obj.type || obj.opts.type;\r\n src = obj.src || '';\r\n\r\n if ( !type && src ) {\r\n if ( src.match(/(^data:image\\/[a-z0-9+\\/=]*,)|(\\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\\?|#).*)?$)/i) ) {\r\n type = 'image';\r\n\r\n } else if ( src.match(/\\.(pdf)((\\?|#).*)?$/i) ) {\r\n type = 'pdf';\r\n\r\n } else if ( src.charAt(0) === '#' ) {\r\n type = 'inline';\r\n }\r\n }\r\n\r\n obj.type = type;\r\n\r\n\r\n // Step 3 - Some adjustments\r\n // =========================\r\n\r\n obj.index = self.group.length;\r\n\r\n // Check if $orig and $thumb objects exist\r\n if ( obj.opts.$orig && !obj.opts.$orig.length ) {\r\n delete obj.opts.$orig;\r\n }\r\n\r\n if ( !obj.opts.$thumb && obj.opts.$orig ) {\r\n obj.opts.$thumb = obj.opts.$orig.find( 'img:first' );\r\n }\r\n\r\n if ( obj.opts.$thumb && !obj.opts.$thumb.length ) {\r\n delete obj.opts.$thumb;\r\n }\r\n\r\n // Caption is a \"special\" option, it can be passed as a method\r\n if ( $.type( obj.opts.caption ) === 'function' ) {\r\n obj.opts.caption = obj.opts.caption.apply( item, [ self, obj ] );\r\n\r\n } else if ( 'caption' in data ) {\r\n obj.opts.caption = data.caption;\r\n }\r\n\r\n // Make sure we have caption as a string\r\n obj.opts.caption = obj.opts.caption === undefined ? '' : obj.opts.caption + '';\r\n\r\n // Check if url contains \"filter\" used to filter the content\r\n // Example: \"ajax.html #something\"\r\n if ( type === 'ajax' ) {\r\n srcParts = src.split(/\\s+/, 2);\r\n\r\n if ( srcParts.length > 1 ) {\r\n obj.src = srcParts.shift();\r\n\r\n obj.opts.filter = srcParts.shift();\r\n }\r\n }\r\n\r\n if ( obj.opts.smallBtn == 'auto' ) {\r\n\r\n if ( $.inArray( type, ['html', 'inline', 'ajax'] ) > -1 ) {\r\n obj.opts.toolbar = false;\r\n obj.opts.smallBtn = true;\r\n\r\n } else {\r\n obj.opts.smallBtn = false;\r\n }\r\n\r\n }\r\n\r\n // If the type is \"pdf\", then simply load file into iframe\r\n if ( type === 'pdf' ) {\r\n obj.type = 'iframe';\r\n\r\n obj.opts.iframe.preload = false;\r\n }\r\n\r\n // Hide all buttons and disable interactivity for modal items\r\n if ( obj.opts.modal ) {\r\n\r\n obj.opts = $.extend(true, obj.opts, {\r\n // Remove buttons\r\n infobar : 0,\r\n toolbar : 0,\r\n\r\n smallBtn : 0,\r\n\r\n // Disable keyboard navigation\r\n keyboard : 0,\r\n\r\n // Disable some modules\r\n slideShow : 0,\r\n fullScreen : 0,\r\n thumbs : 0,\r\n touch : 0,\r\n\r\n // Disable click event handlers\r\n clickContent : false,\r\n clickSlide : false,\r\n clickOutside : false,\r\n dblclickContent : false,\r\n dblclickSlide : false,\r\n dblclickOutside : false\r\n });\r\n\r\n }\r\n\r\n // Step 4 - Add processed object to group\r\n // ======================================\r\n\r\n self.group.push( obj );\r\n\r\n });\r\n\r\n },\r\n\r\n\r\n // Attach an event handler functions for:\r\n // - navigation buttons\r\n // - browser scrolling, resizing;\r\n // - focusing\r\n // - keyboard\r\n // - detect idle\r\n // ======================================\r\n\r\n addEvents : function() {\r\n var self = this;\r\n\r\n self.removeEvents();\r\n\r\n // Make navigation elements clickable\r\n self.$refs.container.on('click.fb-close', '[data-fancybox-close]', function(e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n self.close( e );\r\n\r\n }).on( 'click.fb-prev touchend.fb-prev', '[data-fancybox-prev]', function(e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n self.previous();\r\n\r\n }).on( 'click.fb-next touchend.fb-next', '[data-fancybox-next]', function(e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n self.next();\r\n\r\n });\r\n\r\n\r\n // Handle page scrolling and browser resizing\r\n $W.on('orientationchange.fb resize.fb', function(e) {\r\n\r\n if ( e && e.originalEvent && e.originalEvent.type === \"resize\" ) {\r\n\r\n requestAFrame(function() {\r\n self.update();\r\n });\r\n\r\n } else {\r\n\r\n self.$refs.stage.hide();\r\n\r\n setTimeout(function() {\r\n self.$refs.stage.show();\r\n\r\n self.update();\r\n }, 500);\r\n\r\n }\r\n\r\n });\r\n\r\n // Trap keyboard focus inside of the modal, so the user does not accidentally tab outside of the modal\r\n // (a.k.a. \"escaping the modal\")\r\n $D.on('focusin.fb', function(e) {\r\n var instance = $.fancybox ? $.fancybox.getInstance() : null;\r\n\r\n if ( instance.isClosing || !instance.current || !instance.current.opts.trapFocus || $( e.target ).hasClass( 'fancybox-container' ) || $( e.target ).is( document ) ) {\r\n return;\r\n }\r\n\r\n if ( instance && $( e.target ).css( 'position' ) !== 'fixed' && !instance.$refs.container.has( e.target ).length ) {\r\n e.stopPropagation();\r\n\r\n instance.focus();\r\n\r\n // Sometimes page gets scrolled, set it back\r\n $W.scrollTop( self.scrollTop ).scrollLeft( self.scrollLeft );\r\n }\r\n });\r\n\r\n\r\n // Enable keyboard navigation\r\n $D.on('keydown.fb', function (e) {\r\n var current = self.current,\r\n keycode = e.keyCode || e.which;\r\n\r\n if ( !current || !current.opts.keyboard ) {\r\n return;\r\n }\r\n\r\n if ( $(e.target).is('input') || $(e.target).is('textarea') ) {\r\n return;\r\n }\r\n\r\n // Backspace and Esc keys\r\n if ( keycode === 8 || keycode === 27 ) {\r\n e.preventDefault();\r\n\r\n self.close( e );\r\n\r\n return;\r\n }\r\n\r\n // Left arrow and Up arrow\r\n if ( keycode === 37 || keycode === 38 ) {\r\n e.preventDefault();\r\n\r\n self.previous();\r\n\r\n return;\r\n }\r\n\r\n // Righ arrow and Down arrow\r\n if ( keycode === 39 || keycode === 40 ) {\r\n e.preventDefault();\r\n\r\n self.next();\r\n\r\n return;\r\n }\r\n\r\n self.trigger('afterKeydown', e, keycode);\r\n });\r\n\r\n\r\n // Hide controls after some inactivity period\r\n if ( self.group[ self.currIndex ].opts.idleTime ) {\r\n self.idleSecondsCounter = 0;\r\n\r\n $D.on('mousemove.fb-idle mouseenter.fb-idle mouseleave.fb-idle mousedown.fb-idle touchstart.fb-idle touchmove.fb-idle scroll.fb-idle keydown.fb-idle', function() {\r\n self.idleSecondsCounter = 0;\r\n\r\n if ( self.isIdle ) {\r\n self.showControls();\r\n }\r\n\r\n self.isIdle = false;\r\n });\r\n\r\n self.idleInterval = window.setInterval(function() {\r\n\r\n self.idleSecondsCounter++;\r\n\r\n if ( self.idleSecondsCounter >= self.group[ self.currIndex ].opts.idleTime ) {\r\n self.isIdle = true;\r\n self.idleSecondsCounter = 0;\r\n\r\n self.hideControls();\r\n }\r\n\r\n }, 1000);\r\n }\r\n\r\n },\r\n\r\n\r\n // Remove events added by the core\r\n // ===============================\r\n\r\n removeEvents : function () {\r\n var self = this;\r\n\r\n $W.off( 'orientationchange.fb resize.fb' );\r\n $D.off( 'focusin.fb keydown.fb .fb-idle' );\r\n\r\n this.$refs.container.off( '.fb-close .fb-prev .fb-next' );\r\n\r\n if ( self.idleInterval ) {\r\n window.clearInterval( self.idleInterval );\r\n\r\n self.idleInterval = null;\r\n }\r\n },\r\n\r\n\r\n // Change to previous gallery item\r\n // ===============================\r\n\r\n previous : function( duration ) {\r\n return this.jumpTo( this.currPos - 1, duration );\r\n },\r\n\r\n\r\n // Change to next gallery item\r\n // ===========================\r\n\r\n next : function( duration ) {\r\n return this.jumpTo( this.currPos + 1, duration );\r\n },\r\n\r\n\r\n // Switch to selected gallery item\r\n // ===============================\r\n\r\n jumpTo : function ( pos, duration, slide ) {\r\n var self = this,\r\n firstRun,\r\n loop,\r\n current,\r\n previous,\r\n canvasWidth,\r\n currentPos,\r\n transitionProps;\r\n\r\n var groupLen = self.group.length;\r\n\r\n if ( self.isSliding || self.isClosing || ( self.isAnimating && self.firstRun ) ) {\r\n return;\r\n }\r\n\r\n pos = parseInt( pos, 10 );\r\n loop = self.current ? self.current.opts.loop : self.opts.loop;\r\n\r\n if ( !loop && ( pos < 0 || pos >= groupLen ) ) {\r\n return false;\r\n }\r\n\r\n firstRun = self.firstRun = ( self.firstRun === null );\r\n\r\n if ( groupLen < 2 && !firstRun && !!self.isSliding ) {\r\n return;\r\n }\r\n\r\n previous = self.current;\r\n\r\n self.prevIndex = self.currIndex;\r\n self.prevPos = self.currPos;\r\n\r\n // Create slides\r\n current = self.createSlide( pos );\r\n\r\n if ( groupLen > 1 ) {\r\n if ( loop || current.index > 0 ) {\r\n self.createSlide( pos - 1 );\r\n }\r\n\r\n if ( loop || current.index < groupLen - 1 ) {\r\n self.createSlide( pos + 1 );\r\n }\r\n }\r\n\r\n self.current = current;\r\n self.currIndex = current.index;\r\n self.currPos = current.pos;\r\n\r\n self.trigger( 'beforeShow', firstRun );\r\n\r\n self.updateControls();\r\n\r\n currentPos = $.fancybox.getTranslate( current.$slide );\r\n\r\n current.isMoved = ( currentPos.left !== 0 || currentPos.top !== 0 ) && !current.$slide.hasClass( 'fancybox-animated' );\r\n current.forcedDuration = undefined;\r\n\r\n if ( $.isNumeric( duration ) ) {\r\n current.forcedDuration = duration;\r\n } else {\r\n duration = current.opts[ firstRun ? 'animationDuration' : 'transitionDuration' ];\r\n }\r\n\r\n duration = parseInt( duration, 10 );\r\n\r\n // Fresh start - reveal container, current slide and start loading content\r\n if ( firstRun ) {\r\n\r\n if ( current.opts.animationEffect && duration ) {\r\n self.$refs.container.css( 'transition-duration', duration + 'ms' );\r\n }\r\n\r\n self.$refs.container.removeClass( 'fancybox-is-hidden' );\r\n\r\n forceRedraw( self.$refs.container );\r\n\r\n self.$refs.container.addClass( 'fancybox-is-open' );\r\n\r\n // Make first slide visible (to display loading icon, if needed)\r\n current.$slide.addClass( 'fancybox-slide--current' );\r\n\r\n self.loadSlide( current );\r\n\r\n self.preload();\r\n\r\n return;\r\n }\r\n\r\n // Clean up\r\n $.each(self.slides, function( index, slide ) {\r\n $.fancybox.stop( slide.$slide );\r\n });\r\n\r\n // Make current that slide is visible even if content is still loading\r\n current.$slide.removeClass( 'fancybox-slide--next fancybox-slide--previous' ).addClass( 'fancybox-slide--current' );\r\n\r\n // If slides have been dragged, animate them to correct position\r\n if ( current.isMoved ) {\r\n canvasWidth = Math.round( current.$slide.width() );\r\n\r\n $.each(self.slides, function( index, slide ) {\r\n var pos = slide.pos - current.pos;\r\n\r\n $.fancybox.animate( slide.$slide, {\r\n top : 0,\r\n left : ( pos * canvasWidth ) + ( pos * slide.opts.gutter )\r\n }, duration, function() {\r\n\r\n slide.$slide.removeAttr('style').removeClass( 'fancybox-slide--next fancybox-slide--previous' );\r\n\r\n if ( slide.pos === self.currPos ) {\r\n current.isMoved = false;\r\n\r\n self.complete();\r\n }\r\n });\r\n });\r\n\r\n } else {\r\n self.$refs.stage.children().removeAttr( 'style' );\r\n }\r\n\r\n // Start transition that reveals current content\r\n // or wait when it will be loaded\r\n\r\n if ( current.isLoaded ) {\r\n self.revealContent( current );\r\n\r\n } else {\r\n self.loadSlide( current );\r\n }\r\n\r\n self.preload();\r\n\r\n if ( previous.pos === current.pos ) {\r\n return;\r\n }\r\n\r\n // Handle previous slide\r\n // =====================\r\n\r\n transitionProps = 'fancybox-slide--' + ( previous.pos > current.pos ? 'next' : 'previous' );\r\n\r\n previous.$slide.removeClass( 'fancybox-slide--complete fancybox-slide--current fancybox-slide--next fancybox-slide--previous' );\r\n\r\n previous.isComplete = false;\r\n\r\n if ( !duration || ( !current.isMoved && !current.opts.transitionEffect ) ) {\r\n return;\r\n }\r\n\r\n if ( current.isMoved ) {\r\n previous.$slide.addClass( transitionProps );\r\n\r\n } else {\r\n\r\n transitionProps = 'fancybox-animated ' + transitionProps + ' fancybox-fx-' + current.opts.transitionEffect;\r\n\r\n $.fancybox.animate( previous.$slide, transitionProps, duration, function() {\r\n previous.$slide.removeClass( transitionProps ).removeAttr( 'style' );\r\n });\r\n\r\n }\r\n\r\n },\r\n\r\n\r\n // Create new \"slide\" element\r\n // These are gallery items that are actually added to DOM\r\n // =======================================================\r\n\r\n createSlide : function( pos ) {\r\n\r\n var self = this;\r\n var $slide;\r\n var index;\r\n\r\n index = pos % self.group.length;\r\n index = index < 0 ? self.group.length + index : index;\r\n\r\n if ( !self.slides[ pos ] && self.group[ index ] ) {\r\n $slide = $('').appendTo( self.$refs.stage );\r\n\r\n self.slides[ pos ] = $.extend( true, {}, self.group[ index ], {\r\n pos : pos,\r\n $slide : $slide,\r\n isLoaded : false,\r\n });\r\n\r\n self.updateSlide( self.slides[ pos ] );\r\n }\r\n\r\n return self.slides[ pos ];\r\n },\r\n\r\n\r\n // Scale image to the actual size of the image\r\n // ===========================================\r\n\r\n scaleToActual : function( x, y, duration ) {\r\n\r\n var self = this;\r\n\r\n var current = self.current;\r\n var $what = current.$content;\r\n\r\n var imgPos, posX, posY, scaleX, scaleY;\r\n\r\n var canvasWidth = parseInt( current.$slide.width(), 10 );\r\n var canvasHeight = parseInt( current.$slide.height(), 10 );\r\n\r\n var newImgWidth = current.width;\r\n var newImgHeight = current.height;\r\n\r\n if ( !( current.type == 'image' && !current.hasError) || !$what || self.isAnimating) {\r\n return;\r\n }\r\n\r\n $.fancybox.stop( $what );\r\n\r\n self.isAnimating = true;\r\n\r\n x = x === undefined ? canvasWidth * 0.5 : x;\r\n y = y === undefined ? canvasHeight * 0.5 : y;\r\n\r\n imgPos = $.fancybox.getTranslate( $what );\r\n\r\n scaleX = newImgWidth / imgPos.width;\r\n scaleY = newImgHeight / imgPos.height;\r\n\r\n // Get center position for original image\r\n posX = ( canvasWidth * 0.5 - newImgWidth * 0.5 );\r\n posY = ( canvasHeight * 0.5 - newImgHeight * 0.5 );\r\n\r\n // Make sure image does not move away from edges\r\n if ( newImgWidth > canvasWidth ) {\r\n posX = imgPos.left * scaleX - ( ( x * scaleX ) - x );\r\n\r\n if ( posX > 0 ) {\r\n posX = 0;\r\n }\r\n\r\n if ( posX < canvasWidth - newImgWidth ) {\r\n posX = canvasWidth - newImgWidth;\r\n }\r\n }\r\n\r\n if ( newImgHeight > canvasHeight) {\r\n posY = imgPos.top * scaleY - ( ( y * scaleY ) - y );\r\n\r\n if ( posY > 0 ) {\r\n posY = 0;\r\n }\r\n\r\n if ( posY < canvasHeight - newImgHeight ) {\r\n posY = canvasHeight - newImgHeight;\r\n }\r\n }\r\n\r\n self.updateCursor( newImgWidth, newImgHeight );\r\n\r\n $.fancybox.animate( $what, {\r\n top : posY,\r\n left : posX,\r\n scaleX : scaleX,\r\n scaleY : scaleY\r\n }, duration || 330, function() {\r\n self.isAnimating = false;\r\n });\r\n\r\n // Stop slideshow\r\n if ( self.SlideShow && self.SlideShow.isActive ) {\r\n self.SlideShow.stop();\r\n }\r\n },\r\n\r\n\r\n // Scale image to fit inside parent element\r\n // ========================================\r\n\r\n scaleToFit : function( duration ) {\r\n\r\n var self = this;\r\n\r\n var current = self.current;\r\n var $what = current.$content;\r\n var end;\r\n\r\n if ( !( current.type == 'image' && !current.hasError) || !$what || self.isAnimating ) {\r\n return;\r\n }\r\n\r\n $.fancybox.stop( $what );\r\n\r\n self.isAnimating = true;\r\n\r\n end = self.getFitPos( current );\r\n\r\n self.updateCursor( end.width, end.height );\r\n\r\n $.fancybox.animate( $what, {\r\n top : end.top,\r\n left : end.left,\r\n scaleX : end.width / $what.width(),\r\n scaleY : end.height / $what.height()\r\n }, duration || 330, function() {\r\n self.isAnimating = false;\r\n });\r\n\r\n },\r\n\r\n // Calculate image size to fit inside viewport\r\n // ===========================================\r\n\r\n getFitPos : function( slide ) {\r\n var self = this;\r\n var $what = slide.$content;\r\n\r\n var imgWidth = slide.width;\r\n var imgHeight = slide.height;\r\n\r\n var margin = slide.opts.margin;\r\n\r\n var canvasWidth, canvasHeight, minRatio, width, height;\r\n\r\n if ( !$what || !$what.length || ( !imgWidth && !imgHeight) ) {\r\n return false;\r\n }\r\n\r\n // Convert \"margin to CSS style: [ top, right, bottom, left ]\r\n if ( $.type( margin ) === \"number\" ) {\r\n margin = [ margin, margin ];\r\n }\r\n\r\n if ( margin.length == 2 ) {\r\n margin = [ margin[0], margin[1], margin[0], margin[1] ];\r\n }\r\n\r\n if ( $W.width() < 800 ) {\r\n margin = [ 0, 0, 0, 0 ];\r\n }\r\n\r\n // We can not use $slide width here, because it can have different diemensions while in transiton\r\n canvasWidth = parseInt( self.$refs.stage.width(), 10 ) - ( margin[ 1 ] + margin[ 3 ] );\r\n canvasHeight = parseInt( self.$refs.stage.height(), 10 ) - ( margin[ 0 ] + margin[ 2 ] );\r\n\r\n minRatio = Math.min(1, canvasWidth / imgWidth, canvasHeight / imgHeight );\r\n\r\n width = Math.floor( minRatio * imgWidth );\r\n height = Math.floor( minRatio * imgHeight );\r\n\r\n // Use floor rounding to make sure it really fits\r\n return {\r\n top : Math.floor( ( canvasHeight - height ) * 0.5 ) + margin[ 0 ],\r\n left : Math.floor( ( canvasWidth - width ) * 0.5 ) + margin[ 3 ],\r\n width : width,\r\n height : height\r\n };\r\n\r\n },\r\n\r\n\r\n // Update position and content of all slides\r\n // =========================================\r\n\r\n update : function() {\r\n\r\n var self = this;\r\n\r\n $.each( self.slides, function( key, slide ) {\r\n self.updateSlide( slide );\r\n });\r\n\r\n },\r\n\r\n\r\n // Update slide position and scale content to fit\r\n // ==============================================\r\n\r\n updateSlide : function( slide ) {\r\n\r\n var self = this;\r\n var $what = slide.$content;\r\n\r\n if ( $what && ( slide.width || slide.height ) ) {\r\n $.fancybox.stop( $what );\r\n\r\n $.fancybox.setTranslate( $what, self.getFitPos( slide ) );\r\n\r\n if ( slide.pos === self.currPos ) {\r\n self.updateCursor();\r\n }\r\n }\r\n\r\n slide.$slide.trigger( 'refresh' );\r\n\r\n self.trigger( 'onUpdate', slide );\r\n\r\n },\r\n\r\n // Update cursor style depending if content can be zoomed\r\n // ======================================================\r\n\r\n updateCursor : function( nextWidth, nextHeight ) {\r\n\r\n var self = this;\r\n var isScaledDown;\r\n\r\n var $container = self.$refs.container.removeClass('fancybox-is-zoomable fancybox-can-zoomIn fancybox-can-drag fancybox-can-zoomOut');\r\n\r\n if ( !self.current || self.isClosing ) {\r\n return;\r\n }\r\n\r\n if ( self.isZoomable() ) {\r\n\r\n $container.addClass( 'fancybox-is-zoomable' );\r\n\r\n if ( nextWidth !== undefined && nextHeight !== undefined ) {\r\n isScaledDown = nextWidth < self.current.width && nextHeight < self.current.height;\r\n\r\n } else {\r\n isScaledDown = self.isScaledDown();\r\n }\r\n\r\n if ( isScaledDown ) {\r\n\r\n // If image is scaled down, then, obviously, it can be zoomed to full size\r\n $container.addClass('fancybox-can-zoomIn');\r\n\r\n } else {\r\n\r\n if ( self.current.opts.touch ) {\r\n\r\n // If image size ir largen than available available and touch module is not disable,\r\n // then user can do panning\r\n $container.addClass('fancybox-can-drag');\r\n\r\n } else {\r\n $container.addClass('fancybox-can-zoomOut');\r\n }\r\n\r\n }\r\n\r\n } else if ( self.current.opts.touch ) {\r\n $container.addClass('fancybox-can-drag');\r\n }\r\n\r\n },\r\n\r\n\r\n // Check if current slide is zoomable\r\n // ==================================\r\n\r\n isZoomable : function() {\r\n\r\n var self = this;\r\n\r\n var current = self.current;\r\n var fitPos;\r\n\r\n if ( !current || self.isClosing ) {\r\n return;\r\n }\r\n\r\n // Assume that slide is zoomable if\r\n // - image is loaded successfuly\r\n // - click action is \"zoom\"\r\n // - actual size of the image is smaller than available area\r\n if ( current.type === 'image' && current.isLoaded && !current.hasError &&\r\n ( current.opts.clickContent === 'zoom' || ( $.isFunction( current.opts.clickContent ) && current.opts.clickContent( current ) === \"zoom\" ) )\r\n ) {\r\n\r\n fitPos = self.getFitPos( current );\r\n\r\n if ( current.width > fitPos.width || current.height > fitPos.height ) {\r\n return true;\r\n }\r\n\r\n }\r\n\r\n return false;\r\n\r\n },\r\n\r\n\r\n // Check if current image dimensions are smaller than actual\r\n // =========================================================\r\n\r\n isScaledDown : function() {\r\n\r\n var self = this;\r\n\r\n var current = self.current;\r\n var $what = current.$content;\r\n\r\n var rez = false;\r\n\r\n if ( $what ) {\r\n rez = $.fancybox.getTranslate( $what );\r\n rez = rez.width < current.width || rez.height < current.height;\r\n }\r\n\r\n return rez;\r\n\r\n },\r\n\r\n\r\n // Check if image dimensions exceed parent element\r\n // ===============================================\r\n\r\n canPan : function() {\r\n\r\n var self = this;\r\n\r\n var current = self.current;\r\n var $what = current.$content;\r\n\r\n var rez = false;\r\n\r\n if ( $what ) {\r\n rez = self.getFitPos( current );\r\n rez = Math.abs( $what.width() - rez.width ) > 1 || Math.abs( $what.height() - rez.height ) > 1;\r\n\r\n }\r\n\r\n return rez;\r\n\r\n },\r\n\r\n\r\n // Load content into the slide\r\n // ===========================\r\n\r\n loadSlide : function( slide ) {\r\n\r\n var self = this, type, $slide;\r\n var ajaxLoad;\r\n\r\n if ( slide.isLoading ) {\r\n return;\r\n }\r\n\r\n if ( slide.isLoaded ) {\r\n return;\r\n }\r\n\r\n slide.isLoading = true;\r\n\r\n self.trigger( 'beforeLoad', slide );\r\n\r\n type = slide.type;\r\n $slide = slide.$slide;\r\n\r\n $slide\r\n .off( 'refresh' )\r\n .trigger( 'onReset' )\r\n .addClass( 'fancybox-slide--' + ( type || 'unknown' ) )\r\n .addClass( slide.opts.slideClass );\r\n\r\n // Create content depending on the type\r\n\r\n switch ( type ) {\r\n\r\n case 'image':\r\n\r\n self.setImage( slide );\r\n\r\n break;\r\n\r\n case 'iframe':\r\n\r\n self.setIframe( slide );\r\n\r\n break;\r\n\r\n case 'html':\r\n\r\n self.setContent( slide, slide.src || slide.content );\r\n\r\n break;\r\n\r\n case 'inline':\r\n\r\n if ( $( slide.src ).length ) {\r\n self.setContent( slide, $( slide.src ) );\r\n\r\n } else {\r\n self.setError( slide );\r\n }\r\n\r\n break;\r\n\r\n case 'ajax':\r\n\r\n self.showLoading( slide );\r\n\r\n ajaxLoad = $.ajax( $.extend( {}, slide.opts.ajax.settings, {\r\n url : slide.src,\r\n success : function ( data, textStatus ) {\r\n\r\n if ( textStatus === 'success' ) {\r\n self.setContent( slide, data );\r\n }\r\n\r\n },\r\n error : function ( jqXHR, textStatus ) {\r\n\r\n if ( jqXHR && textStatus !== 'abort' ) {\r\n self.setError( slide );\r\n }\r\n\r\n }\r\n }));\r\n\r\n $slide.one( 'onReset', function () {\r\n ajaxLoad.abort();\r\n });\r\n\r\n break;\r\n\r\n default:\r\n\r\n self.setError( slide );\r\n\r\n break;\r\n\r\n }\r\n\r\n return true;\r\n\r\n },\r\n\r\n\r\n // Use thumbnail image, if possible\r\n // ================================\r\n\r\n setImage : function( slide ) {\r\n\r\n var self = this;\r\n var srcset = slide.opts.image.srcset;\r\n\r\n var found, temp, pxRatio, windowWidth;\r\n\r\n // If we have \"srcset\", then we need to find matching \"src\" value.\r\n // This is necessary, because when you set an src attribute, the browser will preload the image\r\n // before any javascript or even CSS is applied.\r\n if ( srcset ) {\r\n pxRatio = window.devicePixelRatio || 1;\r\n windowWidth = window.innerWidth * pxRatio;\r\n\r\n temp = srcset.split(',').map(function ( el ) {\r\n \t\tvar ret = {};\r\n\r\n \t\tel.trim().split(/\\s+/).forEach(function ( el, i ) {\r\n var value = parseInt( el.substring(0, el.length - 1), 10 );\r\n\r\n \t\t\tif ( i === 0 ) {\r\n \t\t\t\treturn ( ret.url = el );\r\n \t\t\t}\r\n\r\n if ( value ) {\r\n ret.value = value;\r\n ret.postfix = el[ el.length - 1 ];\r\n }\r\n\r\n \t\t});\r\n\r\n \t\treturn ret;\r\n \t});\r\n\r\n // Sort by value\r\n temp.sort(function (a, b) {\r\n return a.value - b.value;\r\n });\r\n\r\n // Ok, now we have an array of all srcset values\r\n for ( var j = 0; j < temp.length; j++ ) {\r\n var el = temp[ j ];\r\n\r\n if ( ( el.postfix === 'w' && el.value >= windowWidth ) || ( el.postfix === 'x' && el.value >= pxRatio ) ) {\r\n found = el;\r\n break;\r\n }\r\n }\r\n\r\n // If not found, take the last one\r\n if ( !found && temp.length ) {\r\n found = temp[ temp.length - 1 ];\r\n }\r\n\r\n if ( found ) {\r\n slide.src = found.url;\r\n\r\n // If we have default width/height values, we can calculate height for matching source\r\n if ( slide.width && slide.height && found.postfix == 'w' ) {\r\n slide.height = ( slide.width / slide.height ) * found.value;\r\n slide.width = found.value;\r\n }\r\n }\r\n }\r\n\r\n // This will be wrapper containing both ghost and actual image\r\n slide.$content = $('')\r\n .addClass( 'fancybox-is-hidden' )\r\n .appendTo( slide.$slide );\r\n\r\n\r\n // If we have a thumbnail, we can display it while actual image is loading\r\n // Users will not stare at black screen and actual image will appear gradually\r\n if ( slide.opts.preload !== false && slide.opts.width && slide.opts.height && ( slide.opts.thumb || slide.opts.$thumb ) ) {\r\n\r\n slide.width = slide.opts.width;\r\n slide.height = slide.opts.height;\r\n\r\n slide.$ghost = $('![]()
')\r\n .one('error', function() {\r\n\r\n $(this).remove();\r\n\r\n slide.$ghost = null;\r\n\r\n self.setBigImage( slide );\r\n\r\n })\r\n .one('load', function() {\r\n\r\n self.afterLoad( slide );\r\n\r\n self.setBigImage( slide );\r\n\r\n })\r\n .addClass( 'fancybox-image' )\r\n .appendTo( slide.$content )\r\n .attr( 'src', slide.opts.thumb || slide.opts.$thumb.attr( 'src' ) );\r\n\r\n } else {\r\n\r\n self.setBigImage( slide );\r\n\r\n }\r\n\r\n },\r\n\r\n\r\n // Create full-size image\r\n // ======================\r\n\r\n setBigImage : function ( slide ) {\r\n var self = this;\r\n var $img = $('![]()
');\r\n\r\n slide.$image = $img\r\n .one('error', function() {\r\n\r\n self.setError( slide );\r\n\r\n })\r\n .one('load', function() {\r\n\r\n // Clear timeout that checks if loading icon needs to be displayed\r\n clearTimeout( slide.timouts );\r\n\r\n slide.timouts = null;\r\n\r\n if ( self.isClosing ) {\r\n return;\r\n }\r\n\r\n slide.width = this.naturalWidth;\r\n slide.height = this.naturalHeight;\r\n\r\n if ( slide.opts.image.srcset ) {\r\n $img.attr( 'sizes', '100vw' ).attr( 'srcset', slide.opts.image.srcset );\r\n }\r\n\r\n self.hideLoading( slide );\r\n\r\n if ( slide.$ghost ) {\r\n\r\n slide.timouts = setTimeout(function() {\r\n slide.timouts = null;\r\n\r\n slide.$ghost.hide();\r\n\r\n }, Math.min( 300, Math.max( 1000, slide.height / 1600 ) ) );\r\n\r\n } else {\r\n self.afterLoad( slide );\r\n }\r\n\r\n })\r\n .addClass( 'fancybox-image' )\r\n .attr('src', slide.src)\r\n .appendTo( slide.$content );\r\n\r\n if ( $img[0].complete ) {\r\n $img.trigger( 'load' );\r\n\r\n } else if( $img[0].error ) {\r\n $img.trigger( 'error' );\r\n\r\n } else {\r\n\r\n slide.timouts = setTimeout(function() {\r\n if ( !$img[0].complete && !slide.hasError ) {\r\n self.showLoading( slide );\r\n }\r\n\r\n }, 100);\r\n\r\n }\r\n\r\n },\r\n\r\n\r\n // Create iframe wrapper, iframe and bindings\r\n // ==========================================\r\n\r\n setIframe : function( slide ) {\r\n var self\t= this,\r\n opts = slide.opts.iframe,\r\n $slide\t= slide.$slide,\r\n $iframe;\r\n\r\n slide.$content = $('')\r\n .css( opts.css )\r\n .appendTo( $slide );\r\n\r\n $iframe = $( opts.tpl.replace(/\\{rnd\\}/g, new Date().getTime()) )\r\n .attr( opts.attr )\r\n .appendTo( slide.$content );\r\n\r\n if ( opts.preload ) {\r\n\r\n self.showLoading( slide );\r\n\r\n // Unfortunately, it is not always possible to determine if iframe is successfully loaded\r\n // (due to browser security policy)\r\n\r\n $iframe.on('load.fb error.fb', function(e) {\r\n this.isReady = 1;\r\n\r\n slide.$slide.trigger( 'refresh' );\r\n\r\n self.afterLoad( slide );\r\n });\r\n\r\n // Recalculate iframe content size\r\n // ===============================\r\n\r\n $slide.on('refresh.fb', function() {\r\n var $wrap = slide.$content,\r\n $contents,\r\n $body,\r\n scrollWidth,\r\n frameWidth,\r\n frameHeight;\r\n\r\n if ( $iframe[0].isReady !== 1 ) {\r\n return;\r\n }\r\n\r\n // Check if content is accessible,\r\n // it will fail if frame is not with the same origin\r\n\r\n try {\r\n $contents = $iframe.contents();\r\n $body = $contents.find('body');\r\n\r\n } catch (ignore) {}\r\n\r\n // Calculate dimensions for the wrapper\r\n if ( $body && $body.length && !( opts.css.width !== undefined && opts.css.height !== undefined ) ) {\r\n\r\n scrollWidth = $iframe[0].contentWindow.document.documentElement.scrollWidth;\r\n\r\n frameWidth\t= Math.ceil( $body.outerWidth(true) + ( $wrap.width() - scrollWidth ) );\r\n frameHeight\t= Math.ceil( $body.outerHeight(true) );\r\n\r\n // Resize wrapper to fit iframe content\r\n $wrap.css({\r\n 'width' : opts.css.width === undefined ? frameWidth + ( $wrap.outerWidth() - $wrap.innerWidth() ) : opts.css.width,\r\n 'height' : opts.css.height === undefined ? frameHeight + ( $wrap.outerHeight() - $wrap.innerHeight() ) : opts.css.height\r\n });\r\n\r\n }\r\n\r\n $wrap.removeClass( 'fancybox-is-hidden' );\r\n\r\n });\r\n\r\n } else {\r\n\r\n this.afterLoad( slide );\r\n\r\n }\r\n\r\n $iframe.attr( 'src', slide.src );\r\n\r\n if ( slide.opts.smallBtn === true ) {\r\n slide.$content.prepend( self.translate( slide, slide.opts.btnTpl.smallBtn ) );\r\n }\r\n\r\n // Remove iframe if closing or changing gallery item\r\n $slide.one( 'onReset', function () {\r\n\r\n // This helps IE not to throw errors when closing\r\n try {\r\n\r\n $( this ).find( 'iframe' ).hide().attr( 'src', '//about:blank' );\r\n\r\n } catch ( ignore ) {}\r\n\r\n $( this ).empty();\r\n\r\n slide.isLoaded = false;\r\n\r\n });\r\n\r\n },\r\n\r\n\r\n // Wrap and append content to the slide\r\n // ======================================\r\n\r\n setContent : function ( slide, content ) {\r\n\r\n var self = this;\r\n\r\n if ( self.isClosing ) {\r\n return;\r\n }\r\n\r\n self.hideLoading( slide );\r\n\r\n slide.$slide.empty();\r\n\r\n if ( isQuery( content ) && content.parent().length ) {\r\n\r\n // If content is a jQuery object, then it will be moved to the slide.\r\n // The placeholder is created so we will know where to put it back.\r\n // If user is navigating gallery fast, then the content might be already inside fancyBox\r\n // =====================================================================================\r\n\r\n // Make sure content is not already moved to fancyBox\r\n content.parent( '.fancybox-slide--inline' ).trigger( 'onReset' );\r\n\r\n // Create temporary element marking original place of the content\r\n slide.$placeholder = $( '' ).hide().insertAfter( content );\r\n\r\n // Make sure content is visible\r\n content.css('display', 'inline-block');\r\n\r\n } else if ( !slide.hasError ) {\r\n\r\n // If content is just a plain text, try to convert it to html\r\n if ( $.type( content ) === 'string' ) {\r\n content = $('
\" +\r\n \"
\"),\r\n innerDiv = div.children()[0];\r\n\r\n $(\"body\").append(div);\r\n w1 = innerDiv.offsetWidth;\r\n div.css(\"overflow\", \"scroll\");\r\n\r\n w2 = innerDiv.offsetWidth;\r\n\r\n if (w1 === w2) {\r\n w2 = div[0].clientWidth;\r\n }\r\n\r\n div.remove();\r\n\r\n return (cachedScrollbarWidth = w1 - w2);\r\n },\r\n getScrollInfo: function (within) {\r\n var overflowX = within.isWindow || within.isDocument ? \"\" :\r\n within.element.css(\"overflow-x\"),\r\n overflowY = within.isWindow || within.isDocument ? \"\" :\r\n within.element.css(\"overflow-y\"),\r\n hasOverflowX = overflowX === \"scroll\" ||\r\n (overflowX === \"auto\" && within.width < within.element[0].scrollWidth),\r\n hasOverflowY = overflowY === \"scroll\" ||\r\n (overflowY === \"auto\" && within.height < within.element[0].scrollHeight);\r\n return {\r\n width: hasOverflowY ? $.position.scrollbarWidth() : 0,\r\n height: hasOverflowX ? $.position.scrollbarWidth() : 0\r\n };\r\n },\r\n getWithinInfo: function (element) {\r\n var withinElement = $(element || window),\r\n isWindow = $.isWindow(withinElement[0]),\r\n isDocument = !!withinElement[0] && withinElement[0].nodeType === 9,\r\n hasOffset = !isWindow && !isDocument;\r\n return {\r\n element: withinElement,\r\n isWindow: isWindow,\r\n isDocument: isDocument,\r\n offset: hasOffset ? $(element).offset() : { left: 0, top: 0 },\r\n scrollLeft: withinElement.scrollLeft(),\r\n scrollTop: withinElement.scrollTop(),\r\n width: withinElement.outerWidth(),\r\n height: withinElement.outerHeight()\r\n };\r\n }\r\n };\r\n\r\n $.fn.position = function (options) {\r\n if (!options || !options.of) {\r\n return _position.apply(this, arguments);\r\n }\r\n\r\n // Make a copy, we don't want to modify arguments\r\n options = $.extend({}, options);\r\n\r\n var atOffset, targetWidth, targetHeight, targetOffset, basePosition, dimensions,\r\n target = $(options.of),\r\n within = $.position.getWithinInfo(options.within),\r\n scrollInfo = $.position.getScrollInfo(within),\r\n collision = (options.collision || \"flip\").split(\" \"),\r\n offsets = {};\r\n\r\n dimensions = getDimensions(target);\r\n if (target[0].preventDefault) {\r\n\r\n // Force left top to allow flipping\r\n options.at = \"left top\";\r\n }\r\n targetWidth = dimensions.width;\r\n targetHeight = dimensions.height;\r\n targetOffset = dimensions.offset;\r\n\r\n // Clone to reuse original targetOffset later\r\n basePosition = $.extend({}, targetOffset);\r\n\r\n // Force my and at to have valid horizontal and vertical positions\r\n // if a value is missing or invalid, it will be converted to center\r\n $.each([\"my\", \"at\"], function () {\r\n var pos = (options[this] || \"\").split(\" \"),\r\n horizontalOffset,\r\n verticalOffset;\r\n\r\n if (pos.length === 1) {\r\n pos = rhorizontal.test(pos[0]) ?\r\n pos.concat([\"center\"]) :\r\n rvertical.test(pos[0]) ?\r\n [\"center\"].concat(pos) :\r\n [\"center\", \"center\"];\r\n }\r\n pos[0] = rhorizontal.test(pos[0]) ? pos[0] : \"center\";\r\n pos[1] = rvertical.test(pos[1]) ? pos[1] : \"center\";\r\n\r\n // Calculate offsets\r\n horizontalOffset = roffset.exec(pos[0]);\r\n verticalOffset = roffset.exec(pos[1]);\r\n offsets[this] = [\r\n horizontalOffset ? horizontalOffset[0] : 0,\r\n verticalOffset ? verticalOffset[0] : 0\r\n ];\r\n\r\n // Reduce to just the positions without the offsets\r\n options[this] = [\r\n rposition.exec(pos[0])[0],\r\n rposition.exec(pos[1])[0]\r\n ];\r\n });\r\n\r\n // Normalize collision option\r\n if (collision.length === 1) {\r\n collision[1] = collision[0];\r\n }\r\n\r\n if (options.at[0] === \"right\") {\r\n basePosition.left += targetWidth;\r\n } else if (options.at[0] === \"center\") {\r\n basePosition.left += targetWidth / 2;\r\n }\r\n\r\n if (options.at[1] === \"bottom\") {\r\n basePosition.top += targetHeight;\r\n } else if (options.at[1] === \"center\") {\r\n basePosition.top += targetHeight / 2;\r\n }\r\n\r\n atOffset = getOffsets(offsets.at, targetWidth, targetHeight);\r\n basePosition.left += atOffset[0];\r\n basePosition.top += atOffset[1];\r\n\r\n return this.each(function () {\r\n var collisionPosition, using,\r\n elem = $(this),\r\n elemWidth = elem.outerWidth(),\r\n elemHeight = elem.outerHeight(),\r\n marginLeft = parseCss(this, \"marginLeft\"),\r\n marginTop = parseCss(this, \"marginTop\"),\r\n collisionWidth = elemWidth + marginLeft + parseCss(this, \"marginRight\") +\r\n scrollInfo.width,\r\n collisionHeight = elemHeight + marginTop + parseCss(this, \"marginBottom\") +\r\n scrollInfo.height,\r\n position = $.extend({}, basePosition),\r\n myOffset = getOffsets(offsets.my, elem.outerWidth(), elem.outerHeight());\r\n\r\n if (options.my[0] === \"right\") {\r\n position.left -= elemWidth;\r\n } else if (options.my[0] === \"center\") {\r\n position.left -= elemWidth / 2;\r\n }\r\n\r\n if (options.my[1] === \"bottom\") {\r\n position.top -= elemHeight;\r\n } else if (options.my[1] === \"center\") {\r\n position.top -= elemHeight / 2;\r\n }\r\n\r\n position.left += myOffset[0];\r\n position.top += myOffset[1];\r\n\r\n collisionPosition = {\r\n marginLeft: marginLeft,\r\n marginTop: marginTop\r\n };\r\n\r\n $.each([\"left\", \"top\"], function (i, dir) {\r\n if ($.ui.position[collision[i]]) {\r\n $.ui.position[collision[i]][dir](position, {\r\n targetWidth: targetWidth,\r\n targetHeight: targetHeight,\r\n elemWidth: elemWidth,\r\n elemHeight: elemHeight,\r\n collisionPosition: collisionPosition,\r\n collisionWidth: collisionWidth,\r\n collisionHeight: collisionHeight,\r\n offset: [atOffset[0] + myOffset[0], atOffset[1] + myOffset[1]],\r\n my: options.my,\r\n at: options.at,\r\n within: within,\r\n elem: elem\r\n });\r\n }\r\n });\r\n\r\n if (options.using) {\r\n\r\n // Adds feedback as second argument to using callback, if present\r\n using = function (props) {\r\n var left = targetOffset.left - position.left,\r\n right = left + targetWidth - elemWidth,\r\n top = targetOffset.top - position.top,\r\n bottom = top + targetHeight - elemHeight,\r\n feedback = {\r\n target: {\r\n element: target,\r\n left: targetOffset.left,\r\n top: targetOffset.top,\r\n width: targetWidth,\r\n height: targetHeight\r\n },\r\n element: {\r\n element: elem,\r\n left: position.left,\r\n top: position.top,\r\n width: elemWidth,\r\n height: elemHeight\r\n },\r\n horizontal: right < 0 ? \"left\" : left > 0 ? \"right\" : \"center\",\r\n vertical: bottom < 0 ? \"top\" : top > 0 ? \"bottom\" : \"middle\"\r\n };\r\n if (targetWidth < elemWidth && abs(left + right) < targetWidth) {\r\n feedback.horizontal = \"center\";\r\n }\r\n if (targetHeight < elemHeight && abs(top + bottom) < targetHeight) {\r\n feedback.vertical = \"middle\";\r\n }\r\n if (max(abs(left), abs(right)) > max(abs(top), abs(bottom))) {\r\n feedback.important = \"horizontal\";\r\n } else {\r\n feedback.important = \"vertical\";\r\n }\r\n options.using.call(this, props, feedback);\r\n };\r\n }\r\n\r\n elem.offset($.extend(position, { using: using }));\r\n });\r\n };\r\n\r\n $.ui.position = {\r\n fit: {\r\n left: function (position, data) {\r\n var within = data.within,\r\n withinOffset = within.isWindow ? within.scrollLeft : within.offset.left,\r\n outerWidth = within.width,\r\n collisionPosLeft = position.left - data.collisionPosition.marginLeft,\r\n overLeft = withinOffset - collisionPosLeft,\r\n overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset,\r\n newOverRight;\r\n\r\n // Element is wider than within\r\n if (data.collisionWidth > outerWidth) {\r\n\r\n // Element is initially over the left side of within\r\n if (overLeft > 0 && overRight <= 0) {\r\n newOverRight = position.left + overLeft + data.collisionWidth - outerWidth -\r\n withinOffset;\r\n position.left += overLeft - newOverRight;\r\n\r\n // Element is initially over right side of within\r\n } else if (overRight > 0 && overLeft <= 0) {\r\n position.left = withinOffset;\r\n\r\n // Element is initially over both left and right sides of within\r\n } else {\r\n if (overLeft > overRight) {\r\n position.left = withinOffset + outerWidth - data.collisionWidth;\r\n } else {\r\n position.left = withinOffset;\r\n }\r\n }\r\n\r\n // Too far left -> align with left edge\r\n } else if (overLeft > 0) {\r\n position.left += overLeft;\r\n\r\n // Too far right -> align with right edge\r\n } else if (overRight > 0) {\r\n position.left -= overRight;\r\n\r\n // Adjust based on position and margin\r\n } else {\r\n position.left = max(position.left - collisionPosLeft, position.left);\r\n }\r\n },\r\n top: function (position, data) {\r\n var within = data.within,\r\n withinOffset = within.isWindow ? within.scrollTop : within.offset.top,\r\n outerHeight = data.within.height,\r\n collisionPosTop = position.top - data.collisionPosition.marginTop,\r\n overTop = withinOffset - collisionPosTop,\r\n overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset,\r\n newOverBottom;\r\n\r\n // Element is taller than within\r\n if (data.collisionHeight > outerHeight) {\r\n\r\n // Element is initially over the top of within\r\n if (overTop > 0 && overBottom <= 0) {\r\n newOverBottom = position.top + overTop + data.collisionHeight - outerHeight -\r\n withinOffset;\r\n position.top += overTop - newOverBottom;\r\n\r\n // Element is initially over bottom of within\r\n } else if (overBottom > 0 && overTop <= 0) {\r\n position.top = withinOffset;\r\n\r\n // Element is initially over both top and bottom of within\r\n } else {\r\n if (overTop > overBottom) {\r\n position.top = withinOffset + outerHeight - data.collisionHeight;\r\n } else {\r\n position.top = withinOffset;\r\n }\r\n }\r\n\r\n // Too far up -> align with top\r\n } else if (overTop > 0) {\r\n position.top += overTop;\r\n\r\n // Too far down -> align with bottom edge\r\n } else if (overBottom > 0) {\r\n position.top -= overBottom;\r\n\r\n // Adjust based on position and margin\r\n } else {\r\n position.top = max(position.top - collisionPosTop, position.top);\r\n }\r\n }\r\n },\r\n flip: {\r\n left: function (position, data) {\r\n var within = data.within,\r\n withinOffset = within.offset.left + within.scrollLeft,\r\n outerWidth = within.width,\r\n offsetLeft = within.isWindow ? within.scrollLeft : within.offset.left,\r\n collisionPosLeft = position.left - data.collisionPosition.marginLeft,\r\n overLeft = collisionPosLeft - offsetLeft,\r\n overRight = collisionPosLeft + data.collisionWidth - outerWidth - offsetLeft,\r\n myOffset = data.my[0] === \"left\" ?\r\n -data.elemWidth :\r\n data.my[0] === \"right\" ?\r\n data.elemWidth :\r\n 0,\r\n atOffset = data.at[0] === \"left\" ?\r\n data.targetWidth :\r\n data.at[0] === \"right\" ?\r\n -data.targetWidth :\r\n 0,\r\n offset = -2 * data.offset[0],\r\n newOverRight,\r\n newOverLeft;\r\n\r\n if (overLeft < 0) {\r\n newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth -\r\n outerWidth - withinOffset;\r\n if (newOverRight < 0 || newOverRight < abs(overLeft)) {\r\n position.left += myOffset + atOffset + offset;\r\n }\r\n } else if (overRight > 0) {\r\n newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset +\r\n atOffset + offset - offsetLeft;\r\n if (newOverLeft > 0 || abs(newOverLeft) < overRight) {\r\n position.left += myOffset + atOffset + offset;\r\n }\r\n }\r\n },\r\n top: function (position, data) {\r\n var within = data.within,\r\n withinOffset = within.offset.top + within.scrollTop,\r\n outerHeight = within.height,\r\n offsetTop = within.isWindow ? within.scrollTop : within.offset.top,\r\n collisionPosTop = position.top - data.collisionPosition.marginTop,\r\n overTop = collisionPosTop - offsetTop,\r\n overBottom = collisionPosTop + data.collisionHeight - outerHeight - offsetTop,\r\n top = data.my[1] === \"top\",\r\n myOffset = top ?\r\n -data.elemHeight :\r\n data.my[1] === \"bottom\" ?\r\n data.elemHeight :\r\n 0,\r\n atOffset = data.at[1] === \"top\" ?\r\n data.targetHeight :\r\n data.at[1] === \"bottom\" ?\r\n -data.targetHeight :\r\n 0,\r\n offset = -2 * data.offset[1],\r\n newOverTop,\r\n newOverBottom;\r\n if (overTop < 0) {\r\n newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight -\r\n outerHeight - withinOffset;\r\n if (newOverBottom < 0 || newOverBottom < abs(overTop)) {\r\n position.top += myOffset + atOffset + offset;\r\n }\r\n } else if (overBottom > 0) {\r\n newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset +\r\n offset - offsetTop;\r\n if (newOverTop > 0 || abs(newOverTop) < overBottom) {\r\n position.top += myOffset + atOffset + offset;\r\n }\r\n }\r\n }\r\n },\r\n flipfit: {\r\n left: function () {\r\n $.ui.position.flip.left.apply(this, arguments);\r\n $.ui.position.fit.left.apply(this, arguments);\r\n },\r\n top: function () {\r\n $.ui.position.flip.top.apply(this, arguments);\r\n $.ui.position.fit.top.apply(this, arguments);\r\n }\r\n }\r\n };\r\n\r\n })();\r\n\r\n var position = $.ui.position;\r\n\r\n\r\n /*!\r\n * jQuery UI Keycode 1.12.1\r\n * http://jqueryui.com\r\n *\r\n * Copyright jQuery Foundation and other contributors\r\n * Released under the MIT license.\r\n * http://jquery.org/license\r\n */\r\n\r\n //>>label: Keycode\r\n //>>group: Core\r\n //>>description: Provide keycodes as keynames\r\n //>>docs: http://api.jqueryui.com/jQuery.ui.keyCode/\r\n\r\n\r\n var keycode = $.ui.keyCode = {\r\n BACKSPACE: 8,\r\n COMMA: 188,\r\n DELETE: 46,\r\n DOWN: 40,\r\n END: 35,\r\n ENTER: 13,\r\n ESCAPE: 27,\r\n HOME: 36,\r\n LEFT: 37,\r\n PAGE_DOWN: 34,\r\n PAGE_UP: 33,\r\n PERIOD: 190,\r\n RIGHT: 39,\r\n SPACE: 32,\r\n TAB: 9,\r\n UP: 38\r\n };\r\n\r\n\r\n /*!\r\n * jQuery UI Unique ID 1.12.1\r\n * http://jqueryui.com\r\n *\r\n * Copyright jQuery Foundation and other contributors\r\n * Released under the MIT license.\r\n * http://jquery.org/license\r\n */\r\n\r\n //>>label: uniqueId\r\n //>>group: Core\r\n //>>description: Functions to generate and remove uniqueId's\r\n //>>docs: http://api.jqueryui.com/uniqueId/\r\n\r\n\r\n\r\n var uniqueId = $.fn.extend({\r\n uniqueId: (function () {\r\n var uuid = 0;\r\n\r\n return function () {\r\n return this.each(function () {\r\n if (!this.id) {\r\n this.id = \"ui-id-\" + (++uuid);\r\n }\r\n });\r\n };\r\n })(),\r\n\r\n removeUniqueId: function () {\r\n return this.each(function () {\r\n if (/^ui-id-\\d+$/.test(this.id)) {\r\n $(this).removeAttr(\"id\");\r\n }\r\n });\r\n }\r\n });\r\n\r\n\r\n\r\n var safeActiveElement = $.ui.safeActiveElement = function (document) {\r\n var activeElement;\r\n\r\n // Support: IE 9 only\r\n // IE9 throws an \"Unspecified error\" accessing document.activeElement from an ',\r\n\r\n // Preload iframe before displaying it\r\n // This allows to calculate iframe content width and height\r\n // (note: Due to \"Same Origin Policy\", you can't get cross domain data).\r\n preload : true,\r\n\r\n // Custom CSS styling for iframe wrapping element\r\n // You can use this to set custom iframe dimensions\r\n css : {},\r\n\r\n // Iframe tag attributes\r\n attr : {\r\n scrolling : 'auto'\r\n }\r\n\r\n },\r\n\r\n // Open/close animation type\r\n // Possible values:\r\n // false - disable\r\n // \"zoom\" - zoom images from/to thumbnail\r\n // \"fade\"\r\n // \"zoom-in-out\"\r\n //\r\n animationEffect : \"zoom\",\r\n\r\n // Duration in ms for open/close animation\r\n animationDuration : 366,\r\n\r\n // Should image change opacity while zooming\r\n // If opacity is 'auto', then opacity will be changed if image and thumbnail have different aspect ratios\r\n zoomOpacity : 'auto',\r\n\r\n // Transition effect between slides\r\n //\r\n // Possible values:\r\n // false - disable\r\n // \"fade'\r\n // \"slide'\r\n // \"circular'\r\n // \"tube'\r\n // \"zoom-in-out'\r\n // \"rotate'\r\n //\r\n transitionEffect : \"fade\",\r\n\r\n // Duration in ms for transition animation\r\n transitionDuration : 366,\r\n\r\n // Custom CSS class for slide element\r\n slideClass : '',\r\n\r\n // Custom CSS class for layout\r\n baseClass : '',\r\n\r\n // Base template for layout\r\n baseTpl\t:\r\n '' +\r\n '' +\r\n '
',\r\n\r\n // Loading indicator template\r\n spinnerTpl : '',\r\n\r\n // Error message template\r\n errorTpl : '' +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '
' +\r\n '' +\r\n '' +\r\n '
' +\r\n '{{ERROR}}
Please try again later.',\r\n PLAY_START : 'Start slideshow',\r\n PLAY_STOP : 'Pause slideshow',\r\n FULL_SCREEN : 'Full screen',\r\n THUMBS : 'Thumbnails'\r\n },\r\n 'de' : {\r\n CLOSE : 'Schliessen',\r\n NEXT : 'Weiter',\r\n PREV : 'Zurück',\r\n ERROR : 'Die angeforderten Daten konnten nicht geladen werden.
Bitte versuchen Sie es später nochmal.',\r\n PLAY_START : 'Diaschau starten',\r\n PLAY_STOP : 'Diaschau beenden',\r\n FULL_SCREEN : 'Vollbild',\r\n THUMBS : 'Vorschaubilder'\r\n }\r\n }\r\n\r\n };\r\n\r\n // Few useful variables and methods\r\n // ================================\r\n\r\n var $W = $(window);\r\n var $D = $(document);\r\n\r\n var called = 0;\r\n\r\n\r\n // Check if an object is a jQuery object and not a native JavaScript object\r\n // ========================================================================\r\n\r\n var isQuery = function ( obj ) {\r\n return obj && obj.hasOwnProperty && obj instanceof $;\r\n };\r\n\r\n\r\n // Handle multiple browsers for \"requestAnimationFrame\" and \"cancelAnimationFrame\"\r\n // ===============================================================================\r\n\r\n var requestAFrame = (function () {\r\n return window.requestAnimationFrame ||\r\n window.webkitRequestAnimationFrame ||\r\n window.mozRequestAnimationFrame ||\r\n window.oRequestAnimationFrame ||\r\n // if all else fails, use setTimeout\r\n function (callback) {\r\n return window.setTimeout(callback, 1000 / 60);\r\n };\r\n })();\r\n\r\n\r\n // Detect the supported transition-end event property name\r\n // =======================================================\r\n\r\n var transitionEnd = (function () {\r\n var t, el = document.createElement(\"fakeelement\");\r\n\r\n var transitions = {\r\n \"transition\" : \"transitionend\",\r\n \"OTransition\" : \"oTransitionEnd\",\r\n \"MozTransition\" : \"transitionend\",\r\n \"WebkitTransition\": \"webkitTransitionEnd\"\r\n };\r\n\r\n for (t in transitions) {\r\n if (el.style[t] !== undefined){\r\n return transitions[t];\r\n }\r\n }\r\n })();\r\n\r\n\r\n // Force redraw on an element.\r\n // This helps in cases where the browser doesn't redraw an updated element properly.\r\n // =================================================================================\r\n\r\n var forceRedraw = function( $el ) {\r\n return ( $el && $el.length && $el[0].offsetHeight );\r\n };\r\n\r\n\r\n // Class definition\r\n // ================\r\n\r\n var FancyBox = function( content, opts, index ) {\r\n var self = this;\r\n\r\n self.opts = $.extend( true, { index : index }, defaults, opts || {} );\r\n\r\n // Exclude buttons option from deep merging\r\n if ( opts && $.isArray( opts.buttons ) ) {\r\n self.opts.buttons = opts.buttons;\r\n }\r\n\r\n self.id = self.opts.id || ++called;\r\n self.group = [];\r\n\r\n self.currIndex = parseInt( self.opts.index, 10 ) || 0;\r\n self.prevIndex = null;\r\n\r\n self.prevPos = null;\r\n self.currPos = 0;\r\n\r\n self.firstRun = null;\r\n\r\n // Create group elements from original item collection\r\n self.createGroup( content );\r\n\r\n if ( !self.group.length ) {\r\n return;\r\n }\r\n\r\n // Save last active element and current scroll position\r\n self.$lastFocus = $(document.activeElement).blur();\r\n\r\n // Collection of gallery objects\r\n self.slides = {};\r\n\r\n self.init( content );\r\n\r\n };\r\n\r\n $.extend(FancyBox.prototype, {\r\n\r\n // Create DOM structure\r\n // ====================\r\n\r\n init : function() {\r\n var self = this;\r\n\r\n var testWidth, $container, buttonStr;\r\n\r\n var firstItemOpts = self.group[ self.currIndex ].opts;\r\n\r\n self.scrollTop = $D.scrollTop();\r\n self.scrollLeft = $D.scrollLeft();\r\n\r\n\r\n // Hide scrollbars\r\n // ===============\r\n\r\n if ( !$.fancybox.getInstance() && !$.fancybox.isMobile && $( 'body' ).css('overflow') !== 'hidden' ) {\r\n testWidth = $( 'body' ).width();\r\n\r\n $( 'html' ).addClass( 'fancybox-enabled' );\r\n\r\n // Compare body width after applying \"overflow: hidden\"\r\n testWidth = $( 'body' ).width() - testWidth;\r\n\r\n // If width has changed - compensate missing scrollbars by adding right margin\r\n if ( testWidth > 1 ) {\r\n $( 'head' ).append( '' );\r\n }\r\n }\r\n\r\n\r\n // Build html markup and set references\r\n // ====================================\r\n\r\n // Build html code for buttons and insert into main template\r\n buttonStr = '';\r\n\r\n $.each( firstItemOpts.buttons, function( index, value ) {\r\n buttonStr += ( firstItemOpts.btnTpl[ value ] || '' );\r\n });\r\n\r\n // Create markup from base template, it will be initially hidden to\r\n // avoid unnecessary work like painting while initializing is not complete\r\n $container = $( self.translate( self, firstItemOpts.baseTpl.replace( '\\{\\{BUTTONS\\}\\}', buttonStr ) ) )\r\n .addClass( 'fancybox-is-hidden' )\r\n .attr('id', 'fancybox-container-' + self.id)\r\n .addClass( firstItemOpts.baseClass )\r\n .data( 'FancyBox', self )\r\n .prependTo( firstItemOpts.parentEl );\r\n\r\n // Create object holding references to jQuery wrapped nodes\r\n self.$refs = {\r\n container : $container\r\n };\r\n\r\n [ 'bg', 'inner', 'infobar', 'toolbar', 'stage', 'caption' ].forEach(function(item) {\r\n self.$refs[ item ] = $container.find( '.fancybox-' + item );\r\n });\r\n\r\n // Check for redundant elements\r\n if ( !firstItemOpts.arrows || self.group.length < 2 ) {\r\n $container.find('.fancybox-navigation').remove();\r\n }\r\n\r\n if ( !firstItemOpts.infobar ) {\r\n self.$refs.infobar.remove();\r\n }\r\n\r\n if ( !firstItemOpts.toolbar ) {\r\n self.$refs.toolbar.remove();\r\n }\r\n\r\n self.trigger( 'onInit' );\r\n\r\n // Bring to front and enable events\r\n self.activate();\r\n\r\n // Build slides, load and reveal content\r\n self.jumpTo( self.currIndex );\r\n },\r\n\r\n\r\n // Simple i18n support - replaces object keys found in template\r\n // with corresponding values\r\n // ============================================================\r\n\r\n translate : function( obj, str ) {\r\n var arr = obj.opts.i18n[ obj.opts.lang ];\r\n\r\n return str.replace(/\\{\\{(\\w+)\\}\\}/g, function(match, n) {\r\n var value = arr[n];\r\n\r\n if ( value === undefined ) {\r\n return match;\r\n }\r\n\r\n return value;\r\n });\r\n },\r\n\r\n // Create array of gally item objects\r\n // Check if each object has valid type and content\r\n // ===============================================\r\n\r\n createGroup : function ( content ) {\r\n var self = this;\r\n var items = $.makeArray( content );\r\n\r\n $.each(items, function( i, item ) {\r\n var obj = {},\r\n opts = {},\r\n data = [],\r\n $item,\r\n type,\r\n src,\r\n srcParts;\r\n\r\n // Step 1 - Make sure we have an object\r\n // ====================================\r\n\r\n if ( $.isPlainObject( item ) ) {\r\n\r\n // We probably have manual usage here, something like\r\n // $.fancybox.open( [ { src : \"image.jpg\", type : \"image\" } ] )\r\n\r\n obj = item;\r\n opts = item.opts || item;\r\n\r\n } else if ( $.type( item ) === 'object' && $( item ).length ) {\r\n\r\n // Here we propbably have jQuery collection returned by some selector\r\n\r\n $item = $( item );\r\n data = $item.data();\r\n\r\n opts = 'options' in data ? data.options : {};\r\n opts = $.type( opts ) === 'object' ? opts : {};\r\n\r\n obj.src = 'src' in data ? data.src : ( opts.src || $item.attr( 'href' ) );\r\n\r\n [ 'width', 'height', 'thumb', 'type', 'filter' ].forEach(function(item) {\r\n if ( item in data ) {\r\n opts[ item ] = data[ item ];\r\n }\r\n });\r\n\r\n if ( 'srcset' in data ) {\r\n opts.image = { srcset : data.srcset };\r\n }\r\n\r\n opts.$orig = $item;\r\n\r\n if ( !obj.type && !obj.src ) {\r\n obj.type = 'inline';\r\n obj.src = item;\r\n }\r\n\r\n } else {\r\n\r\n // Assume we have a simple html code, for example:\r\n // $.fancybox.open( '
Hi!
').append( $.trim( content ) ).contents();\r\n\r\n // If we have text node, then add wrapping element to make vertical alignment work\r\n if ( content[0].nodeType === 3 ) {\r\n content = $('
').html( content );\r\n }\r\n }\r\n\r\n // If \"filter\" option is provided, then filter content\r\n if ( slide.opts.filter ) {\r\n content = $('
').html( content ).find( slide.opts.filter );\r\n }\r\n\r\n }\r\n\r\n slide.$slide.one('onReset', function () {\r\n\r\n // Put content back\r\n if ( slide.$placeholder ) {\r\n slide.$placeholder.after( content.hide() ).remove();\r\n\r\n slide.$placeholder = null;\r\n }\r\n\r\n // Remove custom close button\r\n if ( slide.$smallBtn ) {\r\n slide.$smallBtn.remove();\r\n\r\n slide.$smallBtn = null;\r\n }\r\n\r\n // Remove content and mark slide as not loaded\r\n if ( !slide.hasError ) {\r\n $(this).empty();\r\n\r\n slide.isLoaded = false;\r\n }\r\n\r\n });\r\n\r\n slide.$content = $( content ).appendTo( slide.$slide );\r\n\r\n if ( slide.opts.smallBtn && !slide.$smallBtn ) {\r\n slide.$smallBtn = $( self.translate( slide, slide.opts.btnTpl.smallBtn ) ).appendTo( slide.$content );\r\n }\r\n\r\n this.afterLoad( slide );\r\n },\r\n\r\n // Display error message\r\n // =====================\r\n\r\n setError : function ( slide ) {\r\n\r\n slide.hasError = true;\r\n\r\n slide.$slide.removeClass( 'fancybox-slide--' + slide.type );\r\n\r\n this.setContent( slide, this.translate( slide, slide.opts.errorTpl ) );\r\n\r\n },\r\n\r\n\r\n // Show loading icon inside the slide\r\n // ==================================\r\n\r\n showLoading : function( slide ) {\r\n\r\n var self = this;\r\n\r\n slide = slide || self.current;\r\n\r\n if ( slide && !slide.$spinner ) {\r\n slide.$spinner = $( self.opts.spinnerTpl ).appendTo( slide.$slide );\r\n }\r\n\r\n },\r\n\r\n // Remove loading icon from the slide\r\n // ==================================\r\n\r\n hideLoading : function( slide ) {\r\n\r\n var self = this;\r\n\r\n slide = slide || self.current;\r\n\r\n if ( slide && slide.$spinner ) {\r\n slide.$spinner.remove();\r\n\r\n delete slide.$spinner;\r\n }\r\n\r\n },\r\n\r\n\r\n // Adjustments after slide content has been loaded\r\n // ===============================================\r\n\r\n afterLoad : function( slide ) {\r\n\r\n var self = this;\r\n\r\n if ( self.isClosing ) {\r\n return;\r\n }\r\n\r\n slide.isLoading = false;\r\n slide.isLoaded = true;\r\n\r\n self.trigger( 'afterLoad', slide );\r\n\r\n self.hideLoading( slide );\r\n\r\n if ( slide.opts.protect && slide.$content && !slide.hasError ) {\r\n\r\n // Disable right click\r\n slide.$content.on( 'contextmenu.fb', function( e ) {\r\n if ( e.button == 2 ) {\r\n e.preventDefault();\r\n }\r\n\r\n return true;\r\n });\r\n\r\n // Add fake element on top of the image\r\n // This makes a bit harder for user to select image\r\n if ( slide.type === 'image' ) {\r\n $( '' ).appendTo( slide.$content );\r\n }\r\n\r\n }\r\n\r\n self.revealContent( slide );\r\n\r\n },\r\n\r\n\r\n // Make content visible\r\n // This method is called right after content has been loaded or\r\n // user navigates gallery and transition should start\r\n // ============================================================\r\n\r\n revealContent : function( slide ) {\r\n\r\n var self = this;\r\n var $slide = slide.$slide;\r\n\r\n var effect, effectClassName, duration, opacity, end, start = false;\r\n\r\n effect = slide.opts[ self.firstRun ? 'animationEffect' : 'transitionEffect' ];\r\n duration = slide.opts[ self.firstRun ? 'animationDuration' : 'transitionDuration' ];\r\n\r\n duration = parseInt( slide.forcedDuration === undefined ? duration : slide.forcedDuration, 10 );\r\n\r\n if ( slide.isMoved || slide.pos !== self.currPos || !duration ) {\r\n effect = false;\r\n }\r\n\r\n // Check if can zoom\r\n if ( effect === 'zoom' && !( slide.pos === self.currPos && duration && slide.type === 'image' && !slide.hasError && ( start = self.getThumbPos( slide ) ) ) ) {\r\n effect = 'fade';\r\n }\r\n\r\n\r\n // Zoom animation\r\n // ==============\r\n\r\n if ( effect === 'zoom' ) {\r\n end = self.getFitPos( slide );\r\n\r\n end.scaleX = Math.round( (end.width / start.width) * 100 ) / 100;\r\n end.scaleY = Math.round( (end.height / start.height) * 100 ) / 100;\r\n\r\n delete end.width;\r\n delete end.height;\r\n\r\n // Check if we need to animate opacity\r\n opacity = slide.opts.zoomOpacity;\r\n\r\n if ( opacity == 'auto' ) {\r\n opacity = Math.abs( slide.width / slide.height - start.width / start.height ) > 0.1;\r\n }\r\n\r\n if ( opacity ) {\r\n start.opacity = 0.1;\r\n end.opacity = 1;\r\n }\r\n\r\n // Draw image at start position\r\n $.fancybox.setTranslate( slide.$content.removeClass( 'fancybox-is-hidden' ), start );\r\n\r\n forceRedraw( slide.$content );\r\n\r\n // Start animation\r\n $.fancybox.animate( slide.$content, end, duration, function() {\r\n self.complete();\r\n });\r\n\r\n return;\r\n }\r\n\r\n\r\n self.updateSlide( slide );\r\n\r\n\r\n // Simply show content\r\n // ===================\r\n\r\n if ( !effect ) {\r\n forceRedraw( $slide );\r\n\r\n slide.$content.removeClass( 'fancybox-is-hidden' );\r\n\r\n if ( slide.pos === self.currPos ) {\r\n self.complete();\r\n }\r\n\r\n return;\r\n }\r\n\r\n $.fancybox.stop( $slide );\r\n\r\n effectClassName = 'fancybox-animated fancybox-slide--' + ( slide.pos > self.prevPos ? 'next' : 'previous' ) + ' fancybox-fx-' + effect;\r\n\r\n $slide.removeAttr( 'style' ).removeClass( 'fancybox-slide--current fancybox-slide--next fancybox-slide--previous' ).addClass( effectClassName );\r\n\r\n slide.$content.removeClass( 'fancybox-is-hidden' );\r\n\r\n //Force reflow for CSS3 transitions\r\n forceRedraw( $slide );\r\n\r\n $.fancybox.animate( $slide, 'fancybox-slide--current', duration, function(e) {\r\n $slide.removeClass( effectClassName ).removeAttr( 'style' );\r\n\r\n if ( slide.pos === self.currPos ) {\r\n self.complete();\r\n }\r\n\r\n }, true);\r\n\r\n },\r\n\r\n\r\n // Check if we can and have to zoom from thumbnail\r\n //================================================\r\n\r\n getThumbPos : function( slide ) {\r\n\r\n var self = this;\r\n var rez = false;\r\n\r\n // Check if element is inside the viewport by at least 1 pixel\r\n var isElementVisible = function( $el ) {\r\n var element = $el[0];\r\n\r\n var elementRect = element.getBoundingClientRect();\r\n var parentRects = [];\r\n\r\n var visibleInAllParents;\r\n\r\n while ( element.parentElement !== null ) {\r\n if ( $(element.parentElement).css('overflow') === 'hidden' || $(element.parentElement).css('overflow') === 'auto' ) {\r\n parentRects.push(element.parentElement.getBoundingClientRect());\r\n }\r\n\r\n element = element.parentElement;\r\n }\r\n\r\n visibleInAllParents = parentRects.every(function(parentRect){\r\n var visiblePixelX = Math.min(elementRect.right, parentRect.right) - Math.max(elementRect.left, parentRect.left);\r\n var visiblePixelY = Math.min(elementRect.bottom, parentRect.bottom) - Math.max(elementRect.top, parentRect.top);\r\n\r\n return visiblePixelX > 0 && visiblePixelY > 0;\r\n });\r\n\r\n return visibleInAllParents &&\r\n elementRect.bottom > 0 && elementRect.right > 0 &&\r\n elementRect.left < $(window).width() && elementRect.top < $(window).height();\r\n };\r\n\r\n var $thumb = slide.opts.$thumb;\r\n var thumbPos = $thumb ? $thumb.offset() : 0;\r\n var slidePos;\r\n\r\n if ( thumbPos && $thumb[0].ownerDocument === document && isElementVisible( $thumb ) ) {\r\n slidePos = self.$refs.stage.offset();\r\n\r\n rez = {\r\n top : thumbPos.top - slidePos.top + parseFloat( $thumb.css( \"border-top-width\" ) || 0 ),\r\n left : thumbPos.left - slidePos.left + parseFloat( $thumb.css( \"border-left-width\" ) || 0 ),\r\n width : $thumb.width(),\r\n height : $thumb.height(),\r\n scaleX : 1,\r\n scaleY : 1\r\n };\r\n }\r\n\r\n return rez;\r\n },\r\n\r\n\r\n // Final adjustments after current gallery item is moved to position\r\n // and it`s content is loaded\r\n // ==================================================================\r\n\r\n complete : function() {\r\n\r\n var self = this;\r\n\r\n var current = self.current;\r\n var slides = {};\r\n\r\n if ( current.isMoved || !current.isLoaded || current.isComplete ) {\r\n return;\r\n }\r\n\r\n current.isComplete = true;\r\n\r\n current.$slide.siblings().trigger( 'onReset' );\r\n\r\n // Trigger any CSS3 transiton inside the slide\r\n forceRedraw( current.$slide );\r\n\r\n current.$slide.addClass( 'fancybox-slide--complete' );\r\n\r\n // Remove unnecessary slides\r\n $.each( self.slides, function( key, slide ) {\r\n if ( slide.pos >= self.currPos - 1 && slide.pos <= self.currPos + 1 ) {\r\n slides[ slide.pos ] = slide;\r\n\r\n } else if ( slide ) {\r\n\r\n $.fancybox.stop( slide.$slide );\r\n\r\n slide.$slide.unbind().remove();\r\n }\r\n });\r\n\r\n self.slides = slides;\r\n\r\n self.updateCursor();\r\n\r\n self.trigger( 'afterShow' );\r\n\r\n // Try to focus on the first focusable element\r\n if ( $( document.activeElement ).is( '[disabled]' ) || ( current.opts.autoFocus && !( current.type == 'image' || current.type === 'iframe' ) ) ) {\r\n self.focus();\r\n }\r\n\r\n },\r\n\r\n\r\n // Preload next and previous slides\r\n // ================================\r\n\r\n preload : function() {\r\n var self = this;\r\n var next, prev;\r\n\r\n if ( self.group.length < 2 ) {\r\n return;\r\n }\r\n\r\n next = self.slides[ self.currPos + 1 ];\r\n prev = self.slides[ self.currPos - 1 ];\r\n\r\n if ( next && next.type === 'image' ) {\r\n self.loadSlide( next );\r\n }\r\n\r\n if ( prev && prev.type === 'image' ) {\r\n self.loadSlide( prev );\r\n }\r\n\r\n },\r\n\r\n\r\n // Try to find and focus on the first focusable element\r\n // ====================================================\r\n\r\n focus : function() {\r\n var current = this.current;\r\n var $el;\r\n\r\n if ( this.isClosing ) {\r\n return;\r\n }\r\n\r\n // Skip for images and iframes\r\n $el = current && current.isComplete ? current.$slide.find('button,:input,[tabindex],a').filter(':not([disabled]):visible:first') : null;\r\n $el = $el && $el.length ? $el : this.$refs.container;\r\n\r\n $el.focus();\r\n },\r\n\r\n\r\n // Activates current instance - brings container to the front and enables keyboard,\r\n // notifies other instances about deactivating\r\n // =================================================================================\r\n\r\n activate : function () {\r\n var self = this;\r\n\r\n // Deactivate all instances\r\n $( '.fancybox-container' ).each(function () {\r\n var instance = $(this).data( 'FancyBox' );\r\n\r\n // Skip self and closing instances\r\n if (instance && instance.uid !== self.uid && !instance.isClosing) {\r\n instance.trigger( 'onDeactivate' );\r\n }\r\n\r\n });\r\n\r\n if ( self.current ) {\r\n if ( self.$refs.container.index() > 0 ) {\r\n self.$refs.container.prependTo( document.body );\r\n }\r\n\r\n self.updateControls();\r\n }\r\n\r\n self.trigger( 'onActivate' );\r\n\r\n self.addEvents();\r\n\r\n },\r\n\r\n\r\n // Start closing procedure\r\n // This will start \"zoom-out\" animation if needed and clean everything up afterwards\r\n // =================================================================================\r\n\r\n close : function( e, d ) {\r\n\r\n var self = this;\r\n var current = self.current;\r\n\r\n var effect, duration;\r\n var $what, opacity, start, end;\r\n\r\n var done = function() {\r\n self.cleanUp( e );\r\n };\r\n\r\n if ( self.isClosing ) {\r\n return false;\r\n }\r\n\r\n self.isClosing = true;\r\n\r\n // If beforeClose callback prevents closing, make sure content is centered\r\n if ( self.trigger( 'beforeClose', e ) === false ) {\r\n self.isClosing = false;\r\n\r\n requestAFrame(function() {\r\n self.update();\r\n });\r\n\r\n return false;\r\n }\r\n\r\n // Remove all events\r\n // If there are multiple instances, they will be set again by \"activate\" method\r\n self.removeEvents();\r\n\r\n if ( current.timouts ) {\r\n clearTimeout( current.timouts );\r\n }\r\n\r\n $what = current.$content;\r\n effect = current.opts.animationEffect;\r\n duration = $.isNumeric( d ) ? d : ( effect ? current.opts.animationDuration : 0 );\r\n\r\n // Remove other slides\r\n current.$slide.off( transitionEnd ).removeClass( 'fancybox-slide--complete fancybox-slide--next fancybox-slide--previous fancybox-animated' );\r\n\r\n current.$slide.siblings().trigger( 'onReset' ).remove();\r\n\r\n // Trigger animations\r\n if ( duration ) {\r\n self.$refs.container.removeClass( 'fancybox-is-open' ).addClass( 'fancybox-is-closing' );\r\n }\r\n\r\n // Clean up\r\n self.hideLoading( current );\r\n\r\n self.hideControls();\r\n\r\n self.updateCursor();\r\n\r\n // Check if possible to zoom-out\r\n if ( effect === 'zoom' && !( e !== true && $what && duration && current.type === 'image' && !current.hasError && ( end = self.getThumbPos( current ) ) ) ) {\r\n effect = 'fade';\r\n }\r\n\r\n if ( effect === 'zoom' ) {\r\n $.fancybox.stop( $what );\r\n\r\n start = $.fancybox.getTranslate( $what );\r\n\r\n start.width = start.width * start.scaleX;\r\n start.height = start.height * start.scaleY;\r\n\r\n // Check if we need to animate opacity\r\n opacity = current.opts.zoomOpacity;\r\n\r\n if ( opacity == 'auto' ) {\r\n opacity = Math.abs( current.width / current.height - end.width / end.height ) > 0.1;\r\n }\r\n\r\n if ( opacity ) {\r\n end.opacity = 0;\r\n }\r\n\r\n start.scaleX = start.width / end.width;\r\n start.scaleY = start.height / end.height;\r\n\r\n start.width = end.width;\r\n start.height = end.height;\r\n\r\n $.fancybox.setTranslate( current.$content, start );\r\n\r\n $.fancybox.animate( current.$content, end, duration, done );\r\n\r\n return true;\r\n }\r\n\r\n if ( effect && duration ) {\r\n\r\n // If skip animation\r\n if ( e === true ) {\r\n setTimeout( done, duration );\r\n\r\n } else {\r\n $.fancybox.animate( current.$slide.removeClass( 'fancybox-slide--current' ), 'fancybox-animated fancybox-slide--previous fancybox-fx-' + effect, duration, done );\r\n }\r\n\r\n } else {\r\n done();\r\n }\r\n\r\n return true;\r\n },\r\n\r\n\r\n // Final adjustments after removing the instance\r\n // =============================================\r\n\r\n cleanUp : function( e ) {\r\n var self = this,\r\n instance;\r\n\r\n self.current.$slide.trigger( 'onReset' );\r\n\r\n self.$refs.container.empty().remove();\r\n\r\n self.trigger( 'afterClose', e );\r\n\r\n // Place back focus\r\n if ( self.$lastFocus && !!!self.current.focusBack ) {\r\n self.$lastFocus.focus();\r\n }\r\n\r\n self.current = null;\r\n\r\n // Check if there are other instances\r\n instance = $.fancybox.getInstance();\r\n\r\n if ( instance ) {\r\n instance.activate();\r\n\r\n } else {\r\n\r\n $W.scrollTop( self.scrollTop ).scrollLeft( self.scrollLeft );\r\n\r\n $( 'html' ).removeClass( 'fancybox-enabled' );\r\n\r\n $( '#fancybox-style-noscroll' ).remove();\r\n }\r\n\r\n },\r\n\r\n\r\n // Call callback and trigger an event\r\n // ==================================\r\n\r\n trigger : function( name, slide ) {\r\n var args = Array.prototype.slice.call(arguments, 1),\r\n self = this,\r\n obj = slide && slide.opts ? slide : self.current,\r\n rez;\r\n\r\n if ( obj ) {\r\n args.unshift( obj );\r\n\r\n } else {\r\n obj = self;\r\n }\r\n\r\n args.unshift( self );\r\n\r\n if ( $.isFunction( obj.opts[ name ] ) ) {\r\n rez = obj.opts[ name ].apply( obj, args );\r\n }\r\n\r\n if ( rez === false ) {\r\n return rez;\r\n }\r\n\r\n if ( name === 'afterClose' ) {\r\n $D.trigger( name + '.fb', args );\r\n\r\n } else {\r\n self.$refs.container.trigger( name + '.fb', args );\r\n }\r\n\r\n },\r\n\r\n\r\n // Update infobar values, navigation button states and reveal caption\r\n // ==================================================================\r\n\r\n updateControls : function ( force ) {\r\n\r\n var self = this;\r\n\r\n var current = self.current;\r\n var index = current.index;\r\n var opts = current.opts;\r\n var caption = opts.caption;\r\n var $caption = self.$refs.caption;\r\n\r\n // Recalculate content dimensions\r\n current.$slide.trigger( 'refresh' );\r\n\r\n self.$caption = caption && caption.length ? $caption.html( caption ) : null;\r\n\r\n if ( !self.isHiddenControls ) {\r\n self.showControls();\r\n }\r\n\r\n // Update info and navigation elements\r\n $('[data-fancybox-count]').html( self.group.length );\r\n $('[data-fancybox-index]').html( index + 1 );\r\n\r\n $('[data-fancybox-prev]').prop('disabled', ( !opts.loop && index <= 0 ) );\r\n $('[data-fancybox-next]').prop('disabled', ( !opts.loop && index >= self.group.length - 1 ) );\r\n\r\n },\r\n\r\n // Hide toolbar and caption\r\n // ========================\r\n\r\n hideControls : function () {\r\n\r\n this.isHiddenControls = true;\r\n\r\n this.$refs.container.removeClass('fancybox-show-infobar fancybox-show-toolbar fancybox-show-caption fancybox-show-nav');\r\n\r\n },\r\n\r\n showControls : function() {\r\n\r\n var self = this;\r\n var opts = self.current ? self.current.opts : self.opts;\r\n var $container = self.$refs.container;\r\n\r\n self.isHiddenControls = false;\r\n self.idleSecondsCounter = 0;\r\n\r\n $container\r\n .toggleClass('fancybox-show-toolbar', !!( opts.toolbar && opts.buttons ) )\r\n .toggleClass('fancybox-show-infobar', !!( opts.infobar && self.group.length > 1 ) )\r\n .toggleClass('fancybox-show-nav', !!( opts.arrows && self.group.length > 1 ) )\r\n .toggleClass('fancybox-is-modal', !!opts.modal );\r\n\r\n if ( self.$caption ) {\r\n $container.addClass( 'fancybox-show-caption ');\r\n\r\n } else {\r\n $container.removeClass( 'fancybox-show-caption' );\r\n }\r\n\r\n },\r\n\r\n\r\n // Toggle toolbar and caption\r\n // ==========================\r\n\r\n toggleControls : function() {\r\n\r\n if ( this.isHiddenControls ) {\r\n this.showControls();\r\n\r\n } else {\r\n this.hideControls();\r\n }\r\n\r\n },\r\n\r\n\r\n });\r\n\r\n\r\n $.fancybox = {\r\n\r\n version : \"3.1.20\",\r\n defaults : defaults,\r\n\r\n\r\n // Get current instance and execute a command.\r\n //\r\n // Examples of usage:\r\n //\r\n // $instance = $.fancybox.getInstance();\r\n // $.fancybox.getInstance().jumpTo( 1 );\r\n // $.fancybox.getInstance( 'jumpTo', 1 );\r\n // $.fancybox.getInstance( function() {\r\n // console.info( this.currIndex );\r\n // });\r\n // ======================================================\r\n\r\n getInstance : function ( command ) {\r\n var instance = $('.fancybox-container:not(\".fancybox-is-closing\"):first').data( 'FancyBox' );\r\n var args = Array.prototype.slice.call(arguments, 1);\r\n\r\n if ( instance instanceof FancyBox ) {\r\n\r\n if ( $.type( command ) === 'string' ) {\r\n instance[ command ].apply( instance, args );\r\n\r\n } else if ( $.type( command ) === 'function' ) {\r\n command.apply( instance, args );\r\n\r\n }\r\n\r\n return instance;\r\n }\r\n\r\n return false;\r\n\r\n },\r\n\r\n\r\n // Create new instance\r\n // ===================\r\n\r\n open : function ( items, opts, index ) {\r\n return new FancyBox( items, opts, index );\r\n },\r\n\r\n\r\n // Close current or all instances\r\n // ==============================\r\n\r\n close : function ( all ) {\r\n var instance = this.getInstance();\r\n\r\n if ( instance ) {\r\n instance.close();\r\n\r\n // Try to find and close next instance\r\n\r\n if ( all === true ) {\r\n this.close();\r\n }\r\n }\r\n\r\n },\r\n\r\n // Close instances and unbind all events\r\n // ==============================\r\n\r\n destroy : function() {\r\n\r\n this.close( true );\r\n\r\n $D.off( 'click.fb-start' );\r\n\r\n },\r\n\r\n\r\n // Try to detect mobile devices\r\n // ============================\r\n\r\n isMobile : document.createTouch !== undefined && /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent),\r\n\r\n\r\n // Detect if 'translate3d' support is available\r\n // ============================================\r\n\r\n use3d : (function() {\r\n var div = document.createElement('div');\r\n\r\n return window.getComputedStyle && window.getComputedStyle( div ).getPropertyValue('transform') && !(document.documentMode && document.documentMode < 11);\r\n }()),\r\n\r\n\r\n // Helper function to get current visual state of an element\r\n // returns array[ top, left, horizontal-scale, vertical-scale, opacity ]\r\n // =====================================================================\r\n\r\n getTranslate : function( $el ) {\r\n var matrix;\r\n\r\n if ( !$el || !$el.length ) {\r\n return false;\r\n }\r\n\r\n matrix = $el.eq( 0 ).css('transform');\r\n\r\n if ( matrix && matrix.indexOf( 'matrix' ) !== -1 ) {\r\n matrix = matrix.split('(')[1];\r\n matrix = matrix.split(')')[0];\r\n matrix = matrix.split(',');\r\n } else {\r\n matrix = [];\r\n }\r\n\r\n if ( matrix.length ) {\r\n\r\n // If IE\r\n if ( matrix.length > 10 ) {\r\n matrix = [ matrix[13], matrix[12], matrix[0], matrix[5] ];\r\n\r\n } else {\r\n matrix = [ matrix[5], matrix[4], matrix[0], matrix[3]];\r\n }\r\n\r\n matrix = matrix.map(parseFloat);\r\n\r\n } else {\r\n matrix = [ 0, 0, 1, 1 ];\r\n\r\n var transRegex = /\\.*translate\\((.*)px,(.*)px\\)/i;\r\n var transRez = transRegex.exec( $el.eq( 0 ).attr('style') );\r\n\r\n if ( transRez ) {\r\n matrix[ 0 ] = parseFloat( transRez[2] );\r\n matrix[ 1 ] = parseFloat( transRez[1] );\r\n }\r\n }\r\n\r\n return {\r\n top : matrix[ 0 ],\r\n left : matrix[ 1 ],\r\n scaleX : matrix[ 2 ],\r\n scaleY : matrix[ 3 ],\r\n opacity : parseFloat( $el.css('opacity') ),\r\n width : $el.width(),\r\n height : $el.height()\r\n };\r\n\r\n },\r\n\r\n\r\n // Shortcut for setting \"translate3d\" properties for element\r\n // Can set be used to set opacity, too\r\n // ========================================================\r\n\r\n setTranslate : function( $el, props ) {\r\n var str = '';\r\n var css = {};\r\n\r\n if ( !$el || !props ) {\r\n return;\r\n }\r\n\r\n if ( props.left !== undefined || props.top !== undefined ) {\r\n str = ( props.left === undefined ? $el.position().left : props.left ) + 'px, ' + ( props.top === undefined ? $el.position().top : props.top ) + 'px';\r\n\r\n if ( this.use3d ) {\r\n str = 'translate3d(' + str + ', 0px)';\r\n\r\n } else {\r\n str = 'translate(' + str + ')';\r\n }\r\n }\r\n\r\n if ( props.scaleX !== undefined && props.scaleY !== undefined ) {\r\n str = (str.length ? str + ' ' : '') + 'scale(' + props.scaleX + ', ' + props.scaleY + ')';\r\n }\r\n\r\n if ( str.length ) {\r\n css.transform = str;\r\n }\r\n\r\n if ( props.opacity !== undefined ) {\r\n css.opacity = props.opacity;\r\n }\r\n\r\n if ( props.width !== undefined ) {\r\n css.width = props.width;\r\n }\r\n\r\n if ( props.height !== undefined ) {\r\n css.height = props.height;\r\n }\r\n\r\n return $el.css( css );\r\n },\r\n\r\n\r\n // Simple CSS transition handler\r\n // =============================\r\n\r\n animate : function ( $el, to, duration, callback, leaveAnimationName ) {\r\n var event = transitionEnd || 'transitionend';\r\n\r\n if ( $.isFunction( duration ) ) {\r\n callback = duration;\r\n duration = null;\r\n }\r\n\r\n if ( !$.isPlainObject( to ) ) {\r\n $el.removeAttr('style');\r\n }\r\n\r\n $el.on( event, function(e) {\r\n\r\n // Skip events from child elements and z-index change\r\n if ( e && e.originalEvent && ( !$el.is( e.originalEvent.target ) || e.originalEvent.propertyName == 'z-index' ) ) {\r\n return;\r\n }\r\n\r\n $el.off( event );\r\n\r\n if ( $.isPlainObject( to ) ) {\r\n\r\n if ( to.scaleX !== undefined && to.scaleY !== undefined ) {\r\n $el.css( 'transition-duration', '0ms' );\r\n\r\n to.width = $el.width() * to.scaleX;\r\n to.height = $el.height() * to.scaleY;\r\n\r\n to.scaleX = 1;\r\n to.scaleY = 1;\r\n\r\n $.fancybox.setTranslate( $el, to );\r\n }\r\n\r\n } else if ( leaveAnimationName !== true ) {\r\n $el.removeClass( to );\r\n }\r\n\r\n if ( $.isFunction( callback ) ) {\r\n callback( e );\r\n }\r\n\r\n });\r\n\r\n if ( $.isNumeric( duration ) ) {\r\n $el.css( 'transition-duration', duration + 'ms' );\r\n }\r\n\r\n if ( $.isPlainObject( to ) ) {\r\n $.fancybox.setTranslate( $el, to );\r\n\r\n } else {\r\n $el.addClass( to );\r\n }\r\n\r\n $el.data(\"timer\", setTimeout(function() {\r\n $el.trigger( 'transitionend' );\r\n }, duration + 16));\r\n\r\n },\r\n\r\n stop : function( $el ) {\r\n clearTimeout( $el.data(\"timer\") );\r\n\r\n $el.off( transitionEnd );\r\n }\r\n\r\n };\r\n\r\n\r\n // Default click handler for \"fancyboxed\" links\r\n // ============================================\r\n\r\n function _run( e ) {\r\n var target\t= e.currentTarget,\r\n opts\t= e.data ? e.data.options : {},\r\n items\t= e.data ? e.data.items : [],\r\n value\t= $(target).attr( 'data-fancybox' ) || '',\r\n index\t= 0;\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n // Get all related items and find index for clicked one\r\n if ( value ) {\r\n items = items.length ? items.filter( '[data-fancybox=\"' + value + '\"]' ) : $( '[data-fancybox=\"' + value + '\"]' );\r\n index = items.index( target );\r\n\r\n // Sometimes current item can not be found\r\n // (for example, when slider clones items)\r\n if ( index < 0 ) {\r\n index = 0;\r\n }\r\n\r\n } else {\r\n items = [ target ];\r\n }\r\n\r\n $.fancybox.open( items, opts, index );\r\n }\r\n\r\n\r\n // Create a jQuery plugin\r\n // ======================\r\n\r\n $.fn.fancybox = function (options) {\r\n var selector;\r\n\r\n options = options || {};\r\n selector = options.selector || false;\r\n\r\n if ( selector ) {\r\n\r\n $( 'body' ).off( 'click.fb-start', selector ).on( 'click.fb-start', selector, {\r\n items : $( selector ),\r\n options : options\r\n }, _run );\r\n\r\n } else {\r\n\r\n this.off( 'click.fb-start' ).on( 'click.fb-start', {\r\n items : this,\r\n options : options\r\n }, _run);\r\n\r\n }\r\n\r\n return this;\r\n };\r\n\r\n\r\n // Self initializing plugin\r\n // ========================\r\n\r\n $D.on( 'click.fb-start', '[data-fancybox]', _run );\r\n\r\n}( window, document, $ ));\r\n\r\n// ==========================================================================\r\n//\r\n// Media\r\n// Adds additional media type support\r\n//\r\n// ==========================================================================\r\n;(function ($) {\r\n\r\n\t'use strict';\r\n\r\n\t// Formats matching url to final form\r\n\r\n\tvar format = function (url, rez, params) {\r\n\t\tif ( !url ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tparams = params || '';\r\n\r\n\t\tif ( $.type(params) === \"object\" ) {\r\n\t\t\tparams = $.param(params, true);\r\n\t\t}\r\n\r\n\t\t$.each(rez, function (key, value) {\r\n\t\t\turl = url.replace('$' + key, value || '');\r\n\t\t});\r\n\r\n\t\tif (params.length) {\r\n\t\t\turl += (url.indexOf('?') > 0 ? '&' : '?') + params;\r\n\t\t}\r\n\r\n\t\treturn url;\r\n\t};\r\n\r\n\t// Object containing properties for each media type\r\n\r\n\tvar defaults = {\r\n\t\tyoutube : {\r\n\t\t\tmatcher : /(youtube\\.com|youtu\\.be|youtube\\-nocookie\\.com)\\/(watch\\?(.*&)?v=|v\\/|u\\/|embed\\/?)?(videoseries\\?list=(.*)|[\\w-]{11}|\\?listType=(.*)&list=(.*))(.*)/i,\r\n\t\t\tparams : {\r\n\t\t\t\tautoplay : 1,\r\n\t\t\t\tautohide : 1,\r\n\t\t\t\tfs : 1,\r\n\t\t\t\trel : 0,\r\n\t\t\t\thd : 1,\r\n\t\t\t\twmode : 'transparent',\r\n\t\t\t\tenablejsapi : 1,\r\n\t\t\t\thtml5 : 1\r\n\t\t\t},\r\n\t\t\tparamPlace : 8,\r\n\t\t\ttype : 'iframe',\r\n\t\t\turl : '//www.youtube.com/embed/$4',\r\n\t\t\tthumb : '//img.youtube.com/vi/$4/hqdefault.jpg'\r\n\t\t},\r\n\r\n\t\tvimeo : {\r\n\t\t\tmatcher : /^.+vimeo.com\\/(.*\\/)?([\\d]+)(.*)?/,\r\n\t\t\tparams : {\r\n\t\t\t\tautoplay : 1,\r\n\t\t\t\thd : 1,\r\n\t\t\t\tshow_title : 1,\r\n\t\t\t\tshow_byline : 1,\r\n\t\t\t\tshow_portrait : 0,\r\n\t\t\t\tfullscreen : 1,\r\n\t\t\t\tapi : 1\r\n\t\t\t},\r\n\t\t\tparamPlace : 3,\r\n\t\t\ttype : 'iframe',\r\n\t\t\turl : '//player.vimeo.com/video/$2'\r\n\t\t},\r\n\r\n\t\tmetacafe : {\r\n\t\t\tmatcher : /metacafe.com\\/watch\\/(\\d+)\\/(.*)?/,\r\n\t\t\ttype : 'iframe',\r\n\t\t\turl : '//www.metacafe.com/embed/$1/?ap=1'\r\n\t\t},\r\n\r\n\t\tdailymotion : {\r\n\t\t\tmatcher : /dailymotion.com\\/video\\/(.*)\\/?(.*)/,\r\n\t\t\tparams : {\r\n\t\t\t\tadditionalInfos : 0,\r\n\t\t\t\tautoStart : 1\r\n\t\t\t},\r\n\t\t\ttype : 'iframe',\r\n\t\t\turl : '//www.dailymotion.com/embed/video/$1'\r\n\t\t},\r\n\r\n\t\tvine : {\r\n\t\t\tmatcher : /vine.co\\/v\\/([a-zA-Z0-9\\?\\=\\-]+)/,\r\n\t\t\ttype : 'iframe',\r\n\t\t\turl : '//vine.co/v/$1/embed/simple'\r\n\t\t},\r\n\r\n\t\tinstagram : {\r\n\t\t\tmatcher : /(instagr\\.am|instagram\\.com)\\/p\\/([a-zA-Z0-9_\\-]+)\\/?/i,\r\n\t\t\ttype : 'image',\r\n\t\t\turl : '//$1/p/$2/media/?size=l'\r\n\t\t},\r\n\r\n\t\t// Examples:\r\n\t\t// http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16\r\n\t\t// http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16\r\n\t\t// https://www.google.lv/maps/place/Googleplex/@37.4220041,-122.0833494,17z/data=!4m5!3m4!1s0x0:0x6c296c66619367e0!8m2!3d37.4219998!4d-122.0840572\r\n\t\tgoogle_maps : {\r\n\t\t\tmatcher : /(maps\\.)?google\\.([a-z]{2,3}(\\.[a-z]{2})?)\\/(((maps\\/(place\\/(.*)\\/)?\\@(.*),(\\d+.?\\d+?)z))|(\\?ll=))(.*)?/i,\r\n\t\t\ttype : 'iframe',\r\n\t\t\turl : function (rez) {\r\n\t\t\t\treturn '//maps.google.' + rez[2] + '/?ll=' + ( rez[9] ? rez[9] + '&z=' + Math.floor( rez[10] ) + ( rez[12] ? rez[12].replace(/^\\//, \"&\") : '' ) : rez[12] ) + '&output=' + ( rez[12] && rez[12].indexOf('layer=c') > 0 ? 'svembed' : 'embed' );\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t$(document).on('onInit.fb', function (e, instance) {\r\n\r\n\t\t$.each(instance.group, function( i, item ) {\r\n\r\n\t\t\tvar url\t = item.src || '',\r\n\t\t\t\ttype = false,\r\n\t\t\t\tmedia,\r\n\t\t\t\tthumb,\r\n\t\t\t\trez,\r\n\t\t\t\tparams,\r\n\t\t\t\turlParams,\r\n\t\t\t\to,\r\n\t\t\t\tprovider;\r\n\r\n\t\t\t// Skip items that already have content type\r\n\t\t\tif ( item.type ) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tmedia = $.extend( true, {}, defaults, item.opts.media );\r\n\r\n\t\t\t// Look for any matching media type\r\n\t\t\t$.each(media, function ( n, el ) {\r\n\t\t\t\trez = url.match(el.matcher);\r\n\t\t\t\to = {};\r\n\t\t\t\tprovider = n;\r\n\r\n\t\t\t\tif (!rez) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\ttype = el.type;\r\n\r\n\t\t\t\tif ( el.paramPlace && rez[ el.paramPlace ] ) {\r\n\t\t\t\t\turlParams = rez[ el.paramPlace ];\r\n\r\n\t\t\t\t\tif ( urlParams[ 0 ] == '?' ) {\r\n\t\t\t\t\t\turlParams = urlParams.substring(1);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\turlParams = urlParams.split('&');\r\n\r\n\t\t\t\t\tfor ( var m = 0; m < urlParams.length; ++m ) {\r\n\t\t\t\t\t\tvar p = urlParams[ m ].split('=', 2);\r\n\r\n\t\t\t\t\t\tif ( p.length == 2 ) {\r\n\t\t\t\t\t\t\to[ p[0] ] = decodeURIComponent( p[1].replace(/\\+/g, \" \") );\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tparams = $.extend( true, {}, el.params, item.opts[ n ], o );\r\n\r\n\t\t\t\turl = $.type(el.url) === \"function\" ? el.url.call(this, rez, params, item) : format(el.url, rez, params);\r\n\t\t\t\tthumb = $.type(el.thumb) === \"function\" ? el.thumb.call(this, rez, params, item) : format(el.thumb, rez);\r\n\r\n\t\t\t\tif ( provider === 'vimeo' ) {\r\n\t\t\t\t\turl = url.replace('&%23', '#');\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn false;\r\n\t\t\t});\r\n\r\n\t\t\t// If it is found, then change content type and update the url\r\n\r\n\t\t\tif ( type ) {\r\n\t\t\t\titem.src = url;\r\n\t\t\t\titem.type = type;\r\n\r\n\t\t\t\tif ( !item.opts.thumb && !( item.opts.$thumb && item.opts.$thumb.length ) ) {\r\n\t\t\t\t\titem.opts.thumb = thumb;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif ( type === 'iframe' ) {\r\n\t\t\t\t\t$.extend(true, item.opts, {\r\n\t\t\t\t\t\tiframe : {\r\n\t\t\t\t\t\t\tpreload : false,\r\n\t\t\t\t\t\t\tattr : {\r\n\t\t\t\t\t\t\t\tscrolling : \"no\"\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\titem.contentProvider = provider;\r\n\r\n\t\t\t\t\titem.opts.slideClass += ' fancybox-slide--' + ( provider == 'google_maps' ? 'map' : 'video' );\r\n\t\t\t\t}\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\t// If no content type is found, then set it to `image` as fallback\r\n\t\t\t\titem.type = 'image';\r\n\t\t\t}\r\n\r\n\t\t});\r\n\r\n\t});\r\n\r\n}($));\r\n\r\n// ==========================================================================\r\n//\r\n// Guestures\r\n// Adds touch guestures, handles click and tap events\r\n//\r\n// ==========================================================================\r\n;(function (window, document, $) {\r\n\t'use strict';\r\n\r\n\tvar requestAFrame = (function () {\r\n return window.requestAnimationFrame ||\r\n window.webkitRequestAnimationFrame ||\r\n window.mozRequestAnimationFrame ||\r\n window.oRequestAnimationFrame ||\r\n // if all else fails, use setTimeout\r\n function (callback) {\r\n return window.setTimeout(callback, 1000 / 60);\r\n };\r\n })();\r\n\r\n\r\n var cancelAFrame = (function () {\r\n return window.cancelAnimationFrame ||\r\n window.webkitCancelAnimationFrame ||\r\n window.mozCancelAnimationFrame ||\r\n window.oCancelAnimationFrame ||\r\n function (id) {\r\n window.clearTimeout(id);\r\n };\r\n })();\r\n\r\n\r\n\tvar pointers = function( e ) {\r\n\t\tvar result = [];\r\n\r\n\t\te = e.originalEvent || e || window.e;\r\n\t\te = e.touches && e.touches.length ? e.touches : ( e.changedTouches && e.changedTouches.length ? e.changedTouches : [ e ] );\r\n\r\n\t\tfor ( var key in e ) {\r\n\r\n\t\t\tif ( e[ key ].pageX ) {\r\n\t\t\t\tresult.push( { x : e[ key ].pageX, y : e[ key ].pageY } );\r\n\r\n\t\t\t} else if ( e[ key ].clientX ) {\r\n\t\t\t\tresult.push( { x : e[ key ].clientX, y : e[ key ].clientY } );\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn result;\r\n\t};\r\n\r\n\tvar distance = function( point2, point1, what ) {\r\n\t\tif ( !point1 || !point2 ) {\r\n\t\t\treturn 0;\r\n\t\t}\r\n\r\n\t\tif ( what === 'x' ) {\r\n\t\t\treturn point2.x - point1.x;\r\n\r\n\t\t} else if ( what === 'y' ) {\r\n\t\t\treturn point2.y - point1.y;\r\n\t\t}\r\n\r\n\t\treturn Math.sqrt( Math.pow( point2.x - point1.x, 2 ) + Math.pow( point2.y - point1.y, 2 ) );\r\n\t};\r\n\r\n\tvar isClickable = function( $el ) {\r\n\t\tif ( $el.is('a,button,input,select,textarea') || $.isFunction( $el.get(0).onclick ) ) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\r\n\t\t// Check for attributes like data-fancybox-next or data-fancybox-close\r\n\t\tfor ( var i = 0, atts = $el[0].attributes, n = atts.length; i < n; i++ ) {\r\n if ( atts[i].nodeName.substr(0, 14) === 'data-fancybox-' ) {\r\n return true;\r\n }\r\n }\r\n\r\n\t \treturn false;\r\n\t};\r\n\r\n\tvar hasScrollbars = function( el ) {\r\n\t\tvar overflowY = window.getComputedStyle( el )['overflow-y'];\r\n\t\tvar overflowX = window.getComputedStyle( el )['overflow-x'];\r\n\r\n\t\tvar vertical = (overflowY === 'scroll' || overflowY === 'auto') && el.scrollHeight > el.clientHeight;\r\n\t\tvar horizontal = (overflowX === 'scroll' || overflowX === 'auto') && el.scrollWidth > el.clientWidth;\r\n\r\n\t\treturn vertical || horizontal;\r\n\t};\r\n\r\n\tvar isScrollable = function ( $el ) {\r\n\t\tvar rez = false;\r\n\r\n\t\twhile ( true ) {\r\n\t\t\trez\t= hasScrollbars( $el.get(0) );\r\n\r\n\t\t\tif ( rez ) {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\t$el = $el.parent();\r\n\r\n\t\t\tif ( !$el.length || $el.hasClass( 'fancybox-stage' ) || $el.is( 'body' ) ) {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn rez;\r\n\t};\r\n\r\n\r\n\tvar Guestures = function ( instance ) {\r\n\t\tvar self = this;\r\n\r\n\t\tself.instance = instance;\r\n\r\n\t\tself.$bg = instance.$refs.bg;\r\n\t\tself.$stage = instance.$refs.stage;\r\n\t\tself.$container = instance.$refs.container;\r\n\r\n\t\tself.destroy();\r\n\r\n\t\tself.$container.on( 'touchstart.fb.touch mousedown.fb.touch', $.proxy(self, 'ontouchstart') );\r\n\t};\r\n\r\n\tGuestures.prototype.destroy = function() {\r\n\t\tthis.$container.off( '.fb.touch' );\r\n\t};\r\n\r\n\tGuestures.prototype.ontouchstart = function( e ) {\r\n\t\tvar self = this;\r\n\r\n\t\tvar $target = $( e.target );\r\n\t\tvar instance = self.instance;\r\n\t\tvar current = instance.current;\r\n\t\tvar $content = current.$content;\r\n\r\n\t\tvar isTouchDevice = ( e.type == 'touchstart' );\r\n\r\n\t\t// Do not respond to both events\r\n\t\tif ( isTouchDevice ) {\r\n\t self.$container.off( 'mousedown.fb.touch' );\r\n\t }\r\n\r\n\t\t// Ignore clicks while zooming or closing\r\n\t\tif ( !current || self.instance.isAnimating || self.instance.isClosing ) {\r\n\t\t\te.stopPropagation();\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Ignore right click\r\n\t\tif ( e.originalEvent && e.originalEvent.button == 2 ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Ignore taping on links, buttons, input elements\r\n\t\tif ( !$target.length || isClickable( $target ) || isClickable( $target.parent() ) ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Ignore clicks on the scrollbar\r\n\t\tif ( e.originalEvent.clientX > $target[0].clientWidth + $target.offset().left ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tself.startPoints = pointers( e );\r\n\r\n\t\t// Prevent zooming if already swiping\r\n\t\tif ( !self.startPoints || ( self.startPoints.length > 1 && instance.isSliding ) ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tself.$target = $target;\r\n\t\tself.$content = $content;\r\n\t\tself.canTap = true;\r\n\r\n\t\t$(document).off( '.fb.touch' );\r\n\r\n\t\t$(document).on( isTouchDevice ? 'touchend.fb.touch touchcancel.fb.touch' : 'mouseup.fb.touch mouseleave.fb.touch', $.proxy(self, \"ontouchend\"));\r\n\t\t$(document).on( isTouchDevice ? 'touchmove.fb.touch' : 'mousemove.fb.touch', $.proxy(self, \"ontouchmove\"));\r\n\r\n\t\te.stopPropagation();\r\n\r\n\t\tif ( !(instance.current.opts.touch || instance.canPan() ) || !( $target.is( self.$stage ) || self.$stage.find( $target ).length ) ) {\r\n\r\n\t\t\t// Prevent ghosting\r\n\t\t\tif ( $target.is('img') ) {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t}\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif ( !( $.fancybox.isMobile && ( isScrollable( self.$target ) || isScrollable( self.$target.parent() ) ) ) ) {\r\n\t\t\te.preventDefault();\r\n\t\t}\r\n\r\n\t\tself.canvasWidth = Math.round( current.$slide[0].clientWidth );\r\n\t\tself.canvasHeight = Math.round( current.$slide[0].clientHeight );\r\n\r\n\t\tself.startTime = new Date().getTime();\r\n\t\tself.distanceX = self.distanceY = self.distance = 0;\r\n\r\n\t\tself.isPanning = false;\r\n\t\tself.isSwiping = false;\r\n\t\tself.isZooming = false;\r\n\r\n\t\tself.sliderStartPos = self.sliderLastPos || { top: 0, left: 0 };\r\n\t\tself.contentStartPos = $.fancybox.getTranslate( self.$content );\r\n\t\tself.contentLastPos = null;\r\n\r\n\t\tif ( self.startPoints.length === 1 && !self.isZooming ) {\r\n\t\t\tself.canTap = !instance.isSliding;\r\n\r\n\t\t\tif ( current.type === 'image' && ( self.contentStartPos.width > self.canvasWidth + 1 || self.contentStartPos.height > self.canvasHeight + 1 ) ) {\r\n\r\n\t\t\t\t$.fancybox.stop( self.$content );\r\n\r\n\t\t\t\tself.$content.css( 'transition-duration', '0ms' );\r\n\r\n\t\t\t\tself.isPanning = true;\r\n\r\n\t\t\t} else {\r\n\r\n\t\t\t\tself.isSwiping = true;\r\n\t\t\t}\r\n\r\n\t\t\tself.$container.addClass('fancybox-controls--isGrabbing');\r\n\t\t}\r\n\r\n\t\tif ( self.startPoints.length === 2 && !instance.isAnimating && !current.hasError && current.type === 'image' && ( current.isLoaded || current.$ghost ) ) {\r\n\t\t\tself.isZooming = true;\r\n\r\n\t\t\tself.isSwiping = false;\r\n\t\t\tself.isPanning = false;\r\n\r\n\t\t\t$.fancybox.stop( self.$content );\r\n\r\n\t\t\tself.$content.css( 'transition-duration', '0ms' );\r\n\r\n\t\t\tself.centerPointStartX = ( ( self.startPoints[0].x + self.startPoints[1].x ) * 0.5 ) - $(window).scrollLeft();\r\n\t\t\tself.centerPointStartY = ( ( self.startPoints[0].y + self.startPoints[1].y ) * 0.5 ) - $(window).scrollTop();\r\n\r\n\t\t\tself.percentageOfImageAtPinchPointX = ( self.centerPointStartX - self.contentStartPos.left ) / self.contentStartPos.width;\r\n\t\t\tself.percentageOfImageAtPinchPointY = ( self.centerPointStartY - self.contentStartPos.top ) / self.contentStartPos.height;\r\n\r\n\t\t\tself.startDistanceBetweenFingers = distance( self.startPoints[0], self.startPoints[1] );\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tGuestures.prototype.ontouchmove = function( e ) {\r\n\r\n\t\tvar self = this;\r\n\r\n\t\tself.newPoints = pointers( e );\r\n\r\n\t\tif ( $.fancybox.isMobile && ( isScrollable( self.$target ) || isScrollable( self.$target.parent() ) ) ) {\r\n\t\t\te.stopPropagation();\r\n\r\n\t\t\tself.canTap = false;\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif ( !( self.instance.current.opts.touch || self.instance.canPan() ) || !self.newPoints || !self.newPoints.length ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tself.distanceX = distance( self.newPoints[0], self.startPoints[0], 'x' );\r\n\t\tself.distanceY = distance( self.newPoints[0], self.startPoints[0], 'y' );\r\n\r\n\t\tself.distance = distance( self.newPoints[0], self.startPoints[0] );\r\n\r\n\t\t// Skip false ontouchmove events (Chrome)\r\n\t\tif ( self.distance > 0 ) {\r\n\r\n\t\t\tif ( !( self.$target.is( self.$stage ) || self.$stage.find( self.$target ).length ) ) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\te.stopPropagation();\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tif ( self.isSwiping ) {\r\n\t\t\t\tself.onSwipe();\r\n\r\n\t\t\t} else if ( self.isPanning ) {\r\n\t\t\t\tself.onPan();\r\n\r\n\t\t\t} else if ( self.isZooming ) {\r\n\t\t\t\tself.onZoom();\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tGuestures.prototype.onSwipe = function() {\r\n\r\n\t\tvar self = this;\r\n\r\n\t\tvar swiping = self.isSwiping;\r\n\t\tvar left = self.sliderStartPos.left || 0;\r\n\t\tvar angle;\r\n\r\n\t\tif ( swiping === true ) {\r\n\r\n\t\t\tif ( Math.abs( self.distance ) > 10 ) {\r\n\r\n\t\t\t\tself.canTap = false;\r\n\r\n\t\t\t\tif ( self.instance.group.length < 2 && self.instance.opts.touch.vertical ) {\r\n\t\t\t\t\tself.isSwiping = 'y';\r\n\r\n\t\t\t\t} else if ( self.instance.isSliding || self.instance.opts.touch.vertical === false || ( self.instance.opts.touch.vertical === 'auto' && $( window ).width() > 800 ) ) {\r\n\t\t\t\t\tself.isSwiping = 'x';\r\n\r\n\t\t\t\t} else {\r\n\t\t\t\t\tangle = Math.abs( Math.atan2( self.distanceY, self.distanceX ) * 180 / Math.PI );\r\n\r\n\t\t\t\t\tself.isSwiping = ( angle > 45 && angle < 135 ) ? 'y' : 'x';\r\n\t\t\t\t}\r\n\r\n\t\t\t\tself.instance.isSliding = self.isSwiping;\r\n\r\n\t\t\t\t// Reset points to avoid jumping, because we dropped first swipes to calculate the angle\r\n\t\t\t\tself.startPoints = self.newPoints;\r\n\r\n\t\t\t\t$.each(self.instance.slides, function( index, slide ) {\r\n\t\t\t\t\t$.fancybox.stop( slide.$slide );\r\n\r\n\t\t\t\t\tslide.$slide.css( 'transition-duration', '0ms' );\r\n\r\n\t\t\t\t\tslide.inTransition = false;\r\n\r\n\t\t\t\t\tif ( slide.pos === self.instance.current.pos ) {\r\n\t\t\t\t\t\tself.sliderStartPos.left = $.fancybox.getTranslate( slide.$slide ).left;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\r\n\t\t\t\t//self.instance.current.isMoved = true;\r\n\r\n\t\t\t\t// Stop slideshow\r\n\t\t\t\tif ( self.instance.SlideShow && self.instance.SlideShow.isActive ) {\r\n\t\t\t\t\tself.instance.SlideShow.stop();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t} else {\r\n\r\n\t\t\tif ( swiping == 'x' ) {\r\n\r\n\t\t\t\t// Sticky edges\r\n\t\t\t\tif ( self.distanceX > 0 && ( self.instance.group.length < 2 || ( self.instance.current.index === 0 && !self.instance.current.opts.loop ) ) ) {\r\n\t\t\t\t\tleft = left + Math.pow( self.distanceX, 0.8 );\r\n\r\n\t\t\t\t} else if ( self.distanceX < 0 && ( self.instance.group.length < 2 || ( self.instance.current.index === self.instance.group.length - 1 && !self.instance.current.opts.loop ) ) ) {\r\n\t\t\t\t\tleft = left - Math.pow( -self.distanceX, 0.8 );\r\n\r\n\t\t\t\t} else {\r\n\t\t\t\t\tleft = left + self.distanceX;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\tself.sliderLastPos = {\r\n\t\t\t\ttop : swiping == 'x' ? 0 : self.sliderStartPos.top + self.distanceY,\r\n\t\t\t\tleft : left\r\n\t\t\t};\r\n\r\n\t\t\tif ( self.requestId ) {\r\n\t\t\t\tcancelAFrame( self.requestId );\r\n\r\n\t\t\t\tself.requestId = null;\r\n\t\t\t}\r\n\r\n\t\t\tself.requestId = requestAFrame(function() {\r\n\r\n\t\t\t\tif ( self.sliderLastPos ) {\r\n\t\t\t\t\t$.each(self.instance.slides, function( index, slide ) {\r\n\t\t\t\t\t\tvar pos = slide.pos - self.instance.currPos;\r\n\r\n\t\t\t\t\t\t$.fancybox.setTranslate( slide.$slide, {\r\n\t\t\t\t\t\t\ttop : self.sliderLastPos.top,\r\n\t\t\t\t\t\t\tleft : self.sliderLastPos.left + ( pos * self.canvasWidth ) + ( pos * slide.opts.gutter )\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tself.$container.addClass( 'fancybox-is-sliding' );\r\n\t\t\t\t}\r\n\r\n\t\t\t});\r\n\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tGuestures.prototype.onPan = function() {\r\n\r\n\t\tvar self = this;\r\n\r\n\t\tvar newOffsetX, newOffsetY, newPos;\r\n\r\n\t\tself.canTap = false;\r\n\r\n\t\tif ( self.contentStartPos.width > self.canvasWidth ) {\r\n\t\t\tnewOffsetX = self.contentStartPos.left + self.distanceX;\r\n\r\n\t\t} else {\r\n\t\t\tnewOffsetX = self.contentStartPos.left;\r\n\t\t}\r\n\r\n\t\tnewOffsetY = self.contentStartPos.top + self.distanceY;\r\n\r\n\t\tnewPos = self.limitMovement( newOffsetX, newOffsetY, self.contentStartPos.width, self.contentStartPos.height );\r\n\r\n\t\tnewPos.scaleX = self.contentStartPos.scaleX;\r\n\t\tnewPos.scaleY = self.contentStartPos.scaleY;\r\n\r\n\t\tself.contentLastPos = newPos;\r\n\r\n\t\tif ( self.requestId ) {\r\n\t\t\tcancelAFrame( self.requestId );\r\n\r\n\t\t\tself.requestId = null;\r\n\t\t}\r\n\r\n\t\tself.requestId = requestAFrame(function() {\r\n\t\t\t$.fancybox.setTranslate( self.$content, self.contentLastPos );\r\n\t\t});\r\n\t};\r\n\r\n\t// Make panning sticky to the edges\r\n\tGuestures.prototype.limitMovement = function( newOffsetX, newOffsetY, newWidth, newHeight ) {\r\n\r\n\t\tvar self = this;\r\n\r\n\t\tvar minTranslateX, minTranslateY, maxTranslateX, maxTranslateY;\r\n\r\n\t\tvar canvasWidth = self.canvasWidth;\r\n\t\tvar canvasHeight = self.canvasHeight;\r\n\r\n\t\tvar currentOffsetX = self.contentStartPos.left;\r\n\t\tvar currentOffsetY = self.contentStartPos.top;\r\n\r\n\t\tvar distanceX = self.distanceX;\r\n\t\tvar distanceY = self.distanceY;\r\n\r\n\t\t// Slow down proportionally to traveled distance\r\n\r\n\t\tminTranslateX = Math.max(0, canvasWidth * 0.5 - newWidth * 0.5 );\r\n\t\tminTranslateY = Math.max(0, canvasHeight * 0.5 - newHeight * 0.5 );\r\n\r\n\t\tmaxTranslateX = Math.min( canvasWidth - newWidth, canvasWidth * 0.5 - newWidth * 0.5 );\r\n\t\tmaxTranslateY = Math.min( canvasHeight - newHeight, canvasHeight * 0.5 - newHeight * 0.5 );\r\n\r\n\t\tif ( newWidth > canvasWidth ) {\r\n\r\n\t\t\t// ->\r\n\t\t\tif ( distanceX > 0 && newOffsetX > minTranslateX ) {\r\n\t\t\t\tnewOffsetX = minTranslateX - 1 + Math.pow( -minTranslateX + currentOffsetX + distanceX, 0.8 ) || 0;\r\n\t\t\t}\r\n\r\n\t\t\t// <-\r\n\t\t\tif ( distanceX < 0 && newOffsetX < maxTranslateX ) {\r\n\t\t\t\tnewOffsetX = maxTranslateX + 1 - Math.pow( maxTranslateX - currentOffsetX - distanceX, 0.8 ) || 0;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\tif ( newHeight > canvasHeight ) {\r\n\r\n\t\t\t// \\/\r\n\t\t\tif ( distanceY > 0 && newOffsetY > minTranslateY ) {\r\n\t\t\t\tnewOffsetY = minTranslateY - 1 + Math.pow(-minTranslateY + currentOffsetY + distanceY, 0.8 ) || 0;\r\n\t\t\t}\r\n\r\n\t\t\t// /\\\r\n\t\t\tif ( distanceY < 0 && newOffsetY < maxTranslateY ) {\r\n\t\t\t\tnewOffsetY = maxTranslateY + 1 - Math.pow ( maxTranslateY - currentOffsetY - distanceY, 0.8 ) || 0;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\ttop : newOffsetY,\r\n\t\t\tleft : newOffsetX\r\n\t\t};\r\n\r\n\t};\r\n\r\n\r\n\tGuestures.prototype.limitPosition = function( newOffsetX, newOffsetY, newWidth, newHeight ) {\r\n\r\n\t\tvar self = this;\r\n\r\n\t\tvar canvasWidth = self.canvasWidth;\r\n\t\tvar canvasHeight = self.canvasHeight;\r\n\r\n\t\tif ( newWidth > canvasWidth ) {\r\n\t\t\tnewOffsetX = newOffsetX > 0 ? 0 : newOffsetX;\r\n\t\t\tnewOffsetX = newOffsetX < canvasWidth - newWidth ? canvasWidth - newWidth : newOffsetX;\r\n\r\n\t\t} else {\r\n\r\n\t\t\t// Center horizontally\r\n\t\t\tnewOffsetX = Math.max( 0, canvasWidth / 2 - newWidth / 2 );\r\n\r\n\t\t}\r\n\r\n\t\tif ( newHeight > canvasHeight ) {\r\n\t\t\tnewOffsetY = newOffsetY > 0 ? 0 : newOffsetY;\r\n\t\t\tnewOffsetY = newOffsetY < canvasHeight - newHeight ? canvasHeight - newHeight : newOffsetY;\r\n\r\n\t\t} else {\r\n\r\n\t\t\t// Center vertically\r\n\t\t\tnewOffsetY = Math.max( 0, canvasHeight / 2 - newHeight / 2 );\r\n\r\n\t\t}\r\n\r\n\t\treturn {\r\n\t\t\ttop : newOffsetY,\r\n\t\t\tleft : newOffsetX\r\n\t\t};\r\n\r\n\t};\r\n\r\n\tGuestures.prototype.onZoom = function() {\r\n\r\n\t\tvar self = this;\r\n\r\n\t\t// Calculate current distance between points to get pinch ratio and new width and height\r\n\r\n\t\tvar currentWidth = self.contentStartPos.width;\r\n\t\tvar currentHeight = self.contentStartPos.height;\r\n\r\n\t\tvar currentOffsetX = self.contentStartPos.left;\r\n\t\tvar currentOffsetY = self.contentStartPos.top;\r\n\r\n\t\tvar endDistanceBetweenFingers = distance( self.newPoints[0], self.newPoints[1] );\r\n\r\n\t\tvar pinchRatio = endDistanceBetweenFingers / self.startDistanceBetweenFingers;\r\n\r\n\t\tvar newWidth = Math.floor( currentWidth * pinchRatio );\r\n\t\tvar newHeight = Math.floor( currentHeight * pinchRatio );\r\n\r\n\t\t// This is the translation due to pinch-zooming\r\n\t\tvar translateFromZoomingX = (currentWidth - newWidth) * self.percentageOfImageAtPinchPointX;\r\n\t\tvar translateFromZoomingY = (currentHeight - newHeight) * self.percentageOfImageAtPinchPointY;\r\n\r\n\t\t//Point between the two touches\r\n\r\n\t\tvar centerPointEndX = ((self.newPoints[0].x + self.newPoints[1].x) / 2) - $(window).scrollLeft();\r\n\t\tvar centerPointEndY = ((self.newPoints[0].y + self.newPoints[1].y) / 2) - $(window).scrollTop();\r\n\r\n\t\t// And this is the translation due to translation of the centerpoint\r\n\t\t// between the two fingers\r\n\r\n\t\tvar translateFromTranslatingX = centerPointEndX - self.centerPointStartX;\r\n\t\tvar translateFromTranslatingY = centerPointEndY - self.centerPointStartY;\r\n\r\n\t\t// The new offset is the old/current one plus the total translation\r\n\r\n\t\tvar newOffsetX = currentOffsetX + ( translateFromZoomingX + translateFromTranslatingX );\r\n\t\tvar newOffsetY = currentOffsetY + ( translateFromZoomingY + translateFromTranslatingY );\r\n\r\n\t\tvar newPos = {\r\n\t\t\ttop : newOffsetY,\r\n\t\t\tleft : newOffsetX,\r\n\t\t\tscaleX : self.contentStartPos.scaleX * pinchRatio,\r\n\t\t\tscaleY : self.contentStartPos.scaleY * pinchRatio\r\n\t\t};\r\n\r\n\t\tself.canTap = false;\r\n\r\n\t\tself.newWidth = newWidth;\r\n\t\tself.newHeight = newHeight;\r\n\r\n\t\tself.contentLastPos = newPos;\r\n\r\n\t\tif ( self.requestId ) {\r\n\t\t\tcancelAFrame( self.requestId );\r\n\r\n\t\t\tself.requestId = null;\r\n\t\t}\r\n\r\n\t\tself.requestId = requestAFrame(function() {\r\n\t\t\t$.fancybox.setTranslate( self.$content, self.contentLastPos );\r\n\t\t});\r\n\r\n\t};\r\n\r\n\tGuestures.prototype.ontouchend = function( e ) {\r\n\r\n\t\tvar self = this;\r\n\t\tvar dMs = Math.max( (new Date().getTime() ) - self.startTime, 1);\r\n\r\n\t\tvar swiping = self.isSwiping;\r\n\t\tvar panning = self.isPanning;\r\n\t\tvar zooming = self.isZooming;\r\n\r\n\t\tself.endPoints = pointers( e );\r\n\r\n\t\tself.$container.removeClass( 'fancybox-controls--isGrabbing' );\r\n\r\n\t\t$(document).off( '.fb.touch' );\r\n\r\n\t\tif ( self.requestId ) {\r\n\t\t\tcancelAFrame( self.requestId );\r\n\r\n\t\t\tself.requestId = null;\r\n\t\t}\r\n\r\n\t\tself.isSwiping = false;\r\n\t\tself.isPanning = false;\r\n\t\tself.isZooming = false;\r\n\r\n\t\tif ( self.canTap ) {\r\n\t\t\treturn self.onTap( e );\r\n\t\t}\r\n\r\n\t\tself.speed = 366;\r\n\r\n\t\t// Speed in px/ms\r\n\t\tself.velocityX = self.distanceX / dMs * 0.5;\r\n\t\tself.velocityY = self.distanceY / dMs * 0.5;\r\n\r\n\t\tself.speedX = Math.max( self.speed * 0.5, Math.min( self.speed * 1.5, ( 1 / Math.abs( self.velocityX ) ) * self.speed ) );\r\n\r\n\t\tif ( panning ) {\r\n\t\t\tself.endPanning();\r\n\r\n\t\t} else if ( zooming ) {\r\n\t\t\tself.endZooming();\r\n\r\n\t\t} else {\r\n\t\t\tself.endSwiping( swiping );\r\n\t\t}\r\n\r\n\t\treturn;\r\n\t};\r\n\r\n\tGuestures.prototype.endSwiping = function( swiping ) {\r\n\r\n\t\tvar self = this;\r\n\t\tvar ret = false;\r\n\r\n\t\tself.instance.isSliding = false;\r\n\t\tself.sliderLastPos = null;\r\n\r\n\t\t// Close if swiped vertically / navigate if horizontally\r\n\t\tif ( swiping == 'y' && Math.abs( self.distanceY ) > 50 ) {\r\n\r\n\t\t\t// Continue vertical movement\r\n\t\t\t$.fancybox.animate( self.instance.current.$slide, {\r\n\t\t\t\ttop : self.sliderStartPos.top + self.distanceY + ( self.velocityY * 150 ),\r\n\t\t\t\topacity : 0\r\n\t\t\t}, 150 );\r\n\r\n\t\t\tret = self.instance.close( true, 300 );\r\n\r\n\t\t} else if ( swiping == 'x' && self.distanceX > 50 && self.instance.group.length > 1 ) {\r\n\t\t\tret = self.instance.previous( self.speedX );\r\n\r\n\t\t} else if ( swiping == 'x' && self.distanceX < -50 && self.instance.group.length > 1 ) {\r\n\t\t\tret = self.instance.next( self.speedX );\r\n\t\t}\r\n\r\n\t\tif ( ret === false && ( swiping == 'x' || swiping == 'y' ) ) {\r\n\t\t\tself.instance.jumpTo( self.instance.current.index, 150 );\r\n\t\t}\r\n\r\n\t\tself.$container.removeClass( 'fancybox-is-sliding' );\r\n\r\n\t};\r\n\r\n\t// Limit panning from edges\r\n\t// ========================\r\n\r\n\tGuestures.prototype.endPanning = function() {\r\n\r\n\t\tvar self = this;\r\n\t\tvar newOffsetX, newOffsetY, newPos;\r\n\r\n\t\tif ( !self.contentLastPos ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif ( self.instance.current.opts.touch.momentum === false ) {\r\n\t\t\tnewOffsetX = self.contentLastPos.left;\r\n\t\t\tnewOffsetY = self.contentLastPos.top;\r\n\r\n\t\t} else {\r\n\r\n\t\t\t// Continue movement\r\n\t\t\tnewOffsetX = self.contentLastPos.left + ( self.velocityX * self.speed );\r\n\t\t\tnewOffsetY = self.contentLastPos.top + ( self.velocityY * self.speed );\r\n\t\t}\r\n\r\n\t\tnewPos = self.limitPosition( newOffsetX, newOffsetY, self.contentStartPos.width, self.contentStartPos.height );\r\n\r\n\t\t newPos.width = self.contentStartPos.width;\r\n\t\t newPos.height = self.contentStartPos.height;\r\n\r\n\t\t$.fancybox.animate( self.$content, newPos, 330 );\r\n\t};\r\n\r\n\r\n\tGuestures.prototype.endZooming = function() {\r\n\r\n\t\tvar self = this;\r\n\r\n\t\tvar current = self.instance.current;\r\n\r\n\t\tvar newOffsetX, newOffsetY, newPos, reset;\r\n\r\n\t\tvar newWidth = self.newWidth;\r\n\t\tvar newHeight = self.newHeight;\r\n\r\n\t\tif ( !self.contentLastPos ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tnewOffsetX = self.contentLastPos.left;\r\n\t\tnewOffsetY = self.contentLastPos.top;\r\n\r\n\t\treset = {\r\n\t\t \ttop : newOffsetY,\r\n\t\t \tleft : newOffsetX,\r\n\t\t \twidth : newWidth,\r\n\t\t \theight : newHeight,\r\n\t\t\tscaleX : 1,\r\n\t\t\tscaleY : 1\r\n\t };\r\n\r\n\t // Reset scalex/scaleY values; this helps for perfomance and does not break animation\r\n\t $.fancybox.setTranslate( self.$content, reset );\r\n\r\n\t\tif ( newWidth < self.canvasWidth && newHeight < self.canvasHeight ) {\r\n\t\t\tself.instance.scaleToFit( 150 );\r\n\r\n\t\t} else if ( newWidth > current.width || newHeight > current.height ) {\r\n\t\t\tself.instance.scaleToActual( self.centerPointStartX, self.centerPointStartY, 150 );\r\n\r\n\t\t} else {\r\n\r\n\t\t\tnewPos = self.limitPosition( newOffsetX, newOffsetY, newWidth, newHeight );\r\n\r\n\t\t\t// Switch from scale() to width/height or animation will not work correctly\r\n\t\t\t$.fancybox.setTranslate( self.content, $.fancybox.getTranslate( self.$content ) );\r\n\r\n\t\t\t$.fancybox.animate( self.$content, newPos, 150 );\r\n\t\t}\r\n\r\n\t};\r\n\r\n\tGuestures.prototype.onTap = function(e) {\r\n\t\tvar self = this;\r\n\t\tvar $target = $( e.target );\r\n\r\n\t\tvar instance = self.instance;\r\n\t\tvar current = instance.current;\r\n\r\n\t\tvar endPoints = ( e && pointers( e ) ) || self.startPoints;\r\n\r\n\t\tvar tapX = endPoints[0] ? endPoints[0].x - self.$stage.offset().left : 0;\r\n\t\tvar tapY = endPoints[0] ? endPoints[0].y - self.$stage.offset().top : 0;\r\n\r\n\t\tvar where;\r\n\r\n\t\tvar process = function ( prefix ) {\r\n\r\n\t\t\tvar action = current.opts[ prefix ];\r\n\r\n\t\t\tif ( $.isFunction( action ) ) {\r\n\t\t\t\taction = action.apply( instance, [ current, e ] );\r\n\t\t\t}\r\n\r\n\t\t\tif ( !action) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tswitch ( action ) {\r\n\r\n\t\t\t\tcase \"close\" :\r\n\r\n\t\t\t\t\tinstance.close( self.startEvent );\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"toggleControls\" :\r\n\r\n\t\t\t\t\tinstance.toggleControls( true );\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"next\" :\r\n\r\n\t\t\t\t\tinstance.next();\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"nextOrClose\" :\r\n\r\n\t\t\t\t\tif ( instance.group.length > 1 ) {\r\n\t\t\t\t\t\tinstance.next();\r\n\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tinstance.close( self.startEvent );\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase \"zoom\" :\r\n\r\n\t\t\t\t\tif ( current.type == 'image' && ( current.isLoaded || current.$ghost ) ) {\r\n\r\n\t\t\t\t\t\tif ( instance.canPan() ) {\r\n\t\t\t\t\t\t\tinstance.scaleToFit();\r\n\r\n\t\t\t\t\t\t} else if ( instance.isScaledDown() ) {\r\n\t\t\t\t\t\t\tinstance.scaleToActual( tapX, tapY );\r\n\r\n\t\t\t\t\t\t} else if ( instance.group.length < 2 ) {\r\n\t\t\t\t\t\t\tinstance.close( self.startEvent );\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t};\r\n\r\n\t\t// Ignore right click\r\n\t\tif ( e.originalEvent && e.originalEvent.button == 2 ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Skip if current slide is not in the center\r\n\t\tif ( instance.isSliding ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Skip if clicked on the scrollbar\r\n\t\tif ( tapX > $target[0].clientWidth + $target.offset().left ) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Check where is clicked\r\n\t\tif ( $target.is( '.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-container' ) ) {\r\n\t\t\twhere = 'Outside';\r\n\r\n\t\t} else if ( $target.is( '.fancybox-slide' ) ) {\r\n\t\t\twhere = 'Slide';\r\n\r\n\t\t} else if ( instance.current.$content && instance.current.$content.has( e.target ).length ) {\r\n\t\t \twhere = 'Content';\r\n\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Check if this is a double tap\r\n\t\tif ( self.tapped ) {\r\n\r\n\t\t\t// Stop previously created single tap\r\n\t\t\tclearTimeout( self.tapped );\r\n\t\t\tself.tapped = null;\r\n\r\n\t\t\t// Skip if distance between taps is too big\r\n\t\t\tif ( Math.abs( tapX - self.tapX ) > 50 || Math.abs( tapY - self.tapY ) > 50 || instance.isSliding ) {\r\n\t\t\t\treturn this;\r\n\t\t\t}\r\n\r\n\t\t\t// OK, now we assume that this is a double-tap\r\n\t\t\tprocess( 'dblclick' + where );\r\n\r\n\t\t} else {\r\n\r\n\t\t\t// Single tap will be processed if user has not clicked second time within 300ms\r\n\t\t\t// or there is no need to wait for double-tap\r\n\t\t\tself.tapX = tapX;\r\n\t\t\tself.tapY = tapY;\r\n\r\n\t\t\tif ( current.opts[ 'dblclick' + where ] && current.opts[ 'dblclick' + where ] !== current.opts[ 'click' + where ] ) {\r\n\t\t\t\tself.tapped = setTimeout(function() {\r\n\t\t\t\t\tself.tapped = null;\r\n\r\n\t\t\t\t\tprocess( 'click' + where );\r\n\r\n\t\t\t\t}, 300);\r\n\r\n\t\t\t} else {\r\n\t\t\t\tprocess( 'click' + where );\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\treturn this;\r\n\t};\r\n\r\n\t$(document).on('onActivate.fb', function (e, instance) {\r\n\t\tif ( instance && !instance.Guestures ) {\r\n\t\t\tinstance.Guestures = new Guestures( instance );\r\n\t\t}\r\n\t});\r\n\r\n\t$(document).on('beforeClose.fb', function (e, instance) {\r\n\t\tif ( instance && instance.Guestures ) {\r\n\t\t\tinstance.Guestures.destroy();\r\n\t\t}\r\n\t});\r\n\r\n\r\n}(window, document, $));\r\n\r\n// ==========================================================================\r\n//\r\n// SlideShow\r\n// Enables slideshow functionality\r\n//\r\n// Example of usage:\r\n// $.fancybox.getInstance().SlideShow.start()\r\n//\r\n// ==========================================================================\r\n;(function (document, $) {\r\n\t'use strict';\r\n\r\n\tvar SlideShow = function( instance ) {\r\n\t\tthis.instance = instance;\r\n\t\tthis.init();\r\n\t};\r\n\r\n\t$.extend( SlideShow.prototype, {\r\n\t\ttimer : null,\r\n\t\tisActive : false,\r\n\t\t$button : null,\r\n\t\tspeed : 3000,\r\n\r\n\t\tinit : function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tself.$button = self.instance.$refs.toolbar.find('[data-fancybox-play]').on('click', function() {\r\n\t\t\t\tself.toggle();\r\n\t\t\t});\r\n\r\n\t\t\tif ( self.instance.group.length < 2 || !self.instance.group[ self.instance.currIndex ].opts.slideShow ) {\r\n\t\t\t\tself.$button.hide();\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tset : function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\t// Check if reached last element\r\n\t\t\tif ( self.instance && self.instance.current && (self.instance.current.opts.loop || self.instance.currIndex < self.instance.group.length - 1 )) {\r\n\t\t\t\tself.timer = setTimeout(function() {\r\n\t\t\t\t\tself.instance.next();\r\n\r\n\t\t\t\t}, self.instance.current.opts.slideShow.speed || self.speed);\r\n\r\n\t\t\t} else {\r\n\t\t\t\tself.stop();\r\n\t\t\t\tself.instance.idleSecondsCounter = 0;\r\n\t\t\t\tself.instance.showControls();\r\n\t\t\t}\r\n\r\n\t\t},\r\n\r\n\t\tclear : function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tclearTimeout( self.timer );\r\n\r\n\t\t\tself.timer = null;\r\n\t\t},\r\n\r\n\t\tstart : function() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar current = self.instance.current;\r\n\r\n\t\t\tif ( self.instance && current && ( current.opts.loop || current.index < self.instance.group.length - 1 )) {\r\n\r\n\t\t\t\tself.isActive = true;\r\n\r\n\t\t\t\tself.$button\r\n\t\t\t\t\t.attr( 'title', current.opts.i18n[ current.opts.lang ].PLAY_STOP )\r\n\t\t\t\t\t.addClass( 'fancybox-button--pause' );\r\n\r\n\t\t\t\tif ( current.isComplete ) {\r\n\t\t\t\t\tself.set();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tstop : function() {\r\n\t\t\tvar self = this;\r\n\t\t\tvar current = self.instance.current;\r\n\r\n\t\t\tself.clear();\r\n\r\n\t\t\tself.$button\r\n\t\t\t\t.attr( 'title', current.opts.i18n[ current.opts.lang ].PLAY_START )\r\n\t\t\t\t.removeClass( 'fancybox-button--pause' );\r\n\r\n\t\t\tself.isActive = false;\r\n\t\t},\r\n\r\n\t\ttoggle : function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tif ( self.isActive ) {\r\n\t\t\t\tself.stop();\r\n\r\n\t\t\t} else {\r\n\t\t\t\tself.start();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t});\r\n\r\n\t$(document).on({\r\n\t\t'onInit.fb' : function(e, instance) {\r\n\t\t\tif ( instance && !instance.SlideShow ) {\r\n\t\t\t\tinstance.SlideShow = new SlideShow( instance );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t'beforeShow.fb' : function(e, instance, current, firstRun) {\r\n\t\t\tvar SlideShow = instance && instance.SlideShow;\r\n\r\n\t\t\tif ( firstRun ) {\r\n\r\n\t\t\t\tif ( SlideShow && current.opts.slideShow.autoStart ) {\r\n\t\t\t\t\tSlideShow.start();\r\n\t\t\t\t}\r\n\r\n\t\t\t} else if ( SlideShow && SlideShow.isActive ) {\r\n\t\t\t\tSlideShow.clear();\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t'afterShow.fb' : function(e, instance, current) {\r\n\t\t\tvar SlideShow = instance && instance.SlideShow;\r\n\r\n\t\t\tif ( SlideShow && SlideShow.isActive ) {\r\n\t\t\t\tSlideShow.set();\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t'afterKeydown.fb' : function(e, instance, current, keypress, keycode) {\r\n\t\t\tvar SlideShow = instance && instance.SlideShow;\r\n\r\n\t\t\t// \"P\" or Spacebar\r\n\t\t\tif ( SlideShow && current.opts.slideShow && ( keycode === 80 || keycode === 32 ) && !$(document.activeElement).is( 'button,a,input' ) ) {\r\n\t\t\t\tkeypress.preventDefault();\r\n\r\n\t\t\t\tSlideShow.toggle();\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t'beforeClose.fb onDeactivate.fb' : function(e, instance) {\r\n\t\t\tvar SlideShow = instance && instance.SlideShow;\r\n\r\n\t\t\tif ( SlideShow ) {\r\n\t\t\t\tSlideShow.stop();\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n\t// Page Visibility API to pause slideshow when window is not active\r\n\t$(document).on(\"visibilitychange\", function() {\r\n\t\tvar instance = $.fancybox.getInstance();\r\n\t\tvar SlideShow = instance && instance.SlideShow;\r\n\r\n\t\tif ( SlideShow && SlideShow.isActive ) {\r\n\t\t\tif ( document.hidden ) {\r\n\t\t\t\tSlideShow.clear();\r\n\r\n\t\t\t} else {\r\n\t\t\t\tSlideShow.set();\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n}(document, $));\r\n\r\n// ==========================================================================\r\n//\r\n// FullScreen\r\n// Adds fullscreen functionality\r\n//\r\n// ==========================================================================\r\n;(function (document, $) {\r\n\t'use strict';\r\n\r\n\t// Collection of methods supported by user browser\r\n\tvar fn = (function () {\r\n\r\n\t\tvar fnMap = [\r\n\t\t\t[\r\n\t\t\t\t'requestFullscreen',\r\n\t\t\t\t'exitFullscreen',\r\n\t\t\t\t'fullscreenElement',\r\n\t\t\t\t'fullscreenEnabled',\r\n\t\t\t\t'fullscreenchange',\r\n\t\t\t\t'fullscreenerror'\r\n\t\t\t],\r\n\t\t\t// new WebKit\r\n\t\t\t[\r\n\t\t\t\t'webkitRequestFullscreen',\r\n\t\t\t\t'webkitExitFullscreen',\r\n\t\t\t\t'webkitFullscreenElement',\r\n\t\t\t\t'webkitFullscreenEnabled',\r\n\t\t\t\t'webkitfullscreenchange',\r\n\t\t\t\t'webkitfullscreenerror'\r\n\r\n\t\t\t],\r\n\t\t\t// old WebKit (Safari 5.1)\r\n\t\t\t[\r\n\t\t\t\t'webkitRequestFullScreen',\r\n\t\t\t\t'webkitCancelFullScreen',\r\n\t\t\t\t'webkitCurrentFullScreenElement',\r\n\t\t\t\t'webkitCancelFullScreen',\r\n\t\t\t\t'webkitfullscreenchange',\r\n\t\t\t\t'webkitfullscreenerror'\r\n\r\n\t\t\t],\r\n\t\t\t[\r\n\t\t\t\t'mozRequestFullScreen',\r\n\t\t\t\t'mozCancelFullScreen',\r\n\t\t\t\t'mozFullScreenElement',\r\n\t\t\t\t'mozFullScreenEnabled',\r\n\t\t\t\t'mozfullscreenchange',\r\n\t\t\t\t'mozfullscreenerror'\r\n\t\t\t],\r\n\t\t\t[\r\n\t\t\t\t'msRequestFullscreen',\r\n\t\t\t\t'msExitFullscreen',\r\n\t\t\t\t'msFullscreenElement',\r\n\t\t\t\t'msFullscreenEnabled',\r\n\t\t\t\t'MSFullscreenChange',\r\n\t\t\t\t'MSFullscreenError'\r\n\t\t\t]\r\n\t\t];\r\n\r\n\t\tvar val;\r\n\t\tvar ret = {};\r\n\t\tvar i, j;\r\n\r\n\t\tfor ( i = 0; i < fnMap.length; i++ ) {\r\n\t\t\tval = fnMap[ i ];\r\n\r\n\t\t\tif ( val && val[ 1 ] in document ) {\r\n\t\t\t\tfor ( j = 0; j < val.length; j++ ) {\r\n\t\t\t\t\tret[ fnMap[ 0 ][ j ] ] = val[ j ];\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn ret;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn false;\r\n\t})();\r\n\r\n\t// If browser does not have Full Screen API, then simply unset default button template and stop\r\n\tif ( !fn ) {\r\n\t\t$.fancybox.defaults.btnTpl.fullScreen = false;\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tvar FullScreen = {\r\n\t\trequest : function ( elem ) {\r\n\r\n\t\t\telem = elem || document.documentElement;\r\n\r\n\t\t\telem[ fn.requestFullscreen ]( elem.ALLOW_KEYBOARD_INPUT );\r\n\r\n\t\t},\r\n\t\texit : function () {\r\n\r\n\t\t\tdocument[ fn.exitFullscreen ]();\r\n\r\n\t\t},\r\n\t\ttoggle : function ( elem ) {\r\n\r\n\t\t\telem = elem || document.documentElement;\r\n\r\n\t\t\tif ( this.isFullscreen() ) {\r\n\t\t\t\tthis.exit();\r\n\r\n\t\t\t} else {\r\n\t\t\t\tthis.request( elem );\r\n\t\t\t}\r\n\r\n\t\t},\r\n\t\tisFullscreen : function() {\r\n\r\n\t\t\treturn Boolean( document[ fn.fullscreenElement ] );\r\n\r\n\t\t},\r\n\t\tenabled : function() {\r\n\r\n\t\t\treturn Boolean( document[ fn.fullscreenEnabled ] );\r\n\r\n\t\t}\r\n\t};\r\n\r\n\t$(document).on({\r\n\t\t'onInit.fb' : function(e, instance) {\r\n\t\t\tvar $container;\r\n\r\n\t\t\tvar $button = instance.$refs.toolbar.find('[data-fancybox-fullscreen]');\r\n\r\n\t\t\tif ( instance && !instance.FullScreen && instance.group[ instance.currIndex ].opts.fullScreen ) {\r\n\t\t\t\t$container = instance.$refs.container;\r\n\r\n\t\t\t\t$container.on('click.fb-fullscreen', '[data-fancybox-fullscreen]', function(e) {\r\n\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\t\tFullScreen.toggle( $container[ 0 ] );\r\n\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif ( instance.opts.fullScreen && instance.opts.fullScreen.autoStart === true ) {\r\n\t\t\t\t\tFullScreen.request( $container[ 0 ] );\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Expose API\r\n\t\t\t\tinstance.FullScreen = FullScreen;\r\n\r\n\t\t\t} else {\r\n\t\t\t\t$button.hide();\r\n\t\t\t}\r\n\r\n\t\t},\r\n\r\n\t\t'afterKeydown.fb' : function(e, instance, current, keypress, keycode) {\r\n\r\n\t\t\t// \"P\" or Spacebar\r\n\t\t\tif ( instance && instance.FullScreen && keycode === 70 ) {\r\n\t\t\t\tkeypress.preventDefault();\r\n\r\n\t\t\t\tinstance.FullScreen.toggle( instance.$refs.container[ 0 ] );\r\n\t\t\t}\r\n\r\n\t\t},\r\n\r\n\t\t'beforeClose.fb' : function( instance ) {\r\n\t\t\tif ( instance && instance.FullScreen ) {\r\n\t\t\t\tFullScreen.exit();\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n\t$(document).on(fn.fullscreenchange, function() {\r\n\t\tvar instance = $.fancybox.getInstance();\r\n\r\n\t\t// If image is zooming, then force to stop and reposition properly\r\n\t\tif ( instance.current && instance.current.type === 'image' && instance.isAnimating ) {\r\n\t\t\tinstance.current.$content.css( 'transition', 'none' );\r\n\r\n\t\t\tinstance.isAnimating = false;\r\n\r\n\t\t\tinstance.update( true, true, 0 );\r\n\t\t}\r\n\r\n\t});\r\n\r\n}(document, $));\r\n\r\n// ==========================================================================\r\n//\r\n// Thumbs\r\n// Displays thumbnails in a grid\r\n//\r\n// ==========================================================================\r\n;(function (document, $) {\r\n\t'use strict';\r\n\r\n\tvar FancyThumbs = function( instance ) {\r\n\t\tthis.instance = instance;\r\n\t\tthis.init();\r\n\t};\r\n\r\n\t$.extend( FancyThumbs.prototype, {\r\n\r\n\t\t$button\t\t: null,\r\n\t\t$grid\t\t: null,\r\n\t\t$list\t\t: null,\r\n\t\tisVisible\t: false,\r\n\r\n\t\tinit : function() {\r\n\t\t\tvar self = this;\r\n\r\n\t\t\tvar first = self.instance.group[0],\r\n\t\t\t\tsecond = self.instance.group[1];\r\n\r\n\t\t\tself.$button = self.instance.$refs.toolbar.find( '[data-fancybox-thumbs]' );\r\n\r\n\t\t\tif ( self.instance.group.length > 1 && self.instance.group[ self.instance.currIndex ].opts.thumbs && (\r\n\t\t \t\t( first.type == 'image' || first.opts.thumb || first.opts.$thumb ) &&\r\n\t\t \t\t( second.type == 'image' || second.opts.thumb || second.opts.$thumb )\r\n\t\t\t)) {\r\n\r\n\t\t\t\tself.$button.on('click', function() {\r\n\t\t\t\t\tself.toggle();\r\n\t\t\t\t});\r\n\r\n\t\t\t\tself.isActive = true;\r\n\r\n\t\t\t} else {\r\n\t\t\t\tself.$button.hide();\r\n\r\n\t\t\t\tself.isActive = false;\r\n\t\t\t}\r\n\r\n\t\t},\r\n\r\n\t\tcreate : function() {\r\n\t\t\tvar instance = this.instance,\r\n\t\t\t\tlist,\r\n\t\t\t\tsrc;\r\n\r\n\t\t\tthis.$grid = $('').appendTo( instance.$refs.container );\r\n\r\n\t\t\tlist = '\r\n /// Parses a single HTML element for unobtrusive validation attributes.\r\n /// \r\n /// The HTML element to be parsed.\r\n /// [Optional] true to skip attaching the\r\n /// validation to the form. If parsing just this single element, you should specify true.\r\n /// If parsing several elements, you should specify false, and manually attach the validation\r\n /// to the form when you are finished. The default is false.\r\n var $element = $(element),\r\n form = $element.parents(\"form\")[0],\r\n valInfo, rules, messages;\r\n\r\n if (!form) { // Cannot do client-side validation without a form\r\n return;\r\n }\r\n\r\n valInfo = validationInfo(form);\r\n valInfo.options.rules[element.name] = rules = {};\r\n valInfo.options.messages[element.name] = messages = {};\r\n\r\n $.each(this.adapters, function () {\r\n var prefix = \"data-val-\" + this.name,\r\n message = $element.attr(prefix),\r\n paramValues = {};\r\n\r\n if (message !== undefined) { // Compare against undefined, because an empty message is legal (and falsy)\r\n prefix += \"-\";\r\n\r\n $.each(this.params, function () {\r\n paramValues[this] = $element.attr(prefix + this);\r\n });\r\n\r\n this.adapt({\r\n element: element,\r\n form: form,\r\n message: message,\r\n params: paramValues,\r\n rules: rules,\r\n messages: messages\r\n });\r\n }\r\n });\r\n\r\n $.extend(rules, { \"__dummy__\": true });\r\n\r\n if (!skipAttach) {\r\n valInfo.attachValidation();\r\n }\r\n },\r\n\r\n parse: function (selector) {\r\n /// \r\n /// Parses all the HTML elements in the specified selector. It looks for input elements decorated\r\n /// with the [data-val=true] attribute value and enables validation according to the data-val-*\r\n /// attribute values.\r\n /// \r\n /// Any valid jQuery selector.\r\n\r\n // $forms includes all forms in selector's DOM hierarchy (parent, children and self) that have at least one\r\n // element with data-val=true\r\n var $selector = $(selector),\r\n $forms = $selector.parents()\r\n .addBack()\r\n .filter(\"form\")\r\n .add($selector.find(\"form\"))\r\n .has(\"[data-val=true]\");\r\n\r\n $selector.find(\"[data-val=true]\").each(function () {\r\n $jQval.unobtrusive.parseElement(this, true);\r\n });\r\n\r\n $forms.each(function () {\r\n var info = validationInfo(this);\r\n if (info) {\r\n info.attachValidation();\r\n }\r\n });\r\n }\r\n };\r\n\r\n adapters = $jQval.unobtrusive.adapters;\r\n\r\n adapters.add = function (adapterName, params, fn) {\r\n /// Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation. \r\n /// The name of the adapter to be added. This matches the name used\r\n /// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).\r\n /// [Optional] An array of parameter names (strings) that will\r\n /// be extracted from the data-val-nnnn-mmmm HTML attributes (where nnnn is the adapter name, and\r\n /// mmmm is the parameter name).\r\n /// The function to call, which adapts the values from the HTML\r\n /// attributes into jQuery Validate rules and/or messages.\r\n /// Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where\r\n /// the jQuery Validate validation rule has no parameter values. \r\n /// The name of the adapter to be added. This matches the name used\r\n /// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).\r\n /// [Optional] The name of the jQuery Validate rule. If not provided, the value\r\n /// of adapterName will be used instead.\r\n /// Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where\r\n /// the jQuery Validate validation has three potential rules (one for min-only, one for max-only, and\r\n /// one for min-and-max). The HTML parameters are expected to be named -min and -max. \r\n /// The name of the adapter to be added. This matches the name used\r\n /// in the data-val-nnnn HTML attribute (where nnnn is the adapter name).\r\n /// The name of the jQuery Validate rule to be used when you only\r\n /// have a minimum value.\r\n /// The name of the jQuery Validate rule to be used when you only\r\n /// have a maximum value.\r\n /// The name of the jQuery Validate rule to be used when you\r\n /// have both a minimum and maximum value.\r\n /// [Optional] The name of the HTML attribute that\r\n /// contains the minimum value. The default is \"min\".\r\n /// [Optional] The name of the HTML attribute that\r\n /// contains the maximum value. The default is \"max\".\r\n /// Adds a new adapter to convert unobtrusive HTML into a jQuery Validate validation, where\r\n /// the jQuery Validate validation rule has a single value. \r\n /// The name of the adapter to be added. This matches the name used\r\n /// in the data-val-nnnn HTML attribute(where nnnn is the adapter name).\r\n /// [Optional] The name of the HTML attribute that contains the value.\r\n /// The default is \"val\".\r\n /// [Optional] The name of the jQuery Validate rule. If not provided, the value\r\n /// of adapterName will be used instead.\r\n ///
- ';\r\n\r\n\t\t\t$.each(instance.group, function( i, item ) {\r\n\r\n\t\t\t\tsrc = item.opts.thumb || ( item.opts.$thumb ? item.opts.$thumb.attr('src') : null );\r\n\r\n\t\t\t\tif ( !src && item.type === 'image' ) {\r\n\t\t\t\t\tsrc = item.src;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif ( src && src.length ) {\r\n\t\t\t\t\tlist += '
';\r\n $.fancybox.open({\r\n content: modalContent,\r\n autoSize: false,\r\n fitToView: false,\r\n type: 'html',\r\n //smallBtn : true,\r\n //close: true,\r\n });\r\n });\r\n });\r\n\r\n $('.close-modal').on('click', function () {\r\n // If the clicked element doesn't have the right selector, do nothing\r\n event.preventDefault();\r\n window.parent.document.querySelectorAll(\"html\")[0].className = \"\";\r\n var parentPageModal = window.parent.document.documentElement.querySelectorAll(\".fancybox-container\")[0];\r\n parentPageModal.parentNode.removeChild(parentPageModal);\r\n });\r\n\r\n\r\n\r\n function videoModalAdjustAspectRatio() {\r\n var iframe = $('.fancybox-content iframe')[0];\r\n\r\n if ($(iframe).find(\"fancybox-close-small\").length == 0) {\r\n $(iframe).parent().prepend('');\r\n }\r\n\r\n if (iframe) {\r\n var innerDoc = iframe.contentDocument || iframe.contentWindow.document;\r\n var aspect = 1.78;\r\n var resizedWidth;\r\n var playerCalculatedWidth = 500;\r\n\r\n if ($(window).width() >= 768) {\r\n playerCalculatedWidth = 667;\r\n }\r\n if ($(window).width() >= 992) {\r\n playerCalculatedWidth = 960;\r\n }\r\n if ($(window).width() >= 1200) {\r\n playerCalculatedWidth = 1100;\r\n }\r\n\r\n if ($('.fancybox-content').height() < playerCalculatedWidth) {\r\n var resizedHeight = parseInt($(window).height()) - 200;\r\n resizedWidth = resizedHeight * aspect;\r\n } else {\r\n resizedWidth = parseInt($(window).width()) - 100;\r\n }\r\n\r\n $('.fancybox-content').css({ width: resizedWidth, maxWidth: playerCalculatedWidth });\r\n $('.fancybox-content').height(resizedWidth / aspect);\r\n }\r\n }\r\n\r\n\r\n $(window).on('resize orientationchange', function () {\r\n videoModalAdjustAspectRatio();\r\n });\r\n\r\n\r\n $('a.OpenVideoInModal').each(function () {\r\n var thisLink = $(this)[0];\r\n var iFrameSrc = thisLink.href;\r\n thisLink.href = \"javascript:;\";\r\n\r\n $(this).on('click', function () {\r\n $.fancybox.open({\r\n src: iFrameSrc,\r\n baseClass: 'fancybox-modal-video',\r\n type: 'iframe',\r\n beforeShow: function () {\r\n $('.fancybox-image')\r\n .width($(window).width())\r\n .height($(window).height());\r\n $(\".fancybox-inner\").find(\".fancybox-toolbar\").hide();\r\n },\r\n onUpdate: function () {\r\n videoModalAdjustAspectRatio();\r\n },\r\n });\r\n });\r\n });\r\n }\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n \r\n $('body').on('click', '.dropdown-filter', function () {\r\n $('.dropdown-filter-label').not(this).removeClass('open');\r\n $('.dropdown-filter').not(this).removeClass('open');\r\n $(this).toggleClass('open');\r\n });\r\n \r\n $('body').on('click', '.dropdown-filter, .dropdown-filter-list', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n $('body').on('click', '.dropdown-filter-label', function () {\r\n $('.dropdown-filter-label').removeClass('open');\r\n $('.dropdown-filter').removeClass('open');\r\n $(this).toggleClass('open');\r\n $('.dropdown-filter-list').toggleClass('open');\r\n });\r\n\r\n $('body').on('click', function () {\r\n $('.dropdown-filter-label').removeClass('open');\r\n $('.dropdown-filter').removeClass('open');\r\n });\r\n\r\n $('.our-firms__show-more').each(function () {\r\n $(this).on('click', function () {\r\n $(this).parents('.our-firms__firm').toggleClass('show-more');\r\n });\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n $('.column-content-preview-210__list--mobile').slick({\r\n arrows: true,\r\n centerMode: true,\r\n centerPadding: '30px',\r\n mobileFirst: true,\r\n responsive: [{\r\n breakpoint: 767,\r\n settings: 'unslick'\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n $('.column-content-preview-210__list--mobile').slick('resize');\r\n });\r\n\r\n $('.column-content-preview-210__show-more-less a').on('click', function (e) {\r\n e.preventDefault();\r\n $('.column-content-preview-210').toggleClass('show-more');\r\n });\r\n\r\n $('.column-content-preview-210__list__item__image').each(function () {\r\n if ($(this).find('img').length == 0) {\r\n $(this).addClass('no-image');\r\n }\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n $('.column-content-preview-216__list--mobile').slick({\r\n arrows: true,\r\n centerMode: true,\r\n centerPadding: '30px',\r\n mobileFirst: true,\r\n responsive: [{\r\n breakpoint: 767,\r\n settings: 'unslick'\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n $('.column-content-preview-216__list--mobile').slick('resize');\r\n });\r\n\r\n $('.column-content-preview-216__show-more-less a').on('click', function (e) {\r\n e.preventDefault();\r\n $('.column-content-preview-216').toggleClass('show-more');\r\n });\r\n\r\n $('.column-content-preview-216__list__item__image').each(function () {\r\n if ($(this).find('img').length == 0) {\r\n $(this).addClass('no-image');\r\n }\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n $('.column-directory-content__list--mobile').slick({\r\n arrows: true,\r\n centerMode: true,\r\n centerPadding: '30px',\r\n mobileFirst: true,\r\n responsive: [{\r\n breakpoint: 767,\r\n settings: 'unslick'\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n $('.column-directory-content__list--mobile').slick('resize');\r\n });\r\n\r\n $('.column-directory-content__show-more-less a').on('click', function (e) {\r\n e.preventDefault();\r\n $('.column-directory-content, .column-directory-content__show-more-less__more').toggleClass('show-more');\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n $('.column-directory-list__list--mobile').slick({\r\n arrows: true,\r\n centerMode: true,\r\n centerPadding: '30px',\r\n mobileFirst: true,\r\n responsive: [{\r\n breakpoint: 767,\r\n settings: 'unslick'\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n $('.column-directory-list__list--mobile').slick('resize');\r\n });\r\n\r\n $('.column-directory-list__show-more-less a').on('click', function (e) {\r\n e.preventDefault();\r\n $('.column-directory-list, .column-directory-list__show-more-less__more').toggleClass('show-more');\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n $('.column-list-links__list').slick({\r\n arrows: true,\r\n customPaging: function (slick, index) {\r\n return '' + (index + 1) + '';\r\n },\r\n dots: true,\r\n mobileFirst: true,\r\n slidesToShow: 2,\r\n slidesToScroll: 2,\r\n responsive: [{\r\n breakpoint: 767,\r\n settings: 'unslick'\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n $('.column-list-links__list').slick('resize');\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n $('.column-related-content__list').slick({\r\n arrows: true,\r\n centerMode: true,\r\n centerPadding: '30px',\r\n mobileFirst: true,\r\n responsive: [{\r\n breakpoint: 767,\r\n settings: 'unslick'\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n $('.column-related-content__list').slick('resize');\r\n });\r\n\r\n $('.column-related-content__list__item__image').each(function () {\r\n if ($(this).find('img').length == 0) {\r\n $(this).addClass('no-image');\r\n }\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n $('.external-search-box').each(function () {\r\n var t = $(this);\r\n t.find('button.search-button').on('click', function() {\r\n var searchUrl = t.data('search-url');\r\n var searchParam = t.data('search-parameter');\r\n var searchValue = t.find('.searchbox__input').val();\r\n var openInNewWindow = (t.data('new-window') === \"True\") ? \"_blank\" : \"_self\";\r\n externalSearch(searchUrl, searchParam, searchValue, openInNewWindow);\r\n });\r\n });\r\n\r\n function externalSearch(url, keyword, value, newWindow) {\r\n var querystring = decodeURIComponent((url + \"?\" + keyword + \"=\" + value).replace(/\\+/g, \" \"));\r\n window.open(querystring, newWindow);\r\n }\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n var slider = $('.featured-hero-slider__slide-container__carousel');\r\n var isPageEditor = window.SitecoreUtilities.isPageEditor;\r\n\r\n var currentProgressBar;\r\n var progressBarActive = true;\r\n var sliderAutoplayTimer;\r\n if (!isPageEditor()) {\r\n\r\n if ($('.featured-hero-slider__slide-container__status-bar__status-tile').length > 1) {\r\n var showArrows = false;\r\n var numCards = slider.length;\r\n var speed = 6000;\r\n if (numCards > 2) {\r\n showArrows = false;\r\n }\r\n\r\n slider.slick({\r\n arrows: false,\r\n infinite: true,\r\n speed: 700,\r\n slidesToShow: 1,\r\n centerMode: false,\r\n variableWidth: true,\r\n mobileFirst: true,\r\n pauseOnHover: false,\r\n autoplay: true,\r\n autoplaySpeed: speed,\r\n responsive: [{\r\n breakpoint: 991,\r\n arrows: false,\r\n slidesToShow: 1,\r\n centerMode: true,\r\n variableWidth: true,\r\n variableHeight: true\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n slider.slick('resize');\r\n if (!progressBarActive) {\r\n slider.slick('pause');\r\n animateProgressBar(slider.slick('slickCurrentSlide'), \"stop\");\r\n }\r\n });\r\n //initialize the slider bar\r\n $('.featured-hero-slider__slide-container__status-bar__status-tile').each(function () {\r\n var t = $(this);\r\n var targetedIndex = t.attr('tileforslide');\r\n t.on('click',\r\n function () {\r\n slider.slick('slickGoTo', targetedIndex);\r\n slider.slick('slickPause');\r\n animateProgressBar(targetedIndex, \"stop\");\r\n //autoplayTimer(); //optional\r\n });\r\n if (targetedIndex == 0) { //start the animation for the first bar\r\n var progressBar = t.children('.featured-hero-slider__slide-container__status-bar__status-tile__progress-bar');\r\n currentProgressBar = progressBar;\r\n progressBar.animate({\r\n right: 0\r\n },\r\n speed,\r\n \"linear\",\r\n function() {\r\n //animation complete\r\n\r\n });\r\n }\r\n });\r\n\r\n function animateProgressBar(tileNum, command) {\r\n $('.featured-hero-slider__slide-container__status-bar__status-tile').each(function () {\r\n var t = $(this);\r\n var targetedIndex = t.attr('tileforslide');\r\n if (targetedIndex == tileNum) {\r\n var progressBar = t.children('.featured-hero-slider__slide-container__status-bar__status-tile__progress-bar');\r\n if (command == \"stop\") {\r\n currentProgressBar.stop();\r\n progressBarActive = false;\r\n }\r\n if (progressBarActive) {\r\n currentProgressBar = progressBar;\r\n progressBar.animate({\r\n right: 0\r\n }, speed, \"linear\", function () {\r\n //animation complete\r\n });\r\n } else { //inactive progress bar. Progress bars now change instantly\r\n //progressBar.addClass('filled');\r\n var allBars = $('.featured-hero-slider__slide-container__status-bar__status-tile .featured-hero-slider__slide-container__status-bar__status-tile__progress-bar');\r\n allBars.removeClass('filled').removeAttr('style');\r\n for (var i = tileNum; i >= 0; i--) {\r\n allBars[i].classList.add('filled');\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n function autoplayTimer() { //restarts the slider from a paused state\r\n clearTimeout(sliderAutoplayTimer);\r\n sliderAutoplayTimer = window.setTimeout(function () {\r\n var allBars = $('.featured-hero-slider__slide-container__status-bar__status-tile .featured-hero-slider__slide-container__status-bar__status-tile__progress-bar');\r\n allBars.each(function () {\r\n var t = $(this);\r\n if (t.hasClass('filled')) {\r\n t.attr('style', 'right:0px;').removeClass('filled');\r\n }\r\n });\r\n progressBarActive = true;\r\n slider.slick('play');\r\n }, 8000);\r\n }\r\n slider.on('swipe', function (event, slick, direction) {\r\n if (progressBarActive) {\r\n slider.slick('pause');\r\n animateProgressBar(slider.slick('slickCurrentSlide'), \"stop\");\r\n autoplayTimer();\r\n }\r\n });\r\n\r\n slider.on('afterChange', function (event, slick, currentSlide) {\r\n if (currentSlide == 0) {\r\n $('.featured-hero-slider__slide-container__status-bar__status-tile__progress-bar').each(function () {\r\n $(this).removeAttr('style');\r\n });\r\n }\r\n animateProgressBar(currentSlide, \"go\");\r\n });\r\n\r\n } else if ($('.featured-hero-slider__slide-container__status-bar__status-tile').length === 1) {\r\n $('.featured-hero-slider__slide-container__status-bar__status-tile').css(\"display\", \"none\");\r\n }\r\n } \r\n});","var $ = require('jquery');\r\n\r\n$(document).ready(function () {\r\n if ($('.extended-content_contact-item__info__connect').length !== 0) {\r\n // display phone number from hidden span\r\n $('.phone-link').on('click', function (event) {\r\n var phoneId = $(this).data('phone-id');\r\n\r\n toggleHiddenPhone(phoneId, true);\r\n });\r\n\r\n $('.extended-content_contact-item__info__connect--phone-display span.close-phone').on('click', function (event) {\r\n var phoneId = $(this).data('phone-id-close');\r\n toggleHiddenPhone(phoneId, false);\r\n });\r\n }\r\n});\r\n\r\nfunction toggleHiddenPhone(phoneId, visible) {\r\n var hiddenPhoneEl = $('#' + phoneId);\r\n\r\n if (hiddenPhoneEl !== 'undefined' || hiddenPhoneEl !== 0) {\r\n if (visible) {\r\n\r\n $('.extended-content_contact-item__info__connect[data-contact-id=\"' + phoneId + '\"] .connect').addClass('connect-hidden');\r\n hiddenPhoneEl.addClass('show');\r\n } else {\r\n $('.extended-content_contact-item__info__connect[data-contact-id=\"' + phoneId + '\"] .connect').removeClass('connect-hidden');\r\n hiddenPhoneEl.removeClass('show');\r\n }\r\n }\r\n}\r\n\r\nfunction initializeSlickForExtendedContentContacts(slickState) {\r\n\r\n if (slickState) {\r\n if (!$('.extended-content_contact--carousel').hasClass('slick-initialized')) {\r\n $('.extended-content_contact--carousel').slick({\r\n infinite: false,\r\n arrows: false,\r\n centerMode: true,\r\n centerPadding: '15px',\r\n centerMode: true,\r\n variableWidth: true,\r\n mobileFirst: true,\r\n responsive: [\r\n {\r\n settings: {\r\n settings: 'unslick'\r\n }\r\n }\r\n ],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n }\r\n } else {\r\n if ($('.extended-content_contact--carousel').hasClass('slick-initialized')) {\r\n $('.extended-content_contact--carousel').slick('unslick');\r\n }\r\n }\r\n}\r\n\r\n$(function () {\r\n\r\n if (window.innerWidth <= 991) {\r\n initializeSlickForExtendedContentContacts(true);\r\n }\r\n\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n\r\n if (window.innerWidth <= 991) {\r\n initializeSlickForExtendedContentContacts(true);\r\n } else {\r\n initializeSlickForExtendedContentContacts(false);\r\n }\r\n });\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n if ($('._1900_202_InteractiveContentColumnCarousel').length > 0) {\r\n var isPageEditor = window.SitecoreUtilities.isPageEditor;\r\n\r\n if (!isPageEditor()) {\r\n var slider = $('._1900_202_InteractiveContentColumnCarousel__carousel');\r\n\r\n $(slider).each(function() {\r\n var maxRows = $(this).attr(\"data-maxRows\").toString();\r\n var getMaxRowValue = JSON.parse(maxRows);\r\n\r\n $(this).slick({\r\n arrows: false,\r\n infinite: true,\r\n slidesToScroll: 1,\r\n centerMode: false,\r\n centerPadding: '60px',\r\n variableWidth: false,\r\n responsive: [\r\n {\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: (getMaxRowValue == 1) ? 1 : 2\r\n }\r\n }\r\n ],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n });\r\n\r\n $(window).on('resize orientationchange', function () {\r\n slider.slick('resize');\r\n });\r\n\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n\r\n\r\n slider.on('afterChange',\r\n function(event, slick, currentSlide) {\r\n //need fuction to stop automatic slide after clicked\r\n $('.autoplay').slick('slickPause');\r\n });\r\n }\r\n }\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n // mobile accordion\r\n $('.featured-services__tab-content__name').eq(0).addClass('selected');\r\n\r\n $('.featured-services__tab-content__group').on('click', function (e) {\r\n e.preventDefault();\r\n $(this).siblings('.featured-services__tab-content__group')\r\n .children('.featured-services__tab-content__name').removeClass('selected')\r\n .next('.featured-services__tab-content__item').slideUp();\r\n $(this).children('.featured-services__tab-content__name').toggleClass('selected')\r\n .next('.featured-services__tab-content__item').slideToggle();\r\n });\r\n\r\n // desktop tabs\r\n $('.featured-services__tabs__tab').eq(0).addClass('selected');\r\n $('.featured-services__tab-content__item').eq(0).addClass('selected');\r\n\r\n $('.featured-services__tabs__tab a').click(function (e) {\r\n var dataId = $(this).attr('data-service-id');\r\n\r\n e.preventDefault();\r\n $(this).parent().addClass('selected').siblings().removeClass('selected');\r\n $('.featured-services__tab-content__item[data-service-id=\"' + dataId + '\"]').addClass('selected').parent().siblings().children().removeClass('selected');\r\n });\r\n\r\n $('.featured-services__tab-content__item').on('click', function (e) {\r\n e.stopPropagation();\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n $('.featured-elements__carousel').slick({\r\n arrows: true,\r\n centerMode: true,\r\n centerPadding: '30px',\r\n mobileFirst: true,\r\n responsive: [{\r\n breakpoint: 767,\r\n settings: {\r\n autoplay: true,\r\n autoplaySpeed: 5000,\r\n centerMode: false,\r\n centerPadding: '0'\r\n }\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n $('.featured-elements__carousel').slick('resize');\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(document).ready(function () {\r\n var copyLinkButtonClicked = false;\r\n $('.copy-link-icon').on('click', function (event) {\r\n var copySuccessMessage = $(this).data('copy-url-success');\r\n if (!copyLinkButtonClicked) {\r\n copyLinkButtonClicked = true;\r\n var fadeOut = document.createElement(\"div\");\r\n fadeOut.setAttribute(\"class\", \"fadeout-copy-confirmation\");\r\n fadeOut.setAttribute(\"style\", \"position: absolute; user-select: none; background-color: #fff; padding: 2px 4px; font-size: 1.2rem; border: 1px solid black; z-index: 999; transition: 1.5s; left: \" + event.pageX + \"px; top: \" + event.pageY + \"px;\");\r\n\r\n document.getElementsByTagName(\"body\")[0].append(fadeOut);\r\n $('.fadeout-copy-confirmation').html(copySuccessMessage);\r\n window.setTimeout(function () {\r\n $('.fadeout-copy-confirmation').css('opacity', 0);\r\n window.setTimeout(function () {\r\n document.getElementsByClassName('fadeout-copy-confirmation')[0].remove();\r\n copyLinkButtonClicked = false;\r\n }, 1500);\r\n }, 500);\r\n }\r\n navigator.clipboard.writeText($(this).data('canonical-link'));\r\n });\r\n\r\n\r\n if (window.SitecoreUtilities.isPageEditor) {\r\n var bcVideo = $('.featured-hero-jumplink__video').find('.brightcove-video');\r\n if (bcVideo.length > 0 && bcVideo.data('has-transcript') == \"False\") {\r\n bcVideo.find('.p3sdk-interactive-transcript-content').html(\"No transcript available\");\r\n }\r\n }\r\n\r\n\r\n //add logic to determine if we are using featured hero jumplinks or the social share jumplinks\r\n var jumplinkContainer;\r\n var jumplinkContainerClass;\r\n var jumplinkClass;\r\n var jumplinkWrapperClass; //if no wrapper, set this equal to the jumplinkClass\r\n var jumplinkMobileClass;\r\n var stickyNavDesktopClass;\r\n var stickyNavMobileClass;\r\n var headerOverrideClass;\r\n var mobileButtonClass;\r\n var usingAnchors = true;\r\n\r\n //Check for presence of featured hero jumplinks or 801 social links\r\n if ($('.featured-hero-jumplink.jumplinks').length > 0 || $('.801-social-sharing-wrapper.jumplinks').length > 0) {\r\n if ($('.featured-hero-jumplink.jumplinks').length > 0) {\r\n jumplinkContainer = $('.featured-hero-jumplink.jumplinks').first();\r\n jumplinkContainerClass = \".featured-hero-jumplink__menu__desktop\";\r\n jumplinkClass = \".featured-hero-jumplink__menu__desktop--item\";\r\n jumplinkWrapperClass = jumplinkClass;\r\n jumplinkMobileClass = \".featured-hero-jumplink__menu__mobile--item\";\r\n stickyNavDesktopClass = \".featured-hero-jumplink__container__stickynav\";\r\n stickyNavMobileClass = \".featured-hero-jumplink__menu__mobile__stickynav\";\r\n headerOverrideClass = \"featured-hero-jumplink-override\";\r\n mobileButtonClass = \"featured-hero-jumplink__menu__mobile--button\";\r\n }\r\n else if ($('.801-social-sharing-wrapper.jumplinks').length > 0) {\r\n jumplinkContainer = $('.801-social-sharing-wrapper.jumplinks').first();\r\n jumplinkContainerClass = \".article-header__social-jumplinks\";\r\n jumplinkClass = \".article-header__social-jumplink\";\r\n jumplinkWrapperClass = \".article-header__social-jumplinks__link\";\r\n jumplinkMobileClass = \".article-header__social-jumplinks__mobile-link\";\r\n stickyNavDesktopClass = \".article-header__social-jumplinks__container__stickynav\";\r\n stickyNavMobileClass = \".article-header__social-jumplinks__menu__mobile__stickynav\";\r\n headerOverrideClass = \"article-header__social-jumplinks-override\";\r\n mobileButtonClass = \"article-header__social-jumplinks__menu__mobile--button\"\r\n }\r\n\r\n var stickyNavDesktopContainer = jumplinkContainer.find(stickyNavDesktopClass);\r\n var stickyNavMobileContainer = jumplinkContainer.find(stickyNavMobileClass);\r\n if (jumplinkContainer.find(jumplinkClass).length !== 0) {\r\n //quick check for existing window.location.hash\r\n if (window.location.hash.length > 0) {\r\n smoothScrollToAnchor(0, event);\r\n }\r\n // Setup isScrolling variable\r\n var isScrolling;\r\n var stillScrolling;\r\n var scrolling = false;\r\n var stickyNavTimeout;\r\n var lastScrollTop = 0;\r\n var windowResize;\r\n var jumplinksDistanceFromTop = $(jumplinkContainerClass).first().offset().top;\r\n var mobileJumplinksDistanceFromTop = $(jumplinkMobileClass).first().offset().top;\r\n var jumplinkTopDistance = [];\r\n var anchorElements = stickyNavDesktopContainer.find(jumplinkClass);\r\n var anchorElementWrappers = (jumplinkClass !== jumplinkWrapperClass) ? stickyNavDesktopContainer.find(jumplinkWrapperClass) : null;\r\n function anchorPointCalc() {\r\n jumplinkTopDistance = [];\r\n if (usingAnchors) {\r\n $(anchorElements).each(function () {\r\n var t = $(this);\r\n if (t.attr('href')) {\r\n if (t.attr('href').substring(0, 1) === \"#\") {\r\n var targetedAnchor = t.attr('href');\r\n var anchorOffsetTop = ($(window).width() <= 991) ? $(targetedAnchor).offset().top + mobileJumplinksDistanceFromTop : $(targetedAnchor).offset().top - 80 /*+ jumplinksDistanceFromTop*/;\r\n jumplinkTopDistance.push(anchorOffsetTop - 30);\r\n }\r\n else {\r\n usingAnchors = false;\r\n return false;\r\n }\r\n }\r\n });\r\n\r\n jumplinkTopDistance.push(9999999);\r\n }\r\n }\r\n\r\n var anchorpointsCalc = window.setTimeout(function () {\r\n anchorPointCalc();\r\n }, 500);\r\n\r\n\r\n $('.tabbed-section-navigation__tabs__tab__name').on('click', function () {\r\n anchorpointsCalc = window.setTimeout(function () {\r\n anchorPointCalc();\r\n }, 100);\r\n });\r\n\r\n $(document).on('beforeShow.fb', function (e, instance, slide) {\r\n stickyNavDesktopContainer.removeClass('scrollable_nav');\r\n });\r\n $(document).on('beforeClose.fb', function (e, instance, slide) {\r\n //only add this class if the nav should be active\r\n if (window.pageYOffset >\r\n (mobileJumplinksDistanceFromTop +\r\n jumplinkContainer.find('.' + mobileButtonClass + '.dropdown-toggle')[0].offsetHeight)) {\r\n stickyNavDesktopContainer.addClass('scrollable_nav');\r\n }\r\n });\r\n\r\n // Listen for scroll events\r\n window.addEventListener('scroll', function (event) {\r\n scrolling = true;\r\n // Clear our timeout throughout the scroll\r\n window.clearTimeout(isScrolling);\r\n // Set a timeout to run after scrolling ends\r\n isScrolling = setTimeout(function () {\r\n // Run the callback\r\n scrolling = false;\r\n window.clearTimeout(scrolling);\r\n }, 266);\r\n stillScrolling = setTimeout(function () {\r\n if (scrolling) {\r\n stickyNavStatus();\r\n }\r\n }, 266);\r\n }, false);\r\n\r\n // Listen for window resize, then recalculate the anchor points\r\n $(window).resize(function () {\r\n window.clearTimeout(windowResize);\r\n windowResize = setTimeout(function () {\r\n anchorPointCalc();\r\n }, 300);\r\n });\r\n\r\n function stickyNavStatus() {\r\n var st = window.pageYOffset || document.documentElement.scrollTop;\r\n if (st === lastScrollTop) {\r\n checkScrollLocation();\r\n return false;\r\n }\r\n\r\n if (window.pageYOffset > (jumplinkContainer.find(jumplinkContainerClass)).offset().top) {\r\n stickyNavDesktopContainer.addClass('scrollable_nav');\r\n $('header.header').addClass(headerOverrideClass);\r\n } else {\r\n stickyNavTimeout = setTimeout(function () {\r\n stickyNavDesktopContainer.removeClass('scrollable_nav');\r\n }, 160);\r\n\r\n $('header.header').removeClass(headerOverrideClass);\r\n }\r\n //adding for mobile stickynav\r\n if ($(window).width() <= 991) {\r\n if (window.pageYOffset > (mobileJumplinksDistanceFromTop - 100)) {\r\n stickyNavMobileContainer.addClass('scrollable_nav');\r\n $('header.header').addClass(headerOverrideClass);\r\n\r\n } else {\r\n stickyNavMobileContainer.removeClass('scrollable_nav');\r\n $('header.header').removeClass(headerOverrideClass);\r\n }\r\n }\r\n\r\n\r\n if (st < lastScrollTop) {\r\n stickyNavDesktopContainer.removeClass('scrollable_nav');\r\n stickyNavMobileContainer.removeClass('scrollable_nav');\r\n $('header.header').removeClass(headerOverrideClass);\r\n }\r\n lastScrollTop = st <= 0 ? 0 : st;\r\n\r\n checkScrollLocation();\r\n }\r\n\r\n // add smooth scrolling to jumplist menu desktop items\r\n jumplinkContainer.find(jumplinkClass).on('click', function (event) {\r\n smoothScrollToAnchor(this, event);\r\n });\r\n\r\n // add smooth scrolling to jumplist menu mobile modal items\r\n jumplinkContainer.find(jumplinkMobileClass).on('click', function (event) {\r\n smoothScrollToAnchor(this, event);\r\n\r\n var buttonText = $(this).html();\r\n\r\n if (buttonText !== '') {\r\n // update button text to the current selection\r\n $('.' + mobileButtonClass).html(buttonText + ' expand_more');\r\n }\r\n });\r\n\r\n stickyNavMobileContainer.on('click', function () {\r\n stickyNavMobileContainer.removeClass('scrollable_nav');\r\n });\r\n\r\n //close fancybox after mobile link click if usingAnchors is false\r\n $('.article-header__social-jumplinks__mobile-link').on('click', function () {\r\n if (!usingAnchors) {\r\n if ($('.fancybox-container').hasClass('fancybox-is-open')) {\r\n $.fancybox.close();\r\n }\r\n }\r\n });\r\n\r\n function smoothScrollToAnchor(t, event) {\r\n if (usingAnchors) {\r\n // prevent default click behavior and check for anchor class\r\n if (t !== 0) {\r\n if ($(t).hasClass('anchor')) event.preventDefault();\r\n }\r\n if (scrolling) return false;\r\n\r\n var jumplinkHeight;\r\n var hash;\r\n var hashOffset;\r\n if (window.location.hash.length > 0 && t === 0) {//activating the jumplink from an external anchor link\r\n hash = window.location.hash;\r\n if ($(hash).length > 0) {\r\n if ($(window).width() <= 991) {//mobileview\r\n jumplinkHeight = stickyNavMobileContainer.height();\r\n hashOffset = $(hash).offset().top + 400 + jumplinkHeight;\r\n } else { //desktopview\r\n jumplinkHeight = stickyNavDesktopContainer.height();\r\n hash = window.location.hash;\r\n hashOffset = $(hash).offset().top + 200 + jumplinkHeight;\r\n }\r\n }\r\n } else {//standard jumplink click activation\r\n hash = t.hash;\r\n if ($(hash).length > 0) {\r\n if ($(window).width() <= 991) {//mobileview\r\n jumplinkHeight = stickyNavMobileContainer.height();\r\n hashOffset = $(hash).offset().top - jumplinkHeight;\r\n } else {//desktopview\r\n jumplinkHeight = stickyNavDesktopContainer.height();\r\n hash = t.hash;\r\n hashOffset = $(hash).offset().top - jumplinkHeight;\r\n }\r\n }\r\n }\r\n if (hash !== '' && $(hash).length !== 0) {\r\n $('html, body').animate({\r\n scrollTop: hashOffset\r\n }, 800, function () {\r\n if (anchorElementWrappers !== null) { //using the wrappers\r\n anchorElementWrappers.removeClass('active');\r\n $(hash).parent(anchorElementWrappers).addClass('active');\r\n }\r\n else {//no wrappers\r\n jumplinkContainer.find(jumplinkClass).removeClass('active');\r\n $(hash).addClass('active');\r\n }\r\n });\r\n }\r\n if ($('.fancybox-container').hasClass('fancybox-is-open')) {\r\n $.fancybox.close();\r\n }\r\n }\r\n }//end smoothscroll\r\n\r\n function checkScrollLocation() {\r\n if (usingAnchors) {\r\n for (var i = 0; i < anchorElements.length; i++) {\r\n if (jumplinkTopDistance[i] <= window.pageYOffset && window.pageYOffset <= jumplinkTopDistance[i + 1]) {\r\n if (anchorElementWrappers !== null) { //using the wrappers\r\n anchorElementWrappers.removeClass('active');\r\n anchorElementWrappers[i].className += \" active\";\r\n }\r\n else {//no wrappers\r\n jumplinkContainer.find(jumplinkClass).removeClass('active');\r\n anchorElements[i].className += \" active\";\r\n }\r\n }\r\n }\r\n if (window.pageYOffset < jumplinkTopDistance[0]) jumplinkContainer.find(jumplinkClass).removeClass('active');\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n $('.trending-insights__list').slick({\r\n arrows: true,\r\n centerPadding: '30px',\r\n mobileFirst: true,\r\n responsive: [{\r\n breakpoint: 767,\r\n settings: 'unslick'\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n $('.trending-insights__list').slick('resize');\r\n });\r\n\r\n $('.trending-insights__insight__image').each(function () {\r\n if ($(this).find('img').length == 0) {\r\n $(this).addClass('no-image');\r\n }\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n $('.link--locations').on('click', function (e) {\r\n e.preventDefault();\r\n $('html').toggleClass('menu-open');\r\n $('body').toggleClass('show-location-menu').removeClass('show-header-menu show-search');\r\n $('.resp-tab-item').eq(0).click();\r\n $('.locations').slideToggle();\r\n $('.header__main-menu__links, .header__sub-menu, .search').slideUp();\r\n $('.header__main-menu__primary-link').removeClass('open');\r\n\r\n $('.content-access__overlay').toggleClass('open');\r\n\r\n // if class open is added chagne overflow-y\r\n if ($('html').hasClass('menu-open')) {\r\n $('html').css('overflow-y', 'hidden');\r\n $('.header__utility-menu').addClass('scroll-hidden');\r\n $('.header__main-menu').addClass('scroll-hidden');\r\n $('.locations_global-directory--overlay').addClass('overlay-active');\r\n setTimeout(function () { setScrollableNav('.locations', 'locations', 'scrollable_locations'); }, 500);\r\n }\r\n else {\r\n locationsClosed();\r\n }\r\n });\r\n $('.locations__close').on('click', function (e) {\r\n e.preventDefault();\r\n $('html').removeClass('menu-open')\r\n $('body').removeClass('show-location-menu');\r\n $('.locations').slideUp();\r\n $('.content-access__overlay').removeClass('open');\r\n locationsClosed();\r\n });\r\n\r\n $('body').on('click', function () {\r\n $(this).parent('html').removeClass('menu-open');\r\n $(this).removeClass('show-location-menu');\r\n $('.locations').slideUp();\r\n $('.content-access__overlay').removeClass('open');\r\n locationsClosed();\r\n });\r\n $('.link--locations, .locations').on('click', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n // locations menu has been closed. reset DOM elements\r\n function locationsClosed() {\r\n $('html').removeAttr('style');\r\n $('.header__utility-menu').removeClass('scroll-hidden');\r\n $('.header__main-menu').removeClass('scroll-hidden');\r\n $('.locations').removeClass('scrollable_locations');\r\n $('.locations_global-directory--overlay').removeClass('overlay-active');\r\n //$('.locations').css({ 'display': 'none', 'height': '', 'overflow-y': '' });\r\n }\r\n\r\n $(window).resize(function () {\r\n // if window is resized this will fix the desktop view if expanded from tablet (mobile) to desktop\r\n if ($(window).width() > 991) {\r\n $('.locations').removeClass('scrollable_locations');\r\n }\r\n\r\n if ($('html').hasClass('menu-open')) {\r\n $('html').css('overflow-y', 'hidden');\r\n $('.locations').removeClass('scrollable_locations');\r\n setTimeout(function () { setScrollableNav('.locations', 'locations', 'scrollable_locations'); }, 500);\r\n }\r\n });\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n $(\".insight-asset-detail .article-header__download\").each(function () {\r\n const $this = $(this);\r\n const downloadUrl = $this.find('a').attr('href');\r\n const downloadTarget = $this.find('a').attr('target') || '';\r\n if (downloadUrl) {\r\n const downloadImage = $this.parent().find('.article-header__image img');\r\n downloadImage.wrap('');\r\n }\r\n });\r\n}); \r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n if ($('.accordion-content').length > 0) {\r\n var prevAccordionFromTop = 999999;\r\n var prevAccordionHeight = 0;\r\n var curAccordionHeight = 0;\r\n var moduleNames = new Array(); //list of recorded module names from the querystring\r\n\r\n $('.accordion-content__item').on('click', function (e) {\r\n\r\n var aItem = $(this);\r\n if (aItem.data('no-collapse') !== 1) {\r\n //On activation click, check for other open accordions and begin to close them \r\n CloseOtherAccordions(aItem, false);\r\n\r\n //Next, toggle the clicked tab to either open or close \r\n ToggleAccordion(aItem, false);\r\n }\r\n else { //used for the accordion items in the interests view\r\n $(this).children('.accordion-content__item__title').toggleClass('selected')\r\n .next('.accordion-content__item__content').slideToggle({\r\n start: function () { $(this).css(\"display\", \"inline-block\"); }\r\n });\r\n }\r\n });\r\n\r\n $('.accordion-content__item__content').on('click', function (e) {\r\n e.stopPropagation();\r\n });\r\n\r\n $('.accordion-content').each(function (i) {\r\n var accordionContent = $(this);\r\n var moduleName = accordionContent.data('module-name');\r\n var MoveSelectedTabToFirstElementField = $(accordionContent).data(\"move-selected-accordion\");\r\n var CloseFirstAccordionPaneOnPageLoadField = $(accordionContent).data(\"close-first-accordion\");\r\n var isCloseFirstPane = JSON.parse(CloseFirstAccordionPaneOnPageLoadField.toLowerCase().toString());\r\n var isMoveToFirstPane = JSON.parse(MoveSelectedTabToFirstElementField.toLowerCase().toString());\r\n\r\n var specificTabRequestedViaQueryString = true;\r\n var moduleIndex = $.QueryStringTabActivation(moduleName, accordionContent.find('.accordion-content__item').length);\r\n moduleIndex = parseInt(moduleIndex);\r\n\r\n //if query param is not present or querystringValue > tabCount\r\n if (moduleIndex === 999) {\r\n specificTabRequestedViaQueryString = false;\r\n moduleIndex = 1;\r\n }\r\n\r\n if (moduleNames.indexOf(moduleName) === -1) {\r\n var newAccordionTitle = accordionContent.find('.accordion-content__item__title[data-module-number=\"' + moduleIndex + '\"]');\r\n var newAccordionItem = newAccordionTitle.closest('.accordion-content__item');\r\n\r\n //move activated accordion to top\r\n accordionContent.find('.accordion-content__item').removeClass('orderTop');\r\n newAccordionItem.addClass('orderTop');\r\n\r\n if (!isMoveToFirstPane) {\r\n $(accordionContent).find(\".orderTop\").addClass(\"orderInherit\");\r\n }\r\n\r\n //when moduleIndex =1, no need of accordion toggles as cshtml already handles it\r\n if (moduleIndex !== 1) {\r\n //close all other accordion items\r\n CloseOtherAccordions(newAccordionItem, true);\r\n\r\n //toggle the activated accordion\r\n //prevent accordion from activation if the condition doesnt allow it\r\n if (!(isCloseFirstPane && isMoveToFirstPane) || specificTabRequestedViaQueryString) {\r\n ToggleAccordion(newAccordionItem, true);\r\n }\r\n }\r\n else //moduleIndex=1\r\n {\r\n //when moduleIndex=1 present in query, handle scroll\r\n if (($.QueryString[moduleName] > 0)) {\r\n $.ScrollToLocation(newAccordionItem, 400, true);\r\n }\r\n\r\n if (isCloseFirstPane) {//if module index = 1 and isCloseFirstPane checked, hide the content area of accordion\r\n if (specificTabRequestedViaQueryString) { // unless we specifically asked for tab 1 to be open via querystring, then open it anyway\r\n newAccordionTitle.addClass('selected');\r\n newAccordionItem.children('.accordion-content__item__content').addClass('selected');\r\n } else {\r\n newAccordionItem.children('.accordion-content__item__content').slideUp();\r\n }\r\n }\r\n }\r\n\r\n moduleNames.push(moduleName);\r\n }\r\n });\r\n\r\n function CloseOtherAccordions(accordion, isPageLoad) {\r\n prevAccordionFromTop = 999999;\r\n prevAccordionHeight = 0;\r\n if (accordion.siblings('.accordion-content__item.selected').length > 0) {\r\n accordion.siblings('.accordion-content__item.selected').each(function () {\r\n var openAccordion = $(this);\r\n prevAccordionFromTop = openAccordion[0].offsetTop;\r\n prevAccordionHeight = openAccordion.children('.accordion-content__item__content').height();\r\n openAccordion.children('.accordion-content__item__content').slideToggle({\r\n complete: function () {\r\n openAccordion.removeClass('selected');\r\n openAccordion.children('.accordion-content__item__title').removeClass('selected');\r\n openAccordion.children('.accordion-content__item__content').removeClass('selected')\r\n .removeAttr('style');\r\n\r\n if (isPageLoad) {//on page load, scroll to the activated accordion after closing other accrodions\r\n $.ScrollToLocation(accordion, 400, true);\r\n }\r\n }\r\n });\r\n });\r\n }\r\n else if (isPageLoad) {//on page load, when close first accordion is checked, none of the accordions are activated. So, the scroll logic on complete of slideToggle doesnt trigger. So trigger it now.\r\n $.ScrollToLocation(accordion, 400, true);\r\n }\r\n }\r\n\r\n function ToggleAccordion(accordion, isPageLoad) {\r\n curAccordionHeight = 0;\r\n var curScrollPosition = $(window).scrollTop(); //current scroll position\r\n var windowHeight = $(window).height();\r\n var acordionItemTop = accordion.offset().top;\r\n var curAccordionFromTop = accordion[0].offsetTop;\r\n var manualOffset = 150 - (acordionItemTop - curScrollPosition);\r\n var adjustedScrollPosition = curScrollPosition - prevAccordionHeight - manualOffset;\r\n\r\n accordion.children('.accordion-content__item__content').slideToggle({\r\n start: function () {\r\n\r\n if (isPageLoad === false) {//this part works on click events\r\n\r\n curAccordionHeight = accordion.children('.accordion-content__item__content').height();\r\n /*\r\n Outline of conditions to activate the animation to adjust the scroll position:\r\n 1. The currently open accordion, which should be starting to slideUp, must be higher\r\n on the page than the activated accordion item.\r\n 2. The combined heights of the currently open and activated accordion must be greater\r\n than the height of the window.\r\n 3. Special Case: If the previous accordion and current accordion heights are less\r\n than the window height AND the current scroll position is above the fold, the\r\n scroll should activate. It should not activate if it is within the fold. Currently\r\n this does not work, and the scroll activates in both cases.\r\n */\r\n if (prevAccordionFromTop < curAccordionFromTop) {\r\n if ((curAccordionHeight + prevAccordionHeight) > windowHeight ||\r\n ((curAccordionHeight + prevAccordionHeight) < windowHeight) &&\r\n (curScrollPosition + 100) > prevAccordionFromTop) {\r\n $.AnimatedScroll(adjustedScrollPosition, 400);\r\n }\r\n }\r\n }\r\n },\r\n complete: function () {\r\n accordion.toggleClass('selected');\r\n accordion.children('.accordion-content__item__title').toggleClass('selected');\r\n accordion.children('.accordion-content__item__content').toggleClass('selected').removeAttr('style');\r\n\r\n //if activated accordion's top is above window's scroll position, then the accordion title will not appear in view. \r\n //This happens when activated accordion is higher than currently open accordion\r\n if (accordion.offset().top < ($(window).scrollTop() + $('.header').height())) {\r\n $.ScrollToLocation(accordion, 0, true);\r\n }\r\n }\r\n });\r\n }\r\n }\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n $('.material-icons--share').on('click', function (e) {\r\n e.preventDefault();\r\n $('body').toggleClass('show-share');\r\n })\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n // mobile accordion\r\n\r\n $('.tabbed-content__tab-content__group').on('click', function (e) {\r\n if (!$(e.target).closest('.tabbed-content__tab-content__item').length) {\r\n e.preventDefault();\r\n $(this).siblings('.tabbed-content__tab-content__group')\r\n .children('.tabbed-content__tab-content__name').removeClass('selected')\r\n .next('.tabbed-content__tab-content__item').slideUp();\r\n $(this).children('.tabbed-content__tab-content__name').toggleClass('selected')\r\n .next('.tabbed-content__tab-content__item').slideToggle();\r\n $(this).find('.tabbed-list-links__tab-content__item__links__slider').css('display', 'block');\r\n $(this).find('.tabbed-list-links__tab-content__item__links__slider').get(0).slick.setPosition();\r\n }\r\n });\r\n\r\n var tabNames = new Array(); //list of recorded tab names from the querystring\r\n\r\n //Logic for querystring tab activation and default desktop tabs\r\n $('.tabbed-content').each(function () {\r\n var t = $(this);\r\n //desktop tabs default tab\r\n t.find('.tabbed-content__tabs__tab:first').addClass('selected');\r\n t.find('.tabbed-content__tab-content__item:first').addClass('selected');\r\n\r\n //mobile accordion default tab\r\n t.find('.tabbed-content__tab-content .tabbed-content__tab-content__group:first .tabbed-content__tab-content__name').addClass('selected');\r\n t.find('.tabbed-content__tab-content .tabbed-content__tab-content__group:first .tabbed-content__tab-content__item').addClass('selected');\r\n\r\n //desktop tab click event\r\n t.find('.tabbed-content__tabs__tab').click(function () {\r\n var clickedTab = $(this);\r\n var clickedTabId = clickedTab.children().data('tab-id');\r\n var clickedTabContent = t.find('.tabbed-content__tab-content__group')\r\n .children('.tabbed-content__tab-content__item[data-tab-id=\"' + clickedTabId + '\"]');\r\n //deactivate current tab\r\n t.find('.tabbed-content__tabs__tab').removeClass('selected');\r\n t.find('.tabbed-content__tab-content__item').removeClass('selected');\r\n //activate new tab\r\n clickedTab.addClass('selected');\r\n clickedTabContent.addClass('selected');\r\n });\r\n\r\n var tabName = t.data('tab-name');\r\n var tabCount = t.find('.tabbed-content__tabs__tab').length;\r\n var tabIndex = $.QueryStringTabActivation(tabName, tabCount);\r\n if (tabIndex !== 999 && !tabNames.includes(tabName)) {\r\n var newTab = t.find('.tabbed-content__tab__name[data-tab-id=\"' + tabIndex + '\"]');\r\n var newTabContent = t.find('.tabbed-content__tab-content__item[data-tab-id=\"' + tabIndex + '\"]');\r\n var newAccordionTabContent = t.find('.tabbed-content__tab-content__group .tabbed-content__tab-content__item[data-tab-id=\"' + tabIndex + '\"]');\r\n var newAccordionTab = newAccordionTabContent.prev();\r\n //deactivate current desktop tab\r\n t.find('.tabbed-content__tabs__tab.selected').removeClass('selected');\r\n t.find('.tabbed-content__tab-content__item.selected').removeClass('selected');\r\n //deactivate current mobile accordion tab\r\n t.find('.tabbed-content__tab-content__group:first .tabbed-content__tab-content__item').removeClass('selected');\r\n t.find('.tabbed-content__tab-content__group:first .tabbed-content__tab-content__name').removeClass('selected');\r\n //activate new desktop tab\r\n newTab.parent().addClass('selected');\r\n newTabContent.addClass('selected');\r\n //activate new mobile accordion tab\r\n newAccordionTab.addClass('selected');\r\n newAccordionTabContent.addClass('selected');\r\n $.ScrollToLocation(newTabContent, 400, false);\r\n tabNames.push(tabName);\r\n }\r\n });\r\n // mobile link carousel\r\n\r\n $('.tabbed-list-links__tab-content__item__links__slider').slick({\r\n arrows: true,\r\n customPaging: function (slick, index) {\r\n return '' + (index + 1) + '';\r\n },\r\n dots: true,\r\n mobileFirst: true,\r\n slidesToShow: 2,\r\n slidesToScroll: 2,\r\n responsive: [{\r\n breakpoint: 767,\r\n settings: 'unslick'\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n $('.tabbed-list-links__tab-content__item__links__slider').slick('resize');\r\n });\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n $('.datepicker').datepicker();\r\n});\r\n\r\n$(function () {\r\n var formButton,\r\n submitText,\r\n loader;\r\n\r\n formButton = $(\".form__body__submit\");\r\n submitText = formButton.find('.submit-text');\r\n loader = formButton.find('.loader');\r\n\r\n var uniqueSubmitId = '';\r\n var formElement = this.querySelector(\"form\");\r\n var loadFileUpload = false;\r\n\r\n if (formElement) {\r\n var uniqueSubmitIdElement = formElement.querySelector(\"input[name='uniquesubmitid']\");\r\n\r\n if (uniqueSubmitIdElement && uniqueSubmitIdElement.value) {\r\n uniqueSubmitId = uniqueSubmitIdElement.value;\r\n loadFileUpload = true;\r\n }\r\n }\r\n\r\n var isValid = true;\r\n var isProcessing = false;\r\n $(\".form__body__submit\")\r\n .on(\"click\",\r\n function (e) {\r\n e.preventDefault();\r\n\r\n //disable clicks while already submitting\r\n if (isProcessing)\r\n return;\r\n\r\n isProcessing = true;\r\n\r\n if (submitText && loader) {\r\n formButton.addClass('isLoading');\r\n }\r\n\r\n isValid = true;\r\n var formNode = $(this).closest(\"form\");\r\n var formId = formNode.attr(\"id\");\r\n var contextLang = formNode.attr(\"data-contextLang\");\r\n var payload = [];\r\n if ($('.mtcaptcha[data-formid=\"' + formId + '\"]').length) {\r\n let checkCaptcha = new Promise((resolve, reject) => {\r\n let mtcaptchaToken = mtcaptcha.getVerifiedToken();\r\n if (mtcaptchaToken.length === 0) {\r\n reject(false);\r\n\r\n isProcessing = false;\r\n if (submitText && loader) {\r\n formButton.removeClass('isLoading');\r\n }\r\n } else {\r\n $.ajax(\r\n {\r\n url: \"/api/Sitecore/MTCaptchaValidation/MTCaptchaValidation\",\r\n type: \"POST\",\r\n context: this,\r\n data: { token: mtcaptchaToken },\r\n success: function (data) {\r\n resolve(data);\r\n },\r\n error: function (data) {\r\n reject(false);\r\n }\r\n }\r\n );\r\n }\r\n });\r\n //first check captcha, then check the rest\r\n checkCaptcha.then(function () {\r\n parseForm(payload, formNode, formId, contextLang, loadFileUpload);\r\n })\r\n .catch((rejection) => {\r\n checkInvalid($('.mtcaptcha[data-formid=\"' + formId + '\"]'), true, true);\r\n formNode.find(\"[data-isInvalid='true']\")\r\n .each(function () {\r\n $(this).next('.form__field--error').show().parent().addClass('form__field--has-error');\r\n });\r\n });\r\n } else {\r\n parseForm(payload, formNode, formId, contextLang, loadFileUpload);\r\n }\r\n });\r\n\r\n function checkInvalid(domElement, isRequired, secondaryValidator, errorSelector) {\r\n if (isRequired && secondaryValidator) {\r\n isValid = false;\r\n $(domElement).attr('data-isInvalid', 'true');\r\n if (!!errorSelector) {\r\n if ($(domElement).attr('data-is-invalid-selector')) {\r\n $(domElement).attr('data-is-invalid-selector', $(domElement).attr('data-is-invalid-selector') + ',' + errorSelector);\r\n } else {\r\n $(domElement).attr('data-is-invalid-selector', errorSelector);\r\n }\r\n }\r\n }\r\n }\r\n\r\n function parseForm(payload, formNode, formId, contextLang, loadFileUpload) {\r\n var contactQs,\r\n referencePage;\r\n contactQs = $.QueryString[\"contact\"];\r\n if (contactQs) {\r\n var contact = {};\r\n contact[\"contact\"] = contactQs;\r\n payload.push(contact);\r\n }\r\n\r\n referencePage = $.QueryString[\"referencePage\"];\r\n if (referencePage) {\r\n payload.push({ label: \"Reference Page Url\", value: referencePage });\r\n }\r\n\r\n formNode.find(\"[data-formId = '\" + formId + \"']\")\r\n .each(function () {\r\n $(this).attr('data-isInvalid', 'false');\r\n $(this).siblings('.form__field--error').hide();\r\n var currentItem = {};\r\n currentItem[\"label\"] = $(\"label[for='\" + $(this).attr('id') + \"']\").text();\r\n currentItem[\"isEmail\"] = false;\r\n //if its a multi checkbox we need to make an array of checkboxes for each value\r\n if ($(this).hasClass(\"multi-checkbox__checkboxes__container\")) {\r\n currentItem[\"label\"] = $(this).find(\"label\").first().text();\r\n\r\n var multiCheckboxPayload = [];\r\n var anyChecked = false;\r\n $(this)\r\n .find(\"input[type='checkbox']\")\r\n .each(function () {\r\n var checkbox = {};\r\n checkbox[\"label\"] = $(\"label[for='\" + $(this).attr('id') + \"']\").text();\r\n var isChecked = $(this).is(\":checked\");\r\n checkbox[\"value\"] = isChecked;\r\n if (!anyChecked && isChecked) {\r\n anyChecked = isChecked;\r\n }\r\n multiCheckboxPayload.push(checkbox);\r\n });\r\n checkInvalid(this, $(this).data('required'), !anyChecked);\r\n\r\n currentItem[\"multivalue\"] = multiCheckboxPayload;\r\n }\r\n else if ($(this).is(\"select\")) {\r\n var selectedValue = $(this).find(\":selected\").val();\r\n checkInvalid(this, $(this).data('required'), selectedValue === \"_default\");\r\n currentItem[\"value\"] = escapeHtml(selectedValue);\r\n }\r\n //if its a checkbox we just need to know if its checked\r\n else if ($(this).is(':checkbox')) {\r\n var isChecked = $(this).is(\":checked\");\r\n checkInvalid(this, $(this).data('required'), !isChecked);\r\n\r\n currentItem[\"value\"] = isChecked;\r\n }\r\n // if its a div then its captcha, ignore\r\n else if ($(this).is('div')) {\r\n return true;\r\n }\r\n else {\r\n var textValue = $(this).val();\r\n var isRequired = $(this).data('required');\r\n if ($(this).attr('type') === 'email' && isRequired) {\r\n currentItem[\"isEmail\"] = true;\r\n checkInvalid(this, true, textValue.length === 0 || !isEmail(textValue));\r\n }\r\n else if ($(this).attr('type') === 'email' && textValue.length !== 0) {\r\n currentItem[\"isEmail\"] = true;\r\n checkInvalid(this, true, !isEmail(textValue));\r\n }\r\n else {\r\n checkInvalid(this, $(this).data('required'), textValue.length === 0, '[data-required-error]');\r\n checkInvalid(this, $(this).data('regex'), !new RegExp($(this).data('regex')).test(textValue), '[data-regex-error]');\r\n checkInvalid(this, $(this).data('maxChars'), textValue.length > $(this).data('maxChars'), '[data-max-chars-error]');\r\n }\r\n\r\n currentItem[\"value\"] = textValue === '$date' ? '$date:' + new Date() : textValue;\r\n }\r\n payload.push(currentItem);\r\n });\r\n\r\n // Captcha Submit tracking\r\n if (typeof (dataLayer) != 'undefined' && dataLayer != null) {\r\n var mtCaptchaIsVisible = null;\r\n var mtCaptchaIsVerified = null;\r\n\r\n if (typeof (mtcaptcha) != 'undefined' && mtcaptcha != null && mtcaptcha.getStatus() != null) {\r\n mtCaptchaIsVisible = mtcaptcha.getStatus().isVisible;\r\n mtCaptchaIsVerified = mtcaptcha.getStatus().isVerified;\r\n }\r\n\r\n dataLayer.push({ 'event': 'wcmsFormSubmit', 'formIsValid': isValid, 'mtcaptchaIsVerified': mtCaptchaIsVerified, 'mtcaptchaIsVisible': mtCaptchaIsVisible });\r\n }\r\n\r\n if (!isValid) {\r\n formNode.find(\"[data-isInvalid='true']\")\r\n .each(function () {\r\n var $this,\r\n invalidSelector;\r\n\r\n $this = $(this);\r\n invalidSelector = $this.attr('data-is-invalid-selector');\r\n\r\n if (!!invalidSelector) {\r\n $this.siblings(invalidSelector).show().parent().addClass('form__field--has-error');\r\n } else {\r\n $(this).closest('.form__field').addClass('form__field--has-error').find('.form__field--error').show();\r\n }\r\n\r\n $this.attr('data-is-invalid-selector', '');\r\n });\r\n formNode.find(\"[data-isInvalid='false']\").each(function () {\r\n $(this).closest('.form__field').removeClass('form__field--has-error').find('.form__field--error').hide();\r\n });\r\n\r\n isProcessing = false;\r\n if (submitText && loader) {\r\n formButton.removeClass('isLoading');\r\n }\r\n } else {\r\n var dataParams = {};\r\n\r\n if (loadFileUpload) {\r\n dataParams.data = { payload: JSON.stringify(payload), formId: formId, language: contextLang, uniqueSubmitId: uniqueSubmitId };\r\n } else {\r\n dataParams.data = { payload: JSON.stringify(payload), formId: formId, language: contextLang };\r\n }\r\n\r\n $.ajax({\r\n url: \"/api/Sitecore/Form/HandleForm\",\r\n type: \"POST\",\r\n context: this,\r\n data: dataParams.data,\r\n\r\n success: function (data) {\r\n if (data) {\r\n if (data.upload != null && data.upload.length > 0) {\r\n var confirmation = null;\r\n if (formNode.parent().hasClass(\"_501-form__form\")) {\r\n formNode.parents('._501-form__wrapper').children('._501-form__text').hide();\r\n formNode.parents('._501-form__wrapper').children('._501-form__form').hide();\r\n confirmation = document.querySelector(\"._501-form__confirmation[data-formId = '\" + formId + \"']\");\r\n } else {\r\n formNode.hide();\r\n confirmation = document.querySelector(\".custom-form-confirmation\");\r\n }\r\n\r\n if (confirmation) {\r\n createUploadIframe(confirmation, data.upload);\r\n }\r\n }\r\n else if (data.url != null && data.url.length > 0) {\r\n window.location.href = data.url;\r\n } else {\r\n var confirmation = null;\r\n if (formNode.parent().hasClass(\"_501-form__form\")) {\r\n formNode.parents('._501-form__wrapper').children('._501-form__text').hide();\r\n formNode.parents('._501-form__wrapper').children('._501-form__form').hide();\r\n confirmation = $(\"._501-form__confirmation[data-formId = '\" + formId + \"']\");\r\n } else {\r\n formNode.hide();\r\n confirmation = $(\".custom-form-confirmation[data-formId = '\" + formId + \"']\");\r\n }\r\n confirmation.show();\r\n confirmation[0].scrollIntoView();\r\n }\r\n\r\n isProcessing = false;\r\n if (submitText && loader) {\r\n formButton.removeClass('isLoading');\r\n }\r\n } else {\r\n handleError(payload);\r\n }\r\n },\r\n error: handleError(payload)\r\n });\r\n }\r\n }\r\n function handleError(payload) {\r\n $.ajax({\r\n url: \"/api/Sitecore/Form/HandleError\",\r\n type: \"POST\",\r\n context: this,\r\n data: { payload: JSON.stringify(payload) }\r\n });\r\n }\r\n function isEmail(email) {\r\n var regex =\r\n /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return regex.test(email);\r\n }\r\n var entityMap = {\r\n '&': '&',\r\n '<': '<',\r\n '>': '>',\r\n '\"': '"',\r\n \"'\": ''',\r\n '/': '/',\r\n '`': '`',\r\n '=': '='\r\n };\r\n\r\n function escapeHtml(string) {\r\n return String(string).replace(/[&<>\"'`=\\/]/g, function (s) {\r\n return entityMap[s];\r\n });\r\n }\r\n\r\n function createUploadIframe(confirmation, url) {\r\n const confirmationBody = confirmation.querySelector(\".custom-form-confirmation__body\");\r\n if (confirmationBody) {\r\n window.GenericUtilities.createFileUploadIframe(confirmationBody, url);\r\n confirmation.setAttribute('style', '');\r\n }\r\n }\r\n\r\n $('form').keyup(function (event) {\r\n if (event.keyCode == 13) {\r\n event.preventDefault();\r\n }\r\n });\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n $('.our-firms').each(function() {\r\n var $this,\r\n clearLink;\r\n\r\n $this = $(this);\r\n\r\n var table = $('.our-firms-wrapper');\r\n var allRows = $('.firm-row');\r\n var visibleRows = null;\r\n\r\n $('.service-filter').change(function (e) {\r\n e.preventDefault();\r\n filterTable();\r\n });\r\n\r\n $('.city-filter').change(function (e) {\r\n e.preventDefault();\r\n filterTable();\r\n });\r\n\r\n clearLink = $this.find('[data-clear-filters]');\r\n clearLink.hide();\r\n\r\n clearLink.on('click', function (e) {\r\n\r\n $this.find('input[type=checkbox]:checked').each(function () {\r\n var $this = $(this);\r\n $this.removeAttr('checked');\r\n $this.prop('checked', false);\r\n });\r\n\r\n filterTable();\r\n });\r\n\r\n $('[data-show-more-locations], [data-show-less-locations]').click(function (e) {\r\n e.preventDefault();\r\n $(this).closest('.our-firms__firm__offices')\r\n .find('[data-show-more-locations], [data-show-less-locations], [data-show-more-cities]')\r\n .toggleClass('is-hidden');\r\n });\r\n\r\n function filterTable() {\r\n // Re-attach everything for searching.\r\n if (visibleRows != null) {\r\n visibleRows.detach();\r\n allRows.appendTo(table);\r\n visibleRows = null;\r\n }\r\n\r\n visibleRows = getVisibleRows('service', allRows);\r\n visibleRows = getVisibleRows('city', visibleRows);\r\n\r\n if ($this.find('.service-filter:checked,.city-filter:checked').length)\r\n clearLink.show();\r\n else\r\n clearLink.hide();\r\n\r\n // Detach and re-attach only the visible rows.\r\n allRows.detach();\r\n visibleRows.appendTo(table);\r\n }\r\n\r\n function getVisibleRows(filterName, startingRows) {\r\n var chosenFilterElements = $('.' + filterName + '-filter:checked');\r\n if (chosenFilterElements.length === 0)\r\n return startingRows;\r\n\r\n var endingRows = startingRows.filter(function (idx, element) {\r\n var firmFilterItems = $(element).find('.' + filterName);\r\n\r\n for (var i = 0; i < chosenFilterElements.length; i++) {\r\n var chosenFilterId = $(chosenFilterElements[i]).data(filterName + '-id');\r\n\r\n // Exclude this row if it doesn't have one of the chosen items.\r\n var isFound = false;\r\n for (var fi = 0; fi < firmFilterItems.length; fi++) {\r\n if ($(firmFilterItems[fi]).data(filterName + '-id') === chosenFilterId) {\r\n isFound = true;\r\n break;\r\n }\r\n }\r\n if (!isFound)\r\n return false;\r\n }\r\n return true;\r\n });\r\n\r\n return endingRows;\r\n }\r\n });\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n $('[data-new-list-table]').each(function () {\r\n\r\n var currentPage,\r\n servicesFilters,\r\n industriesFilters,\r\n publicationsFilters,\r\n insightsSubjectsFilters,\r\n itemTypesFilters,\r\n locationsFilters,\r\n authorCategorizationFilters,\r\n makeRequest,\r\n getFilterValues,\r\n dateDesc,\r\n toggleClearLinkVisibility,\r\n clearLink,\r\n scrollToTop,\r\n uncheckAllFilterCheckboxes,\r\n clearAllFilters,\r\n filterDropdownCheckboxes;\r\n\r\n var $this = $(this);\r\n var FilterCheckboxCollection = function () {\r\n return {\r\n services: null,\r\n industries: null,\r\n publications: null,\r\n insightsSubjects: null,\r\n itemTypes: null,\r\n locations: null,\r\n authorCategorization: null\r\n };\r\n }\r\n\r\n filterDropdownCheckboxes = new FilterCheckboxCollection();\r\n filterDropdownCheckboxes.services = $this.find('[data-services]');\r\n filterDropdownCheckboxes.industries = $this.find('[data-industries]');\r\n filterDropdownCheckboxes.publications = $this.find('[data-publications]');\r\n filterDropdownCheckboxes.insightsSubjects = $this.find('[data-insightssubjects]');\r\n filterDropdownCheckboxes.itemTypes = $this.find('[data-itemtypes]');\r\n filterDropdownCheckboxes.locations = $this.find('[data-locations]');\r\n filterDropdownCheckboxes.authorCategorization = $this.find('[data-authorcategorization]');\r\n\r\n var listContainer = $this.find('[data-filtered-list]');\r\n var datasourceId = $this.attr('data-context-item');\r\n var language = $this.attr('data-language');\r\n var isNormal = $this.attr('data-is-normal');\r\n\r\n clearLink = $this.find('[data-clear-filters]');\r\n\r\n // url for GetTable\r\n var apiUrlGetTable = \"/api/sitecore/ListWithFilter/GetTable\"\r\n\r\n // value to check in QS and append to Get URL\r\n var tagName = 'tagname';\r\n var authorId = 'author';\r\n //page tagname querystring\r\n var tagNameQs = $.QueryString[tagName];\r\n var authorIdQs = $.QueryString[authorId]; \r\n // if tagNameQS is not empty or no value append it to the path of the url\r\n if (tagNameQs && tagNameQs != '') {\r\n apiUrlGetTable = apiUrlGetTable + '?' + tagName + '=' + tagNameQs;\r\n } else if (authorIdQs && authorIdQs != '') {\r\n apiUrlGetTable = apiUrlGetTable + '?' + authorId + '=' + authorIdQs;\r\n }\r\n\r\n currentPage = $this.find('.pagination .current').attr('data-page');\r\n var init = function () {\r\n servicesFilters = getFilterValues(filterDropdownCheckboxes.services);\r\n industriesFilters = getFilterValues(filterDropdownCheckboxes.industries);\r\n publicationsFilters = getFilterValues(filterDropdownCheckboxes.publications);\r\n insightsSubjectsFilters = getFilterValues(filterDropdownCheckboxes.insightsSubjects);\r\n itemTypesFilters = getFilterValues(filterDropdownCheckboxes.itemTypes);\r\n locationsFilters = getFilterValues(filterDropdownCheckboxes.locations);\r\n authorCategorizationFilters = getFilterValues(filterDropdownCheckboxes.authorCategorization);\r\n\r\n // Firefox preserves checkbox state on reload.\r\n uncheckAllFilterCheckboxes();\r\n clearAllFilters();\r\n\r\n clearLink.hide();\r\n }\r\n\r\n uncheckAllFilterCheckboxes = function () {\r\n $this.find('input[type=checkbox]:checked').each(function () {\r\n var $this = $(this);\r\n $this.removeAttr('checked');\r\n $this.prop('checked', false);\r\n });\r\n }\r\n clearAllFilters = function () {\r\n servicesFilters = [];\r\n industriesFilters = [];\r\n publicationsFilters = [];\r\n insightsSubjectsFilters = [];\r\n itemTypesFilters = [];\r\n locationsFilters = [];\r\n authorCategorizationFilters = [];\r\n }\r\n\r\n scrollToTop = function () {\r\n // if there is no title do not try to scroll to it\r\n if ($this.find(\".news-list-table__intro-bar__title\").length > 0) {\r\n $('html, body').animate({\r\n scrollTop: $this.find(\".news-list-table__intro-bar__title\").offset().top\r\n }, 500);\r\n }\r\n else if ($this.find(\".news-list-table__table\").length > 0) {\r\n $('html, body').animate({\r\n scrollTop: $this.offset().top\r\n }, 500);\r\n }\r\n };\r\n\r\n makeRequest = function (targetServicesFilters,\r\n targetIndustriesFilters,\r\n targetPublicationsFilters,\r\n targetInsightsSubjectsFilters,\r\n targetItemTypesFilters,\r\n targetLocationsFilters,\r\n targetAuthorCategorizationFilters,\r\n targetPage, dateSortDesc) {\r\n $.ajax({\r\n type: 'GET',\r\n url: apiUrlGetTable,\r\n traditional: true,\r\n data: {\r\n id: datasourceId,\r\n languageName: language,\r\n servicesFilters: targetServicesFilters,\r\n industriesFilters: targetIndustriesFilters,\r\n publicationsFilters: targetPublicationsFilters,\r\n insightsSubjectsFilters: targetInsightsSubjectsFilters,\r\n itemTypesFilters: targetItemTypesFilters,\r\n locationsFilters: targetLocationsFilters,\r\n authorCategorizationFilters: targetAuthorCategorizationFilters,\r\n page: targetPage,\r\n isDateDesc: dateSortDesc,\r\n enforceNormal: isNormal\r\n },\r\n success: function (data) {\r\n listContainer.empty();\r\n listContainer.html(data);\r\n\r\n servicesFilters = targetServicesFilters;\r\n industriesFilters = targetIndustriesFilters;\r\n publicationsFilters = targetPublicationsFilters;\r\n insightsSubjectsFilters = targetInsightsSubjectsFilters;\r\n itemTypesFilters = targetItemTypesFilters;\r\n locationsFilters = targetLocationsFilters;\r\n authorCategorizationFilters = targetAuthorCategorizationFilters;\r\n\r\n currentPage = targetPage;\r\n dateDesc = dateSortDesc;\r\n scrollToTop();\r\n },\r\n error: function () {\r\n },\r\n complete: function () {\r\n }\r\n });\r\n };\r\n\r\n listContainer.on('click', '.pagination', function (e) {\r\n const targetPage = $(e.target).closest('[data-page]').data('page');\r\n if (Number.isInteger(targetPage) && targetPage !== currentPage) {\r\n $(e.target).closest('.news-list-table').find('.loading').addClass('show');\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, insightsSubjectsFilters, itemTypesFilters, locationsFilters, authorCategorizationFilters, targetPage, dateDesc);\r\n }\r\n });\r\n\r\n dateDesc = true;\r\n listContainer.on('click', '.sort', function (e) {\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, insightsSubjectsFilters, itemTypesFilters, locationsFilters, authorCategorizationFilters, 0, !dateDesc);\r\n listContainer.addClass('sort-selected');\r\n });\r\n\r\n getFilterValues = function (element) {\r\n const checkboxes = element.find('input[type=\"checkbox\"]');\r\n const filteredCheckboxes = checkboxes.filter(':checked');\r\n\r\n var ids = [];\r\n filteredCheckboxes.each(function () {\r\n ids.push($(this).attr('data-id'));\r\n });\r\n\r\n return ids;\r\n };\r\n\r\n toggleClearLinkVisibility = function () {\r\n if (!!getFilterValues(filterDropdownCheckboxes.services).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.industries).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.publications).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.insightsSubjects).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.itemTypes).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.locations).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.authorCategorization).length) {\r\n clearLink.show();\r\n } else {\r\n clearLink.hide();\r\n }\r\n };\r\n\r\n filterDropdownCheckboxes.services.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(getFilterValues(filterDropdownCheckboxes.services),\r\n industriesFilters, publicationsFilters, insightsSubjectsFilters,\r\n itemTypesFilters, locationsFilters, authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.industries.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, getFilterValues(filterDropdownCheckboxes.industries), publicationsFilters, insightsSubjectsFilters, itemTypesFilters, locationsFilters, authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.publications.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, industriesFilters, getFilterValues(filterDropdownCheckboxes.publications), insightsSubjectsFilters, itemTypesFilters, locationsFilters, authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.insightsSubjects.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, getFilterValues(filterDropdownCheckboxes.insightsSubjects), itemTypesFilters, locationsFilters, authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.itemTypes.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, insightsSubjectsFilters, getFilterValues(filterDropdownCheckboxes.itemTypes), locationsFilters, authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.locations.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, insightsSubjectsFilters, itemTypesFilters, getFilterValues(filterDropdownCheckboxes.locations), authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.authorCategorization.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, insightsSubjectsFilters, itemTypesFilters, locationsFilters, getFilterValues(filterDropdownCheckboxes.authorCategorization), 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n clearLink.on('click', function () {\r\n\r\n uncheckAllFilterCheckboxes();\r\n makeRequest(\r\n getFilterValues(filterDropdownCheckboxes.services),\r\n getFilterValues(filterDropdownCheckboxes.industries),\r\n getFilterValues(filterDropdownCheckboxes.publications),\r\n getFilterValues(filterDropdownCheckboxes.insightsSubjects),\r\n getFilterValues(filterDropdownCheckboxes.itemTypes),\r\n getFilterValues(filterDropdownCheckboxes.locations),\r\n getFilterValues(filterDropdownCheckboxes.authorCategorization), 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n init();\r\n });\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n $('[data-new-grid-table]').each(function () {\r\n var currentPage,\r\n servicesFilters,\r\n industriesFilters,\r\n publicationsFilters,\r\n insightsSubjectsFilters,\r\n itemTypesFilters,\r\n locationsFilters,\r\n authorCategorizationFilters,\r\n makeRequest,\r\n getFilterValues,\r\n dateDesc,\r\n toggleClearLinkVisibility,\r\n clearLink,\r\n scrollToTop,\r\n uncheckAllFilterCheckboxes,\r\n clearAllFilters,\r\n filterDropdownCheckboxes;\r\n\r\n // settings\r\n var dateDesc = true;\r\n var apiUrlGetGrid = '/api/sitecore/FilteredGrid/GetGrid';\r\n // end settings\r\n var $this = $(this);\r\n var FilterCheckboxCollection = function () {\r\n return {\r\n services: null,\r\n industries: null,\r\n publications: null,\r\n insightsSubjects: null,\r\n itemTypes: null,\r\n locations: null,\r\n authorCategorization: null\r\n };\r\n }\r\n var $this = $(this);\r\n\r\n filterDropdownCheckboxes = new FilterCheckboxCollection();\r\n filterDropdownCheckboxes.services = $this.find('[data-services]');\r\n filterDropdownCheckboxes.industries = $this.find('[data-industries]');\r\n filterDropdownCheckboxes.publications = $this.find('[data-publications]');\r\n filterDropdownCheckboxes.insightsSubjects = $this.find('[data-insightssubjects]');\r\n filterDropdownCheckboxes.itemTypes = $this.find('[data-itemtypes]');\r\n filterDropdownCheckboxes.locations = $this.find('[data-locations]');\r\n filterDropdownCheckboxes.authorCategorization = $this.find('[data-authorcategorization]');\r\n\r\n var gridContainer = $this.find('[data-filtered-grid]');\r\n var datasourceId = $this.attr('data-context-item');\r\n var language = $this.attr('data-language');\r\n var isNormal = $this.attr('data-is-normal');\r\n\r\n clearLink = $this.find('[data-clear-filters]');\r\n\r\n\r\n // value to check in QS and append to Get URL\r\n var tagName = 'tagname';\r\n //page tagname querystring\r\n var tagNameQs = $.QueryString[tagName];\r\n // if tagNameQS is not empty or no value append it to the path of the url\r\n if (tagNameQs && tagNameQs != '') {\r\n apiUrlGetGrid = apiUrlGetGrid + '?' + tagName + '=' + tagNameQs;\r\n }\r\n\r\n currentPage = $this.find('.pagination .current').attr('data-page');\r\n\r\n var init = function () {\r\n servicesFilters = getFilterValues(filterDropdownCheckboxes.services);\r\n industriesFilters = getFilterValues(filterDropdownCheckboxes.industries);\r\n publicationsFilters = getFilterValues(filterDropdownCheckboxes.publications);\r\n insightsSubjectsFilters = getFilterValues(filterDropdownCheckboxes.insightsSubjects);\r\n itemTypesFilters = getFilterValues(filterDropdownCheckboxes.itemTypes);\r\n locationsFilters = getFilterValues(filterDropdownCheckboxes.locations);\r\n authorCategorizationFilters = getFilterValues(filterDropdownCheckboxes.authorCategorization);\r\n\r\n // Firefox preserves checkbox state on reload.\r\n uncheckAllFilterCheckboxes();\r\n clearAllFilters();\r\n\r\n clearLink.hide();\r\n }\r\n\r\n uncheckAllFilterCheckboxes = function () {\r\n $this.find('input[type=checkbox]:checked').each(function () {\r\n var $this = $(this);\r\n $this.removeAttr('checked');\r\n $this.prop('checked', false);\r\n });\r\n }\r\n clearAllFilters = function () {\r\n servicesFilters = [];\r\n industriesFilters = [];\r\n publicationsFilters = [];\r\n insightsSubjectsFilters = [];\r\n itemTypesFilters = [];\r\n locationsFilters = [];\r\n authorCategorizationFilters = [];\r\n }\r\n\r\n scrollToTop = function () {\r\n $('html, body').animate({\r\n scrollTop: $this.find('.grid-table-scrollTop').offset().top - 100\r\n }, 500);\r\n };\r\n\r\n makeRequest = function (targetServicesFilters,\r\n targetIndustriesFilters,\r\n targetPublicationsFilters,\r\n targetInsightsSubjectsFilters,\r\n targetItemTypesFilters,\r\n targetLocationsFilters,\r\n targetAuthorCategorizationFilters,\r\n targetPage, dateSortDesc) {\r\n var loadingElement = $this.find('.loading');\r\n loadingElement.addClass('show');\r\n $.ajax({\r\n type: 'GET',\r\n url: apiUrlGetGrid,\r\n traditional: true,\r\n data: {\r\n id: datasourceId,\r\n languageName: language,\r\n servicesFilters: targetServicesFilters,\r\n industriesFilters: targetIndustriesFilters,\r\n publicationsFilters: targetPublicationsFilters,\r\n insightsSubjectsFilters: targetInsightsSubjectsFilters,\r\n itemTypesFilters: targetItemTypesFilters,\r\n locationsFilters: targetLocationsFilters,\r\n authorCategorizationFilters: targetAuthorCategorizationFilters,\r\n page: targetPage,\r\n isDateDesc: dateSortDesc,\r\n enforceNormal: isNormal\r\n },\r\n success: function (data) {\r\n gridContainer.empty();\r\n gridContainer.html(data);\r\n\r\n servicesFilters = targetServicesFilters;\r\n industriesFilters = targetIndustriesFilters;\r\n publicationsFilters = targetPublicationsFilters;\r\n insightsSubjectsFilters = targetInsightsSubjectsFilters;\r\n itemTypesFilters = targetItemTypesFilters;\r\n locationsFilters = targetLocationsFilters;\r\n authorCategorizationFilters = targetAuthorCategorizationFilters;\r\n\r\n currentPage = targetPage;\r\n dateDesc = dateSortDesc;\r\n scrollToTop();\r\n loadingElement.removeClass('show');\r\n },\r\n error: function () {\r\n },\r\n complete: function () {\r\n }\r\n });\r\n };\r\n\r\n gridContainer.on('click', '.pagination', function (e) {\r\n const targetPage = $(e.target).closest('[data-page]').data('page');\r\n if (Number.isInteger(targetPage) && targetPage !== currentPage) {\r\n //Enable when ready to use loading icon\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, insightsSubjectsFilters, itemTypesFilters, locationsFilters, authorCategorizationFilters, targetPage, dateDesc);\r\n }\r\n });\r\n\r\n getFilterValues = function (element) {\r\n const checkboxes = element.find('input[type=\"checkbox\"]');\r\n const filteredCheckboxes = checkboxes.filter(':checked');\r\n\r\n var ids = [];\r\n filteredCheckboxes.each(function () {\r\n ids.push($(this).attr('data-id'));\r\n });\r\n\r\n return ids;\r\n };\r\n\r\n\r\n toggleClearLinkVisibility = function () {\r\n if (!!getFilterValues(filterDropdownCheckboxes.services).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.industries).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.publications).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.insightsSubjects).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.itemTypes).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.locations).length ||\r\n !!getFilterValues(filterDropdownCheckboxes.authorCategorization).length) {\r\n clearLink.show();\r\n } else {\r\n clearLink.hide();\r\n }\r\n };\r\n\r\n filterDropdownCheckboxes.services.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(getFilterValues(filterDropdownCheckboxes.services), industriesFilters, publicationsFilters, insightsSubjectsFilters, itemTypesFilters, locationsFilters, authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.industries.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, getFilterValues(filterDropdownCheckboxes.industries), publicationsFilters, insightsSubjectsFilters, itemTypesFilters, locationsFilters, authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.publications.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, industriesFilters, getFilterValues(filterDropdownCheckboxes.publications), insightsSubjectsFilters, itemTypesFilters, locationsFilters, authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.insightsSubjects.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, getFilterValues(filterDropdownCheckboxes.insightsSubjects), itemTypesFilters, locationsFilters, authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.itemTypes.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, insightsSubjectsFilters, getFilterValues(filterDropdownCheckboxes.itemTypes), locationsFilters, authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.locations.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, insightsSubjectsFilters, itemTypesFilters, getFilterValues(filterDropdownCheckboxes.locations), authorCategorizationFilters, 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n filterDropdownCheckboxes.authorCategorization.on('click', 'input[type=\"checkbox\"]', function () {\r\n makeRequest(servicesFilters, industriesFilters, publicationsFilters, insightsSubjectsFilters, itemTypesFilters, locationsFilters, getFilterValues(filterDropdownCheckboxes.authorCategorization), 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n clearLink.on('click', function () {\r\n uncheckAllFilterCheckboxes();\r\n makeRequest(getFilterValues(filterDropdownCheckboxes.services), getFilterValues(filterDropdownCheckboxes.industries), getFilterValues(filterDropdownCheckboxes.publications), getFilterValues(filterDropdownCheckboxes.insightsSubjects), getFilterValues(filterDropdownCheckboxes.itemTypes), getFilterValues(filterDropdownCheckboxes.locations), getFilterValues(filterDropdownCheckboxes.authorCategorization), 0, dateDesc);\r\n toggleClearLinkVisibility();\r\n });\r\n\r\n init();\r\n });\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n $(\".contextual-contact__contact-directory__view-more a, .contextual-contact__contact-directory__view-less a\").on(\"click\",\r\n function(e) {\r\n e.preventDefault();\r\n\r\n var parentDiv = $(this).closest(\".row\");\r\n parentDiv.find(\".contextual-contact__contact-directory__view-more\").toggle();\r\n parentDiv.find(\".contextual-contact__contact-directory__view-less\").toggle();\r\n parentDiv.find(\".contextual-contact__contact-directory__view-more-wrapper\").toggleClass('view-more-toggled');\r\n });\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n if ($('[data-is-report-page]').length) {\r\n $('[data-report-url]').click(function (e) {\r\n var $this,\r\n loader,\r\n output;\r\n\r\n $this = $(this);\r\n\r\n loader = $this.closest('form').find('.loading-overlay');\r\n\r\n output = $('[data-output]');\r\n\r\n if (!loader.hasClass('hidden'))\r\n return;\r\n\r\n loader.removeClass('hidden');\r\n\r\n var reportUrl = $this.attr('data-report-url');\r\n\r\n $.ajax(\r\n {\r\n url: reportUrl,\r\n type: \"POST\",\r\n success: function (data) {\r\n if (!data) {\r\n output.innerHTML = 'Data unknown';\r\n return;\r\n }\r\n\r\n if (!!data.Data && !!data.Data.length) {\r\n var filename = $this.attr('data-report-name');\r\n\r\n //https://stackoverflow.com/a/44869314/2597149\r\n if (navigator.msSaveBlob) { // IE 10+ \r\n navigator.msSaveBlob(new Blob([data.Data], { type: 'text/csv;charset=utf-8;' }), filename);\r\n } else {\r\n var encodedUri = encodeURI('data:text/csv;charset=utf-8,' + data.Data);\r\n var link = document.createElement(\"a\");\r\n link.setAttribute(\"href\", encodedUri);\r\n link.setAttribute(\"download\", filename);\r\n document.body.appendChild(link); // Required for FF\r\n\r\n link.click();\r\n }\r\n }\r\n\r\n if (data.Message && $('input[name=\"verbose\"]:checked').length) {\r\n output.html(data.Message);\r\n } else if (data.Success) {\r\n output.html('Task complete');\r\n } else {\r\n output.html('Task complete with errors. Please see the logs.');\r\n }\r\n },\r\n error: function (data) {\r\n output.html('An error has occurred.');\r\n },\r\n complete: function (e) {\r\n loader.addClass('hidden');\r\n }\r\n });\r\n });\r\n }\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n var queryString = window.location.search;\r\n var urlParams = new URLSearchParams(queryString);\r\n\r\n var loadingdiv = document.querySelector('#loadingDiv');\r\n var containerError = document.querySelector('#containerError');\r\n\r\n if ($(\".search-page__submit\").length > 0 && window.location.href.indexOf('/search') != -1) {\r\n if (queryString) {\r\n if (!urlParams.get('q')) {\r\n loadingdiv.classList.remove('show');\r\n\t\t\t}\r\n } else {\r\n loadingdiv.classList.remove('show');\r\n\t\t}\r\n }\r\n\r\n var page = 1;\r\n var firmPage = 1;\r\n var contentPaginated = false;\r\n var firmPaginated = false;\r\n var cityIds = [];\r\n var serviceIds = [];\r\n var filterResults = function () {\r\n var checkedServices = $('[data-services]').find(\"input:checked\"); \r\n var payload = $($(\".search-page__submit\").siblings(\".search-page__textbox\"))[0].value; \r\n serviceIds = [];\r\n \r\n checkedServices.each(function () {\r\n serviceIds.push($(this).data(\"id\"));\r\n });\r\n if (serviceIds.length > 0) {\r\n $(\".dropdown-filter-clear\").show();\r\n $(\".firm-results__filter__filters__label\").hide();\r\n } else {\r\n $(\".dropdown-filter-clear\").hide();\r\n $(\".firm-results__filter__filters__label\").show();\r\n }\r\n $.ajax(\r\n {\r\n url: \"/api/Sitecore/SearchPage/HandleFilterSubmit\",\r\n type: \"POST\",\r\n context: this,\r\n data: {\r\n payload: payload,\r\n page: firmPage,\r\n pageSize: $(\".search-page\").data(\"firm-page-size\"),\r\n contextId: $(\".search-page\").data(\"page-id\"),\r\n contextLang: $(\".search-page\").data(\"page-language\") || $('html').attr('lang'),\r\n checkedServices: serviceIds\r\n },\r\n success: function (data) {\r\n $(\".firm-results__results-container\").replaceWith(data.firmResults);\r\n $(\".firm-results__filter__count-wrapper\").replaceWith(data.counter);\r\n $(\".firm-results__filter__result-count--initial\").hide();\r\n },\r\n error: function (data) {\r\n console.error(data);\r\n }\r\n });\r\n }\r\n\r\n var changeFirmPage = function () {\r\n var payload = $($(\".search-page__submit\").siblings(\".search-page__textbox\"))[0].value;\r\n window.history.pushState(payload, payload, window.location.pathname + \"?q=\" + payload + \"&fpage=\" + firmPage);\r\n $.ajax(\r\n {\r\n url: \"/api/Sitecore/SearchPage/HandleFirmPage\",\r\n type: \"POST\",\r\n context: this,\r\n data: {\r\n payload: payload,\r\n firmPage: firmPage,\r\n firmPageSize: $(\".search-page\").data(\"firm-page-size\"),\r\n contextId: $(\".search-page\").data(\"page-id\")\r\n },\r\n success: function (data) {\r\n if (data.error) {\r\n console.error(\"an error occured \" + data.errorMessage);\r\n return;\r\n }\r\n $(\".firm-results__results-container\").replaceWith(data.firmResults);\r\n $(\".firm-results__filter__count-wrapper\").replaceWith(data.counter);\r\n $(\".firm-results__filter__result-count--initial\").hide();\r\n\r\n },\r\n error: function (data) {\r\n console.error(data);\r\n }\r\n });\r\n \r\n \r\n }\r\n //enter press for header search\r\n $(\".search__textbox\").on(\"keypress\",\r\n function(e) {\r\n if (e.keyCode === 13) {\r\n $(\".search__button\").click();\r\n }\r\n }\r\n );\r\n //header search button click\r\n $(\".search__button\").on(\"click\",\r\n function(e) {\r\n e.preventDefault();\r\n var searchpage = $(this).closest(\".search\").data(\"search-page\");\r\n var searchTest = encodeURI($($(this).siblings(\".search__textbox\"))[0].value);\r\n window.location = searchpage + \"?q=\" + searchTest;\r\n }\r\n );\r\n\r\n //enter press for search page\r\n $(\".search-page__textbox\").on(\"keypress\",\r\n function (e) {\r\n if (e.keyCode === 13) {\r\n $(\".search-page__submit\").click();\r\n }\r\n }\r\n );\r\n\r\n //search page search function\r\n $(\".search-page__submit\").on(\"click\", function (e) {\r\n showLoadingImg(true);\r\n submitSearch(e, true);\r\n });\r\n\r\n function submitSearch(e, resetPageNumber) { \r\n if (!!resetPageNumber) {\r\n page = 1;\r\n }\r\n if(!!e){ e.preventDefault();}\r\n var payload = $($(\".search-page__submit\").siblings(\".search-page__textbox\"))[0].value;\r\n containerError.classList.add('hide');\r\n\r\n //update the url so backbutton works\r\n if (payload.length > 0) {\r\n if (contentPaginated) {\r\n window.history.pushState(payload,\r\n payload,\r\n window.location.pathname + \"?q=\" + payload + \"&page\" + page);\r\n }\r\n if (firmPaginated) {\r\n window.history.pushState(payload,\r\n payload,\r\n window.location.pathname + \"?q=\" + payload + \"&page=\" + firmPage);\r\n } else {\r\n window.history.pushState(payload,\r\n payload,\r\n window.location.pathname + \"?q=\" + payload);\r\n }\r\n var isFirmSearch = $(\".firm-results:visible\").length > 0;\r\n $.ajax(\r\n {\r\n url: \"/api/Sitecore/SearchPage/HandleSearchSubmit\",\r\n type: \"POST\",\r\n context: this,\r\n data: {\r\n payload: payload,\r\n page: page,\r\n firmPage: firmPage,\r\n pageSize: $(\".search-page\").data(\"page-size\"),\r\n firmPageSize: $(\".search-page__submit\").closest(\".search-page\").data(\"firm-page-size\"),\r\n contextId: $(\".search-page\").data(\"page-id\"),\r\n contextLang: $(\".search-page\").data(\"page-language\") || $('html').attr('lang'),\r\n isFirm: isFirmSearch\r\n },\r\n success: function(data) {\r\n if (data.error) {\r\n console.error(\"an error occured \" + data.errorMessage);\r\n return;\r\n }\r\n var queryLabel = $(\".search-query__container\").data(\"query-label\").replace(\"{query}\", payload);\r\n $(\".search-query__container\").html(queryLabel);\r\n\r\n if (!!data.suggestion) {\r\n var search = window.location.href;\r\n var replace = search.replace(\"q=\" + encodeURIComponent(payload), \"q=\" + encodeURIComponent(data.suggestion));\r\n\r\n $(\".search-criteria__suggestion\").show();\r\n $(\".search-criteria__suggestion-link\").attr(\"href\", replace);\r\n $(\".search-criteria__suggestion-link\").text(data.suggestion);\r\n\r\n\r\n } else {\r\n $(\".search-criteria__suggestion\").hide();\r\n }\r\n\r\n $(\".content-results\").replaceWith(data.contentResults);\r\n $(\".content-results\").show();\r\n if (isFirmSearch) {\r\n $(\".firm-results\").replaceWith(data.firmResults);\r\n $(\".firm-results\").show();\r\n $(\".search-result-tabs\").show();\r\n }\r\n if (contentPaginated) {\r\n $(\".search-result-tabs__content\").click();\r\n }\r\n else if (firmPaginated) {\r\n $(\".search-result-tabs__firms\").click();\r\n } else {\r\n $(\".search-result-tabs__all\").click();\r\n }\r\n },\r\n error: function (data) {\r\n if (data.status == 500 && data.statusText == \"error\") {\r\n $(\".search-query__container\").html(\"\");\r\n $(\".search-result-tabs\").hide();\r\n $(\".content-results\").hide();\r\n $(\".firm-results\").hide();\r\n containerError.classList.remove('hide');\r\n loadingdiv.classList.remove('show');\r\n\t\t\t\t\t\t}\r\n console.error(data);\r\n }\r\n }); \r\n } else {\r\n $(\".search-result-tabs\").hide();\r\n $(\".content-results\").hide();\r\n $(\".firm-results\").hide();\r\n $(\".firm-results__results--extra\").hide();\r\n $(\".search-query__container\").html(\"\");\r\n window.history.pushState(\"\", \"\", window.location.pathname);\r\n }\r\n }\r\n\r\n //filter results when a filter is clicked\r\n $(\"body\").on(\"change\",\r\n \".firm-results__filter__filters .form__field--checkbox\",\r\n function () {\r\n firmPage = 1;\r\n $(\".search-result-tabs__firms\").click();\r\n filterResults();\r\n });\r\n //clear results when clear is clicked\r\n $(\"body\").on(\"click\",\r\n \".dropdown-filter-clear\",\r\n function (e) {\r\n e.preventDefault();\r\n firmPage = 1;\r\n cityIds = [];\r\n serviceIds = [];\r\n $(\".firm-results__filter__filters .form__field--checkbox input:checked\").prop('checked', false);\r\n filterResults();\r\n });\r\n //enter press for search page\r\n $(\".search-page__textbox\").on(\"keypress\",\r\n function(e) {\r\n if (e.keyCode === 13) {\r\n submitSearch(null, true);\r\n $(\".search-page__textbox\").blur();\r\n }\r\n }\r\n );\r\n\r\n //search if on search page and querystring is filled in \r\n if ($(\".search-page__textbox\").length > 0 && $.QueryString[\"q\"]) {\r\n if ($.QueryString[\"page\"] && $.isNumeric($.QueryString[\"page\"])) {\r\n page = Number.parseInt($.QueryString[\"page\"]);\r\n }\r\n $(\".search-page__textbox\").val($.QueryString[\"q\"]);\r\n submitSearch(null, false);\r\n }\r\n\r\n //All Tab Clicked\r\n $(\".search-result-tabs__all\").on(\"click\",\r\n function(e) {\r\n e.preventDefault();\r\n $(this).addClass(\"active\").siblings().removeClass(\"active\");\r\n $(\".content-results\").show();\r\n $(\".firm-results\").show();\r\n $(\".firm-results__results--extra\").hide();\r\n $(\".firm-results__filter__result-count--initial\").show();\r\n $(\".firm-results__filter__result-count--extra\").hide();\r\n $(\".firm-results__show-more\").show();\r\n $(\".firm-results__pagination\").hide();\r\n page = 1;\r\n firmPage = 1;\r\n contentPaginated = false;\r\n //if we're beyond page 1 for firm results reset back\r\n if (firmPaginated) {\r\n firmPaginated = false;\r\n submitSearch(null, false);\r\n }\r\n }\r\n );\r\n //See More Firms trigger\r\n $(\"body\").on(\"click\", \".firm-results__show-more a\",\r\n\r\n function(e) {\r\n e.preventDefault();\r\n $(\".search-result-tabs__firms\").click();\r\n }\r\n );\r\n //Firm Tab Clicked\r\n $(\".search-result-tabs__firms\").on(\"click\",\r\n function (e) {\r\n e.preventDefault();\r\n $(this).addClass(\"active\").siblings().removeClass(\"active\");\r\n $(\".content-results\").hide();\r\n $(\".firm-results\").show();\r\n $(\".firm-results__results--extra\").show();\r\n $(\".firm-results__filter__result-count--initial\").hide();\r\n $(\".firm-results__filter__result-count--extra\").show();\r\n $(\".firm-results__show-more\").hide();\r\n $(\".firm-results__pagination\").show();\r\n }\r\n );\r\n\r\n //Content Tab Clicked\r\n $(\".search-result-tabs__content\").on(\"click\",\r\n function (e) {\r\n e.preventDefault();\r\n $(this).addClass(\"active\").siblings().removeClass(\"active\");\r\n $(\".content-results\").show();\r\n $(\".firm-results\").hide();\r\n $(\".firm-results__results--extra\").hide();\r\n }\r\n );\r\n var scrollSpeed = 500;\r\n var scrollToTopOfResults = function () {\r\n $('html, body').animate({\r\n scrollTop: $(\".content-results\").offset().top\r\n }, scrollSpeed);\r\n };\r\n\r\n //Content pagination code\r\n $(\"body\").on(\"click\", \".content-results__pagination__page\",\r\n function (e) {\r\n e.preventDefault();\r\n $(\".search-result-tabs__content\").click();\r\n firmPage = 1;\r\n contentPaginated = true;\r\n firmPaginated = false;\r\n $(\".content-results__results .loading\").addClass(\"show\");\r\n page = $(this).data(\"page\");\r\n submitSearch(null, false);\r\n scrollToTopOfResults();\r\n }\r\n );\r\n $(\"body\").on(\"click\", \".content-results__pagination .left\",\r\n function (e) {\r\n e.preventDefault();\r\n contentPaginated = true;\r\n firmPaginated = false;\r\n $(\".search-result-tabs__content\").click();\r\n $(\".content-results__results .loading\").addClass(\"show\");\r\n page = page - 1;\r\n submitSearch(null, false);\r\n scrollToTopOfResults();\r\n }\r\n );\r\n $(\"body\").on(\"click\", \".content-results__pagination .right\",\r\n function (e) {\r\n e.preventDefault();\r\n contentPaginated = true;\r\n firmPaginated = false;\r\n $(\".search-result-tabs__content\").click();\r\n $(\".content-results__results .loading\").addClass(\"show\");\r\n page = page + 1;\r\n submitSearch(null, false);\r\n scrollToTopOfResults();\r\n }\r\n );\r\n\r\n //firm pagination code\r\n $(\"body\").on(\"click\", \".firm-results__pagination__page\",\r\n function (e) {\r\n e.preventDefault();\r\n page = 1;\r\n contentPaginated = false;\r\n firmPaginated = true;\r\n firmPage = $(this).data(\"page\");\r\n if (cityIds.length > 0 || serviceIds.length > 0) {\r\n filterResults();\r\n } else {\r\n changeFirmPage();\r\n }\r\n scrollToTopOfResults();\r\n }\r\n );\r\n $(\"body\").on(\"click\", \".firm-results__pagination .left\",\r\n function (e) {\r\n e.preventDefault();\r\n firmPage = firmPage - 1;\r\n contentPaginated = false;\r\n firmPaginated = true;\r\n if (cityIds.length > 0 || serviceIds.length > 0) {\r\n filterResults();\r\n } else {\r\n changeFirmPage();\r\n }\r\n scrollToTopOfResults();\r\n }\r\n );\r\n $(\"body\").on(\"click\", \".firm-results__pagination .right\",\r\n function (e) {\r\n e.preventDefault();\r\n contentPaginated = false;\r\n firmPaginated = true;\r\n firmPage = firmPage + 1; \r\n if (cityIds.length > 0 || serviceIds.length > 0) {\r\n filterResults();\r\n } else {\r\n changeFirmPage();\r\n }\r\n scrollToTopOfResults();\r\n }\r\n );\r\n //city overlay code\r\n $(\"body\").on(\"click\", \".firm-results__results__result__cities\", function(e) {\r\n e.preventDefault();\r\n var id = $(this).data(\"firm-id\");\r\n $.ajax(\r\n {\r\n url: \"/api/Sitecore/SearchPage/CityResults\",\r\n type: \"POST\",\r\n context: this,\r\n data: {\r\n firmId: id,\r\n searchPageId: $(\".search-page\").data(\"page-id\")\r\n },\r\n success: function (data) {\r\n $.fancybox.open({\r\n src: data,\r\n type: 'html'\r\n });\r\n },\r\n error: function (data) {\r\n console.error(data);\r\n }\r\n });\r\n });\r\n\r\n //autocomplete for search\r\n $(function () {\r\n $(\".autocomplete\").each(function (index, currentInputBox) {\r\n $(currentInputBox).autocomplete({\r\n delay: $(currentInputBox).data(\"autocomplete-delay\"),\r\n minLength: $(currentInputBox).data(\"autocomplete-min\"),\r\n source: function(request, response) {\r\n $.ajax({\r\n url: \"/api/Sitecore/SearchPage/GetAutocompleteSuggestions\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n data: {\r\n searchTerm: request.term,\r\n contextID: $(currentInputBox).data(\"page-id\"),\r\n language: $(\".search-page\").data(\"page-language\") || $('html').attr('lang'),\r\n },\r\n success: function(data) {\r\n response(data);\r\n }\r\n });\r\n },\r\n select: function(event, ui) {\r\n event.target.value = stripHTML(ui.item.value);\r\n $(currentInputBox).next(\"button\").click();\r\n event.stopPropagation();\r\n },\r\n focus: function (event, ui) {\r\n ui.item.value = stripHTML(ui.item.value);\r\n event.stopPropagation();\r\n },\r\n appendTo: $(currentInputBox).data(\"autocomplete-container\")\r\n }).data(\"ui-autocomplete\")._renderItem = autoCompleteRender;\r\n });\r\n });\r\n\r\n function autoCompleteRender(ul, item) {\r\n var searchTerm = this.term;\r\n var itemLabel = item.label;\r\n itemLabel = itemLabel.replace(new RegExp(\"(\" + searchTerm + \")\", \"gi\"), '$1');\r\n return $(\"\").data(\"item.autocomplete\", item).append(\"search\" + itemLabel + \"\").appendTo(ul);\r\n }\r\n\r\n function stripHTML(oldString) {\r\n return oldString.replace(/<(?:.|\\n)*?>/gm, '');\r\n }\r\n\r\n // based on true / false either show the loading at the top or hide it and remove top class\r\n function showLoadingImg(showLoading)\r\n {\r\n if (showLoading) {\r\n $(\".content-results__results .loading\").addClass(\"show\");\r\n $(\".content-results__results .loading img\").addClass(\"top\");\r\n }\r\n else {\r\n $(\".content-results__results .loading\").removeClass(\"show\");\r\n $(\".content-results__results .loading img\").removeClass(\"top\");\r\n }\r\n }\r\n});\r\n","var $ = require('jquery');\r\n\r\n$(function () {\r\n $('.product-navigation__list--mobile').slick({\r\n arrows: true,\r\n centerMode: false,\r\n centerPadding: '30px',\r\n mobileFirst: true,\r\n responsive: [{\r\n breakpoint: 767,\r\n settings: 'unslick'\r\n }],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n \r\n // to get slick slider to initialize on screen resize\r\n // https://github.com/kenwheeler/slick/issues/1730\r\n $(window).on('resize orientationchange', function () {\r\n $('.product-navigation__list--mobile').slick('resize');\r\n });\r\n\r\n $('.product-navigation__show-more-less a').on('click', function (e) {\r\n e.preventDefault();\r\n $('.product-navigation').toggleClass('show-more');\r\n });\r\n});","var $ = require('jquery');\r\n\r\n$.validator.addMethod(\"checkboxrequired\", function (value, element, param) {\r\n return element.checked;\r\n});\r\n\r\n$.validator.unobtrusive.adapters.addBool(\"checkboxrequired\");","var $ = require('jquery');\r\n\r\n$(function () {\r\n function equalizeHeights() {\r\n var $selector = $('.navigation-cards__list__wrapper');\r\n $selector.css('height', '');\r\n // construct an array with all heights of selected elements\r\n var heights = $selector.map(function (i, e) {\r\n return $(e).innerHeight();\r\n });\r\n // apply max height to elements\r\n return $selector.innerHeight(\r\n Math.max.apply($(this), heights.get())\r\n );\r\n }\r\n\r\n equalizeHeights();\r\n\r\n $(window).on('resize', function () { // TO DO: throttle\r\n equalizeHeights();\r\n });\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n $('.tabbed-section-navigation').each(function () {\r\n var t = $(this);\r\n\r\n\t\t// desktop tabs init\r\n\t\tt.find('.tabbed-section-navigation__tabs__tab__name').eq(0).addClass('selected');\r\n\t\t$('.tabbed-section-navigation__tab-content__group').eq(0).children('.tabbed-section-navigation__tab-content__item').addClass('selected').removeAttr(\"style\");\r\n\r\n\t\t// mobile accordion init\r\n\t\tif (window.innerWidth <= 767) {\r\n\t\t\t$('.tabbed-section-navigation__tab-content__group').children('.tabbed-section-navigation__tab-content__item').removeClass('selected');\r\n\t\t}\r\n\r\n function changeTab(prevTab, nextTab) {\r\n if (prevTab !== nextTab) {\r\n //update content/slider tabs\r\n t.find('.tabbed-section-navigation__tab-content__item[data-tab-id=\"' + nextTab + '\"]').addClass('selected');\r\n t.find('.tabbed-section-navigation__tab-content__item[data-tab-id=\"' + prevTab + '\"]').removeClass('selected');\r\n\r\n //update desktop tabs\r\n var prevDesktop = t.find('.tabbed-section-navigation__tabs__tab__name[data-tab-id=' + prevTab + ']');\r\n var nextDesktop = t.find('.tabbed-section-navigation__tabs__tab__name[data-tab-id=' + nextTab + ']');\r\n prevDesktop.removeClass('selected');\r\n prevDesktop.parent().removeClass('selected');\r\n nextDesktop.addClass('selected');\r\n nextDesktop.parent().addClass('selected');\r\n }\r\n }\r\n\r\n // desktop tabs\r\n t.find('.tabbed-section-navigation__tabs__tab').eq(0).addClass('selected');\r\n\r\n\t\tt.find('.tabbed-section-navigation__tabs__tab__name').click(function (e) {\r\n\t\t\tvar dataId = $(this).attr('data-tab-id');\r\n\t\t\te.preventDefault();\r\n\t\t\tvar prev = t.find('.tabbed-section-navigation__tab-content__item.selected').attr('data-tab-id');\r\n\t\t\tchangeTab(prev, dataId);\r\n\t\t});\r\n\r\n\t\t// accordion event mobile\r\n\t\t$('.tabbed-section-navigation__tab-content__group .tabbed-section-navigation__tab-content__name').on('click', function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tvar newAccordionItem = $('.tabbed-section-navigation__tab-content');\r\n\t\t\t$.AnimatedScroll(newAccordionItem.offset().top, 400);\r\n\r\n\t\t\t$(this).parent().siblings('.tabbed-section-navigation__tab-content__group')\r\n\t\t\t\t.children('.tabbed-section-navigation__tab-content__name').removeClass('selected').removeClass('last-selected')\r\n\t\t\t\t.next('.tabbed-section-navigation__tab-content__item').slideUp();\r\n\t\t\t$(this).toggleClass('selected').next('.tabbed-section-navigation__tab-content__item').slideToggle();\r\n\r\n\t\t\tif (newAccordionItem.find('.selected').length == 0) {\r\n\t\t\t\t$(this).addClass('last-selected');\r\n\t\t\t}\r\n\t\t});\r\n\r\n\r\n // resize event from tabs to accordion or vice-versa.\r\n\t\t$(window).on('resize orientationchange', function () {\r\n\r\n\t\t\t$('.tabbed-section-navigation__tabs').children('.tabbed-section-navigation__tabs__tab').removeClass('selected');\r\n\t\t\t$('.tabbed-section-navigation__tabs').children('.tabbed-section-navigation__tabs__tab').eq(0).addClass('selected');\r\n\r\n\t\t\tif (window.innerWidth > 767) {\r\n\t\t\t\t$('.tabbed-section-navigation__tab-content').children('.tabbed-section-navigation__tab-content__group').find('.tabbed-section-navigation__tab-content__item').removeClass('selected').removeAttr(\"style\");\r\n\t\t\t\t$('.tabbed-section-navigation__tab-content').children('.tabbed-section-navigation__tab-content__group').eq(0).find('.tabbed-section-navigation__tab-content__item').addClass('selected').removeAttr(\"style\");\r\n\t\t\t} else {\r\n\t\t\t\t$('.tabbed-section-navigation__tab-content').children('.tabbed-section-navigation__tab-content__group').find('.tabbed-section-navigation__tab-content__name').removeClass('selected')\r\n\t\t\t\t$('.tabbed-section-navigation__tab-content').children('.tabbed-section-navigation__tab-content__group').find('.tabbed-section-navigation__tab-content__item').removeClass('selected')\r\n\t\t\t}\r\n\r\n\t\t});\r\n\r\n });\r\n\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n function setMasonryColumnLayout(cardType) {\r\n var column1 = 0, column2 = 0, column3 = 0;\r\n\r\n $('#_810-twitter-wrapper ._810-twitter-timeline__wrapper:nth-child(' + cardType + 'n+1)').filter(function (i) {\r\n var getHeight1 = this.offsetHeight + 30;\r\n column1 += getHeight1;\r\n });\r\n\r\n $('#_810-twitter-wrapper ._810-twitter-timeline__wrapper:nth-child(' + cardType + 'n+2)').filter(function (i) {\r\n var getHeight3 = this.offsetHeight + 30;\r\n column2 += getHeight3;\r\n });\r\n\r\n $('#_810-twitter-wrapper ._810-twitter-timeline__wrapper:nth-child(' + cardType + 'n)').filter(function (i) {\r\n var getHeight3 = this.offsetHeight + 30;\r\n column3 += getHeight3;\r\n });\r\n $('#_810-twitter-wrapper').css(\"height\", (Math.max(column1, column2, column3) + 80) + \"px\");\r\n }\r\n\r\n\r\n function initTwitterDefaultView() {\r\n if ($('#_810-twitter-wrapper').length > 0) {\r\n var HorizontalFlag = $('#_810-twitter-wrapper').attr('data-horizontal').toLowerCase().toString();\r\n var isDisplayedHorizontal = JSON.parse(HorizontalFlag);\r\n\r\n if ($(window).width() <= 991) {\r\n initSliderView(true);\r\n }\r\n else if ($(window).width() > 991 && $(window).width() <= 1199) {\r\n $(\"#_810-twitter-wrapper\").addClass(\"masonry-two-col\");\r\n setMasonryColumnLayout(2);\r\n initSliderView(isDisplayedHorizontal);\r\n }\r\n else {\r\n $(\"#_810-twitter-wrapper\").removeClass(\"masonry-two-col\");\r\n setMasonryColumnLayout(3);\r\n initSliderView(isDisplayedHorizontal);\r\n }\r\n }\r\n }\r\n\r\n\r\n initTwitterDefaultView();\r\n\r\n $(window).on('resize orientationchange', function () {\r\n initTwitterDefaultView();\r\n });\r\n\r\n\r\n function initSliderView(slickState) {\r\n if (slickState) {\r\n if ($('#_810-twitter-wrapper').length > 0) {\r\n var showArrows = true;\r\n var numInsights = $('._810-twitter-timeline__wrapper').length;\r\n var fullWidthMode = false;\r\n if (numInsights > 2) {\r\n showArrows = true;\r\n }\r\n\r\n var slider = $('#_810-twitter-wrapper');\r\n\r\n slider.slick({\r\n arrows: showArrows,\r\n infinite: false,\r\n speed: 300,\r\n slidesToShow: 1,\r\n centerMode: false,\r\n centerPadding: '60px',\r\n variableWidth: true,\r\n mobileFirst: true,\r\n responsive: [\r\n {\r\n settings: {\r\n settings: 'unslick'\r\n }\r\n }\r\n ],\r\n rtl: window.GenericUtilities.isRTL()\r\n });\r\n }\r\n } else {\r\n if ($('#_810-twitter-wrapper').hasClass('slick-initialized')) {\r\n $('#_810-twitter-wrapper').slick('unslick');\r\n }\r\n }\r\n }\r\n});","var $ = require('jquery');\r\n\r\n$(function () {\r\n\r\n\twindow.isGmapLoaded = false;\r\n\tvar map, infowindow, clusterIcon, markerIcon, isMapLink = {}, isClusteringView, controlPosition, locations = [];\r\n\r\n\tfunction resetMap() {\r\n\t\tinfowindow.close();\r\n\t}\r\n\r\n\tfunction initMap() {\r\n\t\tmap = new google.maps.Map(document.getElementById('map'), {\r\n\t\t\tscaleControl: true,\r\n\t\t\tstreetViewControl: false,\r\n\t\t\tmapTypeControl: false, // To disable satellite/terrain view controls.\r\n\t\t\tfullscreenControl: true,\r\n\t\t\tfullscreenControlOptions: {\r\n\t\t\t\tposition: google.maps.ControlPosition[controlPosition]\r\n\t\t\t},\r\n\t\t\tzoomControl: true,\r\n\t\t\tzoomControlOptions: {\r\n\t\t\t\tposition: google.maps.ControlPosition[controlPosition]\r\n\t\t\t},\r\n\t\t});\r\n\r\n\t\tinfowindow = new google.maps.InfoWindow();\r\n\r\n\t\tvar latlngbounds = new google.maps.LatLngBounds();\r\n\r\n\t\tvar markers = locations.map(function (location, i) {\r\n\r\n\t\t\tvar directionCoordinates = (parseFloat(location.Latitude) + ',' + parseFloat(location.Longitude)).toString();\r\n\t\t\tvar directionUrl = 'https://www.google.com/maps/dir/?api=1&destination=' + directionCoordinates + '&zoom=8';\r\n\t\t\tvar formatPostalCode = ((location.AddressFormat == \"PostalCodeAfterCity\") ? (location.City + ' ' + location.PostalCode) : (location.PostalCode + ' ' + location.City));\r\n\t\t\tvar isGetDirectionLink = (isMapLink.ShowMapLink) ? '' + isMapLink.MapLinkText + '' : \"\";\r\n\r\n\t\t\tvar MarkerContent = '
' + location.FirmName + ((location.SecondaryName !== \"\") ? ' - ' + location.SecondaryName : \"\") + '' + location.Address1 + '
' + location.Address2 + '
' + formatPostalCode + '
' + location.State + ' ' + location.Country + '
' + location.PhoneNumber + '
' + location.FaxNumber + '
' + location.LinkText + '
' + isGetDirectionLink + '
';\r\n\r\n\t\t\tvar locationMarker = new google.maps.Marker({\r\n\t\t\t\tposition: { lat: parseFloat(location.Latitude), lng: parseFloat(location.Longitude) },\r\n\t\t\t\tmap: map,\r\n\t\t\t\ticon: markerIcon,\r\n\t\t\t\twidth: 50,\r\n\t\t\t\theight: 50,\r\n\t\t\t});\r\n\r\n\t\t\tlocationMarker.addListener('mouseover', function () {\r\n\t\t\t\tvar that = this;\r\n\t\t\t\tthis.setAnimation(google.maps.Animation.BOUNCE);\r\n\t\t\t\twindow.setTimeout(function () { that.setAnimation(null); }, 10);\r\n\t\t\t});\r\n\r\n\t\t\tlocationMarker.addListener('click', function () {\r\n\t\t\t\tinfowindow.setContent(MarkerContent);\r\n\t\t\t\tinfowindow.open(map, locationMarker);\r\n\t\t\t});\r\n\r\n\t\t\tlatlngbounds.extend(locationMarker.position);\r\n\t\t\treturn locationMarker;\r\n\t\t});\r\n\r\n\t\tvar clusterStyles = [\r\n\t\t\t{\r\n\t\t\t\ttextColor: 'black',\r\n\t\t\t\turl: clusterIcon,\r\n\t\t\t\theight: 32,\r\n\t\t\t\twidth: 32,\r\n\t\t\t\tanchorText: [1, 0],\r\n\t\t\t\ttextSize: 13,\r\n\t\t\t}\r\n\t\t];\r\n\r\n\t\tvar mcOptions = {\r\n\t\t\tgridSize: 50,\r\n\t\t\tstyles: clusterStyles,\r\n\t\t\tmaxZoom: 15\r\n\t\t};\r\n\r\n\t\t// To enable Marker Clusters view.\r\n\t\tif (isClusteringView) {\r\n\t\t\tnew MarkerClusterer(map, markers, mcOptions);\r\n\t\t}\r\n\r\n\t\t//Get the boundaries of the Map.\r\n\t\tvar bounds = new google.maps.LatLngBounds();\r\n\r\n\t\t//Center map and adjust Zoom based on the position of all markers.\r\n\t\tmap.setCenter(latlngbounds.getCenter());\r\n\t\tmap.fitBounds(latlngbounds);\r\n\r\n\t\t// Reset Map based on bounds.\r\n\t\tvar controlUI = document.createElement('button');\r\n\t\tcontrolUI.className = \"resetMapButton\";\r\n\t\tcontrolUI.innerHTML = 'refresh';\r\n\r\n\t\tcontrolUI.addEventListener('click', function () {\r\n\t\t\tresetMap();\r\n\t\t\tmap.setCenter(latlngbounds.getCenter());\r\n\t\t\tmap.fitBounds(latlngbounds);\r\n\t\t});\r\n\r\n\t\tmap.controls[google.maps.ControlPosition[controlPosition]].push(controlUI);\r\n\t}\r\n\r\n\r\n\t$(window).on('scroll', function () {\r\n\t\tvar elem = document.getElementById(\"map\");\r\n\t\tif (elem) {\r\n\t\t\tif (elem.getBoundingClientRect().top <= window.pageYOffset && !window.isGmapLoaded) {\r\n\t\t\t\twindow.isGmapLoaded = true;\r\n\t\t\t\tinitializationMapAPI();\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n\r\n\tfunction initializationMapAPI() {\r\n\t\t\r\n\t\tvar placeholderId = $('#map').attr('data-map-id').toLowerCase().toString();\r\n\t\tvar language = $('#map').attr('data-language').toLowerCase().toString();\r\n\t\tvar contextId = $('#map').attr('data-map-context').toLowerCase().toString();\r\n\r\n\t\t$.ajax({\r\n\t\t\ttype: 'GET',\r\n\t\t\turl: '/api/sitecore/mapmodule/getmapdata',\r\n\t\t\tdata: {\r\n\t\t\t\tid: placeholderId,\r\n\t\t\t\tlang: language,\r\n\t\t\t\tcontext: contextId\r\n\t\t\t},\r\n\t\t\tsuccess: function (data) {\r\n\t\t\t\tclusterIcon = data.ClusteringIcon;\r\n\t\t\t\tmarkerIcon = data.LocationIcon;\r\n\t\t\t\tisMapLink = {\r\n\t\t\t\t\tShowMapLink: data.ShowMapLink,\r\n\t\t\t\t\tMapLinkText: data.MapLinkText\r\n\t\t\t\t};\r\n\t\t\t\tcontrolPosition = data.ControlPosition.toUpperCase();\r\n\t\t\t\tisClusteringView = data.UseClustering;\r\n\r\n\t\t\t\tlocations = data.Locations;\r\n\r\n\t\t\t\t$.when(\r\n\t\t\t\t\t$.getScript(\"https://unpkg.com/@google/markerclustererplus@4.0.1/dist/markerclustererplus.min.js\"),\r\n\t\t\t\t\t$.getScript(\"https://maps.googleapis.com/maps/api/js?key=\" + data.ApiKey),\r\n\t\t\t\t\t$.Deferred(function (deferred) {\r\n\t\t\t\t\t\t$(deferred.resolve);\r\n\t\t\t\t\t})\r\n\t\t\t\t).done(function () {\r\n\t\t\t\t\tinitMap();\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\terror: function () {\r\n\t\t\t},\r\n\t\t\tcomplete: function () {\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n});\r\n"]}' + location.Address2 + '
' + formatPostalCode + '
' + location.State + ' ' + location.Country + '
' + location.PhoneNumber + '
' + location.FaxNumber + '
' + location.LinkText + '
' + isGetDirectionLink + '