\",\"
\"]};da.optgroup=da.option,da.tbody=da.tfoot=da.colgroup=da.caption=da.thead,da.th=da.td;function ea(a,b){var c,d,e=0,f=\"undefined\"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||\"*\"):\"undefined\"!=typeof a.querySelectorAll?a.querySelectorAll(b||\"*\"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||n.nodeName(d,b)?f.push(d):n.merge(f,ea(d,b));return void 0===b||b&&n.nodeName(a,b)?n.merge([a],f):f}function fa(a,b){for(var c,d=0;null!=(c=a[d]);d++)n._data(c,\"globalEval\",!b||n._data(b[d],\"globalEval\"))}var ga=/<|&#?\\w+;/,ha=/r;r++)if(g=a[r],g||0===g)if(\"object\"===n.type(g))n.merge(q,g.nodeType?[g]:g);else if(ga.test(g)){i=i||p.appendChild(b.createElement(\"div\")),j=($.exec(g)||[\"\",\"\"])[1].toLowerCase(),m=da[j]||da._default,i.innerHTML=m[1]+n.htmlPrefilter(g)+m[2],f=m[0];while(f--)i=i.lastChild;if(!l.leadingWhitespace&&aa.test(g)&&q.push(b.createTextNode(aa.exec(g)[0])),!l.tbody){g=\"table\"!==j||ha.test(g)?\"| t |
\").append(n.parseHTML(a)).find(d):a)}).always(c&&function(a,b){g.each(function(){c.apply(g,f||[a.responseText,b,a])})}),this},n.each([\"ajaxStart\",\"ajaxStop\",\"ajaxComplete\",\"ajaxError\",\"ajaxSuccess\",\"ajaxSend\"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};function mc(a){return n.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,\"position\"),l=n(a),m={};\"static\"===k&&(a.style.position=\"relative\"),h=l.offset(),f=n.css(a,\"top\"),i=n.css(a,\"left\"),j=(\"absolute\"===k||\"fixed\"===k)&&n.inArray(\"auto\",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,n.extend({},h))),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),\"using\"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,n.contains(b,e)?(\"undefined\"!=typeof e.getBoundingClientRect&&(d=e.getBoundingClientRect()),c=mc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return\"fixed\"===n.css(d,\"position\")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],\"html\")||(c=a.offset()),c.top+=n.css(a[0],\"borderTopWidth\",!0),c.left+=n.css(a[0],\"borderLeftWidth\",!0)),{top:b.top-c.top-n.css(d,\"marginTop\",!0),left:b.left-c.left-n.css(d,\"marginLeft\",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent;while(a&&!n.nodeName(a,\"html\")&&\"static\"===n.css(a,\"position\"))a=a.offsetParent;return a||Qa})}}),n.each({scrollLeft:\"pageXOffset\",scrollTop:\"pageYOffset\"},function(a,b){var c=/Y/.test(b);n.fn[a]=function(d){return Y(this,function(a,d,e){var f=mc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?n(f).scrollLeft():e,c?e:n(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),n.each([\"top\",\"left\"],function(a,b){n.cssHooks[b]=Ua(l.pixelPosition,function(a,c){\nreturn c?(c=Sa(a,b),Oa.test(c)?n(a).position()[b]+\"px\":c):void 0})}),n.each({Height:\"height\",Width:\"width\"},function(a,b){n.each({padding:\"inner\"+a,content:b,\"\":\"outer\"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||\"boolean\"!=typeof d),g=c||(d===!0||e===!0?\"margin\":\"border\");return Y(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement[\"client\"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body[\"scroll\"+a],e[\"scroll\"+a],b.body[\"offset\"+a],e[\"offset\"+a],e[\"client\"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.extend({bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,\"**\"):this.off(b,a||\"**\",c)}}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,\"function\"==typeof define&&define.amd&&define(\"jquery\",[],function(){return n});var nc=a.jQuery,oc=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=oc),b&&a.jQuery===n&&(a.jQuery=nc),n},b||(a.jQuery=a.$=n),n});\n","/*!\n\tWheelzoom 3.0.4\n\tlicense: MIT\n\thttp://www.jacklmoore.com/wheelzoom\n*/\nwindow.wheelzoom = (function(){\n\tvar defaults = {\n\t\tzoom: 0.10\n\t};\n\n\tvar canvas = document.createElement('canvas');\n\n\tvar main = function(img, options){\n\t\tif (!img || !img.nodeName || img.nodeName !== 'IMG') { return; }\n\n\t\tvar settings = {};\n\t\tvar width;\n\t\tvar height;\n\t\tvar bgWidth;\n\t\tvar bgHeight;\n\t\tvar bgPosX;\n\t\tvar bgPosY;\n\t\tvar previousEvent;\n\t\tvar cachedDataUrl;\n\n\t\tfunction setSrcToBackground(img) {\n\t\t\timg.style.backgroundImage = 'url(\"'+img.src+'\")';\n\t\t\timg.style.backgroundRepeat = 'no-repeat';\n\t\t\tcanvas.width = img.naturalWidth;\n\t\t\tcanvas.height = img.naturalHeight;\n\t\t\tcachedDataUrl = canvas.toDataURL();\n\t\t\timg.src = cachedDataUrl;\n\t\t}\n\n\t\tfunction updateBgStyle() {\n\t\t\tif (bgPosX > 0) {\n\t\t\t\tbgPosX = 0;\n\t\t\t} else if (bgPosX < width - bgWidth) {\n\t\t\t\tbgPosX = width - bgWidth;\n\t\t\t}\n\n\t\t\tif (bgPosY > 0) {\n\t\t\t\tbgPosY = 0;\n\t\t\t} else if (bgPosY < height - bgHeight) {\n\t\t\t\tbgPosY = height - bgHeight;\n\t\t\t}\n\n\t\t\timg.style.backgroundSize = bgWidth+'px '+bgHeight+'px';\n\t\t\timg.style.backgroundPosition = bgPosX+'px '+bgPosY+'px';\n\t\t}\n\n\t\tfunction reset() {\n\t\t\tbgWidth = width;\n\t\t\tbgHeight = height;\n\t\t\tbgPosX = bgPosY = 0;\n\t\t\tupdateBgStyle();\n\t\t}\n\n\t\tfunction onwheel(e) {\n\t\t\tvar deltaY = 0;\n\n\t\t\te.preventDefault();\n\n\t\t\tif (e.deltaY) { // FireFox 17+ (IE9+, Chrome 31+?)\n\t\t\t\tdeltaY = e.deltaY;\n\t\t\t} else if (e.wheelDelta) {\n\t\t\t\tdeltaY = -e.wheelDelta;\n\t\t\t}\n\n\t\t\t// As far as I know, there is no good cross-browser way to get the cursor position relative to the event target.\n\t\t\t// We have to calculate the target element's position relative to the document, and subtrack that from the\n\t\t\t// cursor's position relative to the document.\n\t\t\tvar rect = img.getBoundingClientRect();\n\t\t\tvar offsetX = e.pageX - rect.left - window.pageXOffset;\n\t\t\tvar offsetY = e.pageY - rect.top - window.pageYOffset;\n\n\t\t\t// Record the offset between the bg edge and cursor:\n\t\t\tvar bgCursorX = offsetX - bgPosX;\n\t\t\tvar bgCursorY = offsetY - bgPosY;\n\t\t\t\n\t\t\t// Use the previous offset to get the percent offset between the bg edge and cursor:\n\t\t\tvar bgRatioX = bgCursorX/bgWidth;\n\t\t\tvar bgRatioY = bgCursorY/bgHeight;\n\n\t\t\t// Update the bg size:\n\t\t\tif (deltaY < 0) {\n\t\t\t\tbgWidth += bgWidth*settings.zoom;\n\t\t\t\tbgHeight += bgHeight*settings.zoom;\n\t\t\t} else {\n\t\t\t\tbgWidth -= bgWidth*settings.zoom;\n\t\t\t\tbgHeight -= bgHeight*settings.zoom;\n\t\t\t}\n\n\t\t\t// Take the percent offset and apply it to the new size:\n\t\t\tbgPosX = offsetX - (bgWidth * bgRatioX);\n\t\t\tbgPosY = offsetY - (bgHeight * bgRatioY);\n\n\t\t\t// Prevent zooming out beyond the starting size\n\t\t\tif (bgWidth <= width || bgHeight <= height) {\n\t\t\t\treset();\n\t\t\t} else {\n\t\t\t\tupdateBgStyle();\n\t\t\t}\n\t\t}\n\n\t\tfunction drag(e) {\n\t\t\te.preventDefault();\n\t\t\tbgPosX += (e.pageX - previousEvent.pageX);\n\t\t\tbgPosY += (e.pageY - previousEvent.pageY);\n\t\t\tpreviousEvent = e;\n\t\t\tupdateBgStyle();\n\t\t}\n\n\t\tfunction removeDrag() {\n\t\t\tdocument.removeEventListener('mouseup', removeDrag);\n\t\t\tdocument.removeEventListener('mousemove', drag);\n\t\t}\n\n\t\t// Make the background draggable\n\t\tfunction draggable(e) {\n\t\t\te.preventDefault();\n\t\t\tpreviousEvent = e;\n\t\t\tdocument.addEventListener('mousemove', drag);\n\t\t\tdocument.addEventListener('mouseup', removeDrag);\n\t\t}\n\n\t\tfunction load() {\n\t\t\tif (img.src === cachedDataUrl) return;\n\n\t\t\tvar computedStyle = window.getComputedStyle(img, null);\n\n\t\t\twidth = parseInt(computedStyle.width, 10);\n\t\t\theight = parseInt(computedStyle.height, 10);\n\t\t\tbgWidth = width;\n\t\t\tbgHeight = height;\n\t\t\tbgPosX = 0;\n\t\t\tbgPosY = 0;\n\n\t\t\tsetSrcToBackground(img);\n\n\t\t\timg.style.backgroundSize = width+'px '+height+'px';\n\t\t\timg.style.backgroundPosition = '0 0';\n\t\t\timg.addEventListener('wheelzoom.reset', reset);\n\n\t\t\timg.addEventListener('wheel', onwheel);\n\t\t\timg.addEventListener('mousedown', draggable);\n\t\t}\n\n\t\tvar destroy = function (originalProperties) {\n\t\t\timg.removeEventListener('wheelzoom.destroy', destroy);\n\t\t\timg.removeEventListener('wheelzoom.reset', reset);\n\t\t\timg.removeEventListener('load', load);\n\t\t\timg.removeEventListener('mouseup', removeDrag);\n\t\t\timg.removeEventListener('mousemove', drag);\n\t\t\timg.removeEventListener('mousedown', draggable);\n\t\t\timg.removeEventListener('wheel', onwheel);\n\n\t\t\timg.style.backgroundImage = originalProperties.backgroundImage;\n\t\t\timg.style.backgroundRepeat = originalProperties.backgroundRepeat;\n\t\t\timg.src = originalProperties.src;\n\t\t}.bind(null, {\n\t\t\tbackgroundImage: img.style.backgroundImage,\n\t\t\tbackgroundRepeat: img.style.backgroundRepeat,\n\t\t\tsrc: img.src\n\t\t});\n\n\t\timg.addEventListener('wheelzoom.destroy', destroy);\n\n\t\toptions = options || {};\n\n\t\tObject.keys(defaults).forEach(function(key){\n\t\t\tsettings[key] = options[key] !== undefined ? options[key] : defaults[key];\n\t\t});\n\n\t\tif (img.complete) {\n\t\t\tload();\n\t\t}\n\n\t\timg.addEventListener('load', load);\n\t};\n\n\t// Do nothing in IE8\n\tif (typeof window.getComputedStyle !== 'function') {\n\t\treturn function(elements) {\n\t\t\treturn elements;\n\t\t};\n\t} else {\n\t\treturn function(elements, options) {\n\t\t\tif (elements && elements.length) {\n\t\t\t\tArray.prototype.forEach.call(elements, main, options);\n\t\t\t} else if (elements && elements.nodeName) {\n\t\t\t\tmain(elements, options);\n\t\t\t}\n\t\t\treturn elements;\n\t\t};\n\t}\n}());","/**\r\n * @plugin\r\n * @name Core\r\n * @description Formstone Library core. Required for all plugins.\r\n */\r\n\r\n/* global define */\r\n/* global ga */\r\n\r\n(function(factory) {\r\n\tif (typeof define === \"function\" && define.amd) {\r\n\t\tdefine([ \"jquery\" ], factory);\r\n\t} else {\r\n\t\tfactory(jQuery);\r\n\t}\r\n}(function($) {\r\n\r\n\t\"use strict\";\r\n\r\n\t// Namespace\r\n\r\n\tvar Win = typeof window !== \"undefined\" ? window : this,\r\n\t\tDoc = Win.document,\r\n\t\tCore = function() {\r\n\t\t\tthis.Version = '@version';\r\n\t\t\tthis.Plugins = {};\r\n\r\n\t\t\tthis.DontConflict = false;\r\n\t\t\tthis.Conflicts = {\r\n\t\t\t\tfn: {}\r\n\t\t\t};\r\n\t\t\tthis.ResizeHandlers = [];\r\n\t\t\tthis.RAFHandlers = [];\r\n\r\n\t\t\t// Globals\r\n\r\n\t\t\tthis.window = Win;\r\n\t\t\tthis.$window = $(Win);\r\n\t\t\tthis.document = Doc;\r\n\t\t\tthis.$document = $(Doc);\r\n\t\t\tthis.$body = null;\r\n\r\n\t\t\tthis.windowWidth = 0;\r\n\t\t\tthis.windowHeight = 0;\r\n\t\t\tthis.fallbackWidth = 1024;\r\n\t\t\tthis.fallbackHeight = 768;\r\n\t\t\tthis.userAgent = window.navigator.userAgent || window.navigator.vendor || window.opera;\r\n\t\t\tthis.isFirefox = /Firefox/i.test(this.userAgent);\r\n\t\t\tthis.isChrome = /Chrome/i.test(this.userAgent);\r\n\t\t\tthis.isSafari = /Safari/i.test(this.userAgent) && !this.isChrome;\r\n\t\t\tthis.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test( this.userAgent );\r\n\t\t\tthis.isIEMobile = /IEMobile/i.test(this.userAgent);\r\n\t\t\tthis.isFirefoxMobile = (this.isFirefox && this.isMobile);\r\n\t\t\tthis.transform = null;\r\n\t\t\tthis.transition = null;\r\n\r\n\t\t\tthis.support = {\r\n\t\t\t\tfile : !!(window.File && window.FileList && window.FileReader),\r\n\t\t\t\thistory : !!(window.history && window.history.pushState && window.history.replaceState),\r\n\t\t\t\tmatchMedia : !!(window.matchMedia || window.msMatchMedia),\r\n\t\t\t\tpointer : !!(window.PointerEvent),\r\n\t\t\t\traf : !!(window.requestAnimationFrame && window.cancelAnimationFrame),\r\n\t\t\t\ttouch : !!((\"ontouchstart\" in window) || window.DocumentTouch && document instanceof window.DocumentTouch),\r\n\t\t\t\ttransition : false,\r\n\t\t\t\ttransform : false\r\n\t\t\t};\r\n\t\t},\r\n\r\n\t\tFunctions = {\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name killEvent\r\n\t\t\t * @description Stops event action and bubble.\r\n\t\t\t * @param e [object] \"Event data\"\r\n\t\t\t */\r\n\r\n\t\t\tkillEvent: function(e, immediate) {\r\n\t\t\t\ttry {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\te.stopPropagation();\r\n\r\n\t\t\t\t\tif (immediate) {\r\n\t\t\t\t\t\te.stopImmediatePropagation();\r\n\t\t\t\t\t}\r\n\t\t\t\t} catch(error) {\r\n\t\t\t\t\t//\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name startTimer\r\n\t\t\t * @description Starts an internal timer.\r\n\t\t\t * @param timer [int] \"Timer ID\"\r\n\t\t\t * @param time [int] \"Time until execution\"\r\n\t\t\t * @param callback [function] \"Function to execute\"\r\n\t\t\t * @return [int] \"Timer ID\"\r\n\t\t\t */\r\n\r\n\t\t\tstartTimer: function(timer, time, callback, interval) {\r\n\t\t\t\tFunctions.clearTimer(timer);\r\n\r\n\t\t\t\treturn (interval) ? setInterval(callback, time) : setTimeout(callback, time);\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name clearTimer\r\n\t\t\t * @description Clears an internal timer.\r\n\t\t\t * @param timer [int] \"Timer ID\"\r\n\t\t\t */\r\n\r\n\t\t\tclearTimer: function(timer, interval) {\r\n\t\t\t\tif (timer) {\r\n\t\t\t\t\tif (interval) {\r\n\t\t\t\t\t\tclearInterval(timer);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tclearTimeout(timer);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\ttimer = null;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name sortAsc\r\n\t\t\t * @description Sorts an array (ascending).\r\n\t\t\t * @param a [mixed] \"First value\"\r\n\t\t\t * @param b [mixed] \"Second value\"\r\n\t\t\t * @return Difference between second and first values\r\n\t\t\t */\r\n\r\n\t\t\tsortAsc: function(a, b) {\r\n\t\t\t\treturn (parseInt(a, 10) - parseInt(b, 10));\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name sortDesc\r\n\t\t\t * @description Sorts an array (descending).\r\n\t\t\t * @param a [mixed] \"First value\"\r\n\t\t\t * @param b [mixed] \"Second value\"\r\n\t\t\t * @return Difference between second and first values\r\n\t\t\t */\r\n\r\n\t\t\tsortDesc: function(a, b) {\r\n\t\t\t\treturn (parseInt(b, 10) - parseInt(a, 10));\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name decodeEntities\r\n\t\t\t * @description Decodes HTML.\r\n\t\t\t * @param string [string] \"String to decode\"\r\n\t\t\t * @return Decoded string\r\n\t\t\t */\r\n\r\n\t\t\tdecodeEntities: function(string) {\r\n\t\t\t\t// http://stackoverflow.com/a/1395954\r\n\t\t\t\tvar el = Formstone.document.createElement(\"textarea\");\r\n\t\t\t\tel.innerHTML = string;\r\n\r\n\t\t\t\treturn el.value;\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name parseGetParams\r\n\t\t\t * @description Returns keyed object containing all GET query parameters\r\n\t\t\t * @param url [string] \"URL to parse\"\r\n\t\t\t * @return [object] \"Keyed query params\"\r\n\t\t\t */\r\n\r\n\t\t\tparseQueryString: function(url) {\r\n\t\t\t\tvar params = {},\r\n\t\t\t\t\tparts = url.slice( url.indexOf(\"?\") + 1 ).split(\"&\");\r\n\r\n\t\t\t\tfor (var i = 0; i < parts.length; i++) {\r\n\t\t\t\t\tvar part = parts[i].split(\"=\");\r\n\t\t\t\t\tparams[ part[0] ] = part[1];\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn params;\r\n\t\t }\r\n\t\t},\r\n\r\n\t\tFormstone = new Core(),\r\n\r\n\t\t// Deferred ready\r\n\r\n\t\t$Ready = $.Deferred(),\r\n\r\n\t\t// Classes\r\n\r\n\t\tClasses = {\r\n\t\t\tbase : \"{ns}\",\r\n\t\t\telement : \"{ns}-element\"\r\n\t\t},\r\n\r\n\t\t// Events\r\n\r\n\t\tEvents = {\r\n\t\t\tnamespace : \".{ns}\",\r\n\t\t\tbeforeUnload : \"beforeunload.{ns}\",\r\n\t\t\tblur : \"blur.{ns}\",\r\n\t\t\tchange : \"change.{ns}\",\r\n\t\t\tclick : \"click.{ns}\",\r\n\t\t\tdblClick : \"dblclick.{ns}\",\r\n\t\t\tdrag : \"drag.{ns}\",\r\n\t\t\tdragEnd : \"dragend.{ns}\",\r\n\t\t\tdragEnter : \"dragenter.{ns}\",\r\n\t\t\tdragLeave : \"dragleave.{ns}\",\r\n\t\t\tdragOver : \"dragover.{ns}\",\r\n\t\t\tdragStart : \"dragstart.{ns}\",\r\n\t\t\tdrop : \"drop.{ns}\",\r\n\t\t\terror : \"error.{ns}\",\r\n\t\t\tfocus : \"focus.{ns}\",\r\n\t\t\tfocusIn : \"focusin.{ns}\",\r\n\t\t\tfocusOut : \"focusout.{ns}\",\r\n\t\t\tinput : \"input.{ns}\",\r\n\t\t\tkeyDown : \"keydown.{ns}\",\r\n\t\t\tkeyPress : \"keypress.{ns}\",\r\n\t\t\tkeyUp : \"keyup.{ns}\",\r\n\t\t\tload : \"load.{ns}\",\r\n\t\t\tmouseDown : \"mousedown.{ns}\",\r\n\t\t\tmouseEnter : \"mouseenter.{ns}\",\r\n\t\t\tmouseLeave : \"mouseleave.{ns}\",\r\n\t\t\tmouseMove : \"mousemove.{ns}\",\r\n\t\t\tmouseOut : \"mouseout.{ns}\",\r\n\t\t\tmouseOver : \"mouseover.{ns}\",\r\n\t\t\tmouseUp : \"mouseup.{ns}\",\r\n\t\t\tpanStart : \"panstart.{ns}\",\r\n\t\t\tpan : \"pan.{ns}\",\r\n\t\t\tpanEnd : \"panend.{ns}\",\r\n\t\t\tresize : \"resize.{ns}\",\r\n\t\t\tscaleStart : \"scalestart.{ns}\",\r\n\t\t\tscaleEnd : \"scaleend.{ns}\",\r\n\t\t\tscale : \"scale.{ns}\",\r\n\t\t\tscroll : \"scroll.{ns}\",\r\n\t\t\tselect : \"select.{ns}\",\r\n\t\t\tswipe : \"swipe.{ns}\",\r\n\t\t\ttouchCancel : \"touchcancel.{ns}\",\r\n\t\t\ttouchEnd : \"touchend.{ns}\",\r\n\t\t\ttouchLeave : \"touchleave.{ns}\",\r\n\t\t\ttouchMove : \"touchmove.{ns}\",\r\n\t\t\ttouchStart : \"touchstart.{ns}\"\r\n\t\t};\r\n\r\n\t/**\r\n\t * @method\r\n\t * @name NoConflict\r\n\t * @description Resolves plugin namespace conflicts\r\n\t * @example Formstone.NoConflict();\r\n\t */\r\n\r\n\tCore.prototype.NoConflict = function() {\r\n\t\tFormstone.DontConflict = true;\r\n\r\n\t\tfor (var i in Formstone.Plugins) {\r\n\t\t\tif (Formstone.Plugins.hasOwnProperty(i)) {\r\n\t\t\t\t$[i] = Formstone.Conflicts[i];\r\n\t\t\t\t$.fn[i] = Formstone.Conflicts.fn[i];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * @method\r\n\t * @name Plugin\r\n\t * @description Builds a plugin and registers it with jQuery.\r\n\t * @param namespace [string] \"Plugin namespace\"\r\n\t * @param settings [object] \"Plugin settings\"\r\n\t * @return [object] \"Plugin properties. Includes `defaults`, `classes`, `events`, `functions`, `methods` and `utilities` keys\"\r\n\t * @example Formstone.Plugin(\"namespace\", { ... });\r\n\t */\r\n\r\n\tCore.prototype.Plugin = function(namespace, settings) {\r\n\t\tFormstone.Plugins[namespace] = (function(namespace, settings) {\r\n\r\n\t\t\tvar namespaceDash = \"fs-\" + namespace,\r\n\t\t\t\tnamespaceDot = \"fs.\" + namespace,\r\n\t\t\t\tnamespaceClean = \"fs\" + namespace.replace(/(^|\\s)([a-z])/g, function(m, p1, p2) { return p1 + p2.toUpperCase(); });\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name initialize\r\n\t\t\t * @description Creates plugin instance by adding base classname, creating data and scoping a _construct call.\r\n\t\t\t * @param options [object] <{}> \"Instance options\"\r\n\t\t\t */\r\n\r\n\t\t\tfunction initialize(options) {\r\n\t\t\t\t// Maintain Chain\r\n\r\n\t\t\t\tvar hasOptions = $.type(options) === \"object\",\r\n\t\t\t\t\t$targets = this,\r\n\t\t\t\t\t$postTargets = $(),\r\n\t\t\t\t\t$element,\r\n\t\t\t\t\ti,\r\n\t\t\t\t\tcount;\r\n\r\n\t\t\t\t// Extend Defaults\r\n\r\n\t\t\t\toptions = $.extend(true, {}, settings.defaults || {}, (hasOptions ? options : {}));\r\n\r\n\t\t\t\t// All targets\r\n\r\n\t\t\t\tfor (i = 0, count = $targets.length; i < count; i++) {\r\n\t\t\t\t\t$element = $targets.eq(i);\r\n\r\n\t\t\t\t\t// Gaurd Against Exiting Instances\r\n\r\n\t\t\t\t\tif (!getData($element)) {\r\n\r\n\t\t\t\t\t\t// Extend w/ Local Options\r\n\r\n\t\t\t\t\t\tvar guid = \"__\" + settings.guid++,\r\n\t\t\t\t\t\t\trawGuid = settings.classes.raw.base + guid,\r\n\t\t\t\t\t\t\tlocals = $element.data(namespace + \"-options\"),\r\n\t\t\t\t\t\t\tdata = $.extend(true, {\r\n\t\t\t\t\t\t\t\t$el : $element,\r\n\t\t\t\t\t\t\t\tguid : guid,\r\n\t\t\t\t\t\t\t\trawGuid : rawGuid,\r\n\t\t\t\t\t\t\t\tdotGuid : \".\" + rawGuid\r\n\t\t\t\t\t\t\t}, options, ($.type(locals) === \"object\" ? locals : {}) );\r\n\r\n\t\t\t\t\t\t// Cache Instance\r\n\r\n\t\t\t\t\t\t$element.addClass(settings.classes.raw.element)\r\n\t\t\t\t\t\t .data(namespaceClean, data);\r\n\r\n\t\t\t\t\t\t// Constructor\r\n\r\n\t\t\t\t\t\tsettings.methods._construct.apply($element, [ data ].concat(Array.prototype.slice.call(arguments, (hasOptions ? 1 : 0) )));\r\n\r\n\t\t\t\t\t\t// Post Constructor\r\n\r\n\t\t\t\t\t\t$postTargets = $postTargets.add($element);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Post targets\r\n\r\n\t\t\t\tfor (i = 0, count = $postTargets.length; i < count; i++) {\r\n\t\t\t\t\t$element = $postTargets.eq(i);\r\n\r\n\t\t\t\t\t// Post Constructor\r\n\r\n\t\t\t\t\tsettings.methods._postConstruct.apply($element, [ getData($element) ]);\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn $targets;\r\n\t\t\t}\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name destroy\r\n\t\t\t * @description Removes plugin instance by scoping a _destruct call, and removing the base classname and data.\r\n\t\t\t * @param data [object] <{}> \"Instance data\"\r\n\t\t\t */\r\n\r\n\t\t\t/**\r\n\t\t\t * @method widget\r\n\t\t\t * @name destroy\r\n\t\t\t * @description Removes plugin instance.\r\n\t\t\t * @example $(\".target\").{ns}(\"destroy\");\r\n\t\t\t */\r\n\r\n\t\t\tfunction destroy(data) {\r\n\t\t\t\tsettings.functions.iterate.apply(this, [ settings.methods._destruct ].concat(Array.prototype.slice.call(arguments, 1)));\r\n\r\n\t\t\t\tthis.removeClass(settings.classes.raw.element)\r\n\t\t\t\t\t.removeData(namespaceClean);\r\n\t\t\t}\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name getData\r\n\t\t\t * @description Creates class selector from text.\r\n\t\t\t * @param $element [jQuery] \"Target jQuery object\"\r\n\t\t\t * @return [object] \"Instance data\"\r\n\t\t\t */\r\n\r\n\t\t\tfunction getData($element) {\r\n\t\t\t\treturn $element.data(namespaceClean);\r\n\t\t\t}\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name delegateWidget\r\n\t\t\t * @description Delegates public methods.\r\n\t\t\t * @param method [string] \"Method to execute\"\r\n\t\t\t * @return [jQuery] \"jQuery object\"\r\n\t\t\t */\r\n\r\n\t\t\tfunction delegateWidget(method) {\r\n\r\n\t\t\t\t// If jQuery object\r\n\r\n\t\t\t\tif (this instanceof $) {\r\n\r\n\t\t\t\t\tvar _method = settings.methods[method];\r\n\r\n\t\t\t\t\t// Public method OR false\r\n\r\n\t\t\t\t\tif ($.type(method) === \"object\" || !method) {\r\n\r\n\t\t\t\t\t\t// Initialize\r\n\r\n\t\t\t\t\t\treturn initialize.apply(this, arguments);\r\n\t\t\t\t\t} else if (_method && method.indexOf(\"_\") !== 0) {\r\n\r\n\t\t\t\t\t\t// Wrap Public Methods\r\n\r\n\t\t\t\t\t\treturn settings.functions.iterate.apply(this, [ _method ].concat(Array.prototype.slice.call(arguments, 1)));\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn this;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name delegateUtility\r\n\t\t\t * @description Delegates utility methods.\r\n\t\t\t * @param method [string] \"Method to execute\"\r\n\t\t\t */\r\n\r\n\t\t\tfunction delegateUtility(method) {\r\n\r\n\t\t\t\t// public utility OR utility init OR false\r\n\r\n\t\t\t\tvar _method = settings.utilities[method] || settings.utilities._initialize || false;\r\n\r\n\t\t\t\tif (_method) {\r\n\r\n\t\t\t\t\t// Wrap Utility Methods\r\n\r\n\t\t\t\t\treturn _method.apply(window, Array.prototype.slice.call(arguments, ($.type(method) === \"object\" ? 0 : 1) ));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t/**\r\n\t\t\t * @method utility\r\n\t\t\t * @name defaults\r\n\t\t\t * @description Extends plugin default settings; effects instances created hereafter.\r\n\t\t\t * @param options [object] <{}> \"New plugin defaults\"\r\n\t\t\t * @example $.{ns}(\"defaults\", { ... });\r\n\t\t\t */\r\n\r\n\t\t\tfunction defaults(options) {\r\n\t\t\t\tsettings.defaults = $.extend(true, settings.defaults, options || {});\r\n\t\t\t}\r\n\r\n\t\t\t/**\r\n\t\t\t * @method private\r\n\t\t\t * @name iterate\r\n\t\t\t * @description Loops scoped function calls over jQuery object with instance data as first parameter.\r\n\t\t\t * @param func [function] \"Function to execute\"\r\n\t\t\t * @return [jQuery] \"jQuery object\"\r\n\t\t\t */\r\n\r\n\t\t\tfunction iterate(fn) {\r\n\t\t\t\tvar $targets = this;\r\n\r\n\t\t\t\tfor (var i = 0, count = $targets.length; i < count; i++) {\r\n\t\t\t\t\tvar $element = $targets.eq(i),\r\n\t\t\t\t\t\tdata = getData($element) || {};\r\n\r\n\t\t\t\t\tif ($.type(data.$el) !== \"undefined\") {\r\n\t\t\t\t\t\tfn.apply($element, [ data ].concat(Array.prototype.slice.call(arguments, 1)));\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn $targets;\r\n\t\t\t}\r\n\r\n\t\t\t// Locals\r\n\r\n\t\t\tsettings.initialized = false;\r\n\t\t\tsettings.priority = settings.priority || 10;\r\n\r\n\t\t\t// Namespace Classes & Events\r\n\r\n\t\t\tsettings.classes = namespaceProperties(\"classes\", namespaceDash, Classes, settings.classes);\r\n\t\t\tsettings.events = namespaceProperties(\"events\", namespace, Events, settings.events);\r\n\r\n\t\t\t// Extend Functions\r\n\r\n\t\t\tsettings.functions = $.extend({\r\n\t\t\t\tgetData : getData,\r\n\t\t\t\titerate : iterate\r\n\t\t\t}, Functions, settings.functions);\r\n\r\n\t\t\t// Extend Methods\r\n\r\n\t\t\tsettings.methods = $.extend(true, {\r\n\r\n\t\t\t\t// Private Methods\r\n\r\n\t\t\t\t_setup : $.noop, // Document ready\r\n\t\t\t\t_construct : $.noop, // Constructor\r\n\t\t\t\t_postConstruct : $.noop, // Post Constructor\r\n\t\t\t\t_destruct : $.noop, // Destructor\r\n\t\t\t\t_resize : false, // Window resize\r\n\r\n\t\t\t\t// Public Methods\r\n\r\n\t\t\t\tdestroy : destroy\r\n\r\n\t\t\t}, settings.methods);\r\n\r\n\t\t\t// Extend Utilities\r\n\r\n\t\t\tsettings.utilities = $.extend(true, {\r\n\r\n\t\t\t\t// Private Utilities\r\n\r\n\t\t\t\t_initialize : false, // First Run\r\n\t\t\t\t_delegate : false, // Custom Delegation\r\n\r\n\t\t\t\t// Public Utilities\r\n\r\n\t\t\t\tdefaults : defaults\r\n\r\n\t\t\t}, settings.utilities);\r\n\r\n\t\t\t// Register Plugin\r\n\r\n\t\t\t// Widget\r\n\r\n\t\t\tif (settings.widget) {\r\n\r\n\t\t\t\t// Store conflicting namesapaces\r\n\t\t\t\tFormstone.Conflicts.fn[namespace] = $.fn[namespace];\r\n\r\n\t\t\t\t// Widget Delegation: $(\".target\").fsPlugin(\"method\", ...);\r\n\t\t\t\t$.fn[namespaceClean] = delegateWidget;\r\n\r\n\t\t\t\tif (!Formstone.DontConflict) {\r\n\r\n\t\t\t\t\t// $(\".target\").plugin(\"method\", ...);\r\n\t\t\t\t\t$.fn[namespace] = $.fn[namespaceClean];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// Utility\r\n\r\n\t\t\t\tFormstone.Conflicts[namespace] = $[namespace];\r\n\r\n\t\t\t\t// Utility Delegation: $.fsPlugin(\"method\", ... );\r\n\t\t\t\t$[namespaceClean] = settings.utilities._delegate || delegateUtility;\r\n\r\n\t\t\t\tif (!Formstone.DontConflict) {\r\n\r\n\t\t\t\t\t// $.plugin(\"method\", ... );\r\n\t\t\t\t\t$[namespace] = $[namespaceClean];\r\n\t\t\t\t}\r\n\r\n\t\t\t// Run Setup\r\n\r\n\t\t\tsettings.namespace = namespace;\r\n\t\t\tsettings.namespaceClean = namespaceClean;\r\n\r\n\t\t\tsettings.guid = 0;\r\n\r\n\t\t\t// Resize handler\r\n\r\n\t\t\tif (settings.methods._resize) {\r\n\t\t\t\tFormstone.ResizeHandlers.push({\r\n\t\t\t\t\tnamespace: namespace,\r\n\t\t\t\t\tpriority: settings.priority,\r\n\t\t\t\t\tcallback: settings.methods._resize\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// Sort handlers on push\r\n\t\t\t\tFormstone.ResizeHandlers.sort(sortPriority);\r\n\t\t\t}\r\n\r\n\t\t\t// RAF handler\r\n\r\n\t\t\tif (settings.methods._raf) {\r\n\t\t\t\tFormstone.RAFHandlers.push({\r\n\t\t\t\t\tnamespace: namespace,\r\n\t\t\t\t\tpriority: settings.priority,\r\n\t\t\t\t\tcallback: settings.methods._raf\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// Sort handlers on push\r\n\t\t\t\tFormstone.RAFHandlers.sort(sortPriority);\r\n\t\t\t}\r\n\r\n\t\t\treturn settings;\r\n\t\t})(namespace, settings);\r\n\r\n\t\t// Setup, catches lazy-loaded components, ensures order\r\n\r\n\t\t$Ready.then(function() {\r\n\t\t\tsetupPlugin(namespace);\r\n\t\t});\r\n\r\n\t\treturn Formstone.Plugins[namespace];\r\n\t};\r\n\r\n\t// Setup Plugins\r\n\r\n\tfunction setupPlugin(namespace) {\r\n\t\tif (!Formstone.Plugins[namespace].initialized) {\r\n\t\t\tFormstone.Plugins[namespace].methods._setup.call(document);\r\n\t\t\tFormstone.Plugins[namespace].initialized = true;\r\n\t\t}\r\n\t}\r\n\r\n\t// Namespace Properties\r\n\r\n\tfunction namespaceProperties(type, namespace, globalProps, customProps) {\r\n\t\tvar _props = {\r\n\t\t\t\traw: {}\r\n\t\t\t},\r\n\t\t\ti;\r\n\r\n\t\tcustomProps = customProps || {};\r\n\r\n\t\tfor (i in customProps) {\r\n\t\t\tif (customProps.hasOwnProperty(i)) {\r\n\t\t\t\tif (type === \"classes\") {\r\n\r\n\t\t\t\t\t// Custom classes\r\n\t\t\t\t\t_props.raw[ customProps[i] ] = namespace + \"-\" + customProps[i];\r\n\t\t\t\t\t_props[ customProps[i] ] = \".\" + namespace + \"-\" + customProps[i];\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// Custom events\r\n\t\t\t\t\t_props.raw[ i ] = customProps[i];\r\n\t\t\t\t\t_props[ i ] = customProps[i] + \".\" + namespace;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfor (i in globalProps) {\r\n\t\t\tif (globalProps.hasOwnProperty(i)) {\r\n\t\t\t\tif (type === \"classes\") {\r\n\r\n\t\t\t\t\t// Global classes\r\n\t\t\t\t\t_props.raw[ i ] = globalProps[i].replace(/{ns}/g, namespace);\r\n\t\t\t\t\t_props[ i ] = globalProps[i].replace(/{ns}/g, \".\" + namespace);\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// Global events\r\n\t\t\t\t\t_props.raw[ i ] = globalProps[i].replace(/.{ns}/g, \"\");\r\n\t\t\t\t\t_props[ i ] = globalProps[i].replace(/{ns}/g, namespace);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn _props;\r\n\t}\r\n\r\n\t// Set Transition Information\r\n\r\n\tfunction setTransitionInformation() {\r\n\t\tvar transitionEvents = {\r\n\t\t\t\t\"WebkitTransition\" : \"webkitTransitionEnd\",\r\n\t\t\t\t\"MozTransition\" : \"transitionend\",\r\n\t\t\t\t\"OTransition\" : \"otransitionend\",\r\n\t\t\t\t\"transition\" : \"transitionend\"\r\n\t\t\t},\r\n\t\t\ttransitionProperties = [\r\n\t\t\t\t\"transition\",\r\n\t\t\t\t\"-webkit-transition\"\r\n\t\t\t],\r\n\t\t\ttransformProperties = {\r\n\t\t\t\t'transform' : 'transform',\r\n\t\t\t\t'MozTransform' : '-moz-transform',\r\n\t\t\t\t'OTransform' : '-o-transform',\r\n\t\t\t\t'msTransform' : '-ms-transform',\r\n\t\t\t\t'webkitTransform' : '-webkit-transform'\r\n\t\t\t},\r\n\t\t\ttransitionEvent = \"transitionend\",\r\n\t\t\ttransitionProperty = \"\",\r\n\t\t\ttransformProperty = \"\",\r\n\t\t\ttest = document.createElement(\"div\"),\r\n\t\t\ti;\r\n\r\n\r\n\t\tfor (i in transitionEvents) {\r\n\t\t\tif (transitionEvents.hasOwnProperty(i) && i in test.style) {\r\n\t\t\t\ttransitionEvent = transitionEvents[i];\r\n\t\t\t\tFormstone.support.transition = true;\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tEvents.transitionEnd = transitionEvent + \".{ns}\";\r\n\r\n\t\tfor (i in transitionProperties) {\r\n\t\t\tif (transitionProperties.hasOwnProperty(i) && transitionProperties[i] in test.style) {\r\n\t\t\t\ttransitionProperty = transitionProperties[i];\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tFormstone.transition = transitionProperty;\r\n\r\n\t\tfor (i in transformProperties) {\r\n\t\t\tif (transformProperties.hasOwnProperty(i) && transformProperties[i] in test.style) {\r\n\t\t\t\tFormstone.support.transform = true;\r\n\t\t\t\ttransformProperty = transformProperties[i];\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tFormstone.transform = transformProperty;\r\n\t}\r\n\r\n\t// Window resize\r\n\r\n\tvar ResizeTimer = null,\r\n\t\tDebounce = 20;\r\n\r\n\tfunction onWindowResize() {\r\n\t\tFormstone.windowWidth = Formstone.$window.width();\r\n\t\tFormstone.windowHeight = Formstone.$window.height();\r\n\r\n\t\tResizeTimer = Functions.startTimer(ResizeTimer, Debounce, handleWindowResize);\r\n\t}\r\n\r\n\tfunction handleWindowResize() {\r\n\t\tfor (var i in Formstone.ResizeHandlers) {\r\n\t\t\tif (Formstone.ResizeHandlers.hasOwnProperty(i)) {\r\n\t\t\t\tFormstone.ResizeHandlers[i].callback.call(window, Formstone.windowWidth, Formstone.windowHeight);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tFormstone.$window.on(\"resize.fs\", onWindowResize);\r\n\tonWindowResize();\r\n\r\n\t// RAF\r\n\r\n\tfunction handleRAF() {\r\n\t\tif (Formstone.support.raf) {\r\n\t\t\tFormstone.window.requestAnimationFrame(handleRAF);\r\n\r\n\t\t\tfor (var i in Formstone.RAFHandlers) {\r\n\t\t\t\tif (Formstone.RAFHandlers.hasOwnProperty(i)) {\r\n\t\t\t\t\tFormstone.RAFHandlers[i].callback.call(window);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\thandleRAF();\r\n\r\n\t// Sort Priority\r\n\r\n\tfunction sortPriority(a, b) {\r\n\t\treturn (parseInt(a.priority) - parseInt(b.priority));\r\n\t}\r\n\r\n\t// Document Ready\r\n\r\n\t$(function() {\r\n\t\tFormstone.$body = $(\"body\");\r\n\r\n\t\t$Ready.resolve();\r\n\r\n\t\t// ie8 fallback support\r\n\t\tFormstone.support.nativeMatchMedia = Formstone.support.matchMedia && !$(\"html\").hasClass(\"no-matchmedia\");\r\n\t});\r\n\r\n\t// Custom Events\r\n\r\n\tEvents.clickTouchStart = Events.click + \" \" + Events.touchStart;\r\n\r\n\t// Transitions\r\n\r\n\tsetTransitionInformation();\r\n\r\n\twindow.Formstone = Formstone;\r\n\r\n\treturn Formstone;\r\n\r\n})\r\n\r\n);","/* global define */\r\n\r\n(function(factory) {\r\n\tif (typeof define === \"function\" && define.amd) {\r\n\t\tdefine([\r\n\t\t\t\"jquery\",\r\n\t\t\t\"./core\"\r\n\t\t], factory);\r\n\t} else {\r\n\t\tfactory(jQuery, Formstone);\r\n\t}\r\n}(function($, Formstone) {\r\n\r\n\t\"use strict\";\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name construct\r\n\t * @description Builds instance.\r\n\t * @param data [object] \"Instance data\"\r\n\t */\r\n\r\n\tfunction construct(data) {\r\n\t\tdata.touches = [];\r\n\t\tdata.touching = false;\r\n\r\n\t\tthis.on( Events.dragStart, Functions.killEvent );\r\n\r\n\t\tif (data.swipe) {\r\n\t\t\tdata.pan = true;\r\n\t\t}\r\n\r\n\t\tif (data.scale) {\r\n\t\t\tdata.axis = false;\r\n\t\t}\r\n\r\n\t\tdata.axisX = data.axis === \"x\";\r\n\t\tdata.axisY = data.axis === \"y\";\r\n\r\n\t\tif (Formstone.support.pointer) {\r\n\t\t\tvar action = \"\";\r\n\r\n\t\t\tif (!data.axis || (data.axisX && data.axisY)) {\r\n\t\t\t\taction = \"none\";\r\n\t\t\t} else {\r\n\t\t\t\tif (data.axisX) {\r\n\t\t\t\t\taction += \" pan-y\";\r\n\t\t\t\t}\r\n\t\t\t\tif (data.axisY) {\r\n\t\t\t\t\taction += \" pan-x\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ttouchAction(this, action);\r\n\r\n\t\t\tthis.on(Events.pointerDown, data, onTouch);\r\n\t\t} else {\r\n\t\t\tthis.on(Events.touchStart, data, onTouch)\r\n\t\t\t\t.on(Events.mouseDown, data, onPointerStart);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name destruct\r\n\t * @description Tears down instance.\r\n\t * @param data [object] \"Instance data\"\r\n\t */\r\n\r\n\tfunction destruct(data) {\r\n\t\tthis.off(Events.namespace);\r\n\r\n\t\ttouchAction(this, \"\");\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name onTouch\r\n\t * @description Delegates touch events.\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\r\n\tfunction onTouch(e) {\r\n\t\t// Stop panning and zooming\r\n\t\tif (e.preventManipulation) {\r\n\t\t\te.preventManipulation();\r\n\t\t}\r\n\r\n\t\tvar data = e.data,\r\n\t\t\toe = e.originalEvent;\r\n\r\n\t\tif (oe.type.match(/(up|end|cancel)$/i)) {\r\n\t\t\tonPointerEnd(e);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (oe.pointerId) {\r\n\t\t\t// Normalize MS pointer events back to standard touches\r\n\t\t\tvar activeTouch = false;\r\n\t\t\tfor (var i in data.touches) {\r\n\t\t\t\tif (data.touches[i].id === oe.pointerId) {\r\n\t\t\t\t\tactiveTouch = true;\r\n\t\t\t\t\tdata.touches[i].pageX = oe.pageX;\r\n\t\t\t\t\tdata.touches[i].pageY = oe.pageY;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!activeTouch) {\r\n\t\t\t\tdata.touches.push({\r\n\t\t\t\t\tid : oe.pointerId,\r\n\t\t\t\t\tpageX : oe.pageX,\r\n\t\t\t\t\tpageY : oe.pageY\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\t// Alias normal touches\r\n\t\t\tdata.touches = oe.touches;\r\n\t\t}\r\n\r\n\t\t// Delegate touch actions\r\n\t\tif (oe.type.match(/(down|start)$/i)) {\r\n\t\t\tonPointerStart(e);\r\n\t\t} else if (oe.type.match(/move$/i)) {\r\n\t\t\tonPointerMove(e);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name onPointerStart\r\n\t * @description Handles pointer start.\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\r\n\tfunction onPointerStart(e) {\r\n\t\tvar data = e.data,\r\n\t\t\ttouch = ($.type(data.touches) !== \"undefined\") ? data.touches[0] : null;\r\n\r\n\t\tif (!data.touching) {\r\n\t\t\tdata.startE = e.originalEvent;\r\n\t\t\tdata.startX = (touch) ? touch.pageX : e.pageX;\r\n\t\t\tdata.startY = (touch) ? touch.pageY : e.pageY;\r\n\t\t\tdata.startT = new Date().getTime();\r\n\t\t\tdata.scaleD = 1;\r\n\t\t\tdata.passed = false;\r\n\t\t}\r\n\r\n\t\t// Clear old click events\r\n\r\n\t\tif (data.$links) {\r\n\t\t\tdata.$links.off(Events.click);\r\n\t\t}\r\n\r\n\t\t// Pan / Scale\r\n\r\n\t\tvar newE = buildEvent(data.scale ? Events.scaleStart : Events.panStart, e, data.startX, data.startY, data.scaleD, 0, 0, \"\", \"\");\r\n\r\n\t\tif (data.scale && data.touches && data.touches.length >= 2) {\r\n\t\t\tvar t = data.touches;\r\n\r\n\t\t\tdata.pinch = {\r\n\t\t\t\tstartX : midpoint(t[0].pageX, t[1].pageX),\r\n\t\t\t\tstartY : midpoint(t[0].pageY, t[1].pageY),\r\n\t\t\t\tstartD : pythagorus((t[1].pageX - t[0].pageX), (t[1].pageY - t[0].pageY))\r\n\t\t\t};\r\n\r\n\t\t\tnewE.pageX = data.startX = data.pinch.startX;\r\n\t\t\tnewE.pageY = data.startY = data.pinch.startY;\r\n\t\t}\r\n\r\n\t\t// Only bind at first touch\r\n\t\tif (!data.touching) {\r\n\t\t\tdata.touching = true;\r\n\r\n\t\t\tif (data.pan) {\r\n\t\t\t\t$Window.on(Events.mouseMove, data, onPointerMove)\r\n\t\t\t\t\t .on(Events.mouseUp, data, onPointerEnd);\r\n\t\t\t}\r\n\r\n\t\t\tif (Formstone.support.pointer) {\r\n\t\t\t\t$Window.on( [\r\n\t\t\t\t\tEvents.pointerMove,\r\n\t\t\t\t\tEvents.pointerUp,\r\n\t\t\t\t\tEvents.pointerCancel\r\n\t\t\t\t].join(\" \") , data, onTouch);\r\n\t\t\t} else {\r\n\t\t\t\t$Window.on( [\r\n\t\t\t\t\tEvents.touchMove,\r\n\t\t\t\t\tEvents.touchEnd,\r\n\t\t\t\t\tEvents.touchCancel\r\n\t\t\t\t].join(\" \") , data, onTouch);\r\n\t\t\t}\r\n\r\n\t\t\tdata.$el.trigger(newE);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name onPointerMove\r\n\t * @description Handles pointer move.\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\r\n\tfunction onPointerMove(e) {\r\n\t\tvar data = e.data,\r\n\t\t\ttouch = ($.type(data.touches) !== \"undefined\") ? data.touches[0] : null,\r\n\t\t\tnewX = (touch) ? touch.pageX : e.pageX,\r\n\t\t\tnewY = (touch) ? touch.pageY : e.pageY,\r\n\t\t\tdeltaX = newX - data.startX,\r\n\t\t\tdeltaY = newY - data.startY,\r\n\t\t\tdirX = (deltaX > 0) ? \"right\" : \"left\",\r\n\t\t\tdirY = (deltaY > 0) ? \"down\" : \"up\",\r\n\t\t\tmovedX = Math.abs(deltaX) > TouchThreshold,\r\n\t\t\tmovedY = Math.abs(deltaY) > TouchThreshold;\r\n\r\n\t\tif (!data.passed && data.axis && ((data.axisX && movedY) || (data.axisY && movedX)) ) {\r\n\t\t\t// if axis and moved in opposite direction\r\n\t\t\tonPointerEnd(e);\r\n\t\t} else {\r\n\t\t\tif (!data.passed && (!data.axis || (data.axis && (data.axisX && movedX) || (data.axisY && movedY)))) {\r\n\t\t\t\t// if has axis and moved in same direction\r\n\t\t\t\tdata.passed = true;\r\n\t\t\t}\r\n\r\n\t\t\tif (data.passed) {\r\n\t\t\t\tFunctions.killEvent(e);\r\n\t\t\t\tFunctions.killEvent(data.startE);\r\n\t\t\t}\r\n\r\n\t\t\t// Pan / Scale\r\n\r\n\t\t\tvar fire = true,\r\n\t\t\t\tnewE = buildEvent(data.scale ? Events.scale : Events.pan, e, newX, newY, data.scaleD, deltaX, deltaY, dirX, dirY);\r\n\r\n\t\t\tif (data.scale) {\r\n\t\t\t\tif (data.touches && data.touches.length >= 2) {\r\n\t\t\t\t\tvar t = data.touches;\r\n\r\n\t\t\t\t\tdata.pinch.endX = midpoint(t[0].pageX, t[1].pageX);\r\n\t\t\t\t\tdata.pinch.endY = midpoint(t[0].pageY, t[1].pageY);\r\n\t\t\t\t\tdata.pinch.endD = pythagorus((t[1].pageX - t[0].pageX), (t[1].pageY - t[0].pageY));\r\n\t\t\t\t\tdata.scaleD = (data.pinch.endD / data.pinch.startD);\r\n\t\t\t\t\tnewE.pageX = data.pinch.endX;\r\n\t\t\t\t\tnewE.pageY = data.pinch.endY;\r\n\t\t\t\t\tnewE.scale = data.scaleD;\r\n\t\t\t\t\tnewE.deltaX = data.pinch.endX - data.pinch.startX;\r\n\t\t\t\t\tnewE.deltaY = data.pinch.endY - data.pinch.startY;\r\n\t\t\t\t} else if (!data.pan) {\r\n\t\t\t\t\tfire = false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (fire) {\r\n\t\t\t\tdata.$el.trigger( newE );\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name bindLink\r\n\t * @description Bind events to internal links\r\n\t * @param $link [object] \"Object to bind\"\r\n\t * @param data [object] \"Instance data\"\r\n\t */\r\n\r\n\tfunction bindLink($link, data) {\r\n\t\t$link.on(Events.click, data, onLinkClick);\r\n\r\n\t\t// http://www.elijahmanor.com/how-to-access-jquerys-internal-data/\r\n\t\tvar events = $._data($link[0], \"events\")[\"click\"];\r\n\t\tevents.unshift(events.pop());\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name onLinkClick\r\n\t * @description Handles clicks to internal links\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\r\n\tfunction onLinkClick(e) {\r\n\t\tFunctions.killEvent(e, true);\r\n\t\te.data.$links.off(Events.click);\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name onPointerEnd\r\n\t * @description Handles pointer end / cancel.\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\r\n\tfunction onPointerEnd(e) {\r\n\t\tvar data = e.data;\r\n\r\n\t\t// Pan / Swipe / Scale\r\n\r\n\t\tvar touch = ($.type(data.touches) !== \"undefined\") ? data.touches[0] : null,\r\n\t\t\tnewX = (touch) ? touch.pageX : e.pageX,\r\n\t\t\tnewY = (touch) ? touch.pageY : e.pageY,\r\n\t\t\tdeltaX = newX - data.startX,\r\n\t\t\tdeltaY = newY - data.startY,\r\n\t\t\tendT = new Date().getTime(),\r\n\t\t\teType = data.scale ? Events.scaleEnd : Events.panEnd,\r\n\t\t\tdirX = (deltaX > 0) ? \"right\" : \"left\",\r\n\t\t\tdirY = (deltaY > 0) ? \"down\" : \"up\",\r\n\t\t\tmovedX = Math.abs(deltaX) > 1,\r\n\t\t\tmovedY = Math.abs(deltaY) > 1;\r\n\r\n\t\t// Swipe\r\n\r\n\t\tif (data.swipe && Math.abs(deltaX) > TouchThreshold && (endT - data.startT) < TouchTime) {\r\n\t\t\teType = Events.swipe;\r\n\t\t}\r\n\r\n\t\t// Kill clicks to internal links\r\n\r\n\t\tif ( (data.axis && ((data.axisX && movedY) || (data.axisY && movedX))) || (movedX || movedY) ) {\r\n\t\t\tdata.$links = data.$el.find(\"a\");\r\n\r\n\t\t\tfor (var i = 0, count = data.$links.length; i < count; i++) {\r\n\t\t\t\tbindLink(data.$links.eq(i), data);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tvar newE = buildEvent(eType, e, newX, newY, data.scaleD, deltaX, deltaY, dirX, dirY);\r\n\r\n\t\t$Window.off( [\r\n\t\t\tEvents.touchMove,\r\n\t\t\tEvents.touchEnd,\r\n\t\t\tEvents.touchCancel,\r\n\t\t\tEvents.mouseMove,\r\n\t\t\tEvents.mouseUp,\r\n\t\t\tEvents.pointerMove,\r\n\t\t\tEvents.pointerUp,\r\n\t\t\tEvents.pointerCancel\r\n\t\t].join(\" \") );\r\n\r\n\t\tdata.$el.trigger(newE);\r\n\r\n\t\tdata.touches = [];\r\n\r\n\t\tif (data.scale) {\r\n\t\t\t/*\r\n\t\t\tif (e.originalEvent.pointerId) {\r\n\t\t\t\tfor (var i in data.touches) {\r\n\t\t\t\t\tif (data.touches[i].id === e.originalEvent.pointerId) {\r\n\t\t\t\t\t\tdata.touches.splice(i, 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tdata.touches = e.originalEvent.touches;\r\n\t\t\t}\r\n\t\t\t*/\r\n\r\n\t\t\t/*\r\n\t\t\tif (data.touches.length) {\r\n\t\t\t\tonPointerStart($.extend(e, {\r\n\t\t\t\t\tdata: data,\r\n\t\t\t\t\toriginalEvent: {\r\n\t\t\t\t\t\ttouches: data.touches\r\n\t\t\t\t\t}\r\n\t\t\t\t}));\r\n\t\t\t}\r\n\t\t\t*/\r\n\t\t}\r\n\r\n\t\tdata.touching = false;\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name buildEvents\r\n\t * @description Builds new event.\r\n\t * @param type [type] \"Event type\"\r\n\t * @param oe [object] \"Original event\"\r\n\t * @param x [int] \"X value\"\r\n\t * @param y [int] \"Y value\"\r\n\t * @param scale [float] \"Scale value\"\r\n\t * @param dx [float] \"Delta X value\"\r\n\t * @param dy [float] \"Delta Y value\"\r\n\t */\r\n\r\n\tfunction buildEvent(type, oe, px, py, s, dx, dy, dirx, diry) {\r\n\t\treturn $.Event(type, {\r\n\t\t\toriginalEvent : oe,\r\n\t\t\tbubbles : true,\r\n\t\t\tpageX : px,\r\n\t\t\tpageY : py,\r\n\t\t\tscale : s,\r\n\t\t\tdeltaX : dx,\r\n\t\t\tdeltaY : dy,\r\n\t\t\tdirectionX : dirx,\r\n\t\t\tdirectionY : diry\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name midpoint\r\n\t * @description Calculates midpoint.\r\n\t * @param a [float] \"Value 1\"\r\n\t * @param b [float] \"Value 2\"\r\n\t */\r\n\r\n\tfunction midpoint(a, b) {\r\n\t\treturn (a + b) / 2.0;\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name pythagorus\r\n\t * @description Pythagorean theorem.\r\n\t * @param a [float] \"Value 1\"\r\n\t * @param b [float] \"Value 2\"\r\n\t */\r\n\r\n\tfunction pythagorus(a, b) {\r\n\t\treturn Math.sqrt((a * a) + (b * b));\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name touchAction\r\n\t * @description Set ms touch action on target.\r\n\t * @param action [string] \"Touch action value\"\r\n\t */\r\n\r\n\tfunction touchAction($target, action) {\r\n\t\t$target.css({\r\n\t\t\t\"-ms-touch-action\": action,\r\n\t\t\t \"touch-action\": action\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * @plugin\r\n\t * @name Touch\r\n\t * @description A jQuery plugin for multi-touch events.\r\n\t * @type widget\r\n\t * @main touch.js\r\n\t * @dependency jQuery\r\n\t * @dependency core.js\r\n\t */\r\n\r\n\tvar legacyPointer = !(Formstone.window.PointerEvent),\r\n\t\tPlugin = Formstone.Plugin(\"touch\", {\r\n\t\t\twidget: true,\r\n\r\n\t\t\t/**\r\n\t\t\t * @options\r\n\t\t\t * @param axis [string] \"Limit axis for pan and swipe; 'x' or 'y'\"\r\n\t\t\t * @param pan [boolean] \"Pan events\"\r\n\t\t\t * @param scale [boolean] \"Scale events\"\r\n\t\t\t * @param swipe [boolean] \"Swipe events\"\r\n\t\t\t */\r\n\r\n\t\t\tdefaults : {\r\n\t\t\t\taxis : false,\r\n\t\t\t\tpan : false,\r\n\t\t\t\tscale : false,\r\n\t\t\t\tswipe : false\r\n\t\t\t},\r\n\r\n\t\t\tmethods : {\r\n\t\t\t\t_construct : construct,\r\n\t\t\t\t_destruct : destruct\r\n\t\t\t},\r\n\r\n\t\t\tevents: {\r\n\t\t\t\tpointerDown : legacyPointer ? \"MSPointerDown\" : \"pointerdown\",\r\n\t\t\t\tpointerUp : legacyPointer ? \"MSPointerUp\" : \"pointerup\",\r\n\t\t\t\tpointerMove : legacyPointer ? \"MSPointerMove\" : \"pointermove\",\r\n\t\t\t\tpointerCancel : legacyPointer ? \"MSPointerCancel\" : \"pointercancel\"\r\n\t\t\t}\r\n\t\t}),\r\n\r\n\t\t// Localize References\r\n\r\n\t\tEvents = Plugin.events,\r\n\t\tFunctions = Plugin.functions,\r\n\r\n\t\t// Local\r\n\r\n\t\t$Window = Formstone.$window,\r\n\t\tTouchThreshold = 10,\r\n\t\tTouchTime = 50;\r\n\r\n\t\t/**\r\n\t\t * @events\r\n\t\t * @event panstart \"Panning started\"\r\n\t\t * @event pan \"Panning\"\r\n\t\t * @event panend \"Panning ended\"\r\n\t\t * @event scalestart \"Scaling started\"\r\n\t\t * @event scale \"Scaling\"\r\n\t\t * @event scaleend \"Scaling ended\"\r\n\t\t * @event swipe \"Swipe\"\r\n\t\t */\r\n\r\n\t\tEvents.pan = \"pan\";\r\n\t\tEvents.panStart = \"panstart\";\r\n\t\tEvents.panEnd = \"panend\";\r\n\t\tEvents.scale = \"scale\";\r\n\t\tEvents.scaleStart = \"scalestart\";\r\n\t\tEvents.scaleEnd = \"scaleend\";\r\n\t\tEvents.swipe = \"swipe\";\r\n\r\n})\r\n\r\n);","/* global define */\r\n\r\n(function(factory) {\r\n\tif (typeof define === \"function\" && define.amd) {\r\n\t\tdefine([\r\n\t\t\t\"jquery\",\r\n\t\t\t\"./core\"\r\n\t\t], factory);\r\n\t} else {\r\n\t\tfactory(jQuery, Formstone);\r\n\t}\r\n}(function($, Formstone) {\r\n\r\n\t\"use strict\";\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name construct\r\n\t * @description Builds instance.\r\n\t * @param data [object] \"Instance Data\"\r\n\t * @param callback [object] \"Function to call\"\r\n\t */\r\n\r\n\tfunction construct(data, callback) {\r\n\t\tif (callback) {\r\n\t\t\t// Target child element, for event delegation\r\n\r\n\t\t\tdata.$target = this.find(data.target);\r\n\t\t\tdata.$check = data.target ? data.$target : this;\r\n\t\t\tdata.callback = callback;\r\n\t\t\tdata.styles = getStyles(data.$check);\r\n\t\t\tdata.timer = null;\r\n\r\n\t\t\tvar duration = data.$check.css( Formstone.transition + \"-duration\" ),\r\n\t\t\t\tdurationValue = parseFloat(duration);\r\n\r\n\t\t\tif (Formstone.support.transition && duration && durationValue) {\r\n\t\t\t\t// If transitions supported and active\r\n\r\n\t\t\t\tthis.on(Events.transitionEnd, data, onTranistionEnd);\r\n\t\t\t} else {\r\n\t\t\t\tdata.timer = Functions.startTimer(data.timer, 50, function() {\r\n\t\t\t\t\tcheckStyles(data);\r\n\t\t\t\t}, true);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name destruct\r\n\t * @description Tears down instance.\r\n\t * @param data [object] \"Instance data\"\r\n\t */\r\n\r\n\tfunction destruct(data) {\r\n\t\tFunctions.clearTimer(data.timer, true);\r\n\r\n\t\tthis.off(Events.namespace);\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name onTransitionEnd\r\n\t * @description Handles transition end events.\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\r\n\tfunction onTranistionEnd(e) {\r\n\t\te.stopPropagation();\r\n\t\te.preventDefault();\r\n\r\n\t\tvar data = e.data,\r\n\t\t\toe = e.originalEvent,\r\n\t\t\t$target = data.target ? data.$target : data.$el;\r\n\r\n\t\t// Check property and target\r\n\t\tif ( (!data.property || oe.propertyName === data.property) && $(oe.target).is($target) ) {\r\n\t\t\tresolve(data);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name resolve\r\n\t * @description Resolves transition end events.\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\t/**\r\n\t * @method\r\n\t * @name resolve\r\n\t * @description Resolves current transition end events.\r\n\t * @example $(\".target\").transition(\"resolve\");\r\n\t */\r\n\r\n\tfunction resolve(data) {\r\n\t\tif (!data.always) {\r\n\t\t\t// Unbind events, clear timers, similiar to .one()\r\n\r\n\t\t\tdata.$el[Plugin.namespaceClean](\"destroy\"); // clean up old data?\r\n\t\t}\r\n\r\n\t\t// fire callback\r\n\r\n\t\tdata.callback.apply(data.$el);\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name checkStyles\r\n\t * @description Compares current CSS to previous styles.\r\n\t * @param data [object] \"Instance data\"\r\n\t */\r\n\r\n\tfunction checkStyles(data) {\r\n\t\tvar styles = getStyles(data.$check);\r\n\r\n\t\tif (!isEqual(data.styles, styles)) {\r\n\t\t\tresolve(data);\r\n\t\t}\r\n\r\n\t\tdata.styles = styles;\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name getStyles\r\n\t * @description Returns element's styles.\r\n\t * @param el [DOM] \"Element to check\"\r\n\t */\r\n\r\n\tfunction getStyles(el) {\r\n\t\tvar computed,\r\n\t\t\tstyles = {},\r\n\t\t\tprop,\r\n\t\t\tval;\r\n\r\n\t\tif (el instanceof $) {\r\n\t\t\tel = el[0];\r\n\t\t}\r\n\r\n\t\tif (Window.getComputedStyle) {\r\n\t\t\t// FireFox, Chrome, Safari\r\n\r\n\t\t\tcomputed = Window.getComputedStyle(el, null);\r\n\r\n\t\t\tfor (var i = 0, count = computed.length; i < count; i++) {\r\n\t\t\t\tprop = computed[i];\r\n\t\t\t\tval = computed.getPropertyValue(prop);\r\n\r\n\t\t\t\tstyles[prop] = val;\r\n\t\t\t}\r\n\t\t} else if (el.currentStyle) {\r\n\t\t\t// IE, Opera\r\n\r\n\t\t\tcomputed = el.currentStyle;\r\n\r\n\t\t\tfor (prop in computed) {\r\n\t\t\t\tif (computed[prop]) { // ie8...\r\n\t\t\t\t\tstyles[prop] = computed[prop];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn styles;\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name isEqual\r\n\t * @description Compares two obejcts.\r\n\t * @param a [object] \"Object to compare\"\r\n\t * @param b [object] \"Object to compare\"\r\n\t */\r\n\r\n\tfunction isEqual(a, b) {\r\n\t\tif ($.type(a) !== $.type(b)) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tfor (var i in a) {\r\n\t\t\tif ( !(a.hasOwnProperty(i) && b.hasOwnProperty(i) && a[i] === b[i]) ) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn true;\r\n\t}\r\n\r\n\t/**\r\n\t * @plugin\r\n\t * @name Transition\r\n\t * @description A jQuery plugin for CSS transition events.\r\n\t * @type widget\r\n\t * @main transition.js\r\n\t * @dependency jQuery\r\n\t * @dependency core.js\r\n\t */\r\n\r\n\tvar Plugin = Formstone.Plugin(\"transition\", {\r\n\t\t\twidget: true,\r\n\r\n\t\t\t/**\r\n\t\t\t * @options\r\n\t\t\t * @param always [boolean] \"Flag to always react to transition end (.on vs .one)\"\r\n\t\t\t * @param property [string] \"Property to react to\"\r\n\t\t\t * @param target [string] \"Target child selector\"\r\n\t\t\t */\r\n\r\n\t\t\tdefaults: {\r\n\t\t\t\talways : false,\r\n\t\t\t\tproperty : null,\r\n\t\t\t\ttarget : null\r\n\t\t\t},\r\n\r\n\t\t\tmethods : {\r\n\t\t\t\t_construct : construct,\r\n\t\t\t\t_destruct : destruct,\r\n\t\t\t\tresolve : resolve\r\n\t\t\t}\r\n\t\t}),\r\n\r\n\t\t// Localize References\r\n\r\n\t\tEvents = Plugin.events,\r\n\t\tFunctions = Plugin.functions,\r\n\r\n\t\tWindow = Formstone.window;\r\n\r\n})\r\n\r\n);","/* global define */\r\n\r\n(function(factory) {\r\n\tif (typeof define === \"function\" && define.amd) {\r\n\t\tdefine([\r\n\t\t\t\"jquery\",\r\n\t\t\t\"./core\",\r\n\t\t\t\"./touch\",\r\n\t\t\t\"./transition\"\r\n\t\t], factory);\r\n\t} else {\r\n\t\tfactory(jQuery, Formstone);\r\n\t}\r\n}(function($, Formstone) {\r\n\r\n\t\"use strict\";\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name setup\r\n\t * @description Setup plugin.\r\n\t */\r\n\r\n\tfunction setup() {\r\n\t\t$Body = Formstone.$body;\r\n\t\t$Locks = $(\"html, body\");\r\n\r\n\t\tOnLoad = Formstone.window.location.hash.replace(\"#\", \"\");\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name resize\r\n\t * @description Handles window resize\r\n\t */\r\n\r\n\tfunction resize() {\r\n\t\tif (Instance) {\r\n\t\t\tresizeLightbox();\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name construct\r\n\t * @description Builds instance.\r\n\t * @param data [object] \"Instance data\"\r\n\t */\r\n\r\n\tfunction construct(data) {\r\n\t\tthis.on(Events.click, data, buildLightbox);\r\n\r\n\t\tvar gallery = this.data(Namespace + \"-gallery\");\r\n\r\n\t\tif (!OnLoaded && OnLoad && gallery === OnLoad) {\r\n\t\t\tOnLoaded = true;\r\n\r\n\t\t\tthis.trigger(Events.click);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name destruct\r\n\t * @description Tears down instance.\r\n\t * @param data [object] \"Instance data\"\r\n\t */\r\n\r\n\tfunction destruct(data) {\r\n\t\tcloseLightbox();\r\n\r\n\t\tthis.off(Events.namespace);\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name initialize\r\n\t * @description Builds instance from $target.\r\n\t * @param $target [jQuery] \"Target jQuery object\"\r\n\t */\r\n\r\n\tfunction initialize($target, options) {\r\n\t\tif ($target instanceof $) {\r\n\r\n\t\t\t// Emulate event\r\n\r\n\t\t\tbuildLightbox.apply(Window, [{ data: $.extend(true, {}, {\r\n\t\t\t\t$object: $target\r\n\t\t\t}, Defaults, options || {}) }]);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name buildLightbox\r\n\t * @description Builds new lightbox.\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\r\n\tfunction buildLightbox(e) {\r\n var isImgTag = false;\r\n \r\n var target = e.data.$el ? e.data.$el[0] : false;\r\n if ( target && target.getElementsByTagName('img').length > 0 ) {\r\n isImgTag = true;\r\n }\r\n \r\n\t\tif (!Instance) {\r\n\t\t\tvar data = e.data;\r\n\r\n\t\t\t// Cache internal data\r\n\t\t\tInstance = $.extend({}, {\r\n\t\t\t\tvisible : false,\r\n\t\t\t\tgallery: {\r\n\t\t\t\t\tactive : false\r\n\t\t\t\t},\r\n\t\t\t\tisMobile : (Formstone.isMobile || data.mobile),\r\n\t\t\t\tisTouch : Formstone.support.touch,\r\n\t\t\t\tisAnimating : true,\r\n\t\t\t\toldContentHeight : 0,\r\n\t\t\t\toldContentWidth : 0\r\n\t\t\t}, data);\r\n\r\n\t\t\t// Check target type\r\n\t\t\tvar $el = data.$el,\r\n\t\t\t\t$object = data.$object,\r\n\t\t\t\tsource = ($el && $el[0].href) ? $el[0].href || \"\" : \"\",\r\n\t\t\t\thash = ($el && $el[0].hash) ? $el[0].hash || \"\" : \"\",\r\n\t\t\t\tsourceParts = source.toLowerCase().split(\".\").pop().split(/\\#|\\?/),\r\n\t\t\t\ttype = ($el) ? $el.data(Namespace + \"-type\") : \"\",\r\n\t\t\t\tisImage\t = ( (type === \"image\") || isImgTag || (source.match(data.fileTypes) || source.substr(0, 10) === \"data:image\") ),\r\n\t\t\t\tisVideo\t = checkVideo(source),\r\n\t\t\t\tisUrl\t = ( (type === \"url\") || (!isImage && !isVideo && source.substr(0, 4) === \"http\" && !hash) ),\r\n\t\t\t\tisElement = ( (type === \"element\") || (!isImage && !isVideo && !isUrl && (hash.substr(0, 1) === \"#\")) ),\r\n\t\t\t\tisObject = ( (typeof $object !== \"undefined\") );\r\n\r\n\t\t\tif (isElement) {\r\n\t\t\t\tsource = hash;\r\n\t\t\t}\r\n\r\n\t\t\t// Retain default click\r\n\t\t\tif ( !(isImage || isVideo || isUrl || isElement || isObject) ) {\r\n\t\t\t\tInstance = null;\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Kill event\r\n\t\t\tFunctions.killEvent(e);\r\n\r\n\t\t\t// Touch\r\n\t\t\tInstance.touch = (data.touch && Instance.isMobile && Instance.isTouch);\r\n\r\n\t\t\t// Double the margin\r\n\t\t\tInstance.margin *= 2;\r\n\r\n\t\t\tif (isImage) {\r\n\t\t\t\tInstance.type = \"image\";\r\n\t\t\t} else if (isVideo) {\r\n\t\t\t\tInstance.type = \"video\";\r\n\t\t\t} else {\r\n\t\t\t\tInstance.type = \"element\";\r\n\t\t\t}\r\n\r\n\t\t\tif (isImage || isVideo) {\r\n\t\t\t\t// Check for gallery\r\n\t\t\t\tvar id = $el.data(Namespace + \"-gallery\");\r\n\r\n\t\t\t\tif (id) {\r\n\t\t\t\t\tInstance.gallery.active = true;\r\n\t\t\t\t\tInstance.gallery.id = id;\r\n\t\t\t\t\tInstance.gallery.$items = $(\"a[data-lightbox-gallery= \" + Instance.gallery.id + \"], a[rel= \" + Instance.gallery.id + \"]\"); // backwards compatibility\r\n\t\t\t\t\tInstance.gallery.index = Instance.gallery.$items.index(Instance.$el);\r\n\t\t\t\t\tInstance.gallery.total = Instance.gallery.$items.length - 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// Assemble HTML\r\n\t\t\tvar html = '';\r\n\t\t\tif (!Instance.isMobile) {\r\n\t\t\t\thtml += '';\r\n\t\t\t}\r\n\t\t\tvar lightboxClasses = [\r\n\t\t\t\tClasses.raw.base,\r\n\t\t\t\tClasses.raw.loading,\r\n\t\t\t\tClasses.raw.animating,\r\n\t\t\t\tInstance.theme,\r\n\t\t\t\tInstance.customClass\r\n\t\t\t];\r\n\r\n\t\t\tif (Instance.fixed) {\r\n\t\t\t\tlightboxClasses.push(Classes.raw.fixed);\r\n\t\t\t}\r\n\t\t\tif (Instance.isMobile) {\r\n\t\t\t\tlightboxClasses.push(Classes.raw.mobile);\r\n\t\t\t}\r\n\t\t\tif (Instance.isTouch) {\r\n\t\t\t\tlightboxClasses.push(Classes.raw.touch);\r\n\t\t\t}\r\n\t\t\tif (isUrl) {\r\n\t\t\t\tlightboxClasses.push(Classes.raw.iframed);\r\n\t\t\t}\r\n\t\t\tif (isElement || isObject) {\r\n\t\t\t\tlightboxClasses.push(Classes.raw.inline);\r\n\t\t\t}\r\n\r\n\t\t\thtml += '![]()
');\r\n\t\tInstance.$image = Instance.$imageContainer.find(\"img\");\r\n\r\n\t\tInstance.$image.one(Events.load, function() {\r\n\t\t\tvar naturalSize = calculateNaturalSize(Instance.$image);\r\n\r\n\t\t\tInstance.naturalHeight = naturalSize.naturalHeight;\r\n\t\t\tInstance.naturalWidth = naturalSize.naturalWidth;\r\n\r\n\t\t\tif (Instance.retina) {\r\n\t\t\t\tInstance.naturalHeight /= 2;\r\n\t\t\t\tInstance.naturalWidth /= 2;\r\n\t\t\t}\r\n\r\n\t\t\tInstance.$content.prepend(Instance.$imageContainer);\r\n\r\n\t\t\tif (Instance.$caption.html() === \"\") {\r\n\t\t\t\tInstance.$caption.hide();\r\n\t\t\t\tInstance.$lightbox.removeClass(RawClasses.has_caption);\r\n\t\t\t} else {\r\n\t\t\t\tInstance.$caption.show();\r\n\t\t\t\tInstance.$lightbox.addClass(RawClasses.has_caption);\r\n\t\t\t}\r\n\r\n\t\t\t// Size content to be sure it fits the viewport\r\n\t\t\tsizeImage();\r\n\r\n\t\t\topenLightbox();\r\n\r\n\t\t\tif (Instance.touch) {\r\n\t\t\t\tcacheScale();\r\n\t\t\t\tonScale({\r\n\t\t\t\t\tscale: 1,\r\n\t\t\t\t\tdeltaX: 0,\r\n\t\t\t\t\tdeltaY: 0\r\n\t\t\t\t});\r\n\t\t\t\tonScaleEnd();\r\n\r\n\t\t\t\tInstance.$container.fsTouch({\r\n\t\t\t\t\tpan : true,\r\n\t\t\t\t\tscale : true,\r\n\t\t\t\t\t// swipe : true\r\n\t\t\t\t}).on(Events.scaleStart, onScaleStart)\r\n\t\t\t\t .on(Events.scaleEnd, onScaleEnd)\r\n\t\t\t\t .on(Events.scale, onScale);\r\n\t\t\t}\r\n\t\t}).error(loadError)\r\n\t\t .attr(\"src\", source)\r\n\t\t .addClass(Classes.raw.image);\r\n\r\n\t\t// If image has already loaded into cache, trigger load event\r\n\t\tif (Instance.$image[0].complete || Instance.$image[0].readyState === 4) {\r\n\t\t\tInstance.$image.trigger(Events.load);\r\n\t\t}\r\n\t}\r\n\r\n\tfunction clearTouch() {\r\n\t\tif (Instance.$image && Instance.$image.length) {\r\n\t\t\tInstance.$container.fsTouch(\"destroy\");\r\n\t\t}\r\n\t}\r\n\r\n\tfunction cacheScale() {\r\n\t\tInstance.scalePosition = Instance.$imageContainer.position();\r\n\r\n\t\tInstance.scaleY = Instance.scalePosition.top;\r\n\t\tInstance.scaleX = Instance.scalePosition.left;\r\n\r\n\t\tInstance.scaleHeight = Instance.$image.outerHeight();\r\n\t\tInstance.scaleWidth = Instance.$image.outerWidth();\r\n\t}\r\n\r\n\tfunction onScaleStart(e) {\r\n\t\tcacheScale();\r\n\r\n\t\tInstance.$lightbox.removeClass(Classes.raw.animating);\r\n\t}\r\n\r\n\tfunction onScale(e) {\r\n\t\tInstance.targetContainerY = Instance.scaleY + e.deltaY;\r\n\t\tInstance.targetContainerX = Instance.scaleX + e.deltaX;\r\n\r\n\t\tInstance.targetImageHeight = Instance.scaleHeight * e.scale;\r\n\t\tInstance.targetImageWidth = Instance.scaleWidth * e.scale;\r\n\r\n\t\tif (Instance.targetImageHeight < Instance.scaleMinHeight) {\r\n\t\t\tInstance.targetImageHeight = Instance.scaleMinHeight;\r\n\t\t}\r\n\t\tif (Instance.targetImageHeight > Instance.scaleMaxHeight) {\r\n\t\t\tInstance.targetImageHeight = Instance.scaleMaxHeight;\r\n\t\t}\r\n\r\n\t\tif (Instance.targetImageWidth < Instance.scaleMinWidth) {\r\n\t\t\tInstance.targetImageWidth = Instance.scaleMinWidth;\r\n\t\t}\r\n\t\tif (Instance.targetImageWidth > Instance.scaleMaxWidth) {\r\n\t\t\tInstance.targetImageWidth = Instance.scaleMaxWidth;\r\n\t\t}\r\n\r\n\t\tInstance.hasScaled = true;\r\n\t\tInstance.isScaling = true;\r\n\r\n\t\tInstance.$imageContainer.css({\r\n\t\t\ttop: Instance.targetContainerY,\r\n\t\t\tleft: Instance.targetContainerX\r\n\t\t});\r\n\r\n\t\tInstance.$image.css({\r\n\t\t\theight : Instance.targetImageHeight,\r\n\t\t\twidth : Instance.targetImageWidth,\r\n\t\t\ttop : -(Instance.targetImageHeight / 2),\r\n\t\t\tleft : -(Instance.targetImageWidth / 2)\r\n\t\t});\r\n\t}\r\n\r\n\tfunction onScaleEnd(e) {\r\n\t\tcacheScale();\r\n\r\n\t\tInstance.isScaling = false;\r\n\r\n\t\tvar conHeight = Instance.$container.outerHeight() - Instance.metaHeight,\r\n\t\t\tconWidth = Instance.$container.outerWidth();\r\n\r\n\t\tInstance.scaleMinY = conHeight - ( Instance.scaleHeight / 2 );\r\n\t\tInstance.scaleMinX = conWidth - ( Instance.scaleWidth / 2 );\r\n\t\tInstance.scaleMaxY = ( Instance.scaleHeight / 2 );\r\n\t\tInstance.scaleMaxX = ( Instance.scaleWidth / 2 );\r\n\r\n\t\tif (Instance.scaleHeight < conHeight) {\r\n\t\t\tInstance.scalePosition.top = conHeight / 2;\r\n\t\t} else {\r\n\t\t\tif (Instance.scalePosition.top < Instance.scaleMinY) {\r\n\t\t\t\tInstance.scalePosition.top = Instance.scaleMinY;\r\n\t\t\t}\r\n\t\t\tif (Instance.scalePosition.top > Instance.scaleMaxY) {\r\n\t\t\t\tInstance.scalePosition.top = Instance.scaleMaxY;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (Instance.scaleWidth < conWidth) {\r\n\t\t\tInstance.scalePosition.left = conWidth / 2;\r\n\t\t} else {\r\n\t\t\tif (Instance.scalePosition.left < Instance.scaleMinX) {\r\n\t\t\t\tInstance.scalePosition.left = Instance.scaleMinX;\r\n\t\t\t}\r\n\t\t\tif (Instance.scalePosition.left > Instance.scaleMaxX) {\r\n\t\t\t\tInstance.scalePosition.left = Instance.scaleMaxX;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tInstance.$lightbox.addClass(Classes.raw.animating);\r\n\r\n\t\tInstance.$imageContainer.css({\r\n\t\t\tleft: Instance.scalePosition.left,\r\n\t\t\ttop: Instance.scalePosition.top\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name sizeImage\r\n\t * @description Sizes image to fit in viewport.\r\n\t * @param count [int] \"Number of resize attempts\"\r\n\t */\r\n\r\n\tfunction sizeImage() {\r\n\t\tif (Instance.$image) {\r\n\t\t\tvar count = 0;\r\n\r\n\t\t\tInstance.windowHeight = Instance.viewportHeight = Formstone.windowHeight - Instance.mobilePaddingVertical - Instance.paddingVertical;\r\n\t\t\tInstance.windowWidth = Instance.viewportWidth = Formstone.windowWidth - Instance.mobilePaddingHorizontal - Instance.paddingHorizontal;\r\n\r\n\t\t\tInstance.contentHeight = Infinity;\r\n\t\t\tInstance.contentWidth = Infinity;\r\n\r\n\t\t\tInstance.imageMarginTop = 0;\r\n\t\t\tInstance.imageMarginLeft = 0;\r\n\r\n\t\t\twhile (Instance.contentHeight > Instance.viewportHeight && count < 2) {\r\n\t\t\t\tInstance.imageHeight = (count === 0) ? Instance.naturalHeight : Instance.$image.outerHeight();\r\n\t\t\t\tInstance.imageWidth = (count === 0) ? Instance.naturalWidth : Instance.$image.outerWidth();\r\n\t\t\t\tInstance.metaHeight = (count === 0) ? 0 : Instance.metaHeight;\r\n\t\t\t\tInstance.spacerHeight = (count === 0) ? 0 : Instance.spacerHeight;\r\n\r\n\t\t\t\tif (count === 0) {\r\n\t\t\t\t\tInstance.ratioHorizontal = Instance.imageHeight / Instance.imageWidth;\r\n\t\t\t\t\tInstance.ratioVertical = Instance.imageWidth / Instance.imageHeight;\r\n\r\n\t\t\t\t\tInstance.isWide = (Instance.imageWidth > Instance.imageHeight);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Double check min and max\r\n\t\t\t\tif (Instance.imageHeight < Instance.minHeight) {\r\n\t\t\t\t\tInstance.minHeight = Instance.imageHeight;\r\n\t\t\t\t}\r\n\t\t\t\tif (Instance.imageWidth < Instance.minWidth) {\r\n\t\t\t\t\tInstance.minWidth = Instance.imageWidth;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (Instance.isMobile) {\r\n\t\t\t\t\tif (Instance.isTouch) {\r\n\t\t\t\t\t\tInstance.$controlBox.css({\r\n\t\t\t\t\t\t\twidth: Formstone.windowWidth\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tInstance.spacerHeight = Instance.$controls.outerHeight(true);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tInstance.$tools.css({\r\n\t\t\t\t\t\t\twidth: Formstone.windowWidth\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tInstance.spacerHeight = Instance.$tools.outerHeight(true);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// Content match viewport\r\n\t\t\t\t\tInstance.contentHeight = Instance.viewportHeight;\r\n\t\t\t\t\tInstance.contentWidth = Instance.viewportWidth;\r\n\r\n\t\t\t\t\tfitImage();\r\n\r\n\t\t\t\t\tInstance.imageMarginTop = (Instance.contentHeight - Instance.targetImageHeight - Instance.spacerHeight) / 2;\r\n\t\t\t\t\tInstance.imageMarginLeft = (Instance.contentWidth - Instance.targetImageWidth) / 2;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// Viewport should match window, less margin, padding and meta\r\n\t\t\t\t\tif (count === 0) {\r\n\t\t\t\t\t\tInstance.viewportHeight -= (Instance.margin + Instance.paddingVertical);\r\n\t\t\t\t\t\tInstance.viewportWidth -= (Instance.margin + Instance.paddingHorizontal);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tInstance.viewportHeight -= Instance.metaHeight;\r\n\r\n\t\t\t\t\tfitImage();\r\n\r\n\t\t\t\t\tInstance.contentHeight = Instance.targetImageHeight;\r\n\t\t\t\t\tInstance.contentWidth = Instance.targetImageWidth;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Modify DOM\r\n\t\t\t\tif (!Instance.isMobile && !Instance.isTouch) {\r\n\t\t\t\t\tInstance.$meta.css({\r\n\t\t\t\t\t\twidth: Instance.contentWidth\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!Instance.hasScaled) {\r\n\t\t\t\t\tInstance.$image.css({\r\n\t\t\t\t\t\theight: Instance.targetImageHeight,\r\n\t\t\t\t\t\twidth: Instance.targetImageWidth\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (Instance.touch) {\r\n\t\t\t\t\t\tInstance.$image.css({\r\n\t\t\t\t\t\t\ttop : -(Instance.targetImageHeight / 2),\r\n\t\t\t\t\t\t\tleft : -(Instance.targetImageWidth / 2)\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tInstance.$image.css({\r\n\t\t\t\t\t\t\tmarginTop : Instance.imageMarginTop,\r\n\t\t\t\t\t\t\tmarginLeft : Instance.imageMarginLeft\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\tif (!Instance.isMobile) {\r\n\t\t\t\t\tInstance.metaHeight = Instance.$meta.outerHeight(true);\r\n\t\t\t\t\tInstance.contentHeight += Instance.metaHeight;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tcount ++;\r\n\t\t\t}\r\n\r\n\t\t\tif (Instance.touch) {\r\n\t\t\t\tInstance.scaleMinHeight = Instance.targetImageHeight;\r\n\t\t\t\tInstance.scaleMinWidth = Instance.targetImageWidth;\r\n\t\t\t\tInstance.scaleMaxHeight = Instance.naturalHeight;\r\n\t\t\t\tInstance.scaleMaxWidth = Instance.naturalWidth;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name fitImage\r\n\t * @description Calculates target image size.\r\n\t */\r\n\r\n\tfunction fitImage() {\r\n\t\tvar height = (!Instance.isMobile) ? Instance.viewportHeight : Instance.contentHeight - Instance.spacerHeight,\r\n\t\t\twidth = (!Instance.isMobile) ? Instance.viewportWidth : Instance.contentWidth;\r\n\r\n\t\tif (Instance.isWide) {\r\n\t\t\t//WIDE\r\n\t\t\tInstance.targetImageWidth = width;\r\n\t\t\tInstance.targetImageHeight = Instance.targetImageWidth * Instance.ratioHorizontal;\r\n\r\n\t\t\tif (Instance.targetImageHeight > height) {\r\n\t\t\t\tInstance.targetImageHeight = height;\r\n\t\t\t\tInstance.targetImageWidth = Instance.targetImageHeight * Instance.ratioVertical;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\t//TALL\r\n\t\t\tInstance.targetImageHeight = height;\r\n\t\t\tInstance.targetImageWidth = Instance.targetImageHeight * Instance.ratioVertical;\r\n\r\n\t\t\tif (Instance.targetImageWidth > width) {\r\n\t\t\t\tInstance.targetImageWidth = width;\r\n\t\t\t\tInstance.targetImageHeight = Instance.targetImageWidth * Instance.ratioHorizontal;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// MAX\r\n\t\tif (Instance.targetImageWidth > Instance.imageWidth || Instance.targetImageHeight > Instance.imageHeight) {\r\n\t\t\tInstance.targetImageHeight = Instance.imageHeight;\r\n\t\t\tInstance.targetImageWidth = Instance.imageWidth;\r\n\t\t}\r\n\r\n\t\t// MIN\r\n\t\tif (Instance.targetImageWidth < Instance.minWidth || Instance.targetImageHeight < Instance.minHeight) {\r\n\t\t\tif (Instance.targetImageWidth < Instance.minWidth) {\r\n\t\t\t\tInstance.targetImageWidth = Instance.minWidth;\r\n\t\t\t\tInstance.targetImageHeight = Instance.targetImageWidth * Instance.ratioHorizontal;\r\n\t\t\t} else {\r\n\t\t\t\tInstance.targetImageHeight = Instance.minHeight;\r\n\t\t\t\tInstance.targetImageWidth = Instance.targetImageHeight * Instance.ratioVertical;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name loadVideo\r\n\t * @description Loads source video.\r\n\t * @param source [string] \"Source video URL\"\r\n\t */\r\n\r\n\tfunction formatYouTube(parts) {\r\n\t\treturn \"//www.youtube.com/embed/\" + parts[1];\r\n\t}\r\n\r\n\tfunction formatVimeo(parts) {\r\n\t\treturn \"//player.vimeo.com/video/\" + parts[3];\r\n\t}\r\n\r\n\tfunction loadVideo(source) {\r\n\t\tvar parts,\r\n\t\t\turl = checkVideo(source),\r\n\t\t\tqueryString = source.split(\"?\");\r\n\r\n\t\tif (url) {\r\n\t\t\t// if we have a query string\r\n\t\t\tif (queryString.length >= 2) {\r\n\t\t\t\turl += \"?\" + queryString.slice(1)[0].trim();\r\n\t\t\t}\r\n\r\n\t\t\tInstance.$videoWrapper = $('');\r\n\t\t\tInstance.$video = $('');\r\n\r\n\t\t\tInstance.$video.attr(\"src\", url)\r\n\t\t\t\t\t .addClass(Classes.raw.video)\r\n\t\t\t\t\t .prependTo(Instance.$videoWrapper);\r\n\r\n\t\t\tInstance.$content.prepend(Instance.$videoWrapper);\r\n\r\n\t\t\tsizeVideo();\r\n\t\t\topenLightbox();\r\n\t\t} else {\r\n\t\t\tloadError();\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name sizeVideo\r\n\t * @description Sizes video to fit in viewport.\r\n\t */\r\n\r\n\tfunction sizeVideo() {\r\n\t\t// Set initial vars\r\n\r\n\t\tInstance.windowHeight = Instance.viewportHeight = Formstone.windowHeight - Instance.mobilePaddingVertical - Instance.paddingVertical;\r\n\t\tInstance.windowWidth = Instance.viewportWidth = Formstone.windowWidth - Instance.mobilePaddingHorizontal - Instance.paddingHorizontal;\r\n\t\tInstance.videoMarginTop = 0;\r\n\t\tInstance.videoMarginLeft = 0;\r\n\r\n\t\tif (Instance.isMobile) {\r\n\t\t\tif (Instance.isTouch) {\r\n\t\t\t\tInstance.$controlBox.css({\r\n\t\t\t\t\twidth: Formstone.windowWidth\r\n\t\t\t\t});\r\n\t\t\t\tInstance.spacerHeight = Instance.$controls.outerHeight(true);\r\n\t\t\t} else {\r\n\t\t\t\tInstance.$tools.css({\r\n\t\t\t\t\twidth: Formstone.windowWidth\r\n\t\t\t\t});\r\n\t\t\t\tInstance.spacerHeight = Instance.$tools.outerHeight(true);\r\n\t\t\t}\r\n\t\t\tInstance.viewportHeight -= Instance.spacerHeight;\r\n\r\n\t\t\tInstance.targetVideoWidth = Instance.viewportWidth;\r\n\t\t\tInstance.targetVideoHeight = Instance.targetVideoWidth * Instance.videoRatio;\r\n\r\n\t\t\tif (Instance.targetVideoHeight > Instance.viewportHeight) {\r\n\t\t\t\tInstance.targetVideoHeight = Instance.viewportHeight;\r\n\t\t\t\tInstance.targetVideoWidth = Instance.targetVideoHeight / Instance.videoRatio;\r\n\t\t\t}\r\n\r\n\t\t\tInstance.videoMarginTop = (Instance.viewportHeight - Instance.targetVideoHeight) / 2;\r\n\t\t\tInstance.videoMarginLeft = (Instance.viewportWidth - Instance.targetVideoWidth) / 2;\r\n\t\t} else {\r\n\t\t\tInstance.viewportHeight = Instance.windowHeight - Instance.margin;\r\n\t\t\tInstance.viewportWidth = Instance.windowWidth - Instance.margin;\r\n\r\n\t\t\tInstance.targetVideoWidth = (Instance.videoWidth > Instance.viewportWidth) ? Instance.viewportWidth : Instance.videoWidth;\r\n\t\t\tif (Instance.targetVideoWidth < Instance.minWidth) {\r\n\t\t\t\tInstance.targetVideoWidth = Instance.minWidth;\r\n\t\t\t}\r\n\t\t\tInstance.targetVideoHeight = Instance.targetVideoWidth * Instance.videoRatio;\r\n\r\n\t\t\tInstance.contentHeight = Instance.targetVideoHeight;\r\n\t\t\tInstance.contentWidth = Instance.targetVideoWidth;\r\n\t\t}\r\n\r\n\t\t// Update dom\r\n\t\tif (!Instance.isMobile && !Instance.isTouch) {\r\n\t\t\tInstance.$meta.css({\r\n\t\t\t\twidth: Instance.contentWidth\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tInstance.$videoWrapper.css({\r\n\t\t\theight: Instance.targetVideoHeight,\r\n\t\t\twidth: Instance.targetVideoWidth,\r\n\t\t\tmarginTop: Instance.videoMarginTop,\r\n\t\t\tmarginLeft: Instance.videoMarginLeft\r\n\t\t});\r\n\r\n\t\tif (!Instance.isMobile) {\r\n\t\t\tInstance.metaHeight = Instance.$meta.outerHeight(true);\r\n\t\t\tInstance.contentHeight = Instance.targetVideoHeight + Instance.metaHeight;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name preloadGallery\r\n\t * @description Preloads previous and next images in gallery for faster rendering.\r\n\t * @param e [object] \"Event Data\"\r\n\t */\r\n\r\n\tfunction preloadGallery(e) {\r\n\t\tvar source = '';\r\n\r\n\t\tif (Instance.gallery.index > 0) {\r\n\t\t\tsource = Instance.gallery.$items.eq(Instance.gallery.index - 1).attr(\"href\");\r\n\t\t\tif (!checkVideo(source)) {\r\n\t\t\t\t$('![](\"')
');\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (Instance.gallery.index < Instance.gallery.total) {\r\n\t\t\tsource = Instance.gallery.$items.eq(Instance.gallery.index + 1).attr(\"href\");\r\n\t\t\tif (!checkVideo(source)) {\r\n\t\t\t\t$('');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name advanceGallery\r\n\t * @description Advances gallery base on direction.\r\n\t * @param e [object] \"Event Data\"\r\n\t */\r\n\r\n\tfunction advanceGallery(e) {\r\n\t\tFunctions.killEvent(e);\r\n\r\n\t\tvar $control = $(e.currentTarget);\r\n\r\n\t\tif (!Instance.isAnimating && !$control.hasClass(Classes.raw.control_disabled)) {\r\n\t\t\tInstance.isAnimating = true;\r\n\r\n\t\t\tclearTouch();\r\n\t\t\tcloseCaption();\r\n\r\n\t\t\tInstance.gallery.index += ($control.hasClass(Classes.raw.control_next)) ? 1 : -1;\r\n\t\t\tif (Instance.gallery.index > Instance.gallery.total) {\r\n\t\t\t\tInstance.gallery.index = (Instance.infinite) ? 0 : Instance.gallery.total;\r\n\t\t\t}\r\n\t\t\tif (Instance.gallery.index < 0) {\r\n\t\t\t\tInstance.gallery.index = (Instance.infinite) ? Instance.gallery.total : 0;\r\n\t\t\t}\r\n\r\n\t\t\tInstance.$lightbox.addClass(Classes.raw.animating);\r\n\r\n\t\t\tInstance.$container.fsTransition({\r\n\t\t\t\tproperty: \"opacity\"\r\n\t\t\t},\r\n\t\t\tfunction() {\r\n\t\t\t\tif (typeof Instance.$imageContainer !== 'undefined') {\r\n\t\t\t\t\tInstance.$imageContainer.remove();\r\n\t\t\t\t}\r\n\t\t\t\tif (typeof Instance.$videoWrapper !== 'undefined') {\r\n\t\t\t\t\tInstance.$videoWrapper.remove();\r\n\t\t\t\t}\r\n\t\t\t\tInstance.$el = Instance.gallery.$items.eq(Instance.gallery.index);\r\n\r\n\t\t\t\tInstance.$caption.html(Instance.formatter.call(Instance.$el, Instance));\r\n\t\t\t\tInstance.$position.find(Classes.position_current).html(Instance.gallery.index + 1);\r\n\r\n\t\t\t\tvar source = Instance.$el.attr(\"href\"),\r\n\t\t\t\t\tisVideo = checkVideo(source);\r\n\r\n\t\t\t\tif (isVideo) {\r\n\t\t\t\t\tInstance.type = \"video\";\r\n\r\n\t\t\t\t\tloadVideo(source);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tInstance.type = \"image\";\r\n\r\n\t\t\t\t\tloadImage(source);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tupdateGalleryControls();\r\n\r\n\t\t\t});\r\n\r\n\t\t\tInstance.$lightbox.addClass(Classes.raw.loading);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name updateGalleryControls\r\n\t * @description Updates gallery control states.\r\n\t */\r\n\r\n\tfunction updateGalleryControls() {\r\n\t\tInstance.$controls.removeClass(Classes.raw.control_disabled);\r\n\r\n\t\tif (!Instance.infinite) {\r\n\t\t\tif (Instance.gallery.index === 0) {\r\n\t\t\t\tInstance.$controls.filter(Classes.control_previous).addClass(RawClasses.control_disabled);\r\n\t\t\t}\r\n\t\t\tif (Instance.gallery.index === Instance.gallery.total) {\r\n\t\t\t\tInstance.$controls.filter(Classes.control_next).addClass(RawClasses.control_disabled);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name onKeyDown\r\n\t * @description Handles keypress in gallery.\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\r\n\tfunction onKeyDown(e) {\r\n\t\tif (Instance.gallery.active && (e.keyCode === 37 || e.keyCode === 39)) {\r\n\t\t\tFunctions.killEvent(e);\r\n\r\n\t\t\tInstance.$controls.filter((e.keyCode === 37) ? Classes.control_previous : Classes.control_next).trigger(Events.click);\r\n\t\t} else if (e.keyCode === 27) {\r\n\t\t\tInstance.$close.trigger(Events.click);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name appendContents\r\n\t * @description Moves target inline element.\r\n\t * @param id [string] \"Target element id\"\r\n\t */\r\n\r\n\tfunction appendContents(id) {\r\n\t\tInstance.$inlineTarget = $(id);\r\n\t\tInstance.$inlineContents = Instance.$inlineTarget.children().detach();\r\n\r\n\t\tappendObject(Instance.$inlineContents);\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name restoreContents\r\n\t * @description Restores inline element.\r\n\t */\r\n\r\n\tfunction restoreContents() {\r\n\t\tInstance.$inlineTarget.append( Instance.$inlineContents.detach() );\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name loadURL\r\n\t * @description Load URL into iframe.\r\n\t * @param source [string] \"Target URL\"\r\n\t */\r\n\r\n\tfunction loadURL(source) {\r\n\t\tsource = source + ((source.indexOf(\"?\") > -1) ? \"&\" + Instance.requestKey + \"=true\" : \"?\" + Instance.requestKey + \"=true\");\r\n\t\tvar $iframe = $('');\r\n\t\tappendObject($iframe);\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name appendObject\r\n\t * @description Appends and sizes object.\r\n\t * @param $object [jQuery Object] \"Object to append\"\r\n\t */\r\n\r\n\tfunction appendObject($object) {\r\n\t\tInstance.$content.append($object);\r\n\t\tsizeContent($object);\r\n\t\topenLightbox();\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name sizeContent\r\n\t * @description Sizes jQuery object to fir in viewport.\r\n\t * @param $object [jQuery Object] \"Object to size\"\r\n\t */\r\n\r\n\tfunction sizeContent($object) {\r\n\t\tInstance.windowHeight\t = Formstone.windowHeight - Instance.mobilePaddingVertical - Instance.paddingVertical;\r\n\t\tInstance.windowWidth\t = Formstone.windowWidth - Instance.mobilePaddingHorizontal - Instance.paddingHorizontal;\r\n\r\n\t\tInstance.objectHeight\t = $object.outerHeight(true);\r\n\t\tInstance.objectWidth\t = $object.outerWidth(true);\r\n\t\tInstance.targetHeight\t = Instance.targetHeight || (Instance.$el ? Instance.$el.data(Namespace + \"-height\") : null);\r\n\t\tInstance.targetWidth\t = Instance.targetWidth || (Instance.$el ? Instance.$el.data(Namespace + \"-width\") : null);\r\n\t\tInstance.maxHeight\t\t = (Instance.windowHeight < 0) ? Instance.minHeight : Instance.windowHeight;\r\n\t\tInstance.isIframe\t\t = $object.is(\"iframe\");\r\n\t\tInstance.objectMarginTop = 0;\r\n\t\tInstance.objectMarginLeft = 0;\r\n\r\n\t\tif (!Instance.isMobile) {\r\n\t\t\tInstance.windowHeight -= Instance.margin;\r\n\t\t\tInstance.windowWidth -= Instance.margin;\r\n\t\t}\r\n\r\n\t\tInstance.contentHeight = (Instance.targetHeight) ? Instance.targetHeight : (Instance.isIframe || Instance.isMobile) ? Instance.windowHeight : Instance.objectHeight;\r\n\t\tInstance.contentWidth = (Instance.targetWidth) ? Instance.targetWidth : (Instance.isIframe || Instance.isMobile) ? Instance.windowWidth : Instance.objectWidth;\r\n\r\n\t\tif ((Instance.isIframe || Instance.isObject) && Instance.isMobile) {\r\n\t\t\tInstance.contentHeight = Instance.windowHeight;\r\n\t\t\tInstance.contentWidth = Instance.windowWidth;\r\n\t\t} else if (Instance.isObject) {\r\n\t\t\tInstance.contentHeight = (Instance.contentHeight > Instance.windowHeight) ? Instance.windowHeight : Instance.contentHeight;\r\n\t\t\tInstance.contentWidth = (Instance.contentWidth > Instance.windowWidth) ? Instance.windowWidth : Instance.contentWidth;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name loadError\r\n\t * @description Error when resource fails to load.\r\n\t */\r\n\r\n\tfunction loadError() {\r\n\t\tvar $error = $('');\r\n\r\n\t\t// Clean up\r\n\t\tInstance.type = \"element\";\r\n\t\tInstance.$tools.remove();\r\n\r\n\t\tInstance.$image.off(Events.namespace);\r\n\r\n\t\tappendObject($error);\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name onSwipe\r\n\t * @description Handles swipe event\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\r\n\tfunction onSwipe(e) {\r\n\t\tif (!Instance.captionOpen) {\r\n\t\t\tInstance.$controls.filter((e.directionX === \"left\") ? Classes.control_next : Classes.control_previous).trigger(Events.click);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name calculateNaturalSize\r\n\t * @description Determines natural size of target image.\r\n\t * @param $img [jQuery object] \"Source image object\"\r\n\t * @return [object | boolean] \"Object containing natural height and width values or false\"\r\n\t */\r\n\r\n\tfunction calculateNaturalSize($img) {\r\n\t\tvar node = $img[0],\r\n\t\t\timg = new Image();\r\n\r\n\t\tif (typeof node.naturalHeight !== \"undefined\") {\r\n\t\t\treturn {\r\n\t\t\t\tnaturalHeight: node.naturalHeight,\r\n\t\t\t\tnaturalWidth: node.naturalWidth\r\n\t\t\t};\r\n\t\t} else {\r\n\t\t\tif (node.tagName.toLowerCase() === 'img') {\r\n\t\t\t\timg.src = node.src;\r\n\t\t\t\treturn {\r\n\t\t\t\t\tnaturalHeight: img.height,\r\n\t\t\t\t\tnaturalWidth: img.width\r\n\t\t\t\t};\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name checkVideo\r\n\t * @description Determines if url is a YouTube or Vimeo url.\r\n\t * @param source [string] \"Source url\"\r\n\t * @return [boolean] \"True if YouTube or Vimeo url\"\r\n\t */\r\n\r\n\tfunction checkVideo(source) {\r\n\t\tvar formats = Instance.videoFormatter,\r\n\t\t\tparts;\r\n\r\n\t\tfor (var i in formats) {\r\n\t\t\tif (formats.hasOwnProperty(i)) {\r\n\t\t\t\tparts = source.match( formats[i].pattern );\r\n\r\n\t\t\t\tif (parts !== null) {\r\n\t\t\t\t\treturn formats[i].format.call(Instance, parts);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * @plugin\r\n\t * @name Lightbox\r\n\t * @description A jQuery plugin for simple modals.\r\n\t * @type widget\r\n\t * @main lightbox.js\r\n\t * @main lightbox.css\r\n\t * @dependency jQuery\r\n\t * @dependency core.js\r\n\t * @dependency touch.js\r\n\t * @dependency transition.js\r\n\t */\r\n\r\n\tvar Plugin = Formstone.Plugin(\"lightbox\", {\r\n\t\t\twidget: true,\r\n\r\n\t\t\t/**\r\n\t\t\t * @options\r\n\t\t\t * @param customClass [string] <''> \"Class applied to instance\"\r\n\t\t\t * @param fileTypes [regex] <> \"Image file types\"\r\n\t\t\t * @param fixed [boolean] \"Flag for fixed positioning\"\r\n\t\t\t * @param formatter [function] <$.noop> \"Caption format function\"\r\n\t\t\t * @param infinite [boolean] \"Flag for infinite galleries\"\r\n\t\t\t * @param labels.close [string] <'Close'> \"Close button text\"\r\n\t\t\t * @param labels.count [string] <'of'> \"Gallery count separator text\"\r\n\t\t\t * @param labels.next [string] <'Next'> \"Gallery control text\"\r\n\t\t\t * @param labels.previous [string] <'Previous'> \"Gallery control text\"\r\n\t\t\t * @param labels.captionClosed [string] <'View Caption'> \"Mobile caption toggle text, closed state\"\r\n\t\t\t * @param labels.captionOpen [string] <'View Caption'> \"Mobile caption toggle text, open state\"\r\n\t\t\t * @param margin [int] <50> \"Margin used when sizing (single side)\"\r\n\t\t\t * @param minHeight [int] <100> \"Minimum height of modal\"\r\n\t\t\t * @param minWidth [int] <100> \"Minimum width of modal\"\r\n\t\t\t * @param mobile [boolean] \"Flag to force 'mobile' rendering\"\r\n\t\t\t * @param retina [boolean] \"Flag to use 'retina' sizing (halves natural sizes)\"\r\n\t\t\t * @param requestKey [string] <'fs-lightbox'> \"GET variable for ajax / iframe requests\"\r\n\t\t\t * @param theme [string] <\"fs-light\"> \"Theme class name\"\r\n\t\t\t * @param top [int] <0> \"Target top position; over-rides centering\"\r\n\t\t\t * @param touch [boolean] \"Flag to allow touch zoom on 'mobile' rendering\"\r\n\t\t\t * @param videoFormatter [array] <[]> \"Object of video formatter objects containing a 'pattern' regex and 'format' callback\"\r\n\t\t\t * @param videoRatio [number] <0.5625> \"Video height / width ratio (9 / 16 = 0.5625)\"\r\n\t\t\t * @param videoWidth [int] <800> \"Video max width\"\r\n\t\t\t */\r\n\r\n\t\t\tdefaults: {\r\n\t\t\t\tcustomClass : \"\",\r\n\t\t\t\tfileTypes : /\\.(jpg|sjpg|jpeg|png|gif)$/i,\r\n\t\t\t\tfixed : false,\r\n\t\t\t\tformatter : formatCaption,\r\n\t\t\t\tinfinite : false,\r\n\t\t\t\tlabels: {\r\n\t\t\t\t\tclose : \"Close\",\r\n\t\t\t\t\tcount : \"of\",\r\n\t\t\t\t\tnext : \"Next\",\r\n\t\t\t\t\tprevious : \"Previous\",\r\n\t\t\t\t\tcaptionClosed : \"View Caption\",\r\n\t\t\t\t\tcaptionOpen : \"Close Caption\"\r\n\t\t\t\t},\r\n\t\t\t\tmargin : 50,\r\n\t\t\t\tminHeight : 100,\r\n\t\t\t\tminWidth : 100,\r\n\t\t\t\tmobile : false,\r\n\t\t\t\tretina : false,\r\n\t\t\t\trequestKey : \"fs-lightbox\",\r\n\t\t\t\ttheme : \"fs-light\",\r\n\t\t\t\ttop : 0,\r\n\t\t\t\ttouch : true,\r\n\t\t\t\tvideoFormatter : {\r\n\t\t\t\t\t\"youtube\": {\r\n\t\t\t\t\t\tpattern : /(?:youtube\\.com\\/(?:[^\\/]+\\/.+\\/|(?:v|e(?:mbed)?)\\/|.*[?&]v=)|youtu\\.be\\/)([^\"&?\\/ ]{11})/,\r\n\t\t\t\t\t\tformat : formatYouTube\r\n\t\t\t\t\t},\r\n\t\t\t\t\t\"vimeo\": {\r\n\t\t\t\t\t\tpattern : /(?:www\\.|player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\d+)\\/video\\/|video\\/|)(\\d+)(?:$|\\/|\\?)/,\r\n\t\t\t\t\t\tformat : formatVimeo\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tvideoRatio : 0.5625,\r\n\t\t\t\tvideoWidth : 800\r\n\t\t\t},\r\n\r\n\t\t\tclasses: [\r\n\t\t\t\t\"loading\",\r\n\t\t\t\t\"animating\",\r\n\t\t\t\t\"fixed\",\r\n\t\t\t\t\"mobile\",\r\n\t\t\t\t\"touch\",\r\n\t\t\t\t\"inline\",\r\n\t\t\t\t\"iframed\",\r\n\t\t\t\t\"open\",\r\n\t\t\t\t\"overlay\",\r\n\t\t\t\t\"close\",\r\n\t\t\t\t\"loading_icon\",\r\n\t\t\t\t\"container\",\r\n\t\t\t\t\"content\",\r\n\t\t\t\t\"image\",\r\n\t\t\t\t\"image_container\",\r\n\t\t\t\t\"video\",\r\n\t\t\t\t\"video_wrapper\",\r\n\t\t\t\t\"tools\",\r\n\t\t\t\t\"meta\",\r\n\t\t\t\t\"controls\",\r\n\t\t\t\t\"control\",\r\n\t\t\t\t\"control_previous\",\r\n\t\t\t\t\"control_next\",\r\n\t\t\t\t\"control_disabled\",\r\n\t\t\t\t\"position\",\r\n\t\t\t\t\"position_current\",\r\n\t\t\t\t\"position_total\",\r\n\t\t\t\t\"caption_toggle\",\r\n\t\t\t\t\"caption\",\r\n\t\t\t\t\"caption_open\",\r\n\t\t\t\t\"has_controls\",\r\n\t\t\t\t\"has_caption\",\r\n\t\t\t\t\"iframe\",\r\n\t\t\t\t\"error\",\r\n\t\t\t\t\"lock\"\r\n\t\t\t],\r\n\r\n\t\t\t/**\r\n\t\t\t * @events\r\n\t\t\t * @event open.lightbox \"Lightbox opened; Triggered on window\"\r\n\t\t\t * @event close.lightbox \"Lightbox closed; Triggered on window\"\r\n\t\t\t */\r\n\r\n\t\t\tevents: {\r\n\t\t\t\topen : \"open\",\r\n\t\t\t\tclose : \"close\"\r\n\t\t\t},\r\n\r\n\t\t\tmethods: {\r\n\t\t\t\t_setup : setup,\r\n\t\t\t\t_construct : construct,\r\n\t\t\t\t_destruct : destruct,\r\n\t\t\t\t_resize : resize,\r\n\r\n\t\t\t\tresize : resizeLightbox\r\n\t\t\t},\r\n\r\n\t\t\tutilities: {\r\n\t\t\t\t_initialize : initialize,\r\n\r\n\t\t\t\tclose : closeLightbox\r\n\t\t\t}\r\n\t\t}),\r\n\r\n\t\t// Localize References\r\n\r\n\t\tNamespace = Plugin.namespace,\r\n\t\tDefaults = Plugin.defaults,\r\n\t\tClasses = Plugin.classes,\r\n\t\tRawClasses = Classes.raw,\r\n\t\tEvents = Plugin.events,\r\n\t\tFunctions = Plugin.functions,\r\n\t\tWindow = Formstone.window,\r\n\t\t$Window = Formstone.$window,\r\n\t\t$Body = null,\r\n\r\n\t\t// Internal\r\n\r\n\t\t$Locks = null,\r\n\t\tOnLoad = false,\r\n\t\tOnLoaded = false,\r\n\r\n\t\t// Singleton\r\n\r\n\t\tInstance = null;\r\n\r\n})\r\n\r\n);","(function (w, $) {\n 'use strict';\n \n // 检查是否为IE8或更低浏览器\n var isOlderIE = false;\n if (/MSIE (\\d+\\.\\d+);/.test(navigator.userAgent)) {\n var ieversion = new Number(RegExp.$1);\n if (ieversion <= 8) {\n isOlderIE = true;\n }\n \n if (ieversion == 8) {\n $(\"html\").addClass('ie8');\n }\n }\n\n\n var isAsideAttached = false,\n atBottom = false;\n var checkAside = function () {\n if ($(window).scrollTop() > 80) {\n if (!isAsideAttached) {\n $(\"#asided-page\").addClass('attached');\n isAsideAttached = true;\n }\n\n\n if ($(document).height() - $(window).scrollTop() - $('footer').outerHeight() - 10 < $(\".side-box\").height()) {\n if (!atBottom) {\n $(\"#asided-page\").addClass('bottom');\n atBottom = true;\n }\n\n } else {\n if (atBottom) {\n $(\"#asided-page\").removeClass('bottom');\n atBottom = false;\n }\n }\n\n } else {\n\n if (isAsideAttached) {\n $(\"#asided-page\").removeClass('attached');\n isAsideAttached = false;\n }\n\n if (atBottom) {\n $(\"#asided-page\").removeClass('bottom');\n atBottom = false;\n }\n }\n }\n\n /**\n * 识别并转换两种模式的图片\n * 一种是单独一个![]()
标签\n * 另一种为\n * 将作为附件的形式下载\n */\n var initLightBox = function () {\n if (isOlderIE) {\n $(\".content-area img\")\n .css('cursor', 'pointer')\n .click(function(){\n $(this).toggleClass('expand');\n })\n .parent('p').find('a').remove();\n return;\n }\n \n $(\".content-area img\").each(function (idx) {\n var $parentParagragh = $(this).parent('p'),\n downloadLinks = [];\n\n // 第二种模式\n if ($parentParagragh) {\n $parentParagragh.find('a').not(\".fs-lightbox-element\").each(function () {\n downloadLinks.push({\n title: $(this).html(),\n href: $(this).attr('href')\n });\n\n $(this).remove();\n });\n }\n\n $(this).wrap(function () {\n return '';\n })\n .parent()\n .data('downloadLinks', downloadLinks)\n .lightbox({\n theme: \"fs-light\",\n fixed: true,\n margin: 10,\n labels: {\n captionClosed: \"查看附件\",\n captionOpen: \"关闭附件\"\n },\n formatter: function () {\n var html = '',\n _data = $(this).data('downloadLinks');\n// console.log(_data);\n \n $.each(_data, function (idx, row) {\n html += ' ' + row.title + '';\n });\n return html;\n }\n });\n });\n \n \n // wheelzoom the img\n $(window).on(\"open.lightbox\", function() {\n var $target = $(\".fs-lightbox\")\n .not(\".fs-lightbox-mobile\")\n .find(\".fs-lightbox-image\");\n \n wheelzoom( $target.css('cursor', 'ns-resize') );\n });\n }\n\n var initMinHeight = function () {\n var newMargin = $(window).height() - $('footer').offset().top - $('footer').outerHeight();\n\n if (newMargin > 0) {\n $('footer').css('marginTop', newMargin);\n }\n }\n \n var scrollToTitle = function(e) {\n e.preventDefault();\n \n var targetId = $(this).attr('href');\n \n if (targetId) {\n $('html, body').stop().animate({\n scrollTop: $(targetId).offset().top\n }, 1000);\n }\n }\n\n\n $(function () {\n checkAside();\n $('.nav-expand').click(function () {\n $(this).parent().toggleClass('open');\n });\n $(window).scroll(checkAside);\n \n $('.toc-links').click(scrollToTitle);\n\n initLightBox();\n initMinHeight();\n });\n\n})(this, jQuery);"],"sourceRoot":"/source/"}
';\r\n\t\t\thtml += '';\r\n\t\t\thtml += '';\r\n\t\t\thtml += '
'; //container, content, lightbox\r\n\r\n\t\t\t// Modify Dom\r\n\t\t\t$Body.append(html);\r\n\r\n\t\t\t// Cache jquery objects\r\n\t\t\tInstance.$overlay = $(Classes.overlay);\r\n\t\t\tInstance.$lightbox = $(Classes.base);\r\n\t\t\tInstance.$close = $(Classes.close);\r\n\t\t\tInstance.$container = $(Classes.container);\r\n\t\t\tInstance.$content = $(Classes.content);\r\n\t\t\tInstance.$tools = $(Classes.tools);\r\n\t\t\tInstance.$meta = $(Classes.meta);\r\n\t\t\tInstance.$position = $(Classes.position);\r\n\t\t\tInstance.$caption = $(Classes.caption);\r\n\t\t\tInstance.$controlBox = $(Classes.controls);\r\n\t\t\tInstance.$controls = $(Classes.control);\r\n\r\n\t\t\tif (Instance.isMobile) {\r\n\t\t\t\tInstance.paddingVertical = Instance.$close.outerHeight();\r\n\t\t\t\tInstance.paddingHorizontal = 0;\r\n\r\n\t\t\t\tInstance.mobilePaddingVertical = parseInt(Instance.$content.css(\"paddingTop\"), 10) + parseInt(Instance.$content.css(\"paddingBottom\"), 10);\r\n\t\t\t\tInstance.mobilePaddingHorizontal = parseInt(Instance.$content.css(\"paddingLeft\"), 10) + parseInt(Instance.$content.css(\"paddingRight\"), 10);\r\n\t\t\t} else {\r\n\t\t\t\tInstance.paddingVertical = parseInt(Instance.$lightbox.css(\"paddingTop\"), 10) + parseInt(Instance.$lightbox.css(\"paddingBottom\"), 10);\r\n\t\t\t\tInstance.paddingHorizontal = parseInt(Instance.$lightbox.css(\"paddingLeft\"), 10) + parseInt(Instance.$lightbox.css(\"paddingRight\"), 10);\r\n\r\n\t\t\t\tInstance.mobilePaddingVertical = 0;\r\n\t\t\t\tInstance.mobilePaddingHorizontal = 0;\r\n\t\t\t}\r\n\r\n\t\t\tInstance.contentHeight = Instance.$lightbox.outerHeight() - Instance.paddingVertical;\r\n\t\t\tInstance.contentWidth = Instance.$lightbox.outerWidth() - Instance.paddingHorizontal;\r\n\t\t\tInstance.controlHeight = Instance.$controls.outerHeight();\r\n\r\n\t\t\t// Center\r\n\t\t\tcenterLightbox();\r\n\r\n\t\t\t// Update gallery\r\n\t\t\tif (Instance.gallery.active) {\r\n\t\t\t\tInstance.$lightbox.addClass(RawClasses.has_controls);\r\n\t\t\t\tupdateGalleryControls();\r\n\t\t\t}\r\n\r\n\t\t\t// Bind events\r\n\t\t\t$Window.on(Events.keyDown, onKeyDown);\r\n\r\n\t\t\t$Body.on(Events.click, [Classes.overlay, Classes.close].join(\", \"), closeLightbox);\r\n\r\n\t\t\tif (Instance.gallery.active) {\r\n\t\t\t\tInstance.$lightbox.on(Events.click, Classes.control, advanceGallery);\r\n\t\t\t}\r\n\r\n\t\t\tif (Instance.isMobile && Instance.isTouch) {\r\n\t\t\t\tInstance.$lightbox.on(Events.click, Classes.caption_toggle, toggleCaption);\r\n\t\t\t}\r\n\r\n\t\t\tInstance.$lightbox.fsTransition({\r\n\t\t\t\tproperty: \"opacity\"\r\n\t\t\t},\r\n\t\t\tfunction() {\r\n\t\t\t\tif (isImage) {\r\n\t\t\t\t\tloadImage(source);\r\n\t\t\t\t} else if (isVideo) {\r\n\t\t\t\t\tloadVideo(source);\r\n\t\t\t\t} else if (isUrl) {\r\n\t\t\t\t\tloadURL(source);\r\n\t\t\t\t} else if (isElement) {\r\n\t\t\t\t\tappendContents(source);\r\n\t\t\t\t} else if (isObject) {\r\n\t\t\t\t\tappendObject(Instance.$object);\r\n\t\t\t\t}\r\n\t\t\t}).addClass(Classes.raw.open);\r\n\r\n\t\t\tInstance.$overlay.addClass(Classes.raw.open);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method\r\n\t * @name resize\r\n\t * @description Resizes lightbox.\r\n\t * @example $.lightbox(\"resize\");\r\n\t * @param height [int | false] \"Target height or false to auto size\"\r\n\t * @param width [int | false] \"Target width or false to auto size\"\r\n\t */\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name resizeLightbox\r\n\t * @description Triggers resize of instance.\r\n\t */\r\n\r\n\tfunction resizeLightbox(e) {\r\n\t\tif (typeof e !== \"object\") {\r\n\t\t\tInstance.targetHeight = arguments[0];\r\n\t\t\tInstance.targetWidth = arguments[1];\r\n\t\t}\r\n\r\n\t\tif (Instance.type === \"element\") {\r\n\t\t\tsizeContent(Instance.$content.find(\"> :first-child\"));\r\n\t\t} else if (Instance.type === \"image\") {\r\n\t\t\tsizeImage();\r\n\t\t} else if (Instance.type === \"video\") {\r\n\t\t\tsizeVideo();\r\n\t\t}\r\n\r\n\t\tsizeLightbox();\r\n\t}\r\n\r\n\t/**\r\n\t * @method\r\n\t * @name close\r\n\t * @description Closes active instance.\r\n\t * @example $.lightbox(\"close\");\r\n\t */\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name closeLightbox\r\n\t * @description Closes active instance.\r\n\t * @param e [object] \"Event data\"\r\n\t */\r\n\r\n\tfunction closeLightbox(e) {\r\n\t\tFunctions.killEvent(e);\r\n\r\n\t\tif (Instance) {\r\n\t\t\tInstance.$lightbox.fsTransition(\"destroy\");\r\n\t\t\tInstance.$container.fsTransition(\"destroy\");\r\n\r\n\t\t\tclearTouch();\r\n\r\n\t\t\tInstance.$lightbox.addClass(Classes.raw.animating).fsTransition({\r\n\t\t\t\tproperty: \"opacity\"\r\n\t\t\t},\r\n\t\t\tfunction(e) {\r\n\t\t\t\t// Clean up\r\n\t\t\t\tif (typeof Instance.$inlineTarget !== 'undefined' && Instance.$inlineTarget.length) {\r\n\t\t\t\t\trestoreContents();\r\n\t\t\t\t}\r\n\r\n\t\t\t\tInstance.$lightbox.off(Events.namespace);\r\n\t\t\t\tInstance.$container.off(Events.namespace);\r\n\t\t\t\t$Window.off(Events.keyDown);\r\n\t\t\t\t$Body.off(Events.namespace);\r\n\r\n\t\t\t\tInstance.$overlay.remove();\r\n\t\t\t\tInstance.$lightbox.remove();\r\n\r\n\t\t\t\t// Reset Instance\r\n\t\t\t\tInstance = null;\r\n\r\n\t\t\t\t$Window.trigger(Events.close);\r\n\t\t\t});\r\n\r\n\t\t\tInstance.$lightbox.removeClass(Classes.raw.open);\r\n\t\t\tInstance.$overlay.removeClass(Classes.raw.open);\r\n\r\n\t\t\tif (Instance.isMobile) {\r\n\t\t\t\t$Locks.removeClass(RawClasses.lock);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name openLightbox\r\n\t * @description Opens active instance.\r\n\t */\r\n\r\n\tfunction openLightbox() {\r\n\t\tvar position = calculatePosition(),\r\n\t\t\tdurration = Instance.isMobile ? 0 : Instance.duration;\r\n\r\n\t\tif (!Instance.isMobile) {\r\n\t\t\tInstance.$controls.css({\r\n\t\t\t\tmarginTop: ((Instance.contentHeight - Instance.controlHeight - Instance.metaHeight) / 2)\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t/*\r\n\t\tif (!Instance.visible && Instance.isMobile && Instance.gallery.active) {\r\n\t\t\tInstance.$content.fsTouch({\r\n\t\t\t\taxis: \"x\",\r\n\t\t\t\tswipe: true\r\n\t\t\t}).on(Events.swipe, onSwipe);\r\n\t\t}\r\n\t\t*/\r\n\r\n\t\tInstance.$lightbox.fsTransition({\r\n\t\t\tproperty: (Instance.contentHeight !== Instance.oldContentHeight) ? \"height\" : \"width\"\r\n\t\t},\r\n\t\tfunction() {\r\n\t\t\tInstance.$container.fsTransition({\r\n\t\t\t\tproperty: \"opacity\"\r\n\t\t\t},\r\n\t\t\tfunction() {\r\n\t\t\t\tInstance.$lightbox.removeClass(Classes.raw.animating);\r\n\t\t\t\tInstance.isAnimating = false;\r\n\t\t\t});\r\n\r\n\t\t\tInstance.$lightbox.removeClass(Classes.raw.loading);\r\n\r\n\t\t\tInstance.visible = true;\r\n\r\n\t\t\t// Fire open event\r\n\t\t\t$Window.trigger(Events.open);\r\n\r\n\t\t\t// Start preloading\r\n\t\t\tif (Instance.gallery.active) {\r\n\t\t\t\tpreloadGallery();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (!Instance.isMobile) {\r\n\t\t\tInstance.$lightbox.css({\r\n\t\t\t\theight: Instance.contentHeight + Instance.paddingVertical,\r\n\t\t\t\twidth: Instance.contentWidth + Instance.paddingHorizontal,\r\n\t\t\t\ttop: (!Instance.fixed) ? position.top : 0\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// Trigger event in case the content size hasn't changed\r\n\t\tvar contentHasChanged = (Instance.oldContentHeight !== Instance.contentHeight || Instance.oldContentWidth !== Instance.contentWidth);\r\n\r\n\t\tif (Instance.isMobile || !contentHasChanged) {\r\n\t\t\tInstance.$lightbox.fsTransition(\"resolve\");\r\n\t\t}\r\n\r\n\t\t// Track content size changes\r\n\t\tInstance.oldContentHeight = Instance.contentHeight;\r\n\t\tInstance.oldContentWidth = Instance.contentWidth;\r\n\r\n\t\tif (Instance.isMobile) {\r\n\t\t\t$Locks.addClass(RawClasses.lock);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name sizeLightbox\r\n\t * @description Sizes active instance.\r\n\t */\r\n\r\n\tfunction sizeLightbox() {\r\n\t\tif (Instance.visible && !Instance.isMobile) {\r\n\t\t\tvar position = calculatePosition();\r\n\r\n\t\t\tInstance.$controls.css({\r\n\t\t\t\tmarginTop: ((Instance.contentHeight - Instance.controlHeight - Instance.metaHeight) / 2)\r\n\t\t\t});\r\n\r\n\t\t\tInstance.$lightbox.css({\r\n\t\t\t\theight: Instance.contentHeight + Instance.paddingVertical,\r\n\t\t\t\twidth: Instance.contentWidth + Instance.paddingHorizontal,\r\n\t\t\t\ttop: (!Instance.fixed) ? position.top : 0\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name centerLightbox\r\n\t * @description Centers instance.\r\n\t */\r\n\r\n\tfunction centerLightbox() {\r\n\t\tvar position = calculatePosition();\r\n\r\n\t\tInstance.$lightbox.css({\r\n\t\t\ttop: (!Instance.fixed) ? position.top : 0\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name calculatePosition\r\n\t * @description Calculates positions.\r\n\t * @return [object] \"Object containing top and left positions\"\r\n\t */\r\n\r\n\tfunction calculatePosition() {\r\n\t\tif (Instance.isMobile) {\r\n\t\t\treturn {\r\n\t\t\t\tleft: 0,\r\n\t\t\t\ttop: 0\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\tvar pos = {\r\n\t\t\tleft: (Formstone.windowWidth - Instance.contentWidth - Instance.paddingHorizontal) / 2,\r\n\t\t\ttop: (Instance.top <= 0) ? ((Formstone.windowHeight - Instance.contentHeight - Instance.paddingVertical) / 2) : Instance.top\r\n\t\t};\r\n\r\n\t\tif (Instance.fixed !== true) {\r\n\t\t\tpos.top += $Window.scrollTop();\r\n\t\t}\r\n\r\n\t\treturn pos;\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name toggleCaption\r\n\t * @description Toggle caption.\r\n\t */\r\n\r\n\tfunction toggleCaption(e) {\r\n\t\tFunctions.killEvent(e);\r\n\r\n\t\tif (Instance.captionOpen) {\r\n\t\t\tcloseCaption();\r\n\t\t} else {\r\n\t\t\tInstance.$lightbox.addClass(Classes.raw.caption_open)\r\n\t\t\t\t.find(Classes.caption_toggle).text(Instance.labels.captionOpen);\r\n\t\t\tInstance.captionOpen = true;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name closeCaption\r\n\t * @description Close caption.\r\n\t */\r\n\r\n\tfunction closeCaption() {\r\n\t\tInstance.$lightbox.removeClass(Classes.raw.caption_open)\r\n\t\t\t.find(Classes.caption_toggle).text(Instance.labels.captionClosed);\r\n\t\tInstance.captionOpen = false;\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name formatCaption\r\n\t * @description Formats caption.\r\n\t * @param $target [jQuery object] \"Target element\"\r\n\t */\r\n\r\n\tfunction formatCaption() {\r\n\t\tvar title = this.attr(\"title\"),\r\n\t\t\tt = (title !== undefined && title) ? title.replace(/^\\s+|\\s+$/g,'') : false;\r\n\r\n\t\treturn t ? '';\r\n\t\t\thtml += '
';\r\n\t\t\tif (isImage || isVideo) {\r\n\t\t\t\thtml += '
';\r\n\r\n\t\t\t\thtml += '
'; // tools\r\n\t\t\t}\r\n\t\t\thtml += '';\r\n\t\t\t\tif (Instance.gallery.active) {\r\n\t\t\t\t\thtml += '';\r\n\t\t\t\t\thtml += '';\r\n\t\t\t\t}\r\n\t\t\t\tif (Instance.isMobile && Instance.isTouch) {\r\n\t\t\t\t\thtml += '';\r\n\t\t\t\t}\r\n\t\t\t\thtml += '
'; // controls\r\n\r\n\t\t\t\thtml += '';\r\n\t\t\t\tif (Instance.gallery.active) {\r\n\t\t\t\t\thtml += '
'; // caption, meta\r\n\r\n\t\t\t\thtml += '' + (Instance.gallery.index + 1) + ' ';\r\n\t\t\t\t\thtml += Instance.labels.count;\r\n\t\t\t\t\thtml += ' ' + (Instance.gallery.total + 1) + '';\r\n\t\t\t\t\thtml += '
';\r\n\t\t\t\t}\r\n\t\t\t\thtml += '';\r\n\t\t\t\thtml += Instance.formatter.call($el, data);\r\n\t\t\t\thtml += '
' + t + '
' : \"\";\r\n\t}\r\n\r\n\t/**\r\n\t * @method private\r\n\t * @name loadImage\r\n\t * @description Loads source image.\r\n\t * @param source [string] \"Source image URL\"\r\n\t */\r\n\r\n\tfunction loadImage(source) {\r\n\t\tInstance.hasScaled = false;\r\n\r\n\t\t// Cache current image\r\n\t\tInstance.$imageContainer = $('Error Loading Resource