\" )\n\t\t\t.attr( \"id\", id )\n\t\t\t.data( \"ui-tabs-destroy\", true );\n\t},\n\n\t_setOptionDisabled: function( disabled ) {\n\t\tvar currentItem, li, i;\n\n\t\tif ( $.isArray( disabled ) ) {\n\t\t\tif ( !disabled.length ) {\n\t\t\t\tdisabled = false;\n\t\t\t} else if ( disabled.length === this.anchors.length ) {\n\t\t\t\tdisabled = true;\n\t\t\t}\n\t\t}\n\n\t\t// Disable tabs\n\t\tfor ( i = 0; ( li = this.tabs[ i ] ); i++ ) {\n\t\t\tcurrentItem = $( li );\n\t\t\tif ( disabled === true || $.inArray( i, disabled ) !== -1 ) {\n\t\t\t\tcurrentItem.attr( \"aria-disabled\", \"true\" );\n\t\t\t\tthis._addClass( currentItem, null, \"ui-state-disabled\" );\n\t\t\t} else {\n\t\t\t\tcurrentItem.removeAttr( \"aria-disabled\" );\n\t\t\t\tthis._removeClass( currentItem, null, \"ui-state-disabled\" );\n\t\t\t}\n\t\t}\n\n\t\tthis.options.disabled = disabled;\n\n\t\tthis._toggleClass( this.widget(), this.widgetFullName + \"-disabled\", null,\n\t\t\tdisabled === true );\n\t},\n\n\t_setupEvents: function( event ) {\n\t\tvar events = {};\n\t\tif ( event ) {\n\t\t\t$.each( event.split( \" \" ), function( index, eventName ) {\n\t\t\t\tevents[ eventName ] = \"_eventHandler\";\n\t\t\t} );\n\t\t}\n\n\t\tthis._off( this.anchors.add( this.tabs ).add( this.panels ) );\n\n\t\t// Always prevent the default action, even when disabled\n\t\tthis._on( true, this.anchors, {\n\t\t\tclick: function( event ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t}\n\t\t} );\n\t\tthis._on( this.anchors, events );\n\t\tthis._on( this.tabs, { keydown: \"_tabKeydown\" } );\n\t\tthis._on( this.panels, { keydown: \"_panelKeydown\" } );\n\n\t\tthis._focusable( this.tabs );\n\t\tthis._hoverable( this.tabs );\n\t},\n\n\t_setupHeightStyle: function( heightStyle ) {\n\t\tvar maxHeight,\n\t\t\tparent = this.element.parent();\n\n\t\tif ( heightStyle === \"fill\" ) {\n\t\t\tmaxHeight = parent.height();\n\t\t\tmaxHeight -= this.element.outerHeight() - this.element.height();\n\n\t\t\tthis.element.siblings( \":visible\" ).each( function() {\n\t\t\t\tvar elem = $( this ),\n\t\t\t\t\tposition = elem.css( \"position\" );\n\n\t\t\t\tif ( position === \"absolute\" || position === \"fixed\" ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tmaxHeight -= elem.outerHeight( true );\n\t\t\t} );\n\n\t\t\tthis.element.children().not( this.panels ).each( function() {\n\t\t\t\tmaxHeight -= $( this ).outerHeight( true );\n\t\t\t} );\n\n\t\t\tthis.panels.each( function() {\n\t\t\t\t$( this ).height( Math.max( 0, maxHeight -\n\t\t\t\t\t$( this ).innerHeight() + $( this ).height() ) );\n\t\t\t} )\n\t\t\t\t.css( \"overflow\", \"auto\" );\n\t\t} else if ( heightStyle === \"auto\" ) {\n\t\t\tmaxHeight = 0;\n\t\t\tthis.panels.each( function() {\n\t\t\t\tmaxHeight = Math.max( maxHeight, $( this ).height( \"\" ).height() );\n\t\t\t} ).height( maxHeight );\n\t\t}\n\t},\n\n\t_eventHandler: function( event ) {\n\t\tvar options = this.options,\n\t\t\tactive = this.active,\n\t\t\tanchor = $( event.currentTarget ),\n\t\t\ttab = anchor.closest( \"li\" ),\n\t\t\tclickedIsActive = tab[ 0 ] === active[ 0 ],\n\t\t\tcollapsing = clickedIsActive && options.collapsible,\n\t\t\ttoShow = collapsing ? $() : this._getPanelForTab( tab ),\n\t\t\ttoHide = !active.length ? $() : this._getPanelForTab( active ),\n\t\t\teventData = {\n\t\t\t\toldTab: active,\n\t\t\t\toldPanel: toHide,\n\t\t\t\tnewTab: collapsing ? $() : tab,\n\t\t\t\tnewPanel: toShow\n\t\t\t};\n\n\t\tevent.preventDefault();\n\n\t\tif ( tab.hasClass( \"ui-state-disabled\" ) ||\n\n\t\t\t\t// tab is already loading\n\t\t\t\ttab.hasClass( \"ui-tabs-loading\" ) ||\n\n\t\t\t\t// can't switch durning an animation\n\t\t\t\tthis.running ||\n\n\t\t\t\t// click on active header, but not collapsible\n\t\t\t\t( clickedIsActive && !options.collapsible ) ||\n\n\t\t\t\t// allow canceling activation\n\t\t\t\t( this._trigger( \"beforeActivate\", event, eventData ) === false ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\toptions.active = collapsing ? false : this.tabs.index( tab );\n\n\t\tthis.active = clickedIsActive ? $() : tab;\n\t\tif ( this.xhr ) {\n\t\t\tthis.xhr.abort();\n\t\t}\n\n\t\tif ( !toHide.length && !toShow.length ) {\n\t\t\t$.error( \"jQuery UI Tabs: Mismatching fragment identifier.\" );\n\t\t}\n\n\t\tif ( toShow.length ) {\n\t\t\tthis.load( this.tabs.index( tab ), event );\n\t\t}\n\t\tthis._toggle( event, eventData );\n\t},\n\n\t// Handles show/hide for selecting tabs\n\t_toggle: function( event, eventData ) {\n\t\tvar that = this,\n\t\t\ttoShow = eventData.newPanel,\n\t\t\ttoHide = eventData.oldPanel;\n\n\t\tthis.running = true;\n\n\t\tfunction complete() {\n\t\t\tthat.running = false;\n\t\t\tthat._trigger( \"activate\", event, eventData );\n\t\t}\n\n\t\tfunction show() {\n\t\t\tthat._addClass( eventData.newTab.closest( \"li\" ), \"ui-tabs-active\", \"ui-state-active\" );\n\n\t\t\tif ( toShow.length && that.options.show ) {\n\t\t\t\tthat._show( toShow, that.options.show, complete );\n\t\t\t} else {\n\t\t\t\ttoShow.show();\n\t\t\t\tcomplete();\n\t\t\t}\n\t\t}\n\n\t\t// Start out by hiding, then showing, then completing\n\t\tif ( toHide.length && this.options.hide ) {\n\t\t\tthis._hide( toHide, this.options.hide, function() {\n\t\t\t\tthat._removeClass( eventData.oldTab.closest( \"li\" ),\n\t\t\t\t\t\"ui-tabs-active\", \"ui-state-active\" );\n\t\t\t\tshow();\n\t\t\t} );\n\t\t} else {\n\t\t\tthis._removeClass( eventData.oldTab.closest( \"li\" ),\n\t\t\t\t\"ui-tabs-active\", \"ui-state-active\" );\n\t\t\ttoHide.hide();\n\t\t\tshow();\n\t\t}\n\n\t\ttoHide.attr( \"aria-hidden\", \"true\" );\n\t\teventData.oldTab.attr( {\n\t\t\t\"aria-selected\": \"false\",\n\t\t\t\"aria-expanded\": \"false\"\n\t\t} );\n\n\t\t// If we're switching tabs, remove the old tab from the tab order.\n\t\t// If we're opening from collapsed state, remove the previous tab from the tab order.\n\t\t// If we're collapsing, then keep the collapsing tab in the tab order.\n\t\tif ( toShow.length && toHide.length ) {\n\t\t\teventData.oldTab.attr( \"tabIndex\", -1 );\n\t\t} else if ( toShow.length ) {\n\t\t\tthis.tabs.filter( function() {\n\t\t\t\treturn $( this ).attr( \"tabIndex\" ) === 0;\n\t\t\t} )\n\t\t\t\t.attr( \"tabIndex\", -1 );\n\t\t}\n\n\t\ttoShow.attr( \"aria-hidden\", \"false\" );\n\t\teventData.newTab.attr( {\n\t\t\t\"aria-selected\": \"true\",\n\t\t\t\"aria-expanded\": \"true\",\n\t\t\ttabIndex: 0\n\t\t} );\n\t},\n\n\t_activate: function( index ) {\n\t\tvar anchor,\n\t\t\tactive = this._findActive( index );\n\n\t\t// Trying to activate the already active panel\n\t\tif ( active[ 0 ] === this.active[ 0 ] ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Trying to collapse, simulate a click on the current active header\n\t\tif ( !active.length ) {\n\t\t\tactive = this.active;\n\t\t}\n\n\t\tanchor = active.find( \".ui-tabs-anchor\" )[ 0 ];\n\t\tthis._eventHandler( {\n\t\t\ttarget: anchor,\n\t\t\tcurrentTarget: anchor,\n\t\t\tpreventDefault: $.noop\n\t\t} );\n\t},\n\n\t_findActive: function( index ) {\n\t\treturn index === false ? $() : this.tabs.eq( index );\n\t},\n\n\t_getIndex: function( index ) {\n\n\t\t// meta-function to give users option to provide a href string instead of a numerical index.\n\t\tif ( typeof index === \"string\" ) {\n\t\t\tindex = this.anchors.index( this.anchors.filter( \"[href$='\" +\n\t\t\t\t$.ui.escapeSelector( index ) + \"']\" ) );\n\t\t}\n\n\t\treturn index;\n\t},\n\n\t_destroy: function() {\n\t\tif ( this.xhr ) {\n\t\t\tthis.xhr.abort();\n\t\t}\n\n\t\tthis.tablist\n\t\t\t.removeAttr( \"role\" )\n\t\t\t.off( this.eventNamespace );\n\n\t\tthis.anchors\n\t\t\t.removeAttr( \"role tabIndex\" )\n\t\t\t.removeUniqueId();\n\n\t\tthis.tabs.add( this.panels ).each( function() {\n\t\t\tif ( $.data( this, \"ui-tabs-destroy\" ) ) {\n\t\t\t\t$( this ).remove();\n\t\t\t} else {\n\t\t\t\t$( this ).removeAttr( \"role tabIndex \" +\n\t\t\t\t\t\"aria-live aria-busy aria-selected aria-labelledby aria-hidden aria-expanded\" );\n\t\t\t}\n\t\t} );\n\n\t\tthis.tabs.each( function() {\n\t\t\tvar li = $( this ),\n\t\t\t\tprev = li.data( \"ui-tabs-aria-controls\" );\n\t\t\tif ( prev ) {\n\t\t\t\tli\n\t\t\t\t\t.attr( \"aria-controls\", prev )\n\t\t\t\t\t.removeData( \"ui-tabs-aria-controls\" );\n\t\t\t} else {\n\t\t\t\tli.removeAttr( \"aria-controls\" );\n\t\t\t}\n\t\t} );\n\n\t\tthis.panels.show();\n\n\t\tif ( this.options.heightStyle !== \"content\" ) {\n\t\t\tthis.panels.css( \"height\", \"\" );\n\t\t}\n\t},\n\n\tenable: function( index ) {\n\t\tvar disabled = this.options.disabled;\n\t\tif ( disabled === false ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( index === undefined ) {\n\t\t\tdisabled = false;\n\t\t} else {\n\t\t\tindex = this._getIndex( index );\n\t\t\tif ( $.isArray( disabled ) ) {\n\t\t\t\tdisabled = $.map( disabled, function( num ) {\n\t\t\t\t\treturn num !== index ? num : null;\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tdisabled = $.map( this.tabs, function( li, num ) {\n\t\t\t\t\treturn num !== index ? num : null;\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t\tthis._setOptionDisabled( disabled );\n\t},\n\n\tdisable: function( index ) {\n\t\tvar disabled = this.options.disabled;\n\t\tif ( disabled === true ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( index === undefined ) {\n\t\t\tdisabled = true;\n\t\t} else {\n\t\t\tindex = this._getIndex( index );\n\t\t\tif ( $.inArray( index, disabled ) !== -1 ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( $.isArray( disabled ) ) {\n\t\t\t\tdisabled = $.merge( [ index ], disabled ).sort();\n\t\t\t} else {\n\t\t\t\tdisabled = [ index ];\n\t\t\t}\n\t\t}\n\t\tthis._setOptionDisabled( disabled );\n\t},\n\n\tload: function( index, event ) {\n\t\tindex = this._getIndex( index );\n\t\tvar that = this,\n\t\t\ttab = this.tabs.eq( index ),\n\t\t\tanchor = tab.find( \".ui-tabs-anchor\" ),\n\t\t\tpanel = this._getPanelForTab( tab ),\n\t\t\teventData = {\n\t\t\t\ttab: tab,\n\t\t\t\tpanel: panel\n\t\t\t},\n\t\t\tcomplete = function( jqXHR, status ) {\n\t\t\t\tif ( status === \"abort\" ) {\n\t\t\t\t\tthat.panels.stop( false, true );\n\t\t\t\t}\n\n\t\t\t\tthat._removeClass( tab, \"ui-tabs-loading\" );\n\t\t\t\tpanel.removeAttr( \"aria-busy\" );\n\n\t\t\t\tif ( jqXHR === that.xhr ) {\n\t\t\t\t\tdelete that.xhr;\n\t\t\t\t}\n\t\t\t};\n\n\t\t// Not remote\n\t\tif ( this._isLocal( anchor[ 0 ] ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.xhr = $.ajax( this._ajaxSettings( anchor, event, eventData ) );\n\n\t\t// Support: jQuery <1.8\n\t\t// jQuery <1.8 returns false if the request is canceled in beforeSend,\n\t\t// but as of 1.8, $.ajax() always returns a jqXHR object.\n\t\tif ( this.xhr && this.xhr.statusText !== \"canceled\" ) {\n\t\t\tthis._addClass( tab, \"ui-tabs-loading\" );\n\t\t\tpanel.attr( \"aria-busy\", \"true\" );\n\n\t\t\tthis.xhr\n\t\t\t\t.done( function( response, status, jqXHR ) {\n\n\t\t\t\t\t// support: jQuery <1.8\n\t\t\t\t\t// http://bugs.jquery.com/ticket/11778\n\t\t\t\t\tsetTimeout( function() {\n\t\t\t\t\t\tpanel.html( response );\n\t\t\t\t\t\tthat._trigger( \"load\", event, eventData );\n\n\t\t\t\t\t\tcomplete( jqXHR, status );\n\t\t\t\t\t}, 1 );\n\t\t\t\t} )\n\t\t\t\t.fail( function( jqXHR, status ) {\n\n\t\t\t\t\t// support: jQuery <1.8\n\t\t\t\t\t// http://bugs.jquery.com/ticket/11778\n\t\t\t\t\tsetTimeout( function() {\n\t\t\t\t\t\tcomplete( jqXHR, status );\n\t\t\t\t\t}, 1 );\n\t\t\t\t} );\n\t\t}\n\t},\n\n\t_ajaxSettings: function( anchor, event, eventData ) {\n\t\tvar that = this;\n\t\treturn {\n\n\t\t\t// Support: IE <11 only\n\t\t\t// Strip any hash that exists to prevent errors with the Ajax request\n\t\t\turl: anchor.attr( \"href\" ).replace( /#.*$/, \"\" ),\n\t\t\tbeforeSend: function( jqXHR, settings ) {\n\t\t\t\treturn that._trigger( \"beforeLoad\", event,\n\t\t\t\t\t$.extend( { jqXHR: jqXHR, ajaxSettings: settings }, eventData ) );\n\t\t\t}\n\t\t};\n\t},\n\n\t_getPanelForTab: function( tab ) {\n\t\tvar id = $( tab ).attr( \"aria-controls\" );\n\t\treturn this.element.find( this._sanitizeSelector( \"#\" + id ) );\n\t}\n} );\n\n// DEPRECATED\n// TODO: Switch return back to widget declaration at top of file when this is removed\nif ( $.uiBackCompat !== false ) {\n\n\t// Backcompat for ui-tab class (now ui-tabs-tab)\n\t$.widget( \"ui.tabs\", $.ui.tabs, {\n\t\t_processTabs: function() {\n\t\t\tthis._superApply( arguments );\n\t\t\tthis._addClass( this.tabs, \"ui-tab\" );\n\t\t}\n\t} );\n}\n\nvar widgetsTabs = $.ui.tabs;\n\n\n/*!\n * jQuery UI Tooltip 1.12.1\n * http://jqueryui.com\n *\n * Copyright jQuery Foundation and other contributors\n * Released under the MIT license.\n * http://jquery.org/license\n */\n\n//>>label: Tooltip\n//>>group: Widgets\n//>>description: Shows additional information for any element on hover or focus.\n//>>docs: http://api.jqueryui.com/tooltip/\n//>>demos: http://jqueryui.com/tooltip/\n//>>css.structure: ../../themes/base/core.css\n//>>css.structure: ../../themes/base/tooltip.css\n//>>css.theme: ../../themes/base/theme.css\n\n\n\n$.widget( \"ui.tooltip\", {\n\tversion: \"1.12.1\",\n\toptions: {\n\t\tclasses: {\n\t\t\t\"ui-tooltip\": \"ui-corner-all ui-widget-shadow\"\n\t\t},\n\t\tcontent: function() {\n\n\t\t\t// support: IE<9, Opera in jQuery <1.7\n\t\t\t// .text() can't accept undefined, so coerce to a string\n\t\t\tvar title = $( this ).attr( \"title\" ) || \"\";\n\n\t\t\t// Escape title, since we're going from an attribute to raw HTML\n\t\t\treturn $( \"\" ).text( title ).html();\n\t\t},\n\t\thide: true,\n\n\t\t// Disabled elements have inconsistent behavior across browsers (#8661)\n\t\titems: \"[title]:not([disabled])\",\n\t\tposition: {\n\t\t\tmy: \"left top+15\",\n\t\t\tat: \"left bottom\",\n\t\t\tcollision: \"flipfit flip\"\n\t\t},\n\t\tshow: true,\n\t\ttrack: false,\n\n\t\t// Callbacks\n\t\tclose: null,\n\t\topen: null\n\t},\n\n\t_addDescribedBy: function( elem, id ) {\n\t\tvar describedby = ( elem.attr( \"aria-describedby\" ) || \"\" ).split( /\\s+/ );\n\t\tdescribedby.push( id );\n\t\telem\n\t\t\t.data( \"ui-tooltip-id\", id )\n\t\t\t.attr( \"aria-describedby\", $.trim( describedby.join( \" \" ) ) );\n\t},\n\n\t_removeDescribedBy: function( elem ) {\n\t\tvar id = elem.data( \"ui-tooltip-id\" ),\n\t\t\tdescribedby = ( elem.attr( \"aria-describedby\" ) || \"\" ).split( /\\s+/ ),\n\t\t\tindex = $.inArray( id, describedby );\n\n\t\tif ( index !== -1 ) {\n\t\t\tdescribedby.splice( index, 1 );\n\t\t}\n\n\t\telem.removeData( \"ui-tooltip-id\" );\n\t\tdescribedby = $.trim( describedby.join( \" \" ) );\n\t\tif ( describedby ) {\n\t\t\telem.attr( \"aria-describedby\", describedby );\n\t\t} else {\n\t\t\telem.removeAttr( \"aria-describedby\" );\n\t\t}\n\t},\n\n\t_create: function() {\n\t\tthis._on( {\n\t\t\tmouseover: \"open\",\n\t\t\tfocusin: \"open\"\n\t\t} );\n\n\t\t// IDs of generated tooltips, needed for destroy\n\t\tthis.tooltips = {};\n\n\t\t// IDs of parent tooltips where we removed the title attribute\n\t\tthis.parents = {};\n\n\t\t// Append the aria-live region so tooltips announce correctly\n\t\tthis.liveRegion = $( \"
\" )\n\t\t\t.attr( {\n\t\t\t\trole: \"log\",\n\t\t\t\t\"aria-live\": \"assertive\",\n\t\t\t\t\"aria-relevant\": \"additions\"\n\t\t\t} )\n\t\t\t.appendTo( this.document[ 0 ].body );\n\t\tthis._addClass( this.liveRegion, null, \"ui-helper-hidden-accessible\" );\n\n\t\tthis.disabledTitles = $( [] );\n\t},\n\n\t_setOption: function( key, value ) {\n\t\tvar that = this;\n\n\t\tthis._super( key, value );\n\n\t\tif ( key === \"content\" ) {\n\t\t\t$.each( this.tooltips, function( id, tooltipData ) {\n\t\t\t\tthat._updateContent( tooltipData.element );\n\t\t\t} );\n\t\t}\n\t},\n\n\t_setOptionDisabled: function( value ) {\n\t\tthis[ value ? \"_disable\" : \"_enable\" ]();\n\t},\n\n\t_disable: function() {\n\t\tvar that = this;\n\n\t\t// Close open tooltips\n\t\t$.each( this.tooltips, function( id, tooltipData ) {\n\t\t\tvar event = $.Event( \"blur\" );\n\t\t\tevent.target = event.currentTarget = tooltipData.element[ 0 ];\n\t\t\tthat.close( event, true );\n\t\t} );\n\n\t\t// Remove title attributes to prevent native tooltips\n\t\tthis.disabledTitles = this.disabledTitles.add(\n\t\t\tthis.element.find( this.options.items ).addBack()\n\t\t\t\t.filter( function() {\n\t\t\t\t\tvar element = $( this );\n\t\t\t\t\tif ( element.is( \"[title]\" ) ) {\n\t\t\t\t\t\treturn element\n\t\t\t\t\t\t\t.data( \"ui-tooltip-title\", element.attr( \"title\" ) )\n\t\t\t\t\t\t\t.removeAttr( \"title\" );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t);\n\t},\n\n\t_enable: function() {\n\n\t\t// restore title attributes\n\t\tthis.disabledTitles.each( function() {\n\t\t\tvar element = $( this );\n\t\t\tif ( element.data( \"ui-tooltip-title\" ) ) {\n\t\t\t\telement.attr( \"title\", element.data( \"ui-tooltip-title\" ) );\n\t\t\t}\n\t\t} );\n\t\tthis.disabledTitles = $( [] );\n\t},\n\n\topen: function( event ) {\n\t\tvar that = this,\n\t\t\ttarget = $( event ? event.target : this.element )\n\n\t\t\t\t// we need closest here due to mouseover bubbling,\n\t\t\t\t// but always pointing at the same event target\n\t\t\t\t.closest( this.options.items );\n\n\t\t// No element to show a tooltip for or the tooltip is already open\n\t\tif ( !target.length || target.data( \"ui-tooltip-id\" ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( target.attr( \"title\" ) ) {\n\t\t\ttarget.data( \"ui-tooltip-title\", target.attr( \"title\" ) );\n\t\t}\n\n\t\ttarget.data( \"ui-tooltip-open\", true );\n\n\t\t// Kill parent tooltips, custom or native, for hover\n\t\tif ( event && event.type === \"mouseover\" ) {\n\t\t\ttarget.parents().each( function() {\n\t\t\t\tvar parent = $( this ),\n\t\t\t\t\tblurEvent;\n\t\t\t\tif ( parent.data( \"ui-tooltip-open\" ) ) {\n\t\t\t\t\tblurEvent = $.Event( \"blur\" );\n\t\t\t\t\tblurEvent.target = blurEvent.currentTarget = this;\n\t\t\t\t\tthat.close( blurEvent, true );\n\t\t\t\t}\n\t\t\t\tif ( parent.attr( \"title\" ) ) {\n\t\t\t\t\tparent.uniqueId();\n\t\t\t\t\tthat.parents[ this.id ] = {\n\t\t\t\t\t\telement: this,\n\t\t\t\t\t\ttitle: parent.attr( \"title\" )\n\t\t\t\t\t};\n\t\t\t\t\tparent.attr( \"title\", \"\" );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\tthis._registerCloseHandlers( event, target );\n\t\tthis._updateContent( target, event );\n\t},\n\n\t_updateContent: function( target, event ) {\n\t\tvar content,\n\t\t\tcontentOption = this.options.content,\n\t\t\tthat = this,\n\t\t\teventType = event ? event.type : null;\n\n\t\tif ( typeof contentOption === \"string\" || contentOption.nodeType ||\n\t\t\t\tcontentOption.jquery ) {\n\t\t\treturn this._open( event, target, contentOption );\n\t\t}\n\n\t\tcontent = contentOption.call( target[ 0 ], function( response ) {\n\n\t\t\t// IE may instantly serve a cached response for ajax requests\n\t\t\t// delay this call to _open so the other call to _open runs first\n\t\t\tthat._delay( function() {\n\n\t\t\t\t// Ignore async response if tooltip was closed already\n\t\t\t\tif ( !target.data( \"ui-tooltip-open\" ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// JQuery creates a special event for focusin when it doesn't\n\t\t\t\t// exist natively. To improve performance, the native event\n\t\t\t\t// object is reused and the type is changed. Therefore, we can't\n\t\t\t\t// rely on the type being correct after the event finished\n\t\t\t\t// bubbling, so we set it back to the previous value. (#8740)\n\t\t\t\tif ( event ) {\n\t\t\t\t\tevent.type = eventType;\n\t\t\t\t}\n\t\t\t\tthis._open( event, target, response );\n\t\t\t} );\n\t\t} );\n\t\tif ( content ) {\n\t\t\tthis._open( event, target, content );\n\t\t}\n\t},\n\n\t_open: function( event, target, content ) {\n\t\tvar tooltipData, tooltip, delayedShow, a11yContent,\n\t\t\tpositionOption = $.extend( {}, this.options.position );\n\n\t\tif ( !content ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Content can be updated multiple times. If the tooltip already\n\t\t// exists, then just update the content and bail.\n\t\ttooltipData = this._find( target );\n\t\tif ( tooltipData ) {\n\t\t\ttooltipData.tooltip.find( \".ui-tooltip-content\" ).html( content );\n\t\t\treturn;\n\t\t}\n\n\t\t// If we have a title, clear it to prevent the native tooltip\n\t\t// we have to check first to avoid defining a title if none exists\n\t\t// (we don't want to cause an element to start matching [title])\n\t\t//\n\t\t// We use removeAttr only for key events, to allow IE to export the correct\n\t\t// accessible attributes. For mouse events, set to empty string to avoid\n\t\t// native tooltip showing up (happens only when removing inside mouseover).\n\t\tif ( target.is( \"[title]\" ) ) {\n\t\t\tif ( event && event.type === \"mouseover\" ) {\n\t\t\t\ttarget.attr( \"title\", \"\" );\n\t\t\t} else {\n\t\t\t\ttarget.removeAttr( \"title\" );\n\t\t\t}\n\t\t}\n\n\t\ttooltipData = this._tooltip( target );\n\t\ttooltip = tooltipData.tooltip;\n\t\tthis._addDescribedBy( target, tooltip.attr( \"id\" ) );\n\t\ttooltip.find( \".ui-tooltip-content\" ).html( content );\n\n\t\t// Support: Voiceover on OS X, JAWS on IE <= 9\n\t\t// JAWS announces deletions even when aria-relevant=\"additions\"\n\t\t// Voiceover will sometimes re-read the entire log region's contents from the beginning\n\t\tthis.liveRegion.children().hide();\n\t\ta11yContent = $( \"
\" ).html( tooltip.find( \".ui-tooltip-content\" ).html() );\n\t\ta11yContent.removeAttr( \"name\" ).find( \"[name]\" ).removeAttr( \"name\" );\n\t\ta11yContent.removeAttr( \"id\" ).find( \"[id]\" ).removeAttr( \"id\" );\n\t\ta11yContent.appendTo( this.liveRegion );\n\n\t\tfunction position( event ) {\n\t\t\tpositionOption.of = event;\n\t\t\tif ( tooltip.is( \":hidden\" ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\ttooltip.position( positionOption );\n\t\t}\n\t\tif ( this.options.track && event && /^mouse/.test( event.type ) ) {\n\t\t\tthis._on( this.document, {\n\t\t\t\tmousemove: position\n\t\t\t} );\n\n\t\t\t// trigger once to override element-relative positioning\n\t\t\tposition( event );\n\t\t} else {\n\t\t\ttooltip.position( $.extend( {\n\t\t\t\tof: target\n\t\t\t}, this.options.position ) );\n\t\t}\n\n\t\ttooltip.hide();\n\n\t\tthis._show( tooltip, this.options.show );\n\n\t\t// Handle tracking tooltips that are shown with a delay (#8644). As soon\n\t\t// as the tooltip is visible, position the tooltip using the most recent\n\t\t// event.\n\t\t// Adds the check to add the timers only when both delay and track options are set (#14682)\n\t\tif ( this.options.track && this.options.show && this.options.show.delay ) {\n\t\t\tdelayedShow = this.delayedShow = setInterval( function() {\n\t\t\t\tif ( tooltip.is( \":visible\" ) ) {\n\t\t\t\t\tposition( positionOption.of );\n\t\t\t\t\tclearInterval( delayedShow );\n\t\t\t\t}\n\t\t\t}, $.fx.interval );\n\t\t}\n\n\t\tthis._trigger( \"open\", event, { tooltip: tooltip } );\n\t},\n\n\t_registerCloseHandlers: function( event, target ) {\n\t\tvar events = {\n\t\t\tkeyup: function( event ) {\n\t\t\t\tif ( event.keyCode === $.ui.keyCode.ESCAPE ) {\n\t\t\t\t\tvar fakeEvent = $.Event( event );\n\t\t\t\t\tfakeEvent.currentTarget = target[ 0 ];\n\t\t\t\t\tthis.close( fakeEvent, true );\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t// Only bind remove handler for delegated targets. Non-delegated\n\t\t// tooltips will handle this in destroy.\n\t\tif ( target[ 0 ] !== this.element[ 0 ] ) {\n\t\t\tevents.remove = function() {\n\t\t\t\tthis._removeTooltip( this._find( target ).tooltip );\n\t\t\t};\n\t\t}\n\n\t\tif ( !event || event.type === \"mouseover\" ) {\n\t\t\tevents.mouseleave = \"close\";\n\t\t}\n\t\tif ( !event || event.type === \"focusin\" ) {\n\t\t\tevents.focusout = \"close\";\n\t\t}\n\t\tthis._on( true, target, events );\n\t},\n\n\tclose: function( event ) {\n\t\tvar tooltip,\n\t\t\tthat = this,\n\t\t\ttarget = $( event ? event.currentTarget : this.element ),\n\t\t\ttooltipData = this._find( target );\n\n\t\t// The tooltip may already be closed\n\t\tif ( !tooltipData ) {\n\n\t\t\t// We set ui-tooltip-open immediately upon open (in open()), but only set the\n\t\t\t// additional data once there's actually content to show (in _open()). So even if the\n\t\t\t// tooltip doesn't have full data, we always remove ui-tooltip-open in case we're in\n\t\t\t// the period between open() and _open().\n\t\t\ttarget.removeData( \"ui-tooltip-open\" );\n\t\t\treturn;\n\t\t}\n\n\t\ttooltip = tooltipData.tooltip;\n\n\t\t// Disabling closes the tooltip, so we need to track when we're closing\n\t\t// to avoid an infinite loop in case the tooltip becomes disabled on close\n\t\tif ( tooltipData.closing ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Clear the interval for delayed tracking tooltips\n\t\tclearInterval( this.delayedShow );\n\n\t\t// Only set title if we had one before (see comment in _open())\n\t\t// If the title attribute has changed since open(), don't restore\n\t\tif ( target.data( \"ui-tooltip-title\" ) && !target.attr( \"title\" ) ) {\n\t\t\ttarget.attr( \"title\", target.data( \"ui-tooltip-title\" ) );\n\t\t}\n\n\t\tthis._removeDescribedBy( target );\n\n\t\ttooltipData.hiding = true;\n\t\ttooltip.stop( true );\n\t\tthis._hide( tooltip, this.options.hide, function() {\n\t\t\tthat._removeTooltip( $( this ) );\n\t\t} );\n\n\t\ttarget.removeData( \"ui-tooltip-open\" );\n\t\tthis._off( target, \"mouseleave focusout keyup\" );\n\n\t\t// Remove 'remove' binding only on delegated targets\n\t\tif ( target[ 0 ] !== this.element[ 0 ] ) {\n\t\t\tthis._off( target, \"remove\" );\n\t\t}\n\t\tthis._off( this.document, \"mousemove\" );\n\n\t\tif ( event && event.type === \"mouseleave\" ) {\n\t\t\t$.each( this.parents, function( id, parent ) {\n\t\t\t\t$( parent.element ).attr( \"title\", parent.title );\n\t\t\t\tdelete that.parents[ id ];\n\t\t\t} );\n\t\t}\n\n\t\ttooltipData.closing = true;\n\t\tthis._trigger( \"close\", event, { tooltip: tooltip } );\n\t\tif ( !tooltipData.hiding ) {\n\t\t\ttooltipData.closing = false;\n\t\t}\n\t},\n\n\t_tooltip: function( element ) {\n\t\tvar tooltip = $( \"
\" ).attr( \"role\", \"tooltip\" ),\n\t\t\tcontent = $( \"\";\n\n var marker = addMarker(pinLatLng, icon, popupContent);\n markers.push(marker);\n\n }, timeout);\n }\n \n function addSalesMarker() {\n // Add the sales center marker\n var icon = {\n url: window.location.origin +'/wp-content/themes/tofino-resort/dist/images/TRM-Map-Pin.png', \n size: new google.maps.Size(600, 246.751), \n scaledSize: new google.maps.Size(300, 123.3755), \n anchor: new google.maps.Point(150, 123.3755), \n };\n /**\n * If you need to use an image\n * Must know the size of the image, and then scale that image down for retina use\n */\n // var icon = {\n // url:'PATH TO PIN',\n // size: new google.maps.Size(47,80),\n // scaledSize: new google.maps.Size(31.333333333, 53.333333333),\n // origin: new google.maps.Point(0, 0),\n // anchor: new google.maps.Point(15.66665, 26.66665)\n // };\n var pinLatLng = new google.maps.LatLng(lat, lng);\n positions.push(pinLatLng);\n\n sales_marker = addMarker(pinLatLng, icon, content);\n markers.push(sales_marker);\n }\n\n function addAllMarkers(pins) {\n var timeout = 0;\n\n for (var i = 0; i < pins.length; i++) {\n\n if(!pins[i].dataset.lat || !pins[i].dataset.lng) {\n continue;\n }\n\n addMarkerWithTimeout(pins[i], timeout);\n timeout += 5;\n }\n //resetMapCenter();\n }\n\n function clearAllMarkers() {\n for (var i = 0; i < markers.length; i++) {\n\n if(markers[i] !== sales_marker) {\n markers[i].setMap(null);\n }\n }\n positions = [];\n markers = [];\n\n // Have that sales marker there always\n positions.push(sales_marker.position);\n markers.push(sales_marker);\n\n }\n\n // Sets the map on all markers in the array.\n function setMapOnAll() {\n clearAllMarkers();\n\n // Grab the active pins\n $pins = $( \".map__pin.is-active\" ).toArray();\n addAllMarkers($pins);\n resetMapCenter();\n }\n\n // Do things\n addSalesMarker();\n addAllMarkers($pins);\n\n google.maps.event.addDomListener(window, 'orientationchange', function() {\n map.setCenter(currCenter);\n });\n\n google.maps.event.addListener(map, 'zoom_changed', function() {\n setTimeout(function() {\n var cnt = map.getCenter();\n cnt.e+=0.000001;\n map.panTo(cnt);\n cnt.e-=0.000001;\n map.panTo(cnt);\n },100);\n });\n\n // Click event for map legend\n $(\".map__legend__pin\").click(function(e){\n $(\".map__legend__pin.is-active\").removeClass('is-active');\n $(this).addClass('is-active');\n\n if($(this).data(\"cat\") === 'all') {\n $('.map__pin').addClass('is-active');\n }\n else {\n $('.map__pin').removeClass('is-active');\n $('.map__pin[data-cat=' + $(this).data(\"cat\") + ']').addClass('is-active');\n }\n\n setMapOnAll();\n });\n}\n","/*!\n * classie v1.0.1\n * class helper functions\n * from bonzo https://github.com/ded/bonzo\n * MIT license\n * \n * classie.has( elem, 'my-class' ) -> true/false\n * classie.add( elem, 'my-new-class' )\n * classie.remove( elem, 'my-unwanted-class' )\n * classie.toggle( elem, 'my-class' )\n */\n\n/*jshint browser: true, strict: true, undef: true, unused: true */\n/*global define: false, module: false */\n\n( function( window ) {\n\n'use strict';\n\n// class helper functions from bonzo https://github.com/ded/bonzo\n\nfunction classReg( className ) {\n return new RegExp(\"(^|\\\\s+)\" + className + \"(\\\\s+|$)\");\n}\n\n// classList support for class management\n// altho to be fair, the api sucks because it won't accept multiple classes at once\nvar hasClass, addClass, removeClass;\n\nif ( 'classList' in document.documentElement ) {\n hasClass = function( elem, c ) {\n return elem.classList.contains( c );\n };\n addClass = function( elem, c ) {\n elem.classList.add( c );\n };\n removeClass = function( elem, c ) {\n elem.classList.remove( c );\n };\n}\nelse {\n hasClass = function( elem, c ) {\n return classReg( c ).test( elem.className );\n };\n addClass = function( elem, c ) {\n if ( !hasClass( elem, c ) ) {\n elem.className = elem.className + ' ' + c;\n }\n };\n removeClass = function( elem, c ) {\n elem.className = elem.className.replace( classReg( c ), ' ' );\n };\n}\n\nfunction toggleClass( elem, c ) {\n var fn = hasClass( elem, c ) ? removeClass : addClass;\n fn( elem, c );\n}\n\nvar classie = {\n // full names\n hasClass: hasClass,\n addClass: addClass,\n removeClass: removeClass,\n toggleClass: toggleClass,\n // short names\n has: hasClass,\n add: addClass,\n remove: removeClass,\n toggle: toggleClass\n};\n\n// transport\nif ( typeof define === 'function' && define.amd ) {\n // AMD\n define( classie );\n} else if ( typeof exports === 'object' ) {\n // CommonJS\n module.exports = classie;\n} else {\n // browser global\n window.classie = classie;\n}\n\n})( window );","$(function(){\n var setTimer = setInterval(function(){\n element = $('[data-countdown-timer]');\n date_future = new Date(element.data('countdown-timer'));\n date_now = new Date();\n\n seconds = Math.floor((date_future - (date_now))/1000);\n minutes = Math.floor(seconds/60);\n hours = Math.floor(minutes/60);\n days = Math.floor(hours/24);\n\n hours = hours-(days*24);\n minutes = minutes-(days*24*60)-(hours*60);\n seconds = seconds-(days*24*60*60)-(hours*60*60)-(minutes*60);\n\n if (date_future > date_now ) {\n element.text(days + ' Days ' + hours + ' Hours ' + minutes + ' Minutes ' + seconds + ' Seconds');\n } else {\n element.text('0 Days');\n }\n },1000);\n});","/* jshint ignore:start */\n/*\n * jQuery throttle / debounce - v1.1 - 3/7/2010\n * http://benalman.com/projects/jquery-throttle-debounce-plugin/\n *\n * Copyright (c) 2010 \"Cowboy\" Ben Alman\n * Dual licensed under the MIT and GPL licenses.\n * http://benalman.com/about/license/\n */\n(function(b,c){var $=b.jQuery||b.Cowboy||(b.Cowboy={}),a;$.throttle=a=function(e,f,j,i){var h,d=0;if(typeof f!==\"boolean\"){i=j;j=f;f=c}function g(){var o=this,m=+new Date()-d,n=arguments;function l(){d=+new Date();j.apply(o,n)}function k(){h=c}if(i&&!h){l()}h&&clearTimeout(h);if(i===c&&m>e){l()}else{if(f!==true){h=setTimeout(i?k:l,i===c?e-m:e)}}}if($.guid){g.guid=j.guid=j.guid||$.guid++}return g};$.debounce=function(d,e,f){return f===c?a(d,e,false):a(d,f,e!==false)}})(this);\n/* jshint ignore:end */\n\n\n(function( $ ) {\n\n $.fn.makeGreedy = function() {\n\n return this.each(function() {\n // Do something to each element here.\n\n var $el = $(this);\n\n var $btn = $el.find('button');\n var $vlinks = $el.find('.links');\n var $hlinks = $el.find('.hidden-links');\n\n var numOfItems = 0;\n var totalSpace = 0;\n var closingTime = 1000;\n var breakWidths = [];\n var timer;\n // Get initial state\n //console.log($vlinks);\n $vlinks.children().outerWidth(function(i, w) {\n totalSpace += w;\n numOfItems += 1;\n breakWidths.push(totalSpace);\n //console.log($(this));\n });\n // console.log(breakWidths);\n // console.log($vlinks.width());\n\n function check() {\n // console.log($el);\n // console.log(numOfItems);\n var availableSpace, numOfVisibleItems, requiredSpace;\n // Get instant state\n availableSpace = $vlinks.width() - 40;\n numOfVisibleItems = $vlinks.children().length;\n requiredSpace = breakWidths[numOfVisibleItems - 1];\n // console.log(requiredSpace);\n // There is not enought space\n if (requiredSpace > availableSpace) {\n $vlinks.children().last().prependTo($hlinks);\n numOfVisibleItems -= 1;\n check();\n // There is more than enough space\n } else if (availableSpace > breakWidths[numOfVisibleItems]) {\n $hlinks.children().first().appendTo($vlinks);\n numOfVisibleItems += 1;\n check();\n }\n // Update the button accordingly\n $btn.attr(\"count\", numOfItems - numOfVisibleItems);\n if (numOfVisibleItems === numOfItems) {\n $btn.addClass('hidden');\n } else {\n $btn.removeClass('hidden');\n }\n }\n\n // Window listeners\n var debounced = jQuery.debounce( 650, false, check );\n $(window).on('resize orientationchange',debounced);\n\n $btn.on('click', function() {\n $hlinks.toggleClass('hidden');\n clearTimeout(timer);\n });\n\n $hlinks.on('mouseleave', function() {\n // Mouse has left, start the timer\n timer = setTimeout(function() {\n $hlinks.addClass('hidden');\n }, closingTime);\n }).on('mouseenter', function() {\n // Mouse is back, cancel the timer\n clearTimeout(timer);\n });\n\n check();\n\n\n });\n\n };\n\n}( jQuery ));\n","/* ========================================================================\n * DOM-based Routing\n * Based on http://goo.gl/EUTi53 by Paul Irish\n *\n * Only fires on body classes that match. If a body class contains a dash,\n * replace the dash with an underscore when adding it to the object below.\n *\n * .noConflict()\n * The routing is enclosed within an anonymous function so that you can\n * always reference jQuery with $, even when in .noConflict() mode.\n * ======================================================================== */\n\nvar BrowserDetect = {\n init: function() {\n this.browser = this.searchString(this.dataBrowser) || 'Other';\n this.version =\n this.searchVersion(navigator.userAgent) ||\n this.searchVersion(navigator.appVersion) ||\n 'Unknown';\n },\n searchString: function(data) {\n for (var i = 0; i < data.length; i++) {\n var dataString = data[i].string;\n this.versionSearchString = data[i].subString;\n\n if (dataString.indexOf(data[i].subString) !== -1) {\n return data[i].identity;\n }\n }\n },\n searchVersion: function(dataString) {\n var index = dataString.indexOf(this.versionSearchString);\n if (index === -1) {\n return;\n }\n\n var rv = dataString.indexOf('rv:');\n if (this.versionSearchString === 'Trident' && rv !== -1) {\n return parseFloat(dataString.substring(rv + 3));\n } else {\n return parseFloat(\n dataString.substring(index + this.versionSearchString.length + 1)\n );\n }\n },\n\n dataBrowser: [\n { string: navigator.userAgent, subString: 'Chrome', identity: 'Chrome' },\n { string: navigator.userAgent, subString: 'MSIE', identity: 'Explorer' },\n { string: navigator.userAgent, subString: 'Trident', identity: 'Explorer' },\n { string: navigator.userAgent, subString: 'Firefox', identity: 'Firefox' },\n { string: navigator.userAgent, subString: 'Safari', identity: 'Safari' },\n { string: navigator.userAgent, subString: 'Opera', identity: 'Opera' },\n ],\n};\n\nBrowserDetect.init();\n\nModernizr.addTest(\n 'svgasimg',\n document.implementation.hasFeature(\n 'http://www.w3.org/TR/SVG11/feature#Image',\n '1.1'\n )\n);\n\n// Do things\n\n(function($) {\n // Use this variable to set up the common and page specific functions. If you\n // rename this variable, you will also need to rename the namespace below.\n var Sage = {\n // All pages\n common: {\n init: function() {\n if (\n BrowserDetect.browser === 'Explorer' &&\n BrowserDetect.version === 11\n ) {\n $('html').addClass('is-oldIE');\n }\n\n // JavaScript to be fired on all pages\n svg4everybody();\n\n //Add class for local font familes\n var wayfaring = new FontFaceObserver('Wayfaring Font Two');\n var trade_supply = new FontFaceObserver('Trade Supply Textured');\n\n Promise.all([wayfaring.load(), trade_supply.load()]).then(\n function() {\n $('body').addClass('fonts-loaded');\n },\n function() {\n $('body').addClass('fonts-notloaded');\n }\n );\n\n if (!Modernizr.touchevents) {\n $(\"a[href*='tel:']\").on('click', function() {\n return false;\n });\n }\n $(\"[data-block], a[href^='#']\").on('click', function() {\n var $el = $($(this).data('block') || $(this).attr('href'));\n $doc_offset = $(document).scrollTop();\n if ($el.length > 0) {\n //Going Up\n if ($doc_offset > $el.offset().top) {\n $offset =\n $el.offset().top - parseInt($('.region--header').css('height'));\n\n //Going Down\n } else {\n $offset = $el.offset().top;\n }\n\n $('html').velocity('scroll', {\n offset: $offset,\n mobileHA: false,\n duration: 1250,\n });\n return false;\n }\n });\n\n // Hash scroll\n // skip ga hash links as it has \"=\" that breaks\n // the site\n if (!String.prototype.includes) {\n String.prototype.includes = function(search, start) {\n 'use strict';\n if (typeof start !== 'number') {\n start = 0;\n }\n \n if (start + search.length > this.length) {\n return false;\n } else {\n return this.indexOf(search, start) !== -1;\n }\n };\n }\n \n if(window.location.hash && !window.location.hash.includes('=')) {\n if ($(window.location.hash).length > 0) {\n $(window.location.hash).velocity('scroll');\n }\n }\n\n $('a.video').magnificPopup({\n type: 'iframe',\n mainClass: 'mfp-fade',\n removalDelay: 300,\n callbacks: {\n open: function() {\n var pInstance = $('.hero--home').data('vide');\n if (pInstance) {\n pInstance = pInstance.getVideoObject();\n pInstance.pause();\n }\n },\n close: function() {\n var pInstance = $('.hero--home').data('vide');\n if (pInstance) {\n pInstance = pInstance.getVideoObject();\n pInstance.play();\n }\n },\n },\n iframe: {\n markup:\n '
\" ).appendTo( tooltip ),\n\t\t\tid = tooltip.uniqueId().attr( \"id\" );\n\n\t\tthis._addClass( content, \"ui-tooltip-content\" );\n\t\tthis._addClass( tooltip, \"ui-tooltip\", \"ui-widget ui-widget-content\" );\n\n\t\ttooltip.appendTo( this._appendTo( element ) );\n\n\t\treturn this.tooltips[ id ] = {\n\t\t\telement: element,\n\t\t\ttooltip: tooltip\n\t\t};\n\t},\n\n\t_find: function( target ) {\n\t\tvar id = target.data( \"ui-tooltip-id\" );\n\t\treturn id ? this.tooltips[ id ] : null;\n\t},\n\n\t_removeTooltip: function( tooltip ) {\n\t\ttooltip.remove();\n\t\tdelete this.tooltips[ tooltip.attr( \"id\" ) ];\n\t},\n\n\t_appendTo: function( target ) {\n\t\tvar element = target.closest( \".ui-front, dialog\" );\n\n\t\tif ( !element.length ) {\n\t\t\telement = this.document[ 0 ].body;\n\t\t}\n\n\t\treturn element;\n\t},\n\n\t_destroy: function() {\n\t\tvar that = this;\n\n\t\t// Close open tooltips\n\t\t$.each( this.tooltips, function( id, tooltipData ) {\n\n\t\t\t// Delegate to close method to handle common cleanup\n\t\t\tvar event = $.Event( \"blur\" ),\n\t\t\t\telement = tooltipData.element;\n\t\t\tevent.target = event.currentTarget = element[ 0 ];\n\t\t\tthat.close( event, true );\n\n\t\t\t// Remove immediately; destroying an open tooltip doesn't use the\n\t\t\t// hide animation\n\t\t\t$( \"#\" + id ).remove();\n\n\t\t\t// Restore the title\n\t\t\tif ( element.data( \"ui-tooltip-title\" ) ) {\n\n\t\t\t\t// If the title attribute has changed since open(), don't restore\n\t\t\t\tif ( !element.attr( \"title\" ) ) {\n\t\t\t\t\telement.attr( \"title\", element.data( \"ui-tooltip-title\" ) );\n\t\t\t\t}\n\t\t\t\telement.removeData( \"ui-tooltip-title\" );\n\t\t\t}\n\t\t} );\n\t\tthis.liveRegion.remove();\n\t}\n} );\n\n// DEPRECATED\n// TODO: Switch return back to widget declaration at top of file when this is removed\nif ( $.uiBackCompat !== false ) {\n\n\t// Backcompat for tooltipClass option\n\t$.widget( \"ui.tooltip\", $.ui.tooltip, {\n\t\toptions: {\n\t\t\ttooltipClass: null\n\t\t},\n\t\t_tooltip: function() {\n\t\t\tvar tooltipData = this._superApply( arguments );\n\t\t\tif ( this.options.tooltipClass ) {\n\t\t\t\ttooltipData.tooltip.addClass( this.options.tooltipClass );\n\t\t\t}\n\t\t\treturn tooltipData;\n\t\t}\n\t} );\n}\n\nvar widgetsTooltip = $.ui.tooltip;\n\n\n\n\n}));","// jscs:disable maximumLineLength\n/* jscs:disable requireCamelCaseOrUpperCaseIdentifiers */\n/*!\n * jQuery UI Datepicker 1.12.1\n * http://jqueryui.com\n *\n * Copyright jQuery Foundation and other contributors\n * Released under the MIT license.\n * http://jquery.org/license\n */\n\n//>>label: Datepicker\n//>>group: Widgets\n//>>description: Displays a calendar from an input or inline for selecting dates.\n//>>docs: http://api.jqueryui.com/datepicker/\n//>>demos: http://jqueryui.com/datepicker/\n//>>css.structure: ../../themes/base/core.css\n//>>css.structure: ../../themes/base/datepicker.css\n//>>css.theme: ../../themes/base/theme.css\n\n( function( factory ) {\n\tif ( typeof define === \"function\" && define.amd ) {\n\n\t\t// AMD. Register as an anonymous module.\n\t\tdefine( [\n\t\t\t\"jquery\",\n\t\t\t\"../version\",\n\t\t\t\"../keycode\"\n\t\t], factory );\n\t} else {\n\n\t\t// Browser globals\n\t\tfactory( jQuery );\n\t}\n}( function( $ ) {\n\n$.extend( $.ui, { datepicker: { version: \"1.12.1\" } } );\n\nvar datepicker_instActive;\n\nfunction datepicker_getZindex( elem ) {\n\tvar position, value;\n\twhile ( elem.length && elem[ 0 ] !== document ) {\n\n\t\t// Ignore z-index if position is set to a value where z-index is ignored by the browser\n\t\t// This makes behavior of this function consistent across browsers\n\t\t// WebKit always returns auto if the element is positioned\n\t\tposition = elem.css( \"position\" );\n\t\tif ( position === \"absolute\" || position === \"relative\" || position === \"fixed\" ) {\n\n\t\t\t// IE returns 0 when zIndex is not specified\n\t\t\t// other browsers return a string\n\t\t\t// we ignore the case of nested elements with an explicit value of 0\n\t\t\t// ![]()
\" ).addClass( this._triggerClass ).\n\t\t\t\t\tattr( { src: buttonImage, alt: buttonText, title: buttonText } ) :\n\t\t\t\t$( \"\" ).addClass( this._triggerClass ).\n\t\t\t\t\thtml( !buttonImage ? buttonText : $( \"![]()
\" ).attr(\n\t\t\t\t\t{ src:buttonImage, alt:buttonText, title:buttonText } ) ) );\n\t\t\tinput[ isRTL ? \"before\" : \"after\" ]( inst.trigger );\n\t\t\tinst.trigger.on( \"click\", function() {\n\t\t\t\tif ( $.datepicker._datepickerShowing && $.datepicker._lastInput === input[ 0 ] ) {\n\t\t\t\t\t$.datepicker._hideDatepicker();\n\t\t\t\t} else if ( $.datepicker._datepickerShowing && $.datepicker._lastInput !== input[ 0 ] ) {\n\t\t\t\t\t$.datepicker._hideDatepicker();\n\t\t\t\t\t$.datepicker._showDatepicker( input[ 0 ] );\n\t\t\t\t} else {\n\t\t\t\t\t$.datepicker._showDatepicker( input[ 0 ] );\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t} );\n\t\t}\n\t},\n\n\t/* Apply the maximum length for the date format. */\n\t_autoSize: function( inst ) {\n\t\tif ( this._get( inst, \"autoSize\" ) && !inst.inline ) {\n\t\t\tvar findMax, max, maxI, i,\n\t\t\t\tdate = new Date( 2009, 12 - 1, 20 ), // Ensure double digits\n\t\t\t\tdateFormat = this._get( inst, \"dateFormat\" );\n\n\t\t\tif ( dateFormat.match( /[DM]/ ) ) {\n\t\t\t\tfindMax = function( names ) {\n\t\t\t\t\tmax = 0;\n\t\t\t\t\tmaxI = 0;\n\t\t\t\t\tfor ( i = 0; i < names.length; i++ ) {\n\t\t\t\t\t\tif ( names[ i ].length > max ) {\n\t\t\t\t\t\t\tmax = names[ i ].length;\n\t\t\t\t\t\t\tmaxI = i;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn maxI;\n\t\t\t\t};\n\t\t\t\tdate.setMonth( findMax( this._get( inst, ( dateFormat.match( /MM/ ) ?\n\t\t\t\t\t\"monthNames\" : \"monthNamesShort\" ) ) ) );\n\t\t\t\tdate.setDate( findMax( this._get( inst, ( dateFormat.match( /DD/ ) ?\n\t\t\t\t\t\"dayNames\" : \"dayNamesShort\" ) ) ) + 20 - date.getDay() );\n\t\t\t}\n\t\t\tinst.input.attr( \"size\", this._formatDate( inst, date ).length );\n\t\t}\n\t},\n\n\t/* Attach an inline date picker to a div. */\n\t_inlineDatepicker: function( target, inst ) {\n\t\tvar divSpan = $( target );\n\t\tif ( divSpan.hasClass( this.markerClassName ) ) {\n\t\t\treturn;\n\t\t}\n\t\tdivSpan.addClass( this.markerClassName ).append( inst.dpDiv );\n\t\t$.data( target, \"datepicker\", inst );\n\t\tthis._setDate( inst, this._getDefaultDate( inst ), true );\n\t\tthis._updateDatepicker( inst );\n\t\tthis._updateAlternate( inst );\n\n\t\t//If disabled option is true, disable the datepicker before showing it (see ticket #5665)\n\t\tif ( inst.settings.disabled ) {\n\t\t\tthis._disableDatepicker( target );\n\t\t}\n\n\t\t// Set display:block in place of inst.dpDiv.show() which won't work on disconnected elements\n\t\t// http://bugs.jqueryui.com/ticket/7552 - A Datepicker created on a detached div has zero height\n\t\tinst.dpDiv.css( \"display\", \"block\" );\n\t},\n\n\t/* Pop-up the date picker in a \"dialog\" box.\n\t * @param input element - ignored\n\t * @param date\tstring or Date - the initial date to display\n\t * @param onSelect function - the function to call when a date is selected\n\t * @param settings object - update the dialog date picker instance's settings (anonymous object)\n\t * @param pos int[2] - coordinates for the dialog's position within the screen or\n\t *\t\t\t\t\tevent - with x/y coordinates or\n\t *\t\t\t\t\tleave empty for default (screen centre)\n\t * @return the manager object\n\t */\n\t_dialogDatepicker: function( input, date, onSelect, settings, pos ) {\n\t\tvar id, browserWidth, browserHeight, scrollX, scrollY,\n\t\t\tinst = this._dialogInst; // internal instance\n\n\t\tif ( !inst ) {\n\t\t\tthis.uuid += 1;\n\t\t\tid = \"dp\" + this.uuid;\n\t\t\tthis._dialogInput = $( \"\" );\n\t\t\tthis._dialogInput.on( \"keydown\", this._doKeyDown );\n\t\t\t$( \"body\" ).append( this._dialogInput );\n\t\t\tinst = this._dialogInst = this._newInst( this._dialogInput, false );\n\t\t\tinst.settings = {};\n\t\t\t$.data( this._dialogInput[ 0 ], \"datepicker\", inst );\n\t\t}\n\t\tdatepicker_extendRemove( inst.settings, settings || {} );\n\t\tdate = ( date && date.constructor === Date ? this._formatDate( inst, date ) : date );\n\t\tthis._dialogInput.val( date );\n\n\t\tthis._pos = ( pos ? ( pos.length ? pos : [ pos.pageX, pos.pageY ] ) : null );\n\t\tif ( !this._pos ) {\n\t\t\tbrowserWidth = document.documentElement.clientWidth;\n\t\t\tbrowserHeight = document.documentElement.clientHeight;\n\t\t\tscrollX = document.documentElement.scrollLeft || document.body.scrollLeft;\n\t\t\tscrollY = document.documentElement.scrollTop || document.body.scrollTop;\n\t\t\tthis._pos = // should use actual width/height below\n\t\t\t\t[ ( browserWidth / 2 ) - 100 + scrollX, ( browserHeight / 2 ) - 150 + scrollY ];\n\t\t}\n\n\t\t// Move input on screen for focus, but hidden behind dialog\n\t\tthis._dialogInput.css( \"left\", ( this._pos[ 0 ] + 20 ) + \"px\" ).css( \"top\", this._pos[ 1 ] + \"px\" );\n\t\tinst.settings.onSelect = onSelect;\n\t\tthis._inDialog = true;\n\t\tthis.dpDiv.addClass( this._dialogClass );\n\t\tthis._showDatepicker( this._dialogInput[ 0 ] );\n\t\tif ( $.blockUI ) {\n\t\t\t$.blockUI( this.dpDiv );\n\t\t}\n\t\t$.data( this._dialogInput[ 0 ], \"datepicker\", inst );\n\t\treturn this;\n\t},\n\n\t/* Detach a datepicker from its control.\n\t * @param target\telement - the target input field or division or span\n\t */\n\t_destroyDatepicker: function( target ) {\n\t\tvar nodeName,\n\t\t\t$target = $( target ),\n\t\t\tinst = $.data( target, \"datepicker\" );\n\n\t\tif ( !$target.hasClass( this.markerClassName ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tnodeName = target.nodeName.toLowerCase();\n\t\t$.removeData( target, \"datepicker\" );\n\t\tif ( nodeName === \"input\" ) {\n\t\t\tinst.append.remove();\n\t\t\tinst.trigger.remove();\n\t\t\t$target.removeClass( this.markerClassName ).\n\t\t\t\toff( \"focus\", this._showDatepicker ).\n\t\t\t\toff( \"keydown\", this._doKeyDown ).\n\t\t\t\toff( \"keypress\", this._doKeyPress ).\n\t\t\t\toff( \"keyup\", this._doKeyUp );\n\t\t} else if ( nodeName === \"div\" || nodeName === \"span\" ) {\n\t\t\t$target.removeClass( this.markerClassName ).empty();\n\t\t}\n\n\t\tif ( datepicker_instActive === inst ) {\n\t\t\tdatepicker_instActive = null;\n\t\t}\n\t},\n\n\t/* Enable the date picker to a jQuery selection.\n\t * @param target\telement - the target input field or division or span\n\t */\n\t_enableDatepicker: function( target ) {\n\t\tvar nodeName, inline,\n\t\t\t$target = $( target ),\n\t\t\tinst = $.data( target, \"datepicker\" );\n\n\t\tif ( !$target.hasClass( this.markerClassName ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tnodeName = target.nodeName.toLowerCase();\n\t\tif ( nodeName === \"input\" ) {\n\t\t\ttarget.disabled = false;\n\t\t\tinst.trigger.filter( \"button\" ).\n\t\t\t\teach( function() { this.disabled = false; } ).end().\n\t\t\t\tfilter( \"img\" ).css( { opacity: \"1.0\", cursor: \"\" } );\n\t\t} else if ( nodeName === \"div\" || nodeName === \"span\" ) {\n\t\t\tinline = $target.children( \".\" + this._inlineClass );\n\t\t\tinline.children().removeClass( \"ui-state-disabled\" );\n\t\t\tinline.find( \"select.ui-datepicker-month, select.ui-datepicker-year\" ).\n\t\t\t\tprop( \"disabled\", false );\n\t\t}\n\t\tthis._disabledInputs = $.map( this._disabledInputs,\n\t\t\tfunction( value ) { return ( value === target ? null : value ); } ); // delete entry\n\t},\n\n\t/* Disable the date picker to a jQuery selection.\n\t * @param target\telement - the target input field or division or span\n\t */\n\t_disableDatepicker: function( target ) {\n\t\tvar nodeName, inline,\n\t\t\t$target = $( target ),\n\t\t\tinst = $.data( target, \"datepicker\" );\n\n\t\tif ( !$target.hasClass( this.markerClassName ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tnodeName = target.nodeName.toLowerCase();\n\t\tif ( nodeName === \"input\" ) {\n\t\t\ttarget.disabled = true;\n\t\t\tinst.trigger.filter( \"button\" ).\n\t\t\t\teach( function() { this.disabled = true; } ).end().\n\t\t\t\tfilter( \"img\" ).css( { opacity: \"0.5\", cursor: \"default\" } );\n\t\t} else if ( nodeName === \"div\" || nodeName === \"span\" ) {\n\t\t\tinline = $target.children( \".\" + this._inlineClass );\n\t\t\tinline.children().addClass( \"ui-state-disabled\" );\n\t\t\tinline.find( \"select.ui-datepicker-month, select.ui-datepicker-year\" ).\n\t\t\t\tprop( \"disabled\", true );\n\t\t}\n\t\tthis._disabledInputs = $.map( this._disabledInputs,\n\t\t\tfunction( value ) { return ( value === target ? null : value ); } ); // delete entry\n\t\tthis._disabledInputs[ this._disabledInputs.length ] = target;\n\t},\n\n\t/* Is the first field in a jQuery collection disabled as a datepicker?\n\t * @param target\telement - the target input field or division or span\n\t * @return boolean - true if disabled, false if enabled\n\t */\n\t_isDisabledDatepicker: function( target ) {\n\t\tif ( !target ) {\n\t\t\treturn false;\n\t\t}\n\t\tfor ( var i = 0; i < this._disabledInputs.length; i++ ) {\n\t\t\tif ( this._disabledInputs[ i ] === target ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t},\n\n\t/* Retrieve the instance data for the target control.\n\t * @param target element - the target input field or division or span\n\t * @return object - the associated instance data\n\t * @throws error if a jQuery problem getting data\n\t */\n\t_getInst: function( target ) {\n\t\ttry {\n\t\t\treturn $.data( target, \"datepicker\" );\n\t\t}\n\t\tcatch ( err ) {\n\t\t\tthrow \"Missing instance data for this datepicker\";\n\t\t}\n\t},\n\n\t/* Update or retrieve the settings for a date picker attached to an input field or division.\n\t * @param target element - the target input field or division or span\n\t * @param name\tobject - the new settings to update or\n\t *\t\t\t\tstring - the name of the setting to change or retrieve,\n\t *\t\t\t\twhen retrieving also \"all\" for all instance settings or\n\t *\t\t\t\t\"defaults\" for all global defaults\n\t * @param value any - the new value for the setting\n\t *\t\t\t\t(omit if above is an object or to retrieve a value)\n\t */\n\t_optionDatepicker: function( target, name, value ) {\n\t\tvar settings, date, minDate, maxDate,\n\t\t\tinst = this._getInst( target );\n\n\t\tif ( arguments.length === 2 && typeof name === \"string\" ) {\n\t\t\treturn ( name === \"defaults\" ? $.extend( {}, $.datepicker._defaults ) :\n\t\t\t\t( inst ? ( name === \"all\" ? $.extend( {}, inst.settings ) :\n\t\t\t\tthis._get( inst, name ) ) : null ) );\n\t\t}\n\n\t\tsettings = name || {};\n\t\tif ( typeof name === \"string\" ) {\n\t\t\tsettings = {};\n\t\t\tsettings[ name ] = value;\n\t\t}\n\n\t\tif ( inst ) {\n\t\t\tif ( this._curInst === inst ) {\n\t\t\t\tthis._hideDatepicker();\n\t\t\t}\n\n\t\t\tdate = this._getDateDatepicker( target, true );\n\t\t\tminDate = this._getMinMaxDate( inst, \"min\" );\n\t\t\tmaxDate = this._getMinMaxDate( inst, \"max\" );\n\t\t\tdatepicker_extendRemove( inst.settings, settings );\n\n\t\t\t// reformat the old minDate/maxDate values if dateFormat changes and a new minDate/maxDate isn't provided\n\t\t\tif ( minDate !== null && settings.dateFormat !== undefined && settings.minDate === undefined ) {\n\t\t\t\tinst.settings.minDate = this._formatDate( inst, minDate );\n\t\t\t}\n\t\t\tif ( maxDate !== null && settings.dateFormat !== undefined && settings.maxDate === undefined ) {\n\t\t\t\tinst.settings.maxDate = this._formatDate( inst, maxDate );\n\t\t\t}\n\t\t\tif ( \"disabled\" in settings ) {\n\t\t\t\tif ( settings.disabled ) {\n\t\t\t\t\tthis._disableDatepicker( target );\n\t\t\t\t} else {\n\t\t\t\t\tthis._enableDatepicker( target );\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis._attachments( $( target ), inst );\n\t\t\tthis._autoSize( inst );\n\t\t\tthis._setDate( inst, date );\n\t\t\tthis._updateAlternate( inst );\n\t\t\tthis._updateDatepicker( inst );\n\t\t}\n\t},\n\n\t// Change method deprecated\n\t_changeDatepicker: function( target, name, value ) {\n\t\tthis._optionDatepicker( target, name, value );\n\t},\n\n\t/* Redraw the date picker attached to an input field or division.\n\t * @param target element - the target input field or division or span\n\t */\n\t_refreshDatepicker: function( target ) {\n\t\tvar inst = this._getInst( target );\n\t\tif ( inst ) {\n\t\t\tthis._updateDatepicker( inst );\n\t\t}\n\t},\n\n\t/* Set the dates for a jQuery selection.\n\t * @param target element - the target input field or division or span\n\t * @param date\tDate - the new date\n\t */\n\t_setDateDatepicker: function( target, date ) {\n\t\tvar inst = this._getInst( target );\n\t\tif ( inst ) {\n\t\t\tthis._setDate( inst, date );\n\t\t\tthis._updateDatepicker( inst );\n\t\t\tthis._updateAlternate( inst );\n\t\t}\n\t},\n\n\t/* Get the date(s) for the first entry in a jQuery selection.\n\t * @param target element - the target input field or division or span\n\t * @param noDefault boolean - true if no default date is to be used\n\t * @return Date - the current date\n\t */\n\t_getDateDatepicker: function( target, noDefault ) {\n\t\tvar inst = this._getInst( target );\n\t\tif ( inst && !inst.inline ) {\n\t\t\tthis._setDateFromField( inst, noDefault );\n\t\t}\n\t\treturn ( inst ? this._getDate( inst ) : null );\n\t},\n\n\t/* Handle keystrokes. */\n\t_doKeyDown: function( event ) {\n\t\tvar onSelect, dateStr, sel,\n\t\t\tinst = $.datepicker._getInst( event.target ),\n\t\t\thandled = true,\n\t\t\tisRTL = inst.dpDiv.is( \".ui-datepicker-rtl\" );\n\n\t\tinst._keyEvent = true;\n\t\tif ( $.datepicker._datepickerShowing ) {\n\t\t\tswitch ( event.keyCode ) {\n\t\t\t\tcase 9: $.datepicker._hideDatepicker();\n\t\t\t\t\t\thandled = false;\n\t\t\t\t\t\tbreak; // hide on tab out\n\t\t\t\tcase 13: sel = $( \"td.\" + $.datepicker._dayOverClass + \":not(.\" +\n\t\t\t\t\t\t\t\t\t$.datepicker._currentClass + \")\", inst.dpDiv );\n\t\t\t\t\t\tif ( sel[ 0 ] ) {\n\t\t\t\t\t\t\t$.datepicker._selectDay( event.target, inst.selectedMonth, inst.selectedYear, sel[ 0 ] );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonSelect = $.datepicker._get( inst, \"onSelect\" );\n\t\t\t\t\t\tif ( onSelect ) {\n\t\t\t\t\t\t\tdateStr = $.datepicker._formatDate( inst );\n\n\t\t\t\t\t\t\t// Trigger custom callback\n\t\t\t\t\t\t\tonSelect.apply( ( inst.input ? inst.input[ 0 ] : null ), [ dateStr, inst ] );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t$.datepicker._hideDatepicker();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn false; // don't submit the form\n\t\t\t\tcase 27: $.datepicker._hideDatepicker();\n\t\t\t\t\t\tbreak; // hide on escape\n\t\t\t\tcase 33: $.datepicker._adjustDate( event.target, ( event.ctrlKey ?\n\t\t\t\t\t\t\t-$.datepicker._get( inst, \"stepBigMonths\" ) :\n\t\t\t\t\t\t\t-$.datepicker._get( inst, \"stepMonths\" ) ), \"M\" );\n\t\t\t\t\t\tbreak; // previous month/year on page up/+ ctrl\n\t\t\t\tcase 34: $.datepicker._adjustDate( event.target, ( event.ctrlKey ?\n\t\t\t\t\t\t\t+$.datepicker._get( inst, \"stepBigMonths\" ) :\n\t\t\t\t\t\t\t+$.datepicker._get( inst, \"stepMonths\" ) ), \"M\" );\n\t\t\t\t\t\tbreak; // next month/year on page down/+ ctrl\n\t\t\t\tcase 35: if ( event.ctrlKey || event.metaKey ) {\n\t\t\t\t\t\t\t$.datepicker._clearDate( event.target );\n\t\t\t\t\t\t}\n\t\t\t\t\t\thandled = event.ctrlKey || event.metaKey;\n\t\t\t\t\t\tbreak; // clear on ctrl or command +end\n\t\t\t\tcase 36: if ( event.ctrlKey || event.metaKey ) {\n\t\t\t\t\t\t\t$.datepicker._gotoToday( event.target );\n\t\t\t\t\t\t}\n\t\t\t\t\t\thandled = event.ctrlKey || event.metaKey;\n\t\t\t\t\t\tbreak; // current on ctrl or command +home\n\t\t\t\tcase 37: if ( event.ctrlKey || event.metaKey ) {\n\t\t\t\t\t\t\t$.datepicker._adjustDate( event.target, ( isRTL ? +1 : -1 ), \"D\" );\n\t\t\t\t\t\t}\n\t\t\t\t\t\thandled = event.ctrlKey || event.metaKey;\n\n\t\t\t\t\t\t// -1 day on ctrl or command +left\n\t\t\t\t\t\tif ( event.originalEvent.altKey ) {\n\t\t\t\t\t\t\t$.datepicker._adjustDate( event.target, ( event.ctrlKey ?\n\t\t\t\t\t\t\t\t-$.datepicker._get( inst, \"stepBigMonths\" ) :\n\t\t\t\t\t\t\t\t-$.datepicker._get( inst, \"stepMonths\" ) ), \"M\" );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// next month/year on alt +left on Mac\n\t\t\t\t\t\tbreak;\n\t\t\t\tcase 38: if ( event.ctrlKey || event.metaKey ) {\n\t\t\t\t\t\t\t$.datepicker._adjustDate( event.target, -7, \"D\" );\n\t\t\t\t\t\t}\n\t\t\t\t\t\thandled = event.ctrlKey || event.metaKey;\n\t\t\t\t\t\tbreak; // -1 week on ctrl or command +up\n\t\t\t\tcase 39: if ( event.ctrlKey || event.metaKey ) {\n\t\t\t\t\t\t\t$.datepicker._adjustDate( event.target, ( isRTL ? -1 : +1 ), \"D\" );\n\t\t\t\t\t\t}\n\t\t\t\t\t\thandled = event.ctrlKey || event.metaKey;\n\n\t\t\t\t\t\t// +1 day on ctrl or command +right\n\t\t\t\t\t\tif ( event.originalEvent.altKey ) {\n\t\t\t\t\t\t\t$.datepicker._adjustDate( event.target, ( event.ctrlKey ?\n\t\t\t\t\t\t\t\t+$.datepicker._get( inst, \"stepBigMonths\" ) :\n\t\t\t\t\t\t\t\t+$.datepicker._get( inst, \"stepMonths\" ) ), \"M\" );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// next month/year on alt +right\n\t\t\t\t\t\tbreak;\n\t\t\t\tcase 40: if ( event.ctrlKey || event.metaKey ) {\n\t\t\t\t\t\t\t$.datepicker._adjustDate( event.target, +7, \"D\" );\n\t\t\t\t\t\t}\n\t\t\t\t\t\thandled = event.ctrlKey || event.metaKey;\n\t\t\t\t\t\tbreak; // +1 week on ctrl or command +down\n\t\t\t\tdefault: handled = false;\n\t\t\t}\n\t\t} else if ( event.keyCode === 36 && event.ctrlKey ) { // display the date picker on ctrl+home\n\t\t\t$.datepicker._showDatepicker( this );\n\t\t} else {\n\t\t\thandled = false;\n\t\t}\n\n\t\tif ( handled ) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t}\n\t},\n\n\t/* Filter entered characters - based on date format. */\n\t_doKeyPress: function( event ) {\n\t\tvar chars, chr,\n\t\t\tinst = $.datepicker._getInst( event.target );\n\n\t\tif ( $.datepicker._get( inst, \"constrainInput\" ) ) {\n\t\t\tchars = $.datepicker._possibleChars( $.datepicker._get( inst, \"dateFormat\" ) );\n\t\t\tchr = String.fromCharCode( event.charCode == null ? event.keyCode : event.charCode );\n\t\t\treturn event.ctrlKey || event.metaKey || ( chr < \" \" || !chars || chars.indexOf( chr ) > -1 );\n\t\t}\n\t},\n\n\t/* Synchronise manual entry and field/alternate field. */\n\t_doKeyUp: function( event ) {\n\t\tvar date,\n\t\t\tinst = $.datepicker._getInst( event.target );\n\n\t\tif ( inst.input.val() !== inst.lastVal ) {\n\t\t\ttry {\n\t\t\t\tdate = $.datepicker.parseDate( $.datepicker._get( inst, \"dateFormat\" ),\n\t\t\t\t\t( inst.input ? inst.input.val() : null ),\n\t\t\t\t\t$.datepicker._getFormatConfig( inst ) );\n\n\t\t\t\tif ( date ) { // only if valid\n\t\t\t\t\t$.datepicker._setDateFromField( inst );\n\t\t\t\t\t$.datepicker._updateAlternate( inst );\n\t\t\t\t\t$.datepicker._updateDatepicker( inst );\n\t\t\t\t}\n\t\t\t}\n\t\t\tcatch ( err ) {\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t},\n\n\t/* Pop-up the date picker for a given input field.\n\t * If false returned from beforeShow event handler do not show.\n\t * @param input element - the input field attached to the date picker or\n\t *\t\t\t\t\tevent - if triggered by focus\n\t */\n\t_showDatepicker: function( input ) {\n\t\tinput = input.target || input;\n\t\tif ( input.nodeName.toLowerCase() !== \"input\" ) { // find from button/image trigger\n\t\t\tinput = $( \"input\", input.parentNode )[ 0 ];\n\t\t}\n\n\t\tif ( $.datepicker._isDisabledDatepicker( input ) || $.datepicker._lastInput === input ) { // already here\n\t\t\treturn;\n\t\t}\n\n\t\tvar inst, beforeShow, beforeShowSettings, isFixed,\n\t\t\toffset, showAnim, duration;\n\n\t\tinst = $.datepicker._getInst( input );\n\t\tif ( $.datepicker._curInst && $.datepicker._curInst !== inst ) {\n\t\t\t$.datepicker._curInst.dpDiv.stop( true, true );\n\t\t\tif ( inst && $.datepicker._datepickerShowing ) {\n\t\t\t\t$.datepicker._hideDatepicker( $.datepicker._curInst.input[ 0 ] );\n\t\t\t}\n\t\t}\n\n\t\tbeforeShow = $.datepicker._get( inst, \"beforeShow\" );\n\t\tbeforeShowSettings = beforeShow ? beforeShow.apply( input, [ input, inst ] ) : {};\n\t\tif ( beforeShowSettings === false ) {\n\t\t\treturn;\n\t\t}\n\t\tdatepicker_extendRemove( inst.settings, beforeShowSettings );\n\n\t\tinst.lastVal = null;\n\t\t$.datepicker._lastInput = input;\n\t\t$.datepicker._setDateFromField( inst );\n\n\t\tif ( $.datepicker._inDialog ) { // hide cursor\n\t\t\tinput.value = \"\";\n\t\t}\n\t\tif ( !$.datepicker._pos ) { // position below input\n\t\t\t$.datepicker._pos = $.datepicker._findPos( input );\n\t\t\t$.datepicker._pos[ 1 ] += input.offsetHeight; // add the height\n\t\t}\n\n\t\tisFixed = false;\n\t\t$( input ).parents().each( function() {\n\t\t\tisFixed |= $( this ).css( \"position\" ) === \"fixed\";\n\t\t\treturn !isFixed;\n\t\t} );\n\n\t\toffset = { left: $.datepicker._pos[ 0 ], top: $.datepicker._pos[ 1 ] };\n\t\t$.datepicker._pos = null;\n\n\t\t//to avoid flashes on Firefox\n\t\tinst.dpDiv.empty();\n\n\t\t// determine sizing offscreen\n\t\tinst.dpDiv.css( { position: \"absolute\", display: \"block\", top: \"-1000px\" } );\n\t\t$.datepicker._updateDatepicker( inst );\n\n\t\t// fix width for dynamic number of date pickers\n\t\t// and adjust position before showing\n\t\toffset = $.datepicker._checkOffset( inst, offset, isFixed );\n\t\tinst.dpDiv.css( { position: ( $.datepicker._inDialog && $.blockUI ?\n\t\t\t\"static\" : ( isFixed ? \"fixed\" : \"absolute\" ) ), display: \"none\",\n\t\t\tleft: offset.left + \"px\", top: offset.top + \"px\" } );\n\n\t\tif ( !inst.inline ) {\n\t\t\tshowAnim = $.datepicker._get( inst, \"showAnim\" );\n\t\t\tduration = $.datepicker._get( inst, \"duration\" );\n\t\t\tinst.dpDiv.css( \"z-index\", datepicker_getZindex( $( input ) ) + 1 );\n\t\t\t$.datepicker._datepickerShowing = true;\n\n\t\t\tif ( $.effects && $.effects.effect[ showAnim ] ) {\n\t\t\t\tinst.dpDiv.show( showAnim, $.datepicker._get( inst, \"showOptions\" ), duration );\n\t\t\t} else {\n\t\t\t\tinst.dpDiv[ showAnim || \"show\" ]( showAnim ? duration : null );\n\t\t\t}\n\n\t\t\tif ( $.datepicker._shouldFocusInput( inst ) ) {\n\t\t\t\tinst.input.trigger( \"focus\" );\n\t\t\t}\n\n\t\t\t$.datepicker._curInst = inst;\n\t\t}\n\t},\n\n\t/* Generate the date picker content. */\n\t_updateDatepicker: function( inst ) {\n\t\tthis.maxRows = 4; //Reset the max number of rows being displayed (see #7043)\n\t\tdatepicker_instActive = inst; // for delegate hover events\n\t\tinst.dpDiv.empty().append( this._generateHTML( inst ) );\n\t\tthis._attachHandlers( inst );\n\n\t\tvar origyearshtml,\n\t\t\tnumMonths = this._getNumberOfMonths( inst ),\n\t\t\tcols = numMonths[ 1 ],\n\t\t\twidth = 17,\n\t\t\tactiveCell = inst.dpDiv.find( \".\" + this._dayOverClass + \" a\" );\n\n\t\tif ( activeCell.length > 0 ) {\n\t\t\tdatepicker_handleMouseover.apply( activeCell.get( 0 ) );\n\t\t}\n\n\t\tinst.dpDiv.removeClass( \"ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4\" ).width( \"\" );\n\t\tif ( cols > 1 ) {\n\t\t\tinst.dpDiv.addClass( \"ui-datepicker-multi-\" + cols ).css( \"width\", ( width * cols ) + \"em\" );\n\t\t}\n\t\tinst.dpDiv[ ( numMonths[ 0 ] !== 1 || numMonths[ 1 ] !== 1 ? \"add\" : \"remove\" ) +\n\t\t\t\"Class\" ]( \"ui-datepicker-multi\" );\n\t\tinst.dpDiv[ ( this._get( inst, \"isRTL\" ) ? \"add\" : \"remove\" ) +\n\t\t\t\"Class\" ]( \"ui-datepicker-rtl\" );\n\n\t\tif ( inst === $.datepicker._curInst && $.datepicker._datepickerShowing && $.datepicker._shouldFocusInput( inst ) ) {\n\t\t\tinst.input.trigger( \"focus\" );\n\t\t}\n\n\t\t// Deffered render of the years select (to avoid flashes on Firefox)\n\t\tif ( inst.yearshtml ) {\n\t\t\torigyearshtml = inst.yearshtml;\n\t\t\tsetTimeout( function() {\n\n\t\t\t\t//assure that inst.yearshtml didn't change.\n\t\t\t\tif ( origyearshtml === inst.yearshtml && inst.yearshtml ) {\n\t\t\t\t\tinst.dpDiv.find( \"select.ui-datepicker-year:first\" ).replaceWith( inst.yearshtml );\n\t\t\t\t}\n\t\t\t\torigyearshtml = inst.yearshtml = null;\n\t\t\t}, 0 );\n\t\t}\n\t},\n\n\t// #6694 - don't focus the input if it's already focused\n\t// this breaks the change event in IE\n\t// Support: IE and jQuery <1.9\n\t_shouldFocusInput: function( inst ) {\n\t\treturn inst.input && inst.input.is( \":visible\" ) && !inst.input.is( \":disabled\" ) && !inst.input.is( \":focus\" );\n\t},\n\n\t/* Check positioning to remain on screen. */\n\t_checkOffset: function( inst, offset, isFixed ) {\n\t\tvar dpWidth = inst.dpDiv.outerWidth(),\n\t\t\tdpHeight = inst.dpDiv.outerHeight(),\n\t\t\tinputWidth = inst.input ? inst.input.outerWidth() : 0,\n\t\t\tinputHeight = inst.input ? inst.input.outerHeight() : 0,\n\t\t\tviewWidth = document.documentElement.clientWidth + ( isFixed ? 0 : $( document ).scrollLeft() ),\n\t\t\tviewHeight = document.documentElement.clientHeight + ( isFixed ? 0 : $( document ).scrollTop() );\n\n\t\toffset.left -= ( this._get( inst, \"isRTL\" ) ? ( dpWidth - inputWidth ) : 0 );\n\t\toffset.left -= ( isFixed && offset.left === inst.input.offset().left ) ? $( document ).scrollLeft() : 0;\n\t\toffset.top -= ( isFixed && offset.top === ( inst.input.offset().top + inputHeight ) ) ? $( document ).scrollTop() : 0;\n\n\t\t// Now check if datepicker is showing outside window viewport - move to a better place if so.\n\t\toffset.left -= Math.min( offset.left, ( offset.left + dpWidth > viewWidth && viewWidth > dpWidth ) ?\n\t\t\tMath.abs( offset.left + dpWidth - viewWidth ) : 0 );\n\t\toffset.top -= Math.min( offset.top, ( offset.top + dpHeight > viewHeight && viewHeight > dpHeight ) ?\n\t\t\tMath.abs( dpHeight + inputHeight ) : 0 );\n\n\t\treturn offset;\n\t},\n\n\t/* Find an object's position on the screen. */\n\t_findPos: function( obj ) {\n\t\tvar position,\n\t\t\tinst = this._getInst( obj ),\n\t\t\tisRTL = this._get( inst, \"isRTL\" );\n\n\t\twhile ( obj && ( obj.type === \"hidden\" || obj.nodeType !== 1 || $.expr.filters.hidden( obj ) ) ) {\n\t\t\tobj = obj[ isRTL ? \"previousSibling\" : \"nextSibling\" ];\n\t\t}\n\n\t\tposition = $( obj ).offset();\n\t\treturn [ position.left, position.top ];\n\t},\n\n\t/* Hide the date picker from view.\n\t * @param input element - the input field attached to the date picker\n\t */\n\t_hideDatepicker: function( input ) {\n\t\tvar showAnim, duration, postProcess, onClose,\n\t\t\tinst = this._curInst;\n\n\t\tif ( !inst || ( input && inst !== $.data( input, \"datepicker\" ) ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this._datepickerShowing ) {\n\t\t\tshowAnim = this._get( inst, \"showAnim\" );\n\t\t\tduration = this._get( inst, \"duration\" );\n\t\t\tpostProcess = function() {\n\t\t\t\t$.datepicker._tidyDialog( inst );\n\t\t\t};\n\n\t\t\t// DEPRECATED: after BC for 1.8.x $.effects[ showAnim ] is not needed\n\t\t\tif ( $.effects && ( $.effects.effect[ showAnim ] || $.effects[ showAnim ] ) ) {\n\t\t\t\tinst.dpDiv.hide( showAnim, $.datepicker._get( inst, \"showOptions\" ), duration, postProcess );\n\t\t\t} else {\n\t\t\t\tinst.dpDiv[ ( showAnim === \"slideDown\" ? \"slideUp\" :\n\t\t\t\t\t( showAnim === \"fadeIn\" ? \"fadeOut\" : \"hide\" ) ) ]( ( showAnim ? duration : null ), postProcess );\n\t\t\t}\n\n\t\t\tif ( !showAnim ) {\n\t\t\t\tpostProcess();\n\t\t\t}\n\t\t\tthis._datepickerShowing = false;\n\n\t\t\tonClose = this._get( inst, \"onClose\" );\n\t\t\tif ( onClose ) {\n\t\t\t\tonClose.apply( ( inst.input ? inst.input[ 0 ] : null ), [ ( inst.input ? inst.input.val() : \"\" ), inst ] );\n\t\t\t}\n\n\t\t\tthis._lastInput = null;\n\t\t\tif ( this._inDialog ) {\n\t\t\t\tthis._dialogInput.css( { position: \"absolute\", left: \"0\", top: \"-100px\" } );\n\t\t\t\tif ( $.blockUI ) {\n\t\t\t\t\t$.unblockUI();\n\t\t\t\t\t$( \"body\" ).append( this.dpDiv );\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis._inDialog = false;\n\t\t}\n\t},\n\n\t/* Tidy up after a dialog display. */\n\t_tidyDialog: function( inst ) {\n\t\tinst.dpDiv.removeClass( this._dialogClass ).off( \".ui-datepicker-calendar\" );\n\t},\n\n\t/* Close date picker if clicked elsewhere. */\n\t_checkExternalClick: function( event ) {\n\t\tif ( !$.datepicker._curInst ) {\n\t\t\treturn;\n\t\t}\n\n\t\tvar $target = $( event.target ),\n\t\t\tinst = $.datepicker._getInst( $target[ 0 ] );\n\n\t\tif ( ( ( $target[ 0 ].id !== $.datepicker._mainDivId &&\n\t\t\t\t$target.parents( \"#\" + $.datepicker._mainDivId ).length === 0 &&\n\t\t\t\t!$target.hasClass( $.datepicker.markerClassName ) &&\n\t\t\t\t!$target.closest( \".\" + $.datepicker._triggerClass ).length &&\n\t\t\t\t$.datepicker._datepickerShowing && !( $.datepicker._inDialog && $.blockUI ) ) ) ||\n\t\t\t( $target.hasClass( $.datepicker.markerClassName ) && $.datepicker._curInst !== inst ) ) {\n\t\t\t\t$.datepicker._hideDatepicker();\n\t\t}\n\t},\n\n\t/* Adjust one of the date sub-fields. */\n\t_adjustDate: function( id, offset, period ) {\n\t\tvar target = $( id ),\n\t\t\tinst = this._getInst( target[ 0 ] );\n\n\t\tif ( this._isDisabledDatepicker( target[ 0 ] ) ) {\n\t\t\treturn;\n\t\t}\n\t\tthis._adjustInstDate( inst, offset +\n\t\t\t( period === \"M\" ? this._get( inst, \"showCurrentAtPos\" ) : 0 ), // undo positioning\n\t\t\tperiod );\n\t\tthis._updateDatepicker( inst );\n\t},\n\n\t/* Action for current link. */\n\t_gotoToday: function( id ) {\n\t\tvar date,\n\t\t\ttarget = $( id ),\n\t\t\tinst = this._getInst( target[ 0 ] );\n\n\t\tif ( this._get( inst, \"gotoCurrent\" ) && inst.currentDay ) {\n\t\t\tinst.selectedDay = inst.currentDay;\n\t\t\tinst.drawMonth = inst.selectedMonth = inst.currentMonth;\n\t\t\tinst.drawYear = inst.selectedYear = inst.currentYear;\n\t\t} else {\n\t\t\tdate = new Date();\n\t\t\tinst.selectedDay = date.getDate();\n\t\t\tinst.drawMonth = inst.selectedMonth = date.getMonth();\n\t\t\tinst.drawYear = inst.selectedYear = date.getFullYear();\n\t\t}\n\t\tthis._notifyChange( inst );\n\t\tthis._adjustDate( target );\n\t},\n\n\t/* Action for selecting a new month/year. */\n\t_selectMonthYear: function( id, select, period ) {\n\t\tvar target = $( id ),\n\t\t\tinst = this._getInst( target[ 0 ] );\n\n\t\tinst[ \"selected\" + ( period === \"M\" ? \"Month\" : \"Year\" ) ] =\n\t\tinst[ \"draw\" + ( period === \"M\" ? \"Month\" : \"Year\" ) ] =\n\t\t\tparseInt( select.options[ select.selectedIndex ].value, 10 );\n\n\t\tthis._notifyChange( inst );\n\t\tthis._adjustDate( target );\n\t},\n\n\t/* Action for selecting a day. */\n\t_selectDay: function( id, month, year, td ) {\n\t\tvar inst,\n\t\t\ttarget = $( id );\n\n\t\tif ( $( td ).hasClass( this._unselectableClass ) || this._isDisabledDatepicker( target[ 0 ] ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tinst = this._getInst( target[ 0 ] );\n\t\tinst.selectedDay = inst.currentDay = $( \"a\", td ).html();\n\t\tinst.selectedMonth = inst.currentMonth = month;\n\t\tinst.selectedYear = inst.currentYear = year;\n\t\tthis._selectDate( id, this._formatDate( inst,\n\t\t\tinst.currentDay, inst.currentMonth, inst.currentYear ) );\n\t},\n\n\t/* Erase the input field and hide the date picker. */\n\t_clearDate: function( id ) {\n\t\tvar target = $( id );\n\t\tthis._selectDate( target, \"\" );\n\t},\n\n\t/* Update the input field with the selected date. */\n\t_selectDate: function( id, dateStr ) {\n\t\tvar onSelect,\n\t\t\ttarget = $( id ),\n\t\t\tinst = this._getInst( target[ 0 ] );\n\n\t\tdateStr = ( dateStr != null ? dateStr : this._formatDate( inst ) );\n\t\tif ( inst.input ) {\n\t\t\tinst.input.val( dateStr );\n\t\t}\n\t\tthis._updateAlternate( inst );\n\n\t\tonSelect = this._get( inst, \"onSelect\" );\n\t\tif ( onSelect ) {\n\t\t\tonSelect.apply( ( inst.input ? inst.input[ 0 ] : null ), [ dateStr, inst ] ); // trigger custom callback\n\t\t} else if ( inst.input ) {\n\t\t\tinst.input.trigger( \"change\" ); // fire the change event\n\t\t}\n\n\t\tif ( inst.inline ) {\n\t\t\tthis._updateDatepicker( inst );\n\t\t} else {\n\t\t\tthis._hideDatepicker();\n\t\t\tthis._lastInput = inst.input[ 0 ];\n\t\t\tif ( typeof( inst.input[ 0 ] ) !== \"object\" ) {\n\t\t\t\tinst.input.trigger( \"focus\" ); // restore focus\n\t\t\t}\n\t\t\tthis._lastInput = null;\n\t\t}\n\t},\n\n\t/* Update any alternate field to synchronise with the main field. */\n\t_updateAlternate: function( inst ) {\n\t\tvar altFormat, date, dateStr,\n\t\t\taltField = this._get( inst, \"altField\" );\n\n\t\tif ( altField ) { // update alternate field too\n\t\t\taltFormat = this._get( inst, \"altFormat\" ) || this._get( inst, \"dateFormat\" );\n\t\t\tdate = this._getDate( inst );\n\t\t\tdateStr = this.formatDate( altFormat, date, this._getFormatConfig( inst ) );\n\t\t\t$( altField ).val( dateStr );\n\t\t}\n\t},\n\n\t/* Set as beforeShowDay function to prevent selection of weekends.\n\t * @param date Date - the date to customise\n\t * @return [boolean, string] - is this date selectable?, what is its CSS class?\n\t */\n\tnoWeekends: function( date ) {\n\t\tvar day = date.getDay();\n\t\treturn [ ( day > 0 && day < 6 ), \"\" ];\n\t},\n\n\t/* Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.\n\t * @param date Date - the date to get the week for\n\t * @return number - the number of the week within the year that contains this date\n\t */\n\tiso8601Week: function( date ) {\n\t\tvar time,\n\t\t\tcheckDate = new Date( date.getTime() );\n\n\t\t// Find Thursday of this week starting on Monday\n\t\tcheckDate.setDate( checkDate.getDate() + 4 - ( checkDate.getDay() || 7 ) );\n\n\t\ttime = checkDate.getTime();\n\t\tcheckDate.setMonth( 0 ); // Compare with Jan 1\n\t\tcheckDate.setDate( 1 );\n\t\treturn Math.floor( Math.round( ( time - checkDate ) / 86400000 ) / 7 ) + 1;\n\t},\n\n\t/* Parse a string value into a date object.\n\t * See formatDate below for the possible formats.\n\t *\n\t * @param format string - the expected format of the date\n\t * @param value string - the date in the above format\n\t * @param settings Object - attributes include:\n\t *\t\t\t\t\tshortYearCutoff number - the cutoff year for determining the century (optional)\n\t *\t\t\t\t\tdayNamesShort\tstring[7] - abbreviated names of the days from Sunday (optional)\n\t *\t\t\t\t\tdayNames\t\tstring[7] - names of the days from Sunday (optional)\n\t *\t\t\t\t\tmonthNamesShort string[12] - abbreviated names of the months (optional)\n\t *\t\t\t\t\tmonthNames\t\tstring[12] - names of the months (optional)\n\t * @return Date - the extracted date value or null if value is blank\n\t */\n\tparseDate: function( format, value, settings ) {\n\t\tif ( format == null || value == null ) {\n\t\t\tthrow \"Invalid arguments\";\n\t\t}\n\n\t\tvalue = ( typeof value === \"object\" ? value.toString() : value + \"\" );\n\t\tif ( value === \"\" ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tvar iFormat, dim, extra,\n\t\t\tiValue = 0,\n\t\t\tshortYearCutoffTemp = ( settings ? settings.shortYearCutoff : null ) || this._defaults.shortYearCutoff,\n\t\t\tshortYearCutoff = ( typeof shortYearCutoffTemp !== \"string\" ? shortYearCutoffTemp :\n\t\t\t\tnew Date().getFullYear() % 100 + parseInt( shortYearCutoffTemp, 10 ) ),\n\t\t\tdayNamesShort = ( settings ? settings.dayNamesShort : null ) || this._defaults.dayNamesShort,\n\t\t\tdayNames = ( settings ? settings.dayNames : null ) || this._defaults.dayNames,\n\t\t\tmonthNamesShort = ( settings ? settings.monthNamesShort : null ) || this._defaults.monthNamesShort,\n\t\t\tmonthNames = ( settings ? settings.monthNames : null ) || this._defaults.monthNames,\n\t\t\tyear = -1,\n\t\t\tmonth = -1,\n\t\t\tday = -1,\n\t\t\tdoy = -1,\n\t\t\tliteral = false,\n\t\t\tdate,\n\n\t\t\t// Check whether a format character is doubled\n\t\t\tlookAhead = function( match ) {\n\t\t\t\tvar matches = ( iFormat + 1 < format.length && format.charAt( iFormat + 1 ) === match );\n\t\t\t\tif ( matches ) {\n\t\t\t\t\tiFormat++;\n\t\t\t\t}\n\t\t\t\treturn matches;\n\t\t\t},\n\n\t\t\t// Extract a number from the string value\n\t\t\tgetNumber = function( match ) {\n\t\t\t\tvar isDoubled = lookAhead( match ),\n\t\t\t\t\tsize = ( match === \"@\" ? 14 : ( match === \"!\" ? 20 :\n\t\t\t\t\t( match === \"y\" && isDoubled ? 4 : ( match === \"o\" ? 3 : 2 ) ) ) ),\n\t\t\t\t\tminSize = ( match === \"y\" ? size : 1 ),\n\t\t\t\t\tdigits = new RegExp( \"^\\\\d{\" + minSize + \",\" + size + \"}\" ),\n\t\t\t\t\tnum = value.substring( iValue ).match( digits );\n\t\t\t\tif ( !num ) {\n\t\t\t\t\tthrow \"Missing number at position \" + iValue;\n\t\t\t\t}\n\t\t\t\tiValue += num[ 0 ].length;\n\t\t\t\treturn parseInt( num[ 0 ], 10 );\n\t\t\t},\n\n\t\t\t// Extract a name from the string value and convert to an index\n\t\t\tgetName = function( match, shortNames, longNames ) {\n\t\t\t\tvar index = -1,\n\t\t\t\t\tnames = $.map( lookAhead( match ) ? longNames : shortNames, function( v, k ) {\n\t\t\t\t\t\treturn [ [ k, v ] ];\n\t\t\t\t\t} ).sort( function( a, b ) {\n\t\t\t\t\t\treturn -( a[ 1 ].length - b[ 1 ].length );\n\t\t\t\t\t} );\n\n\t\t\t\t$.each( names, function( i, pair ) {\n\t\t\t\t\tvar name = pair[ 1 ];\n\t\t\t\t\tif ( value.substr( iValue, name.length ).toLowerCase() === name.toLowerCase() ) {\n\t\t\t\t\t\tindex = pair[ 0 ];\n\t\t\t\t\t\tiValue += name.length;\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t\tif ( index !== -1 ) {\n\t\t\t\t\treturn index + 1;\n\t\t\t\t} else {\n\t\t\t\t\tthrow \"Unknown name at position \" + iValue;\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t// Confirm that a literal character matches the string value\n\t\t\tcheckLiteral = function() {\n\t\t\t\tif ( value.charAt( iValue ) !== format.charAt( iFormat ) ) {\n\t\t\t\t\tthrow \"Unexpected literal at position \" + iValue;\n\t\t\t\t}\n\t\t\t\tiValue++;\n\t\t\t};\n\n\t\tfor ( iFormat = 0; iFormat < format.length; iFormat++ ) {\n\t\t\tif ( literal ) {\n\t\t\t\tif ( format.charAt( iFormat ) === \"'\" && !lookAhead( \"'\" ) ) {\n\t\t\t\t\tliteral = false;\n\t\t\t\t} else {\n\t\t\t\t\tcheckLiteral();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tswitch ( format.charAt( iFormat ) ) {\n\t\t\t\t\tcase \"d\":\n\t\t\t\t\t\tday = getNumber( \"d\" );\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"D\":\n\t\t\t\t\t\tgetName( \"D\", dayNamesShort, dayNames );\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"o\":\n\t\t\t\t\t\tdoy = getNumber( \"o\" );\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"m\":\n\t\t\t\t\t\tmonth = getNumber( \"m\" );\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"M\":\n\t\t\t\t\t\tmonth = getName( \"M\", monthNamesShort, monthNames );\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"y\":\n\t\t\t\t\t\tyear = getNumber( \"y\" );\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"@\":\n\t\t\t\t\t\tdate = new Date( getNumber( \"@\" ) );\n\t\t\t\t\t\tyear = date.getFullYear();\n\t\t\t\t\t\tmonth = date.getMonth() + 1;\n\t\t\t\t\t\tday = date.getDate();\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"!\":\n\t\t\t\t\t\tdate = new Date( ( getNumber( \"!\" ) - this._ticksTo1970 ) / 10000 );\n\t\t\t\t\t\tyear = date.getFullYear();\n\t\t\t\t\t\tmonth = date.getMonth() + 1;\n\t\t\t\t\t\tday = date.getDate();\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"'\":\n\t\t\t\t\t\tif ( lookAhead( \"'\" ) ) {\n\t\t\t\t\t\t\tcheckLiteral();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tliteral = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tcheckLiteral();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif ( iValue < value.length ) {\n\t\t\textra = value.substr( iValue );\n\t\t\tif ( !/^\\s+/.test( extra ) ) {\n\t\t\t\tthrow \"Extra/unparsed characters found in date: \" + extra;\n\t\t\t}\n\t\t}\n\n\t\tif ( year === -1 ) {\n\t\t\tyear = new Date().getFullYear();\n\t\t} else if ( year < 100 ) {\n\t\t\tyear += new Date().getFullYear() - new Date().getFullYear() % 100 +\n\t\t\t\t( year <= shortYearCutoff ? 0 : -100 );\n\t\t}\n\n\t\tif ( doy > -1 ) {\n\t\t\tmonth = 1;\n\t\t\tday = doy;\n\t\t\tdo {\n\t\t\t\tdim = this._getDaysInMonth( year, month - 1 );\n\t\t\t\tif ( day <= dim ) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tmonth++;\n\t\t\t\tday -= dim;\n\t\t\t} while ( true );\n\t\t}\n\n\t\tdate = this._daylightSavingAdjust( new Date( year, month - 1, day ) );\n\t\tif ( date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day ) {\n\t\t\tthrow \"Invalid date\"; // E.g. 31/02/00\n\t\t}\n\t\treturn date;\n\t},\n\n\t/* Standard date formats. */\n\tATOM: \"yy-mm-dd\", // RFC 3339 (ISO 8601)\n\tCOOKIE: \"D, dd M yy\",\n\tISO_8601: \"yy-mm-dd\",\n\tRFC_822: \"D, d M y\",\n\tRFC_850: \"DD, dd-M-y\",\n\tRFC_1036: \"D, d M y\",\n\tRFC_1123: \"D, d M yy\",\n\tRFC_2822: \"D, d M yy\",\n\tRSS: \"D, d M y\", // RFC 822\n\tTICKS: \"!\",\n\tTIMESTAMP: \"@\",\n\tW3C: \"yy-mm-dd\", // ISO 8601\n\n\t_ticksTo1970: ( ( ( 1970 - 1 ) * 365 + Math.floor( 1970 / 4 ) - Math.floor( 1970 / 100 ) +\n\t\tMath.floor( 1970 / 400 ) ) * 24 * 60 * 60 * 10000000 ),\n\n\t/* Format a date object into a string value.\n\t * The format can be combinations of the following:\n\t * d - day of month (no leading zero)\n\t * dd - day of month (two digit)\n\t * o - day of year (no leading zeros)\n\t * oo - day of year (three digit)\n\t * D - day name short\n\t * DD - day name long\n\t * m - month of year (no leading zero)\n\t * mm - month of year (two digit)\n\t * M - month name short\n\t * MM - month name long\n\t * y - year (two digit)\n\t * yy - year (four digit)\n\t * @ - Unix timestamp (ms since 01/01/1970)\n\t * ! - Windows ticks (100ns since 01/01/0001)\n\t * \"...\" - literal text\n\t * '' - single quote\n\t *\n\t * @param format string - the desired format of the date\n\t * @param date Date - the date value to format\n\t * @param settings Object - attributes include:\n\t *\t\t\t\t\tdayNamesShort\tstring[7] - abbreviated names of the days from Sunday (optional)\n\t *\t\t\t\t\tdayNames\t\tstring[7] - names of the days from Sunday (optional)\n\t *\t\t\t\t\tmonthNamesShort string[12] - abbreviated names of the months (optional)\n\t *\t\t\t\t\tmonthNames\t\tstring[12] - names of the months (optional)\n\t * @return string - the date in the above format\n\t */\n\tformatDate: function( format, date, settings ) {\n\t\tif ( !date ) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tvar iFormat,\n\t\t\tdayNamesShort = ( settings ? settings.dayNamesShort : null ) || this._defaults.dayNamesShort,\n\t\t\tdayNames = ( settings ? settings.dayNames : null ) || this._defaults.dayNames,\n\t\t\tmonthNamesShort = ( settings ? settings.monthNamesShort : null ) || this._defaults.monthNamesShort,\n\t\t\tmonthNames = ( settings ? settings.monthNames : null ) || this._defaults.monthNames,\n\n\t\t\t// Check whether a format character is doubled\n\t\t\tlookAhead = function( match ) {\n\t\t\t\tvar matches = ( iFormat + 1 < format.length && format.charAt( iFormat + 1 ) === match );\n\t\t\t\tif ( matches ) {\n\t\t\t\t\tiFormat++;\n\t\t\t\t}\n\t\t\t\treturn matches;\n\t\t\t},\n\n\t\t\t// Format a number, with leading zero if necessary\n\t\t\tformatNumber = function( match, value, len ) {\n\t\t\t\tvar num = \"\" + value;\n\t\t\t\tif ( lookAhead( match ) ) {\n\t\t\t\t\twhile ( num.length < len ) {\n\t\t\t\t\t\tnum = \"0\" + num;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn num;\n\t\t\t},\n\n\t\t\t// Format a name, short or long as requested\n\t\t\tformatName = function( match, value, shortNames, longNames ) {\n\t\t\t\treturn ( lookAhead( match ) ? longNames[ value ] : shortNames[ value ] );\n\t\t\t},\n\t\t\toutput = \"\",\n\t\t\tliteral = false;\n\n\t\tif ( date ) {\n\t\t\tfor ( iFormat = 0; iFormat < format.length; iFormat++ ) {\n\t\t\t\tif ( literal ) {\n\t\t\t\t\tif ( format.charAt( iFormat ) === \"'\" && !lookAhead( \"'\" ) ) {\n\t\t\t\t\t\tliteral = false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\toutput += format.charAt( iFormat );\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tswitch ( format.charAt( iFormat ) ) {\n\t\t\t\t\t\tcase \"d\":\n\t\t\t\t\t\t\toutput += formatNumber( \"d\", date.getDate(), 2 );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase \"D\":\n\t\t\t\t\t\t\toutput += formatName( \"D\", date.getDay(), dayNamesShort, dayNames );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase \"o\":\n\t\t\t\t\t\t\toutput += formatNumber( \"o\",\n\t\t\t\t\t\t\t\tMath.round( ( new Date( date.getFullYear(), date.getMonth(), date.getDate() ).getTime() - new Date( date.getFullYear(), 0, 0 ).getTime() ) / 86400000 ), 3 );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase \"m\":\n\t\t\t\t\t\t\toutput += formatNumber( \"m\", date.getMonth() + 1, 2 );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase \"M\":\n\t\t\t\t\t\t\toutput += formatName( \"M\", date.getMonth(), monthNamesShort, monthNames );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase \"y\":\n\t\t\t\t\t\t\toutput += ( lookAhead( \"y\" ) ? date.getFullYear() :\n\t\t\t\t\t\t\t\t( date.getFullYear() % 100 < 10 ? \"0\" : \"\" ) + date.getFullYear() % 100 );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase \"@\":\n\t\t\t\t\t\t\toutput += date.getTime();\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase \"!\":\n\t\t\t\t\t\t\toutput += date.getTime() * 10000 + this._ticksTo1970;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase \"'\":\n\t\t\t\t\t\t\tif ( lookAhead( \"'\" ) ) {\n\t\t\t\t\t\t\t\toutput += \"'\";\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tliteral = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\toutput += format.charAt( iFormat );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn output;\n\t},\n\n\t/* Extract all possible characters from the date format. */\n\t_possibleChars: function( format ) {\n\t\tvar iFormat,\n\t\t\tchars = \"\",\n\t\t\tliteral = false,\n\n\t\t\t// Check whether a format character is doubled\n\t\t\tlookAhead = function( match ) {\n\t\t\t\tvar matches = ( iFormat + 1 < format.length && format.charAt( iFormat + 1 ) === match );\n\t\t\t\tif ( matches ) {\n\t\t\t\t\tiFormat++;\n\t\t\t\t}\n\t\t\t\treturn matches;\n\t\t\t};\n\n\t\tfor ( iFormat = 0; iFormat < format.length; iFormat++ ) {\n\t\t\tif ( literal ) {\n\t\t\t\tif ( format.charAt( iFormat ) === \"'\" && !lookAhead( \"'\" ) ) {\n\t\t\t\t\tliteral = false;\n\t\t\t\t} else {\n\t\t\t\t\tchars += format.charAt( iFormat );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tswitch ( format.charAt( iFormat ) ) {\n\t\t\t\t\tcase \"d\": case \"m\": case \"y\": case \"@\":\n\t\t\t\t\t\tchars += \"0123456789\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"D\": case \"M\":\n\t\t\t\t\t\treturn null; // Accept anything\n\t\t\t\t\tcase \"'\":\n\t\t\t\t\t\tif ( lookAhead( \"'\" ) ) {\n\t\t\t\t\t\t\tchars += \"'\";\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tliteral = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tchars += format.charAt( iFormat );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn chars;\n\t},\n\n\t/* Get a setting value, defaulting if necessary. */\n\t_get: function( inst, name ) {\n\t\treturn inst.settings[ name ] !== undefined ?\n\t\t\tinst.settings[ name ] : this._defaults[ name ];\n\t},\n\n\t/* Parse existing date and initialise date picker. */\n\t_setDateFromField: function( inst, noDefault ) {\n\t\tif ( inst.input.val() === inst.lastVal ) {\n\t\t\treturn;\n\t\t}\n\n\t\tvar dateFormat = this._get( inst, \"dateFormat\" ),\n\t\t\tdates = inst.lastVal = inst.input ? inst.input.val() : null,\n\t\t\tdefaultDate = this._getDefaultDate( inst ),\n\t\t\tdate = defaultDate,\n\t\t\tsettings = this._getFormatConfig( inst );\n\n\t\ttry {\n\t\t\tdate = this.parseDate( dateFormat, dates, settings ) || defaultDate;\n\t\t} catch ( event ) {\n\t\t\tdates = ( noDefault ? \"\" : dates );\n\t\t}\n\t\tinst.selectedDay = date.getDate();\n\t\tinst.drawMonth = inst.selectedMonth = date.getMonth();\n\t\tinst.drawYear = inst.selectedYear = date.getFullYear();\n\t\tinst.currentDay = ( dates ? date.getDate() : 0 );\n\t\tinst.currentMonth = ( dates ? date.getMonth() : 0 );\n\t\tinst.currentYear = ( dates ? date.getFullYear() : 0 );\n\t\tthis._adjustInstDate( inst );\n\t},\n\n\t/* Retrieve the default date shown on opening. */\n\t_getDefaultDate: function( inst ) {\n\t\treturn this._restrictMinMax( inst,\n\t\t\tthis._determineDate( inst, this._get( inst, \"defaultDate\" ), new Date() ) );\n\t},\n\n\t/* A date may be specified as an exact value or a relative one. */\n\t_determineDate: function( inst, date, defaultDate ) {\n\t\tvar offsetNumeric = function( offset ) {\n\t\t\t\tvar date = new Date();\n\t\t\t\tdate.setDate( date.getDate() + offset );\n\t\t\t\treturn date;\n\t\t\t},\n\t\t\toffsetString = function( offset ) {\n\t\t\t\ttry {\n\t\t\t\t\treturn $.datepicker.parseDate( $.datepicker._get( inst, \"dateFormat\" ),\n\t\t\t\t\t\toffset, $.datepicker._getFormatConfig( inst ) );\n\t\t\t\t}\n\t\t\t\tcatch ( e ) {\n\n\t\t\t\t\t// Ignore\n\t\t\t\t}\n\n\t\t\t\tvar date = ( offset.toLowerCase().match( /^c/ ) ?\n\t\t\t\t\t$.datepicker._getDate( inst ) : null ) || new Date(),\n\t\t\t\t\tyear = date.getFullYear(),\n\t\t\t\t\tmonth = date.getMonth(),\n\t\t\t\t\tday = date.getDate(),\n\t\t\t\t\tpattern = /([+\\-]?[0-9]+)\\s*(d|D|w|W|m|M|y|Y)?/g,\n\t\t\t\t\tmatches = pattern.exec( offset );\n\n\t\t\t\twhile ( matches ) {\n\t\t\t\t\tswitch ( matches[ 2 ] || \"d\" ) {\n\t\t\t\t\t\tcase \"d\" : case \"D\" :\n\t\t\t\t\t\t\tday += parseInt( matches[ 1 ], 10 ); break;\n\t\t\t\t\t\tcase \"w\" : case \"W\" :\n\t\t\t\t\t\t\tday += parseInt( matches[ 1 ], 10 ) * 7; break;\n\t\t\t\t\t\tcase \"m\" : case \"M\" :\n\t\t\t\t\t\t\tmonth += parseInt( matches[ 1 ], 10 );\n\t\t\t\t\t\t\tday = Math.min( day, $.datepicker._getDaysInMonth( year, month ) );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase \"y\": case \"Y\" :\n\t\t\t\t\t\t\tyear += parseInt( matches[ 1 ], 10 );\n\t\t\t\t\t\t\tday = Math.min( day, $.datepicker._getDaysInMonth( year, month ) );\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tmatches = pattern.exec( offset );\n\t\t\t\t}\n\t\t\t\treturn new Date( year, month, day );\n\t\t\t},\n\t\t\tnewDate = ( date == null || date === \"\" ? defaultDate : ( typeof date === \"string\" ? offsetString( date ) :\n\t\t\t\t( typeof date === \"number\" ? ( isNaN( date ) ? defaultDate : offsetNumeric( date ) ) : new Date( date.getTime() ) ) ) );\n\n\t\tnewDate = ( newDate && newDate.toString() === \"Invalid Date\" ? defaultDate : newDate );\n\t\tif ( newDate ) {\n\t\t\tnewDate.setHours( 0 );\n\t\t\tnewDate.setMinutes( 0 );\n\t\t\tnewDate.setSeconds( 0 );\n\t\t\tnewDate.setMilliseconds( 0 );\n\t\t}\n\t\treturn this._daylightSavingAdjust( newDate );\n\t},\n\n\t/* Handle switch to/from daylight saving.\n\t * Hours may be non-zero on daylight saving cut-over:\n\t * > 12 when midnight changeover, but then cannot generate\n\t * midnight datetime, so jump to 1AM, otherwise reset.\n\t * @param date (Date) the date to check\n\t * @return (Date) the corrected date\n\t */\n\t_daylightSavingAdjust: function( date ) {\n\t\tif ( !date ) {\n\t\t\treturn null;\n\t\t}\n\t\tdate.setHours( date.getHours() > 12 ? date.getHours() + 2 : 0 );\n\t\treturn date;\n\t},\n\n\t/* Set the date(s) directly. */\n\t_setDate: function( inst, date, noChange ) {\n\t\tvar clear = !date,\n\t\t\torigMonth = inst.selectedMonth,\n\t\t\torigYear = inst.selectedYear,\n\t\t\tnewDate = this._restrictMinMax( inst, this._determineDate( inst, date, new Date() ) );\n\n\t\tinst.selectedDay = inst.currentDay = newDate.getDate();\n\t\tinst.drawMonth = inst.selectedMonth = inst.currentMonth = newDate.getMonth();\n\t\tinst.drawYear = inst.selectedYear = inst.currentYear = newDate.getFullYear();\n\t\tif ( ( origMonth !== inst.selectedMonth || origYear !== inst.selectedYear ) && !noChange ) {\n\t\t\tthis._notifyChange( inst );\n\t\t}\n\t\tthis._adjustInstDate( inst );\n\t\tif ( inst.input ) {\n\t\t\tinst.input.val( clear ? \"\" : this._formatDate( inst ) );\n\t\t}\n\t},\n\n\t/* Retrieve the date(s) directly. */\n\t_getDate: function( inst ) {\n\t\tvar startDate = ( !inst.currentYear || ( inst.input && inst.input.val() === \"\" ) ? null :\n\t\t\tthis._daylightSavingAdjust( new Date(\n\t\t\tinst.currentYear, inst.currentMonth, inst.currentDay ) ) );\n\t\t\treturn startDate;\n\t},\n\n\t/* Attach the onxxx handlers. These are declared statically so\n\t * they work with static code transformers like Caja.\n\t */\n\t_attachHandlers: function( inst ) {\n\t\tvar stepMonths = this._get( inst, \"stepMonths\" ),\n\t\t\tid = \"#\" + inst.id.replace( /\\\\\\\\/g, \"\\\\\" );\n\t\tinst.dpDiv.find( \"[data-handler]\" ).map( function() {\n\t\t\tvar handler = {\n\t\t\t\tprev: function() {\n\t\t\t\t\t$.datepicker._adjustDate( id, -stepMonths, \"M\" );\n\t\t\t\t},\n\t\t\t\tnext: function() {\n\t\t\t\t\t$.datepicker._adjustDate( id, +stepMonths, \"M\" );\n\t\t\t\t},\n\t\t\t\thide: function() {\n\t\t\t\t\t$.datepicker._hideDatepicker();\n\t\t\t\t},\n\t\t\t\ttoday: function() {\n\t\t\t\t\t$.datepicker._gotoToday( id );\n\t\t\t\t},\n\t\t\t\tselectDay: function() {\n\t\t\t\t\t$.datepicker._selectDay( id, +this.getAttribute( \"data-month\" ), +this.getAttribute( \"data-year\" ), this );\n\t\t\t\t\treturn false;\n\t\t\t\t},\n\t\t\t\tselectMonth: function() {\n\t\t\t\t\t$.datepicker._selectMonthYear( id, this, \"M\" );\n\t\t\t\t\treturn false;\n\t\t\t\t},\n\t\t\t\tselectYear: function() {\n\t\t\t\t\t$.datepicker._selectMonthYear( id, this, \"Y\" );\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t};\n\t\t\t$( this ).on( this.getAttribute( \"data-event\" ), handler[ this.getAttribute( \"data-handler\" ) ] );\n\t\t} );\n\t},\n\n\t/* Generate the HTML for the current state of the date picker. */\n\t_generateHTML: function( inst ) {\n\t\tvar maxDraw, prevText, prev, nextText, next, currentText, gotoDate,\n\t\t\tcontrols, buttonPanel, firstDay, showWeek, dayNames, dayNamesMin,\n\t\t\tmonthNames, monthNamesShort, beforeShowDay, showOtherMonths,\n\t\t\tselectOtherMonths, defaultDate, html, dow, row, group, col, selectedDate,\n\t\t\tcornerClass, calender, thead, day, daysInMonth, leadDays, curRows, numRows,\n\t\t\tprintDate, dRow, tbody, daySettings, otherMonth, unselectable,\n\t\t\ttempDate = new Date(),\n\t\t\ttoday = this._daylightSavingAdjust(\n\t\t\t\tnew Date( tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate() ) ), // clear time\n\t\t\tisRTL = this._get( inst, \"isRTL\" ),\n\t\t\tshowButtonPanel = this._get( inst, \"showButtonPanel\" ),\n\t\t\thideIfNoPrevNext = this._get( inst, \"hideIfNoPrevNext\" ),\n\t\t\tnavigationAsDateFormat = this._get( inst, \"navigationAsDateFormat\" ),\n\t\t\tnumMonths = this._getNumberOfMonths( inst ),\n\t\t\tshowCurrentAtPos = this._get( inst, \"showCurrentAtPos\" ),\n\t\t\tstepMonths = this._get( inst, \"stepMonths\" ),\n\t\t\tisMultiMonth = ( numMonths[ 0 ] !== 1 || numMonths[ 1 ] !== 1 ),\n\t\t\tcurrentDate = this._daylightSavingAdjust( ( !inst.currentDay ? new Date( 9999, 9, 9 ) :\n\t\t\t\tnew Date( inst.currentYear, inst.currentMonth, inst.currentDay ) ) ),\n\t\t\tminDate = this._getMinMaxDate( inst, \"min\" ),\n\t\t\tmaxDate = this._getMinMaxDate( inst, \"max\" ),\n\t\t\tdrawMonth = inst.drawMonth - showCurrentAtPos,\n\t\t\tdrawYear = inst.drawYear;\n\n\t\tif ( drawMonth < 0 ) {\n\t\t\tdrawMonth += 12;\n\t\t\tdrawYear--;\n\t\t}\n\t\tif ( maxDate ) {\n\t\t\tmaxDraw = this._daylightSavingAdjust( new Date( maxDate.getFullYear(),\n\t\t\t\tmaxDate.getMonth() - ( numMonths[ 0 ] * numMonths[ 1 ] ) + 1, maxDate.getDate() ) );\n\t\t\tmaxDraw = ( minDate && maxDraw < minDate ? minDate : maxDraw );\n\t\t\twhile ( this._daylightSavingAdjust( new Date( drawYear, drawMonth, 1 ) ) > maxDraw ) {\n\t\t\t\tdrawMonth--;\n\t\t\t\tif ( drawMonth < 0 ) {\n\t\t\t\t\tdrawMonth = 11;\n\t\t\t\t\tdrawYear--;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tinst.drawMonth = drawMonth;\n\t\tinst.drawYear = drawYear;\n\n\t\tprevText = this._get( inst, \"prevText\" );\n\t\tprevText = ( !navigationAsDateFormat ? prevText : this.formatDate( prevText,\n\t\t\tthis._daylightSavingAdjust( new Date( drawYear, drawMonth - stepMonths, 1 ) ),\n\t\t\tthis._getFormatConfig( inst ) ) );\n\n\t\tprev = ( this._canAdjustMonth( inst, -1, drawYear, drawMonth ) ?\n\t\t\t\"\" :\n\t\t\t( hideIfNoPrevNext ? \"\" : \"\" ) );\n\n\t\tnextText = this._get( inst, \"nextText\" );\n\t\tnextText = ( !navigationAsDateFormat ? nextText : this.formatDate( nextText,\n\t\t\tthis._daylightSavingAdjust( new Date( drawYear, drawMonth + stepMonths, 1 ) ),\n\t\t\tthis._getFormatConfig( inst ) ) );\n\n\t\tnext = ( this._canAdjustMonth( inst, +1, drawYear, drawMonth ) ?\n\t\t\t\"\" :\n\t\t\t( hideIfNoPrevNext ? \"\" : \"\" ) );\n\n\t\tcurrentText = this._get( inst, \"currentText\" );\n\t\tgotoDate = ( this._get( inst, \"gotoCurrent\" ) && inst.currentDay ? currentDate : today );\n\t\tcurrentText = ( !navigationAsDateFormat ? currentText :\n\t\t\tthis.formatDate( currentText, gotoDate, this._getFormatConfig( inst ) ) );\n\n\t\tcontrols = ( !inst.inline ? \"\" : \"\" );\n\n\t\tbuttonPanel = ( showButtonPanel ) ? \"\" : \"\";\n\n\t\tfirstDay = parseInt( this._get( inst, \"firstDay\" ), 10 );\n\t\tfirstDay = ( isNaN( firstDay ) ? 0 : firstDay );\n\n\t\tshowWeek = this._get( inst, \"showWeek\" );\n\t\tdayNames = this._get( inst, \"dayNames\" );\n\t\tdayNamesMin = this._get( inst, \"dayNamesMin\" );\n\t\tmonthNames = this._get( inst, \"monthNames\" );\n\t\tmonthNamesShort = this._get( inst, \"monthNamesShort\" );\n\t\tbeforeShowDay = this._get( inst, \"beforeShowDay\" );\n\t\tshowOtherMonths = this._get( inst, \"showOtherMonths\" );\n\t\tselectOtherMonths = this._get( inst, \"selectOtherMonths\" );\n\t\tdefaultDate = this._getDefaultDate( inst );\n\t\thtml = \"\";\n\n\t\tfor ( row = 0; row < numMonths[ 0 ]; row++ ) {\n\t\t\tgroup = \"\";\n\t\t\tthis.maxRows = 4;\n\t\t\tfor ( col = 0; col < numMonths[ 1 ]; col++ ) {\n\t\t\t\tselectedDate = this._daylightSavingAdjust( new Date( drawYear, drawMonth, inst.selectedDay ) );\n\t\t\t\tcornerClass = \" ui-corner-all\";\n\t\t\t\tcalender = \"\";\n\t\t\t\tif ( isMultiMonth ) {\n\t\t\t\t\tcalender += \"\n */\n\n;(function(factory) {\n 'use strict';\n if (typeof define === 'function' && define.amd) {\n define(['jquery'], factory);\n } else if (jQuery && !jQuery.fn.hoverIntent) {\n factory(jQuery);\n }\n})(function($) {\n 'use strict';\n\n // default configuration values\n var _cfg = {\n interval: 100,\n sensitivity: 6,\n timeout: 0\n };\n\n // counter used to generate an ID for each instance\n var INSTANCE_COUNT = 0;\n\n // current X and Y position of mouse, updated during mousemove tracking (shared across instances)\n var cX, cY;\n\n // saves the current pointer position coordinates based on the given mousemove event\n var track = function(ev) {\n cX = ev.pageX;\n cY = ev.pageY;\n };\n\n // compares current and previous mouse positions\n var compare = function(ev,$el,s,cfg) {\n // compare mouse positions to see if pointer has slowed enough to trigger `over` function\n if ( Math.sqrt( (s.pX-cX)*(s.pX-cX) + (s.pY-cY)*(s.pY-cY) ) < cfg.sensitivity ) {\n $el.off(s.event,track);\n delete s.timeoutId;\n // set hoverIntent state as active for this element (permits `out` handler to trigger)\n s.isActive = true;\n // overwrite old mouseenter event coordinates with most recent pointer position\n ev.pageX = cX; ev.pageY = cY;\n // clear coordinate data from state object\n delete s.pX; delete s.pY;\n return cfg.over.apply($el[0],[ev]);\n } else {\n // set previous coordinates for next comparison\n s.pX = cX; s.pY = cY;\n // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)\n s.timeoutId = setTimeout( function(){compare(ev, $el, s, cfg);} , cfg.interval );\n }\n };\n\n // triggers given `out` function at configured `timeout` after a mouseleave and clears state\n var delay = function(ev,$el,s,out) {\n delete $el.data('hoverIntent')[s.id];\n return out.apply($el[0],[ev]);\n };\n\n $.fn.hoverIntent = function(handlerIn,handlerOut,selector) {\n // instance ID, used as a key to store and retrieve state information on an element\n var instanceId = INSTANCE_COUNT++;\n\n // extend the default configuration and parse parameters\n var cfg = $.extend({}, _cfg);\n if ( $.isPlainObject(handlerIn) ) {\n cfg = $.extend(cfg, handlerIn);\n if ( !$.isFunction(cfg.out) ) {\n cfg.out = cfg.over;\n }\n } else if ( $.isFunction(handlerOut) ) {\n cfg = $.extend(cfg, { over: handlerIn, out: handlerOut, selector: selector } );\n } else {\n cfg = $.extend(cfg, { over: handlerIn, out: handlerIn, selector: handlerOut } );\n }\n\n // A private function for handling mouse 'hovering'\n var handleHover = function(e) {\n // cloned event to pass to handlers (copy required for event object to be passed in IE)\n var ev = $.extend({},e);\n\n // the current target of the mouse event, wrapped in a jQuery object\n var $el = $(this);\n\n // read hoverIntent data from element (or initialize if not present)\n var hoverIntentData = $el.data('hoverIntent');\n if (!hoverIntentData) { $el.data('hoverIntent', (hoverIntentData = {})); }\n\n // read per-instance state from element (or initialize if not present)\n var state = hoverIntentData[instanceId];\n if (!state) { hoverIntentData[instanceId] = state = { id: instanceId }; }\n\n // state properties:\n // id = instance ID, used to clean up data\n // timeoutId = timeout ID, reused for tracking mouse position and delaying \"out\" handler\n // isActive = plugin state, true after `over` is called just until `out` is called\n // pX, pY = previously-measured pointer coordinates, updated at each polling interval\n // event = string representing the namespaced event used for mouse tracking\n\n // clear any existing timeout\n if (state.timeoutId) { state.timeoutId = clearTimeout(state.timeoutId); }\n\n // namespaced event used to register and unregister mousemove tracking\n var mousemove = state.event = 'mousemove.hoverIntent.hoverIntent'+instanceId;\n\n // handle the event, based on its type\n if (e.type === 'mouseenter') {\n // do nothing if already active\n if (state.isActive) { return; }\n // set \"previous\" X and Y position based on initial entry point\n state.pX = ev.pageX; state.pY = ev.pageY;\n // update \"current\" X and Y position based on mousemove\n $el.off(mousemove,track).on(mousemove,track);\n // start polling interval (self-calling timeout) to compare mouse coordinates over time\n state.timeoutId = setTimeout( function(){compare(ev,$el,state,cfg);} , cfg.interval );\n } else { // \"mouseleave\"\n // do nothing if not already active\n if (!state.isActive) { return; }\n // unbind expensive mousemove event\n $el.off(mousemove,track);\n // if hoverIntent state is true, then call the mouseOut function after the specified delay\n state.timeoutId = setTimeout( function(){delay(ev,$el,state,cfg.out);} , cfg.timeout );\n }\n };\n\n // listen for mouseenter and mouseleave\n return this.on({'mouseenter.hoverIntent':handleHover,'mouseleave.hoverIntent':handleHover}, cfg.selector);\n };\n});\n","/**\n* Global loader function\n*/\n\nvar Loader = function(loader, params) {\n //set some variables\n this.overlay = $(\".overlay-show\");\n this.showClass = 'show';\n this.html = $(\"html\");\n this.loader = false;\n this.state = 'closed';\n this.errMessage = \"You have to init the loader first! [ Loader.init() ]\";\n this.updateContent = false;\n this.trigger = false;\n this.simpleClose = false;\n\n if(loader) {\n if(window.Loaders === undefined) {\n window.Loaders = [this.init(loader, params)];\n }\n else {\n window.Loaders.push(this.init(loader, params));\n }\n\n // Attach loader to element\n $(loader).data('loader', this);\n }\n};\n\nLoader.prototype = {\n\n init: function(e, params) {\n var that = this;\n\n this.parseParams(params);\n this.loader = this._loaderClass(e);\n\n this.loader.find('.loader__close').on('click',function() {\n that.close();\n });\n\n this.overlay.on('click',function() {\n that.close();\n });\n\n $(document).keyup(function(e) {\n if (e.keyCode === 27 && that.is_open()) {\n that.close();\n }\n });\n\n // $(window).on(\"orientationchange resize\", function() {\n // that.close();\n // });\n\n return this;\n },\n\n parseParams: function(params) {\n if(!params) {\n return;\n }\n\n var trigger;\n\n if(params.trigger) {\n this.triggerInit(params.trigger);\n }\n\n if(params.triggerData) {\n trigger = '[data-loader=' + params.triggerData +']';\n this.triggerInit(trigger);\n }\n\n if(params.triggerHash) {\n trigger = 'a[href*=\"#' + params.triggerHash +'\"]';\n this.triggerInit(trigger);\n }\n\n if(params.updateContent) {\n this.updateContent = params.updateContent;\n }\n\n if(params.simpleClose) {\n this.simpleClose = params.simpleClose;\n }\n\n },\n\n\n triggerInit: function(selector) {\n var that = this;\n var triggers = $(selector);\n\n this.trigger = triggers;\n\n triggers.each(function() {\n var trigger = $(this);\n trigger.on('click', function() {\n if(that.updateContent) {\n var contentElement = trigger.data('content');\n var contentDataElement = trigger.find('[data-content]');\n\n if(contentElement && $(contentElement).length > 0) {\n that.replaceContent($(contentElement).html());\n }\n else if(contentDataElement) {\n that.replaceContent(contentDataElement.html());\n }\n }\n that.toggle();\n });\n\n });\n },\n\n openAnimationTween: function() {\n $window_width = $('.l-page').css('width');\n $loader = $(this.loader);\n $images = $loader.find('.flyout__images');\n $content = $loader.find('.flyout__content');\n $close = $loader.find('.icon--close');\n\n if(this.simpleClose){\n TweenLite.fromTo($loader, 0.5, {\n x: '101%',\n },{\n x: '0%',\n ease: Sine.easeOut,\n });\n } else {\n TweenLite.fromTo($loader, 0, {\n x: '101%'\n },{\n x: '0%',\n onComplete: function(){\n TweenLite.fromTo($content, 0.75, {\n x: '101%'\n },{\n x: '0%',\n ease: Sine.easeOut,\n });\n TweenLite.fromTo($images , 0.75, {\n x: $window_width\n },{\n x: 0,\n ease: Sine.easeOut\n });\n TweenLite.fromTo($close , 0.25, {\n autoAlpha: 0\n },{\n autoAlpha: 1,\n });\n }\n });\n }\n },\n\n closeAnimationTween: function() {\n $window_width = $('.l-page').css('width');\n $loader = $(this.loader);\n $images = $loader.find('.flyout__images');\n $content = $loader.find('.flyout__content');\n $close = $loader.find('.icon--close');\n\n if(this.simpleClose){\n TweenLite.fromTo($loader, 0.5, {\n x: '0%',\n },{\n x: '101%',\n ease: Sine.easeOut,\n });\n\n }else{\n TweenLite.fromTo($close , 0.25, {\n autoAlpha: 1\n },{\n autoAlpha: 0,\n });\n\n TweenLite.fromTo($content, 0.75, {\n x: '0%',\n },{\n x: '101%',\n ease: Sine.easeOut,\n });\n\n TweenLite.fromTo($images , 0.75, {\n x: 0,\n },{\n x: $window_width,\n ease: Sine.easeOut,\n onComplete: function(){\n TweenLite.set($loader, {\n x: '101%'\n });\n }\n });\n }\n },\n\n open: function() {\n //figure out if a click event was sent to it with a data attribute\n if(typeof(this.loader) === 'object'){\n this.loader.scrollTop(0);\n this.loader.addClass(this.showClass);\n this.showOverlay();\n this.state = 'open';\n\n if(this.simpleClose){\n this.toggleHamburger();\n }\n this.initSlider();\n this.openAnimationTween();\n\n bucketListButton();\n\n\n if(this.loader.find('.no-images').length) {\n $(this.loader).addClass(' has-no-images');\n }else {\n $(this.loader).removeClass(' has-no-images');\n }\n\n } else{\n console.info(this.errMessage);\n }\n return this.loader;\n },\n\n close: function() {\n if(typeof(this.loader) === 'object'){\n this.closeAnimationTween();\n this.loader.removeClass(this.showClass);\n this.closeOverlay();\n this.state = 'closed';\n if(this.simpleClose){\n this.toggleHamburger();\n }\n } else{\n console.info(this.errMessage);\n }\n return this.loader;\n },\n\n toggle: function() {\n if(this.is_open()) {\n this.close();\n }\n else {\n this.open();\n }\n },\n\n replaceContent: function(content) {\n if(typeof(this.loader) === 'object'){\n this.loader.find('[data-content-replace]').html(content);\n }else{\n console.info(this.errMessage);\n }\n return this.loader;\n },\n\n showOverlay: function() {\n overlay = this.overlay;\n overlay.addClass(this.showClass);\n this.html.addClass('lock overlay-visible');\n },\n\n initSlider: function() {\n var params = {\n navigation: {\n prevEl: \".swiper-prev\",\n nextEl: \".swiper-next\"\n },\n direction: 'horizontal',\n loop: true,\n effect: 'slide',\n speed: 1200,\n slidesPerView: 1,\n on: {\n init: function(){\n // $window_width = $('.l-page').css('width');\n // TweenLite.fromTo($('.flyout__images'),\n // 0.75, //speed\n // {\n // x: $window_width\n // },\n // {\n // x: 0\n // }\n // );\n }\n }\n };\n this.flyout_swiper = new Swiper (this.loader.find('.swiper-container'), params);\n },\n\n destroySlider: function(){\n if(this.flyout_swiper){\n this.flyout_swiper.destroy();\n }\n },\n\n toggleHamburger: function() {\n if(this.is_open()) {\n this.loader.find('.hamburger').addClass('is-active');\n\n if(this.trigger) {\n this.trigger.addClass('is-active');\n }\n }\n else {\n\n this.loader.find('.hamburger').removeClass('is-active');\n $('.nav__toggle__trigger').removeClass('is-active--mobile');\n $('.nav__toggle').removeClass('menu-active');\n\n if(this.trigger) {\n this.trigger.removeClass('is-active');\n }\n }\n },\n\n closeOverlay: function() {\n overlay = this.overlay;\n if($(\".loader\").hasClass(this.showClass) === false){\n overlay.removeClass(this.showClass);\n this.html.removeClass('lock overlay-visible');\n }\n },\n\n is_open: function() {\n return (this.state === 'open');\n },\n\n is_closed: function() {\n return (this.state === 'closed');\n },\n\n _loaderClass: function(e) {\n var loader;\n\n if(typeof(e) === 'object'){\n var that = e;\n loader = that.data('loader') || '.loader-1';\n }\n else if(typeof(e) === 'string'){\n loader = e;\n } else{\n loader = '.loader-1';\n }\n\n loader = $(loader);\n\n return loader;\n }\n};\n","// Hero\nfunction parallaxHero() {\n var scrollVar = $(window).scrollTop();\n var ticking = false;\n\n // Hero\n var $depth2 = $('.hero.hero--internal .hero__inner, .hero.hero--home .hero__inner, .hero--restaurant .hero__inner');\n var $bottom = $('.bottom');\n\n // Everything plz\n var $all = $('.hero.hero--internal .bg-img, .hero.hero--home .bg-img, .hero.hero--restaurant .bg-img, .hero.hero--internal .hero__inner, .hero.hero--home .hero__inner, .hero.hero--restaurant .hero__inner');\n\n function parallax(){\n ticking = false;\n var windowWidth = $(window).width();\n var windowHeight = $(window).height();\n var $postList = $('.posts.post-list');\n var $depth1 = $('.hero.hero--restaurant .bg-img, .hero.hero--home .bg-img, .hero.hero--internal .bg-img');\n\n if(windowWidth >= 768){\n\n // Hero\n var limitedScrollVar = scrollVar * 0.5;\n var opacity = (1 - scrollVar/($(window).height() * 1.4));\n var opacity2 = (1.05 - scrollVar/($(window).height() * 0.9));\n\n $depth1.css({ 'transform': 'translate3d(0px, ' + (0.7 * limitedScrollVar) + 'px, 0px)' });\n $depth2.css({ 'transform': 'translate3d(0px, ' + (0.3 * limitedScrollVar) + 'px, 0px)', 'opacity': opacity2 });\n\n if($bottom.length > 0) {\n $bottom.css({ 'opacity': opacity });\n }\n }\n else {\n $all.css({ 'transform': 'initial', 'opacity': 1, 'top': 'auto' });\n }\n }\n\n function requestTick() {\n if(!ticking) {\n window.requestAnimationFrame(parallax);\n }\n ticking = true;\n }\n\n $(window).scroll(function(){\n scrollVar = $(window).scrollTop();\n requestTick();\n });\n requestTick();\n}\n\n// Init\nfunction parallaxInit() {\n parallaxHero();\n}","/**\n *\n * http://www.codrops.com\n *\n * Licensed under the MIT license.\n * http://www.opensource.org/licenses/mit-license.php\n *\n * Copyright 2015, Codrops\n * http://www.codrops.com\n */\n(function($){\n\n 'use strict';\n\n var support = { animations : Modernizr.cssanimations },\n animEndEventNames = { 'WebkitAnimation' : 'webkitAnimationEnd', 'OAnimation' : 'oAnimationEnd', 'msAnimation' : 'MSAnimationEnd', 'animation' : 'animationend' },\n animEndEventName = animEndEventNames[ Modernizr.prefixed( 'animation' ) ],\n onEndAnimation = function( el, callback ) {\n var onEndCallbackFn = function( ev ) {\n if( support.animations ) {\n if( ev.target !== this ) {\n return;\n }\n this.removeEventListener( animEndEventName, onEndCallbackFn );\n }\n if( callback && typeof callback === 'function' ) { callback.call(); }\n };\n if( support.animations ) {\n el.addEventListener( animEndEventName, onEndCallbackFn );\n }\n else {\n onEndCallbackFn();\n }\n };\n\n function extend( a, b ) {\n for( var key in b ) {\n if( b.hasOwnProperty( key ) ) {\n a[key] = b[key];\n }\n }\n return a;\n }\n\n function MLMenu(el, options) {\n this.el = el;\n this.options = extend( {}, this.options );\n extend( this.options, options );\n\n // the menus (
';\n }\n\n //Start off the Google Maps\n var geocoder = new google.maps.Geocoder();\n var myLatlng = new google.maps.LatLng(lat, lng);\n var mapOptions = {\n zoom: zoom,\n center: myLatlng,\n panControl: false,\n zoomControl: true,\n scaleControl: false,\n scrollwheel: false,\n styles:[{\"featureType\":\"water\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#e9e9e9\"},{\"lightness\":17}]},{\"featureType\":\"landscape\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#f5f5f5\"},{\"lightness\":20}]},{\"featureType\":\"road.highway\",\"elementType\":\"geometry.fill\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":17}]},{\"featureType\":\"road.highway\",\"elementType\":\"geometry.stroke\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":29},{\"weight\":0.2}]},{\"featureType\":\"road.arterial\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":18}]},{\"featureType\":\"road.local\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#ffffff\"},{\"lightness\":16}]},{\"featureType\":\"poi\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#f5f5f5\"},{\"lightness\":21}]},{\"featureType\":\"poi.park\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#dedede\"},{\"lightness\":21}]},{\"elementType\":\"labels.text.stroke\",\"stylers\":[{\"visibility\":\"on\"},{\"color\":\"#ffffff\"},{\"lightness\":16}]},{\"elementType\":\"labels.text.fill\",\"stylers\":[{\"saturation\":36},{\"color\":\"#333333\"},{\"lightness\":40}]},{\"elementType\":\"labels.icon\",\"stylers\":[{\"visibility\":\"off\"}]},{\"featureType\":\"transit\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#f2f2f2\"},{\"lightness\":19}]},{\"featureType\":\"administrative\",\"elementType\":\"geometry.fill\",\"stylers\":[{\"color\":\"#fefefe\"},{\"lightness\":20}]},{\"featureType\":\"administrative\",\"elementType\":\"geometry.stroke\",\"stylers\":[{\"color\":\"#fefefe\"},{\"lightness\":17},{\"weight\":1.2}]}]\n };\n\n if(Modernizr.touch){\n //mapOptions.draggable = false;\n }\n\n // Build out the Markers for the main\n var $pins, map, markers=[], positions=[], sales_marker;\n\n map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);\n\n var infowindow = new google.maps.InfoWindow({\n content: content,\n size: new google.maps.Size(150, 50)\n });\n\n // Gather the Pins from the list on the google map page, and build the location array.\n $pins = $( \".map__pin.is-active\" ).toArray();\n\n // Make map more responsive\n var currCenter = map.getCenter();\n google.maps.event.addDomListener(window, 'resize', function() {\n map.setCenter(currCenter);\n });\n\n function resetMapCenter() {\n var bounds = new google.maps.LatLngBounds();\n\n positions.forEach(function(position) {\n bounds.extend(position);\n });\n\n google.maps.event.addListener(map, 'zoom_changed', function() {\n zoomChangeBoundsListener =\n google.maps.event.addListener(map, 'bounds_changed', function(event) {\n if (this.getZoom() > zoom && this.initialZoom === true) {\n // Change max/min zoom here\n this.setZoom(zoom);\n this.initialZoom = false;\n }\n google.maps.event.removeListener(zoomChangeBoundsListener);\n });\n });\n\n map.initialZoom = true;\n map.fitBounds(bounds);\n map.setCenter(bounds.getCenter());\n\n currCenter = map.getCenter();\n }\n\n function addMarker(latLng, icon, popupContent) {\n\n var marker = new google.maps.Marker({\n position: latLng,\n map: map,\n icon: icon,\n animation: google.maps.Animation.DROP\n });\n\n // google.maps.event.addListener(marker, 'click', (function(marker) {\n // return function() {\n // infowindow.setContent(popupContent);\n // infowindow.open(map, marker);\n // };\n // })(marker));\n\n return marker;\n }\n\n function addMarkerWithTimeout(pin, timeout) {\n var pinLatLng = new google.maps.LatLng(pin.dataset.lat, pin.dataset.lng);\n positions.push(pinLatLng);\n\n setTimeout(function() {\n //console.log(pin.dataset.icon);\n var icon;\n if(pin.dataset.icon){\n // console.log(\"has an image icon\");\n icon = pin.dataset.icon;\n icon = {\n url:pin.dataset.icon,\n //21.333333333\n size: new google.maps.Size(32,32),\n scaledSize: new google.maps.Size(21.333333333, 21.333333333),\n origin: new google.maps.Point(0, 0),\n anchor: new google.maps.Point(10.6665, 10.6665)\n };\n }else{\n icon = {\n path: google.maps.SymbolPath.CIRCLE,\n fillColor: pin.dataset.color,\n fillOpacity: 1,\n scale: 9,\n strokeWeight: 2,\n strokeColor: '#ffffff'\n };\n }\n var popupContent = '\n\t\t\tvalue = parseInt( elem.css( \"zIndex\" ), 10 );\n\t\t\tif ( !isNaN( value ) && value !== 0 ) {\n\t\t\t\treturn value;\n\t\t\t}\n\t\t}\n\t\telem = elem.parent();\n\t}\n\n\treturn 0;\n}\n/* Date picker manager.\n Use the singleton instance of this class, $.datepicker, to interact with the date picker.\n Settings for (groups of) date pickers are maintained in an instance object,\n allowing multiple different settings on the same page. */\n\nfunction Datepicker() {\n\tthis._curInst = null; // The current instance in use\n\tthis._keyEvent = false; // If the last event was a key event\n\tthis._disabledInputs = []; // List of date picker inputs that have been disabled\n\tthis._datepickerShowing = false; // True if the popup picker is showing , false if not\n\tthis._inDialog = false; // True if showing within a \"dialog\", false if not\n\tthis._mainDivId = \"ui-datepicker-div\"; // The ID of the main datepicker division\n\tthis._inlineClass = \"ui-datepicker-inline\"; // The name of the inline marker class\n\tthis._appendClass = \"ui-datepicker-append\"; // The name of the append marker class\n\tthis._triggerClass = \"ui-datepicker-trigger\"; // The name of the trigger marker class\n\tthis._dialogClass = \"ui-datepicker-dialog\"; // The name of the dialog marker class\n\tthis._disableClass = \"ui-datepicker-disabled\"; // The name of the disabled covering marker class\n\tthis._unselectableClass = \"ui-datepicker-unselectable\"; // The name of the unselectable cell marker class\n\tthis._currentClass = \"ui-datepicker-current-day\"; // The name of the current day marker class\n\tthis._dayOverClass = \"ui-datepicker-days-cell-over\"; // The name of the day hover marker class\n\tthis.regional = []; // Available regional settings, indexed by language code\n\tthis.regional[ \"\" ] = { // Default regional settings\n\t\tcloseText: \"Done\", // Display text for close link\n\t\tprevText: \"Prev\", // Display text for previous month link\n\t\tnextText: \"Next\", // Display text for next month link\n\t\tcurrentText: \"Today\", // Display text for current month link\n\t\tmonthNames: [ \"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\n\t\t\t\"July\",\"August\",\"September\",\"October\",\"November\",\"December\" ], // Names of months for drop-down and formatting\n\t\tmonthNamesShort: [ \"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\" ], // For formatting\n\t\tdayNames: [ \"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\" ], // For formatting\n\t\tdayNamesShort: [ \"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\" ], // For formatting\n\t\tdayNamesMin: [ \"Su\",\"Mo\",\"Tu\",\"We\",\"Th\",\"Fr\",\"Sa\" ], // Column headings for days starting at Sunday\n\t\tweekHeader: \"Wk\", // Column header for week of the year\n\t\tdateFormat: \"mm/dd/yy\", // See format options on parseDate\n\t\tfirstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...\n\t\tisRTL: false, // True if right-to-left language, false if left-to-right\n\t\tshowMonthAfterYear: false, // True if the year select precedes month, false for month then year\n\t\tyearSuffix: \"\" // Additional text to append to the year in the month headers\n\t};\n\tthis._defaults = { // Global defaults for all the date picker instances\n\t\tshowOn: \"focus\", // \"focus\" for popup on focus,\n\t\t\t// \"button\" for trigger button, or \"both\" for either\n\t\tshowAnim: \"fadeIn\", // Name of jQuery animation for popup\n\t\tshowOptions: {}, // Options for enhanced animations\n\t\tdefaultDate: null, // Used when field is blank: actual date,\n\t\t\t// +/-number for offset from today, null for today\n\t\tappendText: \"\", // Display text following the input box, e.g. showing the format\n\t\tbuttonText: \"...\", // Text for trigger button\n\t\tbuttonImage: \"\", // URL for trigger button image\n\t\tbuttonImageOnly: false, // True if the image appears alone, false if it appears on a button\n\t\thideIfNoPrevNext: false, // True to hide next/previous month links\n\t\t\t// if not applicable, false to just disable them\n\t\tnavigationAsDateFormat: false, // True if date formatting applied to prev/today/next links\n\t\tgotoCurrent: false, // True if today link goes back to current selection instead\n\t\tchangeMonth: false, // True if month can be selected directly, false if only prev/next\n\t\tchangeYear: false, // True if year can be selected directly, false if only prev/next\n\t\tyearRange: \"c-10:c+10\", // Range of years to display in drop-down,\n\t\t\t// either relative to today's year (-nn:+nn), relative to currently displayed year\n\t\t\t// (c-nn:c+nn), absolute (nnnn:nnnn), or a combination of the above (nnnn:-n)\n\t\tshowOtherMonths: false, // True to show dates in other months, false to leave blank\n\t\tselectOtherMonths: false, // True to allow selection of dates in other months, false for unselectable\n\t\tshowWeek: false, // True to show week of the year, false to not show it\n\t\tcalculateWeek: this.iso8601Week, // How to calculate the week of the year,\n\t\t\t// takes a Date and returns the number of the week for it\n\t\tshortYearCutoff: \"+10\", // Short year values < this are in the current century,\n\t\t\t// > this are in the previous century,\n\t\t\t// string value starting with \"+\" for current year + value\n\t\tminDate: null, // The earliest selectable date, or null for no limit\n\t\tmaxDate: null, // The latest selectable date, or null for no limit\n\t\tduration: \"fast\", // Duration of display/closure\n\t\tbeforeShowDay: null, // Function that takes a date and returns an array with\n\t\t\t// [0] = true if selectable, false if not, [1] = custom CSS class name(s) or \"\",\n\t\t\t// [2] = cell title (optional), e.g. $.datepicker.noWeekends\n\t\tbeforeShow: null, // Function that takes an input field and\n\t\t\t// returns a set of custom settings for the date picker\n\t\tonSelect: null, // Define a callback function when a date is selected\n\t\tonChangeMonthYear: null, // Define a callback function when the month or year is changed\n\t\tonClose: null, // Define a callback function when the datepicker is closed\n\t\tnumberOfMonths: 1, // Number of months to show at a time\n\t\tshowCurrentAtPos: 0, // The position in multipe months at which to show the current month (starting at 0)\n\t\tstepMonths: 1, // Number of months to step back/forward\n\t\tstepBigMonths: 12, // Number of months to step back/forward for the big links\n\t\taltField: \"\", // Selector for an alternate field to store selected dates into\n\t\taltFormat: \"\", // The date format to use for the alternate field\n\t\tconstrainInput: true, // The input is constrained by the current date format\n\t\tshowButtonPanel: false, // True to show button panel, false to not show it\n\t\tautoSize: false, // True to size the input for the date format, false to leave as is\n\t\tdisabled: false // The initial disabled state\n\t};\n\t$.extend( this._defaults, this.regional[ \"\" ] );\n\tthis.regional.en = $.extend( true, {}, this.regional[ \"\" ] );\n\tthis.regional[ \"en-US\" ] = $.extend( true, {}, this.regional.en );\n\tthis.dpDiv = datepicker_bindHover( $( \"\" ) );\n}\n\n$.extend( Datepicker.prototype, {\n\t/* Class name added to elements to indicate already configured with a date picker. */\n\tmarkerClassName: \"hasDatepicker\",\n\n\t//Keep track of the maximum number of rows displayed (see #7043)\n\tmaxRows: 4,\n\n\t// TODO rename to \"widget\" when switching to widget factory\n\t_widgetDatepicker: function() {\n\t\treturn this.dpDiv;\n\t},\n\n\t/* Override the default settings for all instances of the date picker.\n\t * @param settings object - the new settings to use as defaults (anonymous object)\n\t * @return the manager object\n\t */\n\tsetDefaults: function( settings ) {\n\t\tdatepicker_extendRemove( this._defaults, settings || {} );\n\t\treturn this;\n\t},\n\n\t/* Attach the date picker to a jQuery selection.\n\t * @param target\telement - the target input field or division or span\n\t * @param settings object - the new settings to use for this date picker instance (anonymous)\n\t */\n\t_attachDatepicker: function( target, settings ) {\n\t\tvar nodeName, inline, inst;\n\t\tnodeName = target.nodeName.toLowerCase();\n\t\tinline = ( nodeName === \"div\" || nodeName === \"span\" );\n\t\tif ( !target.id ) {\n\t\t\tthis.uuid += 1;\n\t\t\ttarget.id = \"dp\" + this.uuid;\n\t\t}\n\t\tinst = this._newInst( $( target ), inline );\n\t\tinst.settings = $.extend( {}, settings || {} );\n\t\tif ( nodeName === \"input\" ) {\n\t\t\tthis._connectDatepicker( target, inst );\n\t\t} else if ( inline ) {\n\t\t\tthis._inlineDatepicker( target, inst );\n\t\t}\n\t},\n\n\t/* Create a new instance object. */\n\t_newInst: function( target, inline ) {\n\t\tvar id = target[ 0 ].id.replace( /([^A-Za-z0-9_\\-])/g, \"\\\\\\\\$1\" ); // escape jQuery meta chars\n\t\treturn { id: id, input: target, // associated target\n\t\t\tselectedDay: 0, selectedMonth: 0, selectedYear: 0, // current selection\n\t\t\tdrawMonth: 0, drawYear: 0, // month being drawn\n\t\t\tinline: inline, // is datepicker inline or not\n\t\t\tdpDiv: ( !inline ? this.dpDiv : // presentation div\n\t\t\tdatepicker_bindHover( $( \"\" ) ) ) };\n\t},\n\n\t/* Attach the date picker to an input field. */\n\t_connectDatepicker: function( target, inst ) {\n\t\tvar input = $( target );\n\t\tinst.append = $( [] );\n\t\tinst.trigger = $( [] );\n\t\tif ( input.hasClass( this.markerClassName ) ) {\n\t\t\treturn;\n\t\t}\n\t\tthis._attachments( input, inst );\n\t\tinput.addClass( this.markerClassName ).on( \"keydown\", this._doKeyDown ).\n\t\t\ton( \"keypress\", this._doKeyPress ).on( \"keyup\", this._doKeyUp );\n\t\tthis._autoSize( inst );\n\t\t$.data( target, \"datepicker\", inst );\n\n\t\t//If disabled option is true, disable the datepicker once it has been attached to the input (see ticket #5665)\n\t\tif ( inst.settings.disabled ) {\n\t\t\tthis._disableDatepicker( target );\n\t\t}\n\t},\n\n\t/* Make attachments based on settings. */\n\t_attachments: function( input, inst ) {\n\t\tvar showOn, buttonText, buttonImage,\n\t\t\tappendText = this._get( inst, \"appendText\" ),\n\t\t\tisRTL = this._get( inst, \"isRTL\" );\n\n\t\tif ( inst.append ) {\n\t\t\tinst.append.remove();\n\t\t}\n\t\tif ( appendText ) {\n\t\t\tinst.append = $( \"\" + appendText + \"\" );\n\t\t\tinput[ isRTL ? \"before\" : \"after\" ]( inst.append );\n\t\t}\n\n\t\tinput.off( \"focus\", this._showDatepicker );\n\n\t\tif ( inst.trigger ) {\n\t\t\tinst.trigger.remove();\n\t\t}\n\n\t\tshowOn = this._get( inst, \"showOn\" );\n\t\tif ( showOn === \"focus\" || showOn === \"both\" ) { // pop-up date picker when in the marked field\n\t\t\tinput.on( \"focus\", this._showDatepicker );\n\t\t}\n\t\tif ( showOn === \"button\" || showOn === \"both\" ) { // pop-up date picker when button clicked\n\t\t\tbuttonText = this._get( inst, \"buttonText\" );\n\t\t\tbuttonImage = this._get( inst, \"buttonImage\" );\n\t\t\tinst.trigger = $( this._get( inst, \"buttonImageOnly\" ) ?\n\t\t\t\t$( \"
\";\n\t\t\t\t}\n\t\t\t\tcalender += \"\" +\n\t\t\t\t\t\"
\" + ( isMultiMonth ? \"
\" +\n\t\t\t\t\t\t\t( ( numMonths[ 0 ] > 0 && col === numMonths[ 1 ] - 1 ) ? \"\" : \"\" ) : \"\" );\n\t\t\t\tgroup += calender;\n\t\t\t}\n\t\t\thtml += group;\n\t\t}\n\t\thtml += buttonPanel;\n\t\tinst._keyEvent = false;\n\t\treturn html;\n\t},\n\n\t/* Generate the month and year header. */\n\t_generateMonthYearHeader: function( inst, drawMonth, drawYear, minDate, maxDate,\n\t\t\tsecondary, monthNames, monthNamesShort ) {\n\n\t\tvar inMinYear, inMaxYear, month, years, thisYear, determineYear, year, endYear,\n\t\t\tchangeMonth = this._get( inst, \"changeMonth\" ),\n\t\t\tchangeYear = this._get( inst, \"changeYear\" ),\n\t\t\tshowMonthAfterYear = this._get( inst, \"showMonthAfterYear\" ),\n\t\t\thtml = \"| \" + this._get( inst, \"weekHeader\" ) + \" | \" : \"\" );\n\t\t\t\tfor ( dow = 0; dow < 7; dow++ ) { // days of the week\n\t\t\t\t\tday = ( dow + firstDay ) % 7;\n\t\t\t\t\tthead += \"= 5 ? \" class='ui-datepicker-week-end'\" : \"\" ) + \">\" +\n\t\t\t\t\t\t\"\" + dayNamesMin[ day ] + \" | \";\n\t\t\t\t}\n\t\t\t\tcalender += thead + \"
|---|---|
| \" +\n\t\t\t\t\t\tthis._get( inst, \"calculateWeek\" )( printDate ) + \" | \" );\n\t\t\t\t\tfor ( dow = 0; dow < 7; dow++ ) { // create date picker days\n\t\t\t\t\t\tdaySettings = ( beforeShowDay ?\n\t\t\t\t\t\t\tbeforeShowDay.apply( ( inst.input ? inst.input[ 0 ] : null ), [ printDate ] ) : [ true, \"\" ] );\n\t\t\t\t\t\totherMonth = ( printDate.getMonth() !== drawMonth );\n\t\t\t\t\t\tunselectable = ( otherMonth && !selectOtherMonths ) || !daySettings[ 0 ] ||\n\t\t\t\t\t\t\t( minDate && printDate < minDate ) || ( maxDate && printDate > maxDate );\n\t\t\t\t\t\ttbody += \"\" + // actions\n\t\t\t\t\t\t\t( otherMonth && !showOtherMonths ? \" \" : // display for other months\n\t\t\t\t\t\t\t( unselectable ? \"\" + printDate.getDate() + \"\" : \"\" + printDate.getDate() + \"\" ) ) + \" | \"; // display selectable date\n\t\t\t\t\t\tprintDate.setDate( printDate.getDate() + 1 );\n\t\t\t\t\t\tprintDate = this._daylightSavingAdjust( printDate );\n\t\t\t\t\t}\n\t\t\t\t\tcalender += tbody + \"
\",\n\t\t\tmonthHtml = \"\";\n\n\t\t// Month selection\n\t\tif ( secondary || !changeMonth ) {\n\t\t\tmonthHtml += \"\" + monthNames[ drawMonth ] + \"\";\n\t\t} else {\n\t\t\tinMinYear = ( minDate && minDate.getFullYear() === drawYear );\n\t\t\tinMaxYear = ( maxDate && maxDate.getFullYear() === drawYear );\n\t\t\tmonthHtml += \"\";\n\t\t}\n\n\t\tif ( !showMonthAfterYear ) {\n\t\t\thtml += monthHtml + ( secondary || !( changeMonth && changeYear ) ? \" \" : \"\" );\n\t\t}\n\n\t\t// Year selection\n\t\tif ( !inst.yearshtml ) {\n\t\t\tinst.yearshtml = \"\";\n\t\t\tif ( secondary || !changeYear ) {\n\t\t\t\thtml += \"\" + drawYear + \"\";\n\t\t\t} else {\n\n\t\t\t\t// determine range of years to display\n\t\t\t\tyears = this._get( inst, \"yearRange\" ).split( \":\" );\n\t\t\t\tthisYear = new Date().getFullYear();\n\t\t\t\tdetermineYear = function( value ) {\n\t\t\t\t\tvar year = ( value.match( /c[+\\-].*/ ) ? drawYear + parseInt( value.substring( 1 ), 10 ) :\n\t\t\t\t\t\t( value.match( /[+\\-].*/ ) ? thisYear + parseInt( value, 10 ) :\n\t\t\t\t\t\tparseInt( value, 10 ) ) );\n\t\t\t\t\treturn ( isNaN( year ) ? thisYear : year );\n\t\t\t\t};\n\t\t\t\tyear = determineYear( years[ 0 ] );\n\t\t\t\tendYear = Math.max( year, determineYear( years[ 1 ] || \"\" ) );\n\t\t\t\tyear = ( minDate ? Math.max( year, minDate.getFullYear() ) : year );\n\t\t\t\tendYear = ( maxDate ? Math.min( endYear, maxDate.getFullYear() ) : endYear );\n\t\t\t\tinst.yearshtml += \"\";\n\n\t\t\t\thtml += inst.yearshtml;\n\t\t\t\tinst.yearshtml = null;\n\t\t\t}\n\t\t}\n\n\t\thtml += this._get( inst, \"yearSuffix\" );\n\t\tif ( showMonthAfterYear ) {\n\t\t\thtml += ( secondary || !( changeMonth && changeYear ) ? \" \" : \"\" ) + monthHtml;\n\t\t}\n\t\thtml += \"
\"; // Close datepicker_header\n\t\treturn html;\n\t},\n\n\t/* Adjust one of the date sub-fields. */\n\t_adjustInstDate: function( inst, offset, period ) {\n\t\tvar year = inst.selectedYear + ( period === \"Y\" ? offset : 0 ),\n\t\t\tmonth = inst.selectedMonth + ( period === \"M\" ? offset : 0 ),\n\t\t\tday = Math.min( inst.selectedDay, this._getDaysInMonth( year, month ) ) + ( period === \"D\" ? offset : 0 ),\n\t\t\tdate = this._restrictMinMax( inst, this._daylightSavingAdjust( new Date( year, month, day ) ) );\n\n\t\tinst.selectedDay = date.getDate();\n\t\tinst.drawMonth = inst.selectedMonth = date.getMonth();\n\t\tinst.drawYear = inst.selectedYear = date.getFullYear();\n\t\tif ( period === \"M\" || period === \"Y\" ) {\n\t\t\tthis._notifyChange( inst );\n\t\t}\n\t},\n\n\t/* Ensure a date is within any min/max bounds. */\n\t_restrictMinMax: function( inst, date ) {\n\t\tvar minDate = this._getMinMaxDate( inst, \"min\" ),\n\t\t\tmaxDate = this._getMinMaxDate( inst, \"max\" ),\n\t\t\tnewDate = ( minDate && date < minDate ? minDate : date );\n\t\treturn ( maxDate && newDate > maxDate ? maxDate : newDate );\n\t},\n\n\t/* Notify change of month/year. */\n\t_notifyChange: function( inst ) {\n\t\tvar onChange = this._get( inst, \"onChangeMonthYear\" );\n\t\tif ( onChange ) {\n\t\t\tonChange.apply( ( inst.input ? inst.input[ 0 ] : null ),\n\t\t\t\t[ inst.selectedYear, inst.selectedMonth + 1, inst ] );\n\t\t}\n\t},\n\n\t/* Determine the number of months to show. */\n\t_getNumberOfMonths: function( inst ) {\n\t\tvar numMonths = this._get( inst, \"numberOfMonths\" );\n\t\treturn ( numMonths == null ? [ 1, 1 ] : ( typeof numMonths === \"number\" ? [ 1, numMonths ] : numMonths ) );\n\t},\n\n\t/* Determine the current maximum date - ensure no time components are set. */\n\t_getMinMaxDate: function( inst, minMax ) {\n\t\treturn this._determineDate( inst, this._get( inst, minMax + \"Date\" ), null );\n\t},\n\n\t/* Find the number of days in a given month. */\n\t_getDaysInMonth: function( year, month ) {\n\t\treturn 32 - this._daylightSavingAdjust( new Date( year, month, 32 ) ).getDate();\n\t},\n\n\t/* Find the day of the week of the first of a month. */\n\t_getFirstDayOfMonth: function( year, month ) {\n\t\treturn new Date( year, month, 1 ).getDay();\n\t},\n\n\t/* Determines if we should allow a \"next/prev\" month display change. */\n\t_canAdjustMonth: function( inst, offset, curYear, curMonth ) {\n\t\tvar numMonths = this._getNumberOfMonths( inst ),\n\t\t\tdate = this._daylightSavingAdjust( new Date( curYear,\n\t\t\tcurMonth + ( offset < 0 ? offset : numMonths[ 0 ] * numMonths[ 1 ] ), 1 ) );\n\n\t\tif ( offset < 0 ) {\n\t\t\tdate.setDate( this._getDaysInMonth( date.getFullYear(), date.getMonth() ) );\n\t\t}\n\t\treturn this._isInRange( inst, date );\n\t},\n\n\t/* Is the given date in the accepted range? */\n\t_isInRange: function( inst, date ) {\n\t\tvar yearSplit, currentYear,\n\t\t\tminDate = this._getMinMaxDate( inst, \"min\" ),\n\t\t\tmaxDate = this._getMinMaxDate( inst, \"max\" ),\n\t\t\tminYear = null,\n\t\t\tmaxYear = null,\n\t\t\tyears = this._get( inst, \"yearRange\" );\n\t\t\tif ( years ) {\n\t\t\t\tyearSplit = years.split( \":\" );\n\t\t\t\tcurrentYear = new Date().getFullYear();\n\t\t\t\tminYear = parseInt( yearSplit[ 0 ], 10 );\n\t\t\t\tmaxYear = parseInt( yearSplit[ 1 ], 10 );\n\t\t\t\tif ( yearSplit[ 0 ].match( /[+\\-].*/ ) ) {\n\t\t\t\t\tminYear += currentYear;\n\t\t\t\t}\n\t\t\t\tif ( yearSplit[ 1 ].match( /[+\\-].*/ ) ) {\n\t\t\t\t\tmaxYear += currentYear;\n\t\t\t\t}\n\t\t\t}\n\n\t\treturn ( ( !minDate || date.getTime() >= minDate.getTime() ) &&\n\t\t\t( !maxDate || date.getTime() <= maxDate.getTime() ) &&\n\t\t\t( !minYear || date.getFullYear() >= minYear ) &&\n\t\t\t( !maxYear || date.getFullYear() <= maxYear ) );\n\t},\n\n\t/* Provide the configuration settings for formatting/parsing. */\n\t_getFormatConfig: function( inst ) {\n\t\tvar shortYearCutoff = this._get( inst, \"shortYearCutoff\" );\n\t\tshortYearCutoff = ( typeof shortYearCutoff !== \"string\" ? shortYearCutoff :\n\t\t\tnew Date().getFullYear() % 100 + parseInt( shortYearCutoff, 10 ) );\n\t\treturn { shortYearCutoff: shortYearCutoff,\n\t\t\tdayNamesShort: this._get( inst, \"dayNamesShort\" ), dayNames: this._get( inst, \"dayNames\" ),\n\t\t\tmonthNamesShort: this._get( inst, \"monthNamesShort\" ), monthNames: this._get( inst, \"monthNames\" ) };\n\t},\n\n\t/* Format the given date for display. */\n\t_formatDate: function( inst, day, month, year ) {\n\t\tif ( !day ) {\n\t\t\tinst.currentDay = inst.selectedDay;\n\t\t\tinst.currentMonth = inst.selectedMonth;\n\t\t\tinst.currentYear = inst.selectedYear;\n\t\t}\n\t\tvar date = ( day ? ( typeof day === \"object\" ? day :\n\t\t\tthis._daylightSavingAdjust( new Date( year, month, day ) ) ) :\n\t\t\tthis._daylightSavingAdjust( new Date( inst.currentYear, inst.currentMonth, inst.currentDay ) ) );\n\t\treturn this.formatDate( this._get( inst, \"dateFormat\" ), date, this._getFormatConfig( inst ) );\n\t}\n} );\n\n/*\n * Bind hover events for datepicker elements.\n * Done via delegate so the binding only occurs once in the lifetime of the parent div.\n * Global datepicker_instActive, set by _updateDatepicker allows the handlers to find their way back to the active picker.\n */\nfunction datepicker_bindHover( dpDiv ) {\n\tvar selector = \"button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a\";\n\treturn dpDiv.on( \"mouseout\", selector, function() {\n\t\t\t$( this ).removeClass( \"ui-state-hover\" );\n\t\t\tif ( this.className.indexOf( \"ui-datepicker-prev\" ) !== -1 ) {\n\t\t\t\t$( this ).removeClass( \"ui-datepicker-prev-hover\" );\n\t\t\t}\n\t\t\tif ( this.className.indexOf( \"ui-datepicker-next\" ) !== -1 ) {\n\t\t\t\t$( this ).removeClass( \"ui-datepicker-next-hover\" );\n\t\t\t}\n\t\t} )\n\t\t.on( \"mouseover\", selector, datepicker_handleMouseover );\n}\n\nfunction datepicker_handleMouseover() {\n\tif ( !$.datepicker._isDisabledDatepicker( datepicker_instActive.inline ? datepicker_instActive.dpDiv.parent()[ 0 ] : datepicker_instActive.input[ 0 ] ) ) {\n\t\t$( this ).parents( \".ui-datepicker-calendar\" ).find( \"a\" ).removeClass( \"ui-state-hover\" );\n\t\t$( this ).addClass( \"ui-state-hover\" );\n\t\tif ( this.className.indexOf( \"ui-datepicker-prev\" ) !== -1 ) {\n\t\t\t$( this ).addClass( \"ui-datepicker-prev-hover\" );\n\t\t}\n\t\tif ( this.className.indexOf( \"ui-datepicker-next\" ) !== -1 ) {\n\t\t\t$( this ).addClass( \"ui-datepicker-next-hover\" );\n\t\t}\n\t}\n}\n\n/* jQuery extend now ignores nulls! */\nfunction datepicker_extendRemove( target, props ) {\n\t$.extend( target, props );\n\tfor ( var name in props ) {\n\t\tif ( props[ name ] == null ) {\n\t\t\ttarget[ name ] = props[ name ];\n\t\t}\n\t}\n\treturn target;\n}\n\n/* Invoke the datepicker functionality.\n @param options string - a command, optionally followed by additional parameters or\n\t\t\t\t\tObject - settings for attaching new datepicker functionality\n @return jQuery object */\n$.fn.datepicker = function( options ) {\n\n\t/* Verify an empty collection wasn't passed - Fixes #6976 */\n\tif ( !this.length ) {\n\t\treturn this;\n\t}\n\n\t/* Initialise the date picker. */\n\tif ( !$.datepicker.initialized ) {\n\t\t$( document ).on( \"mousedown\", $.datepicker._checkExternalClick );\n\t\t$.datepicker.initialized = true;\n\t}\n\n\t/* Append datepicker main container to body if not exist. */\n\tif ( $( \"#\" + $.datepicker._mainDivId ).length === 0 ) {\n\t\t$( \"body\" ).append( $.datepicker.dpDiv );\n\t}\n\n\tvar otherArgs = Array.prototype.slice.call( arguments, 1 );\n\tif ( typeof options === \"string\" && ( options === \"isDisabled\" || options === \"getDate\" || options === \"widget\" ) ) {\n\t\treturn $.datepicker[ \"_\" + options + \"Datepicker\" ].\n\t\t\tapply( $.datepicker, [ this[ 0 ] ].concat( otherArgs ) );\n\t}\n\tif ( options === \"option\" && arguments.length === 2 && typeof arguments[ 1 ] === \"string\" ) {\n\t\treturn $.datepicker[ \"_\" + options + \"Datepicker\" ].\n\t\t\tapply( $.datepicker, [ this[ 0 ] ].concat( otherArgs ) );\n\t}\n\treturn this.each( function() {\n\t\ttypeof options === \"string\" ?\n\t\t\t$.datepicker[ \"_\" + options + \"Datepicker\" ].\n\t\t\t\tapply( $.datepicker, [ this ].concat( otherArgs ) ) :\n\t\t\t$.datepicker._attachDatepicker( this, options );\n\t} );\n};\n\n$.datepicker = new Datepicker(); // singleton instance\n$.datepicker.initialized = false;\n$.datepicker.uuid = new Date().getTime();\n$.datepicker.version = \"1.12.1\";\n\nreturn $.datepicker;\n\n} ) );\n","/* Font Face Observer v2.0.13 - © Bram Stein. License: BSD-3-Clause */(function(){function l(a,b){document.addEventListener?a.addEventListener(\"scroll\",b,!1):a.attachEvent(\"scroll\",b)}function m(a){document.body?a():document.addEventListener?document.addEventListener(\"DOMContentLoaded\",function c(){document.removeEventListener(\"DOMContentLoaded\",c);a()}):document.attachEvent(\"onreadystatechange\",function k(){if(\"interactive\"==document.readyState||\"complete\"==document.readyState)document.detachEvent(\"onreadystatechange\",k),a()})};function r(a){this.a=document.createElement(\"div\");this.a.setAttribute(\"aria-hidden\",\"true\");this.a.appendChild(document.createTextNode(a));this.b=document.createElement(\"span\");this.c=document.createElement(\"span\");this.h=document.createElement(\"span\");this.f=document.createElement(\"span\");this.g=-1;this.b.style.cssText=\"max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;\";this.c.style.cssText=\"max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;\";\nthis.f.style.cssText=\"max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;\";this.h.style.cssText=\"display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;\";this.b.appendChild(this.h);this.c.appendChild(this.f);this.a.appendChild(this.b);this.a.appendChild(this.c)}\nfunction t(a,b){a.a.style.cssText=\"max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:\"+b+\";\"}function y(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+\"px\";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function z(a,b){function c(){var a=k;y(a)&&a.a.parentNode&&b(a.g)}var k=a;l(a.b,c);l(a.c,c);y(a)};function A(a,b){var c=b||{};this.family=a;this.style=c.style||\"normal\";this.weight=c.weight||\"normal\";this.stretch=c.stretch||\"normal\"}var B=null,C=null,E=null,F=null;function G(){if(null===C)if(J()&&/Apple/.test(window.navigator.vendor)){var a=/AppleWebKit\\/([0-9]+)(?:\\.([0-9]+))(?:\\.([0-9]+))/.exec(window.navigator.userAgent);C=!!a&&603>parseInt(a[1],10)}else C=!1;return C}function J(){null===F&&(F=!!document.fonts);return F}\nfunction K(){if(null===E){var a=document.createElement(\"div\");try{a.style.font=\"condensed 100px sans-serif\"}catch(b){}E=\"\"!==a.style.font}return E}function L(a,b){return[a.style,a.weight,K()?a.stretch:\"\",\"100px\",b].join(\" \")}\nA.prototype.load=function(a,b){var c=this,k=a||\"BESbswy\",q=0,D=b||3E3,H=(new Date).getTime();return new Promise(function(a,b){if(J()&&!G()){var M=new Promise(function(a,b){function e(){(new Date).getTime()-H>=D?b():document.fonts.load(L(c,'\"'+c.family+'\"'),k).then(function(c){1<=c.length?a():setTimeout(e,25)},function(){b()})}e()}),N=new Promise(function(a,c){q=setTimeout(c,D)});Promise.race([N,M]).then(function(){clearTimeout(q);a(c)},function(){b(c)})}else m(function(){function u(){var b;if(b=-1!=\nf&&-1!=g||-1!=f&&-1!=h||-1!=g&&-1!=h)(b=f!=g&&f!=h&&g!=h)||(null===B&&(b=/AppleWebKit\\/([0-9]+)(?:\\.([0-9]+))/.exec(window.navigator.userAgent),B=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=B&&(f==v&&g==v&&h==v||f==w&&g==w&&h==w||f==x&&g==x&&h==x)),b=!b;b&&(d.parentNode&&d.parentNode.removeChild(d),clearTimeout(q),a(c))}function I(){if((new Date).getTime()-H>=D)d.parentNode&&d.parentNode.removeChild(d),b(c);else{var a=document.hidden;if(!0===a||void 0===a)f=e.a.offsetWidth,\ng=n.a.offsetWidth,h=p.a.offsetWidth,u();q=setTimeout(I,50)}}var e=new r(k),n=new r(k),p=new r(k),f=-1,g=-1,h=-1,v=-1,w=-1,x=-1,d=document.createElement(\"div\");d.dir=\"ltr\";t(e,L(c,\"sans-serif\"));t(n,L(c,\"serif\"));t(p,L(c,\"monospace\"));d.appendChild(e.a);d.appendChild(n.a);d.appendChild(p.a);document.body.appendChild(d);v=e.a.offsetWidth;w=n.a.offsetWidth;x=p.a.offsetWidth;I();z(e,function(a){f=a;u()});t(e,L(c,'\"'+c.family+'\",sans-serif'));z(n,function(a){g=a;u()});t(n,L(c,'\"'+c.family+'\",serif'));\nz(p,function(a){h=a;u()});t(p,L(c,'\"'+c.family+'\",monospace'))})})};\"object\"===typeof module?module.exports=A:(window.FontFaceObserver=A,window.FontFaceObserver.prototype.load=A.prototype.load);}());\n","/*!\n * ScrollMagic v2.0.5 (2015-04-29)\n * The javascript library for magical scroll interactions.\n * (c) 2015 Jan Paepke (@janpaepke)\n * Project Website: http://scrollmagic.io\n * \n * @version 2.0.5\n * @license Dual licensed under MIT license and GPL.\n * @author Jan Paepke - e-mail@janpaepke.de\n *\n * @file ScrollMagic main library.\n */\n/**\n * @namespace ScrollMagic\n */\n(function (root, factory) {\n\tif (typeof define === 'function' && define.amd) {\n\t\t// AMD. Register as an anonymous module.\n\t\tdefine(factory);\n\t} else if (typeof exports === 'object') {\n\t\t// CommonJS\n\t\tmodule.exports = factory();\n\t} else {\n\t\t// Browser global\n\t\troot.ScrollMagic = factory();\n\t}\n}(this, function () {\n\t\"use strict\";\n\n\tvar ScrollMagic = function () {\n\t\t_util.log(2, '(COMPATIBILITY NOTICE) -> As of ScrollMagic 2.0.0 you need to use \\'new ScrollMagic.Controller()\\' to create a new controller instance. Use \\'new ScrollMagic.Scene()\\' to instance a scene.');\n\t};\n\n\tScrollMagic.version = \"2.0.5\";\n\n\t// TODO: temporary workaround for chrome's scroll jitter bug\n\twindow.addEventListener(\"mousewheel\", function () {});\n\n\t// global const\n\tvar PIN_SPACER_ATTRIBUTE = \"data-scrollmagic-pin-spacer\";\n\n\t/**\n\t * The main class that is needed once per scroll container.\n\t *\n\t * @class\n\t *\n\t * @example\n\t * // basic initialization\n\t * var controller = new ScrollMagic.Controller();\n\t *\n\t * // passing options\n\t * var controller = new ScrollMagic.Controller({container: \"#myContainer\", loglevel: 3});\n\t *\n\t * @param {object} [options] - An object containing one or more options for the controller.\n\t * @param {(string|object)} [options.container=window] - A selector, DOM object that references the main container for scrolling.\n\t * @param {boolean} [options.vertical=true] - Sets the scroll mode to vertical (`true`) or horizontal (`false`) scrolling.\n\t * @param {object} [options.globalSceneOptions={}] - These options will be passed to every Scene that is added to the controller using the addScene method. For more information on Scene options see {@link ScrollMagic.Scene}.\n\t * @param {number} [options.loglevel=2] Loglevel for debugging. Note that logging is disabled in the minified version of ScrollMagic.\n\t ** `0` => silent\n\t ** `1` => errors\n\t ** `2` => errors, warnings\n\t ** `3` => errors, warnings, debuginfo\n\t * @param {boolean} [options.refreshInterval=100] - Some changes don't call events by default, like changing the container size or moving a scene trigger element. \n\t This interval polls these parameters to fire the necessary events. \n\t If you don't use custom containers, trigger elements or have static layouts, where the positions of the trigger elements don't change, you can set this to 0 disable interval checking and improve performance.\n\t *\n\t */\n\tScrollMagic.Controller = function (options) {\n/*\n\t * ----------------------------------------------------------------\n\t * settings\n\t * ----------------------------------------------------------------\n\t */\n\t\tvar\n\t\tNAMESPACE = 'ScrollMagic.Controller',\n\t\t\tSCROLL_DIRECTION_FORWARD = 'FORWARD',\n\t\t\tSCROLL_DIRECTION_REVERSE = 'REVERSE',\n\t\t\tSCROLL_DIRECTION_PAUSED = 'PAUSED',\n\t\t\tDEFAULT_OPTIONS = CONTROLLER_OPTIONS.defaults;\n\n/*\n\t * ----------------------------------------------------------------\n\t * private vars\n\t * ----------------------------------------------------------------\n\t */\n\t\tvar\n\t\tController = this,\n\t\t\t_options = _util.extend({}, DEFAULT_OPTIONS, options),\n\t\t\t_sceneObjects = [],\n\t\t\t_updateScenesOnNextCycle = false,\n\t\t\t// can be boolean (true => all scenes) or an array of scenes to be updated\n\t\t\t_scrollPos = 0,\n\t\t\t_scrollDirection = SCROLL_DIRECTION_PAUSED,\n\t\t\t_isDocument = true,\n\t\t\t_viewPortSize = 0,\n\t\t\t_enabled = true,\n\t\t\t_updateTimeout, _refreshTimeout;\n\n/*\n\t * ----------------------------------------------------------------\n\t * private functions\n\t * ----------------------------------------------------------------\n\t */\n\n\t\t/**\n\t\t * Internal constructor function of the ScrollMagic Controller\n\t\t * @private\n\t\t */\n\t\tvar construct = function () {\n\t\t\tfor (var key in _options) {\n\t\t\t\tif (!DEFAULT_OPTIONS.hasOwnProperty(key)) {\n\t\t\t\t\tlog(2, \"WARNING: Unknown option \\\"\" + key + \"\\\"\");\n\t\t\t\t\tdelete _options[key];\n\t\t\t\t}\n\t\t\t}\n\t\t\t_options.container = _util.get.elements(_options.container)[0];\n\t\t\t// check ScrollContainer\n\t\t\tif (!_options.container) {\n\t\t\t\tlog(1, \"ERROR creating object \" + NAMESPACE + \": No valid scroll container supplied\");\n\t\t\t\tthrow NAMESPACE + \" init failed.\"; // cancel\n\t\t\t}\n\t\t\t_isDocument = _options.container === window || _options.container === document.body || !document.body.contains(_options.container);\n\t\t\t// normalize to window\n\t\t\tif (_isDocument) {\n\t\t\t\t_options.container = window;\n\t\t\t}\n\t\t\t// update container size immediately\n\t\t\t_viewPortSize = getViewportSize();\n\t\t\t// set event handlers\n\t\t\t_options.container.addEventListener(\"resize\", onChange);\n\t\t\t_options.container.addEventListener(\"scroll\", onChange);\n\n\t\t\t_options.refreshInterval = parseInt(_options.refreshInterval) || DEFAULT_OPTIONS.refreshInterval;\n\t\t\tscheduleRefresh();\n\n\t\t\tlog(3, \"added new \" + NAMESPACE + \" controller (v\" + ScrollMagic.version + \")\");\n\t\t};\n\n\t\t/**\n\t\t * Schedule the next execution of the refresh function\n\t\t * @private\n\t\t */\n\t\tvar scheduleRefresh = function () {\n\t\t\tif (_options.refreshInterval > 0) {\n\t\t\t\t_refreshTimeout = window.setTimeout(refresh, _options.refreshInterval);\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Default function to get scroll pos - overwriteable using `Controller.scrollPos(newFunction)`\n\t\t * @private\n\t\t */\n\t\tvar getScrollPos = function () {\n\t\t\treturn _options.vertical ? _util.get.scrollTop(_options.container) : _util.get.scrollLeft(_options.container);\n\t\t};\n\n\t\t/**\n\t\t * Returns the current viewport Size (width vor horizontal, height for vertical)\n\t\t * @private\n\t\t */\n\t\tvar getViewportSize = function () {\n\t\t\treturn _options.vertical ? _util.get.height(_options.container) : _util.get.width(_options.container);\n\t\t};\n\n\t\t/**\n\t\t * Default function to set scroll pos - overwriteable using `Controller.scrollTo(newFunction)`\n\t\t * Make available publicly for pinned mousewheel workaround.\n\t\t * @private\n\t\t */\n\t\tvar setScrollPos = this._setScrollPos = function (pos) {\n\t\t\tif (_options.vertical) {\n\t\t\t\tif (_isDocument) {\n\t\t\t\t\twindow.scrollTo(_util.get.scrollLeft(), pos);\n\t\t\t\t} else {\n\t\t\t\t\t_options.container.scrollTop = pos;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (_isDocument) {\n\t\t\t\t\twindow.scrollTo(pos, _util.get.scrollTop());\n\t\t\t\t} else {\n\t\t\t\t\t_options.container.scrollLeft = pos;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Handle updates in cycles instead of on scroll (performance)\n\t\t * @private\n\t\t */\n\t\tvar updateScenes = function () {\n\t\t\tif (_enabled && _updateScenesOnNextCycle) {\n\t\t\t\t// determine scenes to update\n\t\t\t\tvar scenesToUpdate = _util.type.Array(_updateScenesOnNextCycle) ? _updateScenesOnNextCycle : _sceneObjects.slice(0);\n\t\t\t\t// reset scenes\n\t\t\t\t_updateScenesOnNextCycle = false;\n\t\t\t\tvar oldScrollPos = _scrollPos;\n\t\t\t\t// update scroll pos now instead of onChange, as it might have changed since scheduling (i.e. in-browser smooth scroll)\n\t\t\t\t_scrollPos = Controller.scrollPos();\n\t\t\t\tvar deltaScroll = _scrollPos - oldScrollPos;\n\t\t\t\tif (deltaScroll !== 0) { // scroll position changed?\n\t\t\t\t\t_scrollDirection = (deltaScroll > 0) ? SCROLL_DIRECTION_FORWARD : SCROLL_DIRECTION_REVERSE;\n\t\t\t\t}\n\t\t\t\t// reverse order of scenes if scrolling reverse\n\t\t\t\tif (_scrollDirection === SCROLL_DIRECTION_REVERSE) {\n\t\t\t\t\tscenesToUpdate.reverse();\n\t\t\t\t}\n\t\t\t\t// update scenes\n\t\t\t\tscenesToUpdate.forEach(function (scene, index) {\n\t\t\t\t\tlog(3, \"updating Scene \" + (index + 1) + \"/\" + scenesToUpdate.length + \" (\" + _sceneObjects.length + \" total)\");\n\t\t\t\t\tscene.update(true);\n\t\t\t\t});\n\t\t\t\tif (scenesToUpdate.length === 0 && _options.loglevel >= 3) {\n\t\t\t\t\tlog(3, \"updating 0 Scenes (nothing added to controller)\");\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Initializes rAF callback\n\t\t * @private\n\t\t */\n\t\tvar debounceUpdate = function () {\n\t\t\t_updateTimeout = _util.rAF(updateScenes);\n\t\t};\n\n\t\t/**\n\t\t * Handles Container changes\n\t\t * @private\n\t\t */\n\t\tvar onChange = function (e) {\n\t\t\tlog(3, \"event fired causing an update:\", e.type);\n\t\t\tif (e.type == \"resize\") {\n\t\t\t\t// resize\n\t\t\t\t_viewPortSize = getViewportSize();\n\t\t\t\t_scrollDirection = SCROLL_DIRECTION_PAUSED;\n\t\t\t}\n\t\t\t// schedule update\n\t\t\tif (_updateScenesOnNextCycle !== true) {\n\t\t\t\t_updateScenesOnNextCycle = true;\n\t\t\t\tdebounceUpdate();\n\t\t\t}\n\t\t};\n\n\t\tvar refresh = function () {\n\t\t\tif (!_isDocument) {\n\t\t\t\t// simulate resize event. Only works for viewport relevant param (performance)\n\t\t\t\tif (_viewPortSize != getViewportSize()) {\n\t\t\t\t\tvar resizeEvent;\n\t\t\t\t\ttry {\n\t\t\t\t\t\tresizeEvent = new Event('resize', {\n\t\t\t\t\t\t\tbubbles: false,\n\t\t\t\t\t\t\tcancelable: false\n\t\t\t\t\t\t});\n\t\t\t\t\t} catch (e) { // stupid IE\n\t\t\t\t\t\tresizeEvent = document.createEvent(\"Event\");\n\t\t\t\t\t\tresizeEvent.initEvent(\"resize\", false, false);\n\t\t\t\t\t}\n\t\t\t\t\t_options.container.dispatchEvent(resizeEvent);\n\t\t\t\t}\n\t\t\t}\n\t\t\t_sceneObjects.forEach(function (scene, index) { // refresh all scenes\n\t\t\t\tscene.refresh();\n\t\t\t});\n\t\t\tscheduleRefresh();\n\t\t};\n\n\t\t/**\n\t\t * Send a debug message to the console.\n\t\t * provided publicly with _log for plugins\n\t\t * @private\n\t\t *\n\t\t * @param {number} loglevel - The loglevel required to initiate output for the message.\n\t\t * @param {...mixed} output - One or more variables that should be passed to the console.\n\t\t */\n\t\tvar log = this._log = function (loglevel, output) {\n\t\t\tif (_options.loglevel >= loglevel) {\n\t\t\t\tArray.prototype.splice.call(arguments, 1, 0, \"(\" + NAMESPACE + \") ->\");\n\t\t\t\t_util.log.apply(window, arguments);\n\t\t\t}\n\t\t};\n\t\t// for scenes we have getters for each option, but for the controller we don't, so we need to make it available externally for plugins\n\t\tthis._options = _options;\n\n\t\t/**\n\t\t * Sort scenes in ascending order of their start offset.\n\t\t * @private\n\t\t *\n\t\t * @param {array} ScenesArray - an array of ScrollMagic Scenes that should be sorted\n\t\t * @return {array} The sorted array of Scenes.\n\t\t */\n\t\tvar sortScenes = function (ScenesArray) {\n\t\t\tif (ScenesArray.length <= 1) {\n\t\t\t\treturn ScenesArray;\n\t\t\t} else {\n\t\t\t\tvar scenes = ScenesArray.slice(0);\n\t\t\t\tscenes.sort(function (a, b) {\n\t\t\t\t\treturn a.scrollOffset() > b.scrollOffset() ? 1 : -1;\n\t\t\t\t});\n\t\t\t\treturn scenes;\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * ----------------------------------------------------------------\n\t\t * public functions\n\t\t * ----------------------------------------------------------------\n\t\t */\n\n\t\t/**\n\t\t * Add one ore more scene(s) to the controller. \n\t\t * This is the equivalent to `Scene.addTo(controller)`.\n\t\t * @public\n\t\t * @example\n\t\t * // with a previously defined scene\n\t\t * controller.addScene(scene);\n\t\t *\n\t\t * // with a newly created scene.\n\t\t * controller.addScene(new ScrollMagic.Scene({duration : 0}));\n\t\t *\n\t\t * // adding multiple scenes\n\t\t * controller.addScene([scene, scene2, new ScrollMagic.Scene({duration : 0})]);\n\t\t *\n\t\t * @param {(ScrollMagic.Scene|array)} newScene - ScrollMagic Scene or Array of Scenes to be added to the controller.\n\t\t * @return {Controller} Parent object for chaining.\n\t\t */\n\t\tthis.addScene = function (newScene) {\n\t\t\tif (_util.type.Array(newScene)) {\n\t\t\t\tnewScene.forEach(function (scene, index) {\n\t\t\t\t\tController.addScene(scene);\n\t\t\t\t});\n\t\t\t} else if (newScene instanceof ScrollMagic.Scene) {\n\t\t\t\tif (newScene.controller() !== Controller) {\n\t\t\t\t\tnewScene.addTo(Controller);\n\t\t\t\t} else if (_sceneObjects.indexOf(newScene) < 0) {\n\t\t\t\t\t// new scene\n\t\t\t\t\t_sceneObjects.push(newScene); // add to array\n\t\t\t\t\t_sceneObjects = sortScenes(_sceneObjects); // sort\n\t\t\t\t\tnewScene.on(\"shift.controller_sort\", function () { // resort whenever scene moves\n\t\t\t\t\t\t_sceneObjects = sortScenes(_sceneObjects);\n\t\t\t\t\t});\n\t\t\t\t\t// insert Global defaults.\n\t\t\t\t\tfor (var key in _options.globalSceneOptions) {\n\t\t\t\t\t\tif (newScene[key]) {\n\t\t\t\t\t\t\tnewScene[key].call(newScene, _options.globalSceneOptions[key]);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tlog(3, \"adding Scene (now \" + _sceneObjects.length + \" total)\");\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlog(1, \"ERROR: invalid argument supplied for '.addScene()'\");\n\t\t\t}\n\t\t\treturn Controller;\n\t\t};\n\n\t\t/**\n\t\t * Remove one ore more scene(s) from the controller. \n\t\t * This is the equivalent to `Scene.remove()`.\n\t\t * @public\n\t\t * @example\n\t\t * // remove a scene from the controller\n\t\t * controller.removeScene(scene);\n\t\t *\n\t\t * // remove multiple scenes from the controller\n\t\t * controller.removeScene([scene, scene2, scene3]);\n\t\t *\n\t\t * @param {(ScrollMagic.Scene|array)} Scene - ScrollMagic Scene or Array of Scenes to be removed from the controller.\n\t\t * @returns {Controller} Parent object for chaining.\n\t\t */\n\t\tthis.removeScene = function (Scene) {\n\t\t\tif (_util.type.Array(Scene)) {\n\t\t\t\tScene.forEach(function (scene, index) {\n\t\t\t\t\tController.removeScene(scene);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tvar index = _sceneObjects.indexOf(Scene);\n\t\t\t\tif (index > -1) {\n\t\t\t\t\tScene.off(\"shift.controller_sort\");\n\t\t\t\t\t_sceneObjects.splice(index, 1);\n\t\t\t\t\tlog(3, \"removing Scene (now \" + _sceneObjects.length + \" left)\");\n\t\t\t\t\tScene.remove();\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn Controller;\n\t\t};\n\n\t\t/**\n\t\t * Update one ore more scene(s) according to the scroll position of the container. \n\t\t * This is the equivalent to `Scene.update()`. \n\t\t * The update method calculates the scene's start and end position (based on the trigger element, trigger hook, duration and offset) and checks it against the current scroll position of the container. \n\t\t * It then updates the current scene state accordingly (or does nothing, if the state is already correct) – Pins will be set to their correct position and tweens will be updated to their correct progress. \n\t\t * _**Note:** This method gets called constantly whenever Controller detects a change. The only application for you is if you change something outside of the realm of ScrollMagic, like moving the trigger or changing tween parameters._\n\t\t * @public\n\t\t * @example\n\t\t * // update a specific scene on next cycle\n\t\t * controller.updateScene(scene);\n\t\t *\n\t\t * // update a specific scene immediately\n\t\t * controller.updateScene(scene, true);\n\t\t *\n\t\t * // update multiple scenes scene on next cycle\n\t\t * controller.updateScene([scene1, scene2, scene3]);\n\t\t *\n\t\t * @param {ScrollMagic.Scene} Scene - ScrollMagic Scene or Array of Scenes that is/are supposed to be updated.\n\t\t * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle. \n\t\t This is useful when changing multiple properties of the scene - this way it will only be updated once all new properties are set (updateScenes).\n\t\t * @return {Controller} Parent object for chaining.\n\t\t */\n\t\tthis.updateScene = function (Scene, immediately) {\n\t\t\tif (_util.type.Array(Scene)) {\n\t\t\t\tScene.forEach(function (scene, index) {\n\t\t\t\t\tController.updateScene(scene, immediately);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tif (immediately) {\n\t\t\t\t\tScene.update(true);\n\t\t\t\t} else if (_updateScenesOnNextCycle !== true && Scene instanceof ScrollMagic.Scene) { // if _updateScenesOnNextCycle is true, all connected scenes are already scheduled for update\n\t\t\t\t\t// prep array for next update cycle\n\t\t\t\t\t_updateScenesOnNextCycle = _updateScenesOnNextCycle || [];\n\t\t\t\t\tif (_updateScenesOnNextCycle.indexOf(Scene) == -1) {\n\t\t\t\t\t\t_updateScenesOnNextCycle.push(Scene);\n\t\t\t\t\t}\n\t\t\t\t\t_updateScenesOnNextCycle = sortScenes(_updateScenesOnNextCycle); // sort\n\t\t\t\t\tdebounceUpdate();\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn Controller;\n\t\t};\n\n\t\t/**\n\t\t * Updates the controller params and calls updateScene on every scene, that is attached to the controller. \n\t\t * See `Controller.updateScene()` for more information about what this means. \n\t\t * In most cases you will not need this function, as it is called constantly, whenever ScrollMagic detects a state change event, like resize or scroll. \n\t\t * The only application for this method is when ScrollMagic fails to detect these events. \n\t\t * One application is with some external scroll libraries (like iScroll) that move an internal container to a negative offset instead of actually scrolling. In this case the update on the controller needs to be called whenever the child container's position changes.\n\t\t * For this case there will also be the need to provide a custom function to calculate the correct scroll position. See `Controller.scrollPos()` for details.\n\t\t * @public\n\t\t * @example\n\t\t * // update the controller on next cycle (saves performance due to elimination of redundant updates)\n\t\t * controller.update();\n\t\t *\n\t\t * // update the controller immediately\n\t\t * controller.update(true);\n\t\t *\n\t\t * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle (better performance)\n\t\t * @return {Controller} Parent object for chaining.\n\t\t */\n\t\tthis.update = function (immediately) {\n\t\t\tonChange({\n\t\t\t\ttype: \"resize\"\n\t\t\t}); // will update size and set _updateScenesOnNextCycle to true\n\t\t\tif (immediately) {\n\t\t\t\tupdateScenes();\n\t\t\t}\n\t\t\treturn Controller;\n\t\t};\n\n\t\t/**\n\t\t * Scroll to a numeric scroll offset, a DOM element, the start of a scene or provide an alternate method for scrolling. \n\t\t * For vertical controllers it will change the top scroll offset and for horizontal applications it will change the left offset.\n\t\t * @public\n\t\t *\n\t\t * @since 1.1.0\n\t\t * @example\n\t\t * // scroll to an offset of 100\n\t\t * controller.scrollTo(100);\n\t\t *\n\t\t * // scroll to a DOM element\n\t\t * controller.scrollTo(\"#anchor\");\n\t\t *\n\t\t * // scroll to the beginning of a scene\n\t\t * var scene = new ScrollMagic.Scene({offset: 200});\n\t\t * controller.scrollTo(scene);\n\t\t *\n\t\t * // define a new scroll position modification function (jQuery animate instead of jump)\n\t\t * controller.scrollTo(function (newScrollPos) {\n\t\t *\t$(\"html, body\").animate({scrollTop: newScrollPos});\n\t\t * });\n\t\t * controller.scrollTo(100); // call as usual, but the new function will be used instead\n\t\t *\n\t\t * // define a new scroll function with an additional parameter\n\t\t * controller.scrollTo(function (newScrollPos, message) {\n\t\t * console.log(message);\n\t\t *\t$(this).animate({scrollTop: newScrollPos});\n\t\t * });\n\t\t * // call as usual, but supply an extra parameter to the defined custom function\n\t\t * controller.scrollTo(100, \"my message\");\n\t\t *\n\t\t * // define a new scroll function with an additional parameter containing multiple variables\n\t\t * controller.scrollTo(function (newScrollPos, options) {\n\t\t * someGlobalVar = options.a + options.b;\n\t\t *\t$(this).animate({scrollTop: newScrollPos});\n\t\t * });\n\t\t * // call as usual, but supply an extra parameter containing multiple options\n\t\t * controller.scrollTo(100, {a: 1, b: 2});\n\t\t *\n\t\t * // define a new scroll function with a callback supplied as an additional parameter\n\t\t * controller.scrollTo(function (newScrollPos, callback) {\n\t\t *\t$(this).animate({scrollTop: newScrollPos}, 400, \"swing\", callback);\n\t\t * });\n\t\t * // call as usual, but supply an extra parameter, which is used as a callback in the previously defined custom scroll function\n\t\t * controller.scrollTo(100, function() {\n\t\t *\tconsole.log(\"scroll has finished.\");\n\t\t * });\n\t\t *\n\t\t * @param {mixed} scrollTarget - The supplied argument can be one of these types:\n\t\t * 1. `number` -> The container will scroll to this new scroll offset.\n\t\t * 2. `string` or `object` -> Can be a selector or a DOM object. \n\t\t * The container will scroll to the position of this element.\n\t\t * 3. `ScrollMagic Scene` -> The container will scroll to the start of this scene.\n\t\t * 4. `function` -> This function will be used for future scroll position modifications. \n\t\t * This provides a way for you to change the behaviour of scrolling and adding new behaviour like animation. The function receives the new scroll position as a parameter and a reference to the container element using `this`. \n\t\t * It may also optionally receive an optional additional parameter (see below) \n\t\t * _**NOTE:** \n\t\t * All other options will still work as expected, using the new function to scroll._\n\t\t * @param {mixed} [additionalParameter] - If a custom scroll function was defined (see above 4.), you may want to supply additional parameters to it, when calling it. You can do this using this parameter – see examples for details. Please note, that this parameter will have no effect, if you use the default scrolling function.\n\t\t * @returns {Controller} Parent object for chaining.\n\t\t */\n\t\tthis.scrollTo = function (scrollTarget, additionalParameter) {\n\t\t\tif (_util.type.Number(scrollTarget)) { // excecute\n\t\t\t\tsetScrollPos.call(_options.container, scrollTarget, additionalParameter);\n\t\t\t} else if (scrollTarget instanceof ScrollMagic.Scene) { // scroll to scene\n\t\t\t\tif (scrollTarget.controller() === Controller) { // check if the controller is associated with this scene\n\t\t\t\t\tController.scrollTo(scrollTarget.scrollOffset(), additionalParameter);\n\t\t\t\t} else {\n\t\t\t\t\tlog(2, \"scrollTo(): The supplied scene does not belong to this controller. Scroll cancelled.\", scrollTarget);\n\t\t\t\t}\n\t\t\t} else if (_util.type.Function(scrollTarget)) { // assign new scroll function\n\t\t\t\tsetScrollPos = scrollTarget;\n\t\t\t} else { // scroll to element\n\t\t\t\tvar elem = _util.get.elements(scrollTarget)[0];\n\t\t\t\tif (elem) {\n\t\t\t\t\t// if parent is pin spacer, use spacer position instead so correct start position is returned for pinned elements.\n\t\t\t\t\twhile (elem.parentNode.hasAttribute(PIN_SPACER_ATTRIBUTE)) {\n\t\t\t\t\t\telem = elem.parentNode;\n\t\t\t\t\t}\n\n\t\t\t\t\tvar\n\t\t\t\t\tparam = _options.vertical ? \"top\" : \"left\",\n\t\t\t\t\t\t// which param is of interest ?\n\t\t\t\t\t\tcontainerOffset = _util.get.offset(_options.container),\n\t\t\t\t\t\t// container position is needed because element offset is returned in relation to document, not in relation to container.\n\t\t\t\t\t\telementOffset = _util.get.offset(elem);\n\n\t\t\t\t\tif (!_isDocument) { // container is not the document root, so substract scroll Position to get correct trigger element position relative to scrollcontent\n\t\t\t\t\t\tcontainerOffset[param] -= Controller.scrollPos();\n\t\t\t\t\t}\n\n\t\t\t\t\tController.scrollTo(elementOffset[param] - containerOffset[param], additionalParameter);\n\t\t\t\t} else {\n\t\t\t\t\tlog(2, \"scrollTo(): The supplied argument is invalid. Scroll cancelled.\", scrollTarget);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn Controller;\n\t\t};\n\n\t\t/**\n\t\t * **Get** the current scrollPosition or **Set** a new method to calculate it. \n\t\t * -> **GET**:\n\t\t * When used as a getter this function will return the current scroll position. \n\t\t * To get a cached value use Controller.info(\"scrollPos\"), which will be updated in the update cycle. \n\t\t * For vertical controllers it will return the top scroll offset and for horizontal applications it will return the left offset.\n\t\t *\n\t\t * -> **SET**:\n\t\t * When used as a setter this method prodes a way to permanently overwrite the controller's scroll position calculation. \n\t\t * A typical usecase is when the scroll position is not reflected by the containers scrollTop or scrollLeft values, but for example by the inner offset of a child container. \n\t\t * Moving a child container inside a parent is a commonly used method for several scrolling frameworks, including iScroll. \n\t\t * By providing an alternate calculation function you can make sure ScrollMagic receives the correct scroll position. \n\t\t * Please also bear in mind that your function should return y values for vertical scrolls an x for horizontals.\n\t\t *\n\t\t * To change the current scroll position please use `Controller.scrollTo()`.\n\t\t * @public\n\t\t *\n\t\t * @example\n\t\t * // get the current scroll Position\n\t\t * var scrollPos = controller.scrollPos();\n\t\t *\n\t\t * // set a new scroll position calculation method\n\t\t * controller.scrollPos(function () {\n\t\t *\treturn this.info(\"vertical\") ? -mychildcontainer.y : -mychildcontainer.x\n\t\t * });\n\t\t *\n\t\t * @param {function} [scrollPosMethod] - The function to be used for the scroll position calculation of the container.\n\t\t * @returns {(number|Controller)} Current scroll position or parent object for chaining.\n\t\t */\n\t\tthis.scrollPos = function (scrollPosMethod) {\n\t\t\tif (!arguments.length) { // get\n\t\t\t\treturn getScrollPos.call(Controller);\n\t\t\t} else { // set\n\t\t\t\tif (_util.type.Function(scrollPosMethod)) {\n\t\t\t\t\tgetScrollPos = scrollPosMethod;\n\t\t\t\t} else {\n\t\t\t\t\tlog(2, \"Provided value for method 'scrollPos' is not a function. To change the current scroll position use 'scrollTo()'.\");\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn Controller;\n\t\t};\n\n\t\t/**\n\t\t * **Get** all infos or one in particular about the controller.\n\t\t * @public\n\t\t * @example\n\t\t * // returns the current scroll position (number)\n\t\t * var scrollPos = controller.info(\"scrollPos\");\n\t\t *\n\t\t * // returns all infos as an object\n\t\t * var infos = controller.info();\n\t\t *\n\t\t * @param {string} [about] - If passed only this info will be returned instead of an object containing all. \n\t\t Valid options are:\n\t\t ** `\"size\"` => the current viewport size of the container\n\t\t ** `\"vertical\"` => true if vertical scrolling, otherwise false\n\t\t ** `\"scrollPos\"` => the current scroll position\n\t\t ** `\"scrollDirection\"` => the last known direction of the scroll\n\t\t ** `\"container\"` => the container element\n\t\t ** `\"isDocument\"` => true if container element is the document.\n\t\t * @returns {(mixed|object)} The requested info(s).\n\t\t */\n\t\tthis.info = function (about) {\n\t\t\tvar values = {\n\t\t\t\tsize: _viewPortSize,\n\t\t\t\t// contains height or width (in regard to orientation);\n\t\t\t\tvertical: _options.vertical,\n\t\t\t\tscrollPos: _scrollPos,\n\t\t\t\tscrollDirection: _scrollDirection,\n\t\t\t\tcontainer: _options.container,\n\t\t\t\tisDocument: _isDocument\n\t\t\t};\n\t\t\tif (!arguments.length) { // get all as an object\n\t\t\t\treturn values;\n\t\t\t} else if (values[about] !== undefined) {\n\t\t\t\treturn values[about];\n\t\t\t} else {\n\t\t\t\tlog(1, \"ERROR: option \\\"\" + about + \"\\\" is not available\");\n\t\t\t\treturn;\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * **Get** or **Set** the current loglevel option value.\n\t\t * @public\n\t\t *\n\t\t * @example\n\t\t * // get the current value\n\t\t * var loglevel = controller.loglevel();\n\t\t *\n\t\t * // set a new value\n\t\t * controller.loglevel(3);\n\t\t *\n\t\t * @param {number} [newLoglevel] - The new loglevel setting of the Controller. `[0-3]`\n\t\t * @returns {(number|Controller)} Current loglevel or parent object for chaining.\n\t\t */\n\t\tthis.loglevel = function (newLoglevel) {\n\t\t\tif (!arguments.length) { // get\n\t\t\t\treturn _options.loglevel;\n\t\t\t} else if (_options.loglevel != newLoglevel) { // set\n\t\t\t\t_options.loglevel = newLoglevel;\n\t\t\t}\n\t\t\treturn Controller;\n\t\t};\n\n\t\t/**\n\t\t * **Get** or **Set** the current enabled state of the controller. \n\t\t * This can be used to disable all Scenes connected to the controller without destroying or removing them.\n\t\t * @public\n\t\t *\n\t\t * @example\n\t\t * // get the current value\n\t\t * var enabled = controller.enabled();\n\t\t *\n\t\t * // disable the controller\n\t\t * controller.enabled(false);\n\t\t *\n\t\t * @param {boolean} [newState] - The new enabled state of the controller `true` or `false`.\n\t\t * @returns {(boolean|Controller)} Current enabled state or parent object for chaining.\n\t\t */\n\t\tthis.enabled = function (newState) {\n\t\t\tif (!arguments.length) { // get\n\t\t\t\treturn _enabled;\n\t\t\t} else if (_enabled != newState) { // set\n\t\t\t\t_enabled = !! newState;\n\t\t\t\tController.updateScene(_sceneObjects, true);\n\t\t\t}\n\t\t\treturn Controller;\n\t\t};\n\n\t\t/**\n\t\t * Destroy the Controller, all Scenes and everything.\n\t\t * @public\n\t\t *\n\t\t * @example\n\t\t * // without resetting the scenes\n\t\t * controller = controller.destroy();\n\t\t *\n\t\t * // with scene reset\n\t\t * controller = controller.destroy(true);\n\t\t *\n\t\t * @param {boolean} [resetScenes=false] - If `true` the pins and tweens (if existent) of all scenes will be reset.\n\t\t * @returns {null} Null to unset handler variables.\n\t\t */\n\t\tthis.destroy = function (resetScenes) {\n\t\t\twindow.clearTimeout(_refreshTimeout);\n\t\t\tvar i = _sceneObjects.length;\n\t\t\twhile (i--) {\n\t\t\t\t_sceneObjects[i].destroy(resetScenes);\n\t\t\t}\n\t\t\t_options.container.removeEventListener(\"resize\", onChange);\n\t\t\t_options.container.removeEventListener(\"scroll\", onChange);\n\t\t\t_util.cAF(_updateTimeout);\n\t\t\tlog(3, \"destroyed \" + NAMESPACE + \" (reset: \" + (resetScenes ? \"true\" : \"false\") + \")\");\n\t\t\treturn null;\n\t\t};\n\n\t\t// INIT\n\t\tconstruct();\n\t\treturn Controller;\n\t};\n\n\t// store pagewide controller options\n\tvar CONTROLLER_OPTIONS = {\n\t\tdefaults: {\n\t\t\tcontainer: window,\n\t\t\tvertical: true,\n\t\t\tglobalSceneOptions: {},\n\t\t\tloglevel: 2,\n\t\t\trefreshInterval: 100\n\t\t}\n\t};\n/*\n * method used to add an option to ScrollMagic Scenes.\n */\n\tScrollMagic.Controller.addOption = function (name, defaultValue) {\n\t\tCONTROLLER_OPTIONS.defaults[name] = defaultValue;\n\t};\n\t// instance extension function for plugins\n\tScrollMagic.Controller.extend = function (extension) {\n\t\tvar oldClass = this;\n\t\tScrollMagic.Controller = function () {\n\t\t\toldClass.apply(this, arguments);\n\t\t\tthis.$super = _util.extend({}, this); // copy parent state\n\t\t\treturn extension.apply(this, arguments) || this;\n\t\t};\n\t\t_util.extend(ScrollMagic.Controller, oldClass); // copy properties\n\t\tScrollMagic.Controller.prototype = oldClass.prototype; // copy prototype\n\t\tScrollMagic.Controller.prototype.constructor = ScrollMagic.Controller; // restore constructor\n\t};\n\n\n\t/**\n\t * A Scene defines where the controller should react and how.\n\t *\n\t * @class\n\t *\n\t * @example\n\t * // create a standard scene and add it to a controller\n\t * new ScrollMagic.Scene()\n\t *\t\t.addTo(controller);\n\t *\n\t * // create a scene with custom options and assign a handler to it.\n\t * var scene = new ScrollMagic.Scene({\n\t * \t\tduration: 100,\n\t *\t\toffset: 200,\n\t *\t\ttriggerHook: \"onEnter\",\n\t *\t\treverse: false\n\t * });\n\t *\n\t * @param {object} [options] - Options for the Scene. The options can be updated at any time. \n\t Instead of setting the options for each scene individually you can also set them globally in the controller as the controllers `globalSceneOptions` option. The object accepts the same properties as the ones below. \n\t When a scene is added to the controller the options defined using the Scene constructor will be overwritten by those set in `globalSceneOptions`.\n\t * @param {(number|function)} [options.duration=0] - The duration of the scene. \n\t If `0` tweens will auto-play when reaching the scene start point, pins will be pinned indefinetly starting at the start position. \n\t A function retuning the duration value is also supported. Please see `Scene.duration()` for details.\n\t * @param {number} [options.offset=0] - Offset Value for the Trigger Position. If no triggerElement is defined this will be the scroll distance from the start of the page, after which the scene will start.\n\t * @param {(string|object)} [options.triggerElement=null] - Selector or DOM object that defines the start of the scene. If undefined the scene will start right at the start of the page (unless an offset is set).\n\t * @param {(number|string)} [options.triggerHook=\"onCenter\"] - Can be a number between 0 and 1 defining the position of the trigger Hook in relation to the viewport. \n\t Can also be defined using a string:\n\t ** `\"onEnter\"` => `1`\n\t ** `\"onCenter\"` => `0.5`\n\t ** `\"onLeave\"` => `0`\n\t * @param {boolean} [options.reverse=true] - Should the scene reverse, when scrolling up?\n\t * @param {number} [options.loglevel=2] - Loglevel for debugging. Note that logging is disabled in the minified version of ScrollMagic.\n\t ** `0` => silent\n\t ** `1` => errors\n\t ** `2` => errors, warnings\n\t ** `3` => errors, warnings, debuginfo\n\t * \n\t */\n\tScrollMagic.Scene = function (options) {\n\n/*\n\t * ----------------------------------------------------------------\n\t * settings\n\t * ----------------------------------------------------------------\n\t */\n\n\t\tvar\n\t\tNAMESPACE = 'ScrollMagic.Scene',\n\t\t\tSCENE_STATE_BEFORE = 'BEFORE',\n\t\t\tSCENE_STATE_DURING = 'DURING',\n\t\t\tSCENE_STATE_AFTER = 'AFTER',\n\t\t\tDEFAULT_OPTIONS = SCENE_OPTIONS.defaults;\n\n/*\n\t * ----------------------------------------------------------------\n\t * private vars\n\t * ----------------------------------------------------------------\n\t */\n\n\t\tvar\n\t\tScene = this,\n\t\t\t_options = _util.extend({}, DEFAULT_OPTIONS, options),\n\t\t\t_state = SCENE_STATE_BEFORE,\n\t\t\t_progress = 0,\n\t\t\t_scrollOffset = {\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0\n\t\t\t},\n\t\t\t// reflects the controllers's scroll position for the start and end of the scene respectively\n\t\t\t_triggerPos = 0,\n\t\t\t_enabled = true,\n\t\t\t_durationUpdateMethod, _controller;\n\n\t\t/**\n\t\t * Internal constructor function of the ScrollMagic Scene\n\t\t * @private\n\t\t */\n\t\tvar construct = function () {\n\t\t\tfor (var key in _options) { // check supplied options\n\t\t\t\tif (!DEFAULT_OPTIONS.hasOwnProperty(key)) {\n\t\t\t\t\tlog(2, \"WARNING: Unknown option \\\"\" + key + \"\\\"\");\n\t\t\t\t\tdelete _options[key];\n\t\t\t\t}\n\t\t\t}\n\t\t\t// add getters/setters for all possible options\n\t\t\tfor (var optionName in DEFAULT_OPTIONS) {\n\t\t\t\taddSceneOption(optionName);\n\t\t\t}\n\t\t\t// validate all options\n\t\t\tvalidateOption();\n\t\t};\n\n/*\n * ----------------------------------------------------------------\n * Event Management\n * ----------------------------------------------------------------\n */\n\n\t\tvar _listeners = {};\n\t\t/**\n\t\t * Scene start event. \n\t\t * Fires whenever the scroll position its the starting point of the scene. \n\t\t * It will also fire when scrolling back up going over the start position of the scene. If you want something to happen only when scrolling down/right, use the scrollDirection parameter passed to the callback.\n\t\t *\n\t\t * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.\n\t\t *\n\t\t * @event ScrollMagic.Scene#start\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"start\", function (event) {\n\t\t * \tconsole.log(\"Hit start point of scene.\");\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t * @property {number} event.progress - Reflects the current progress of the scene\n\t\t * @property {string} event.state - The current state of the scene `\"BEFORE\"` or `\"DURING\"`\n\t\t * @property {string} event.scrollDirection - Indicates which way we are scrolling `\"PAUSED\"`, `\"FORWARD\"` or `\"REVERSE\"`\n\t\t */\n\t\t/**\n\t\t * Scene end event. \n\t\t * Fires whenever the scroll position its the ending point of the scene. \n\t\t * It will also fire when scrolling back up from after the scene and going over its end position. If you want something to happen only when scrolling down/right, use the scrollDirection parameter passed to the callback.\n\t\t *\n\t\t * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.\n\t\t *\n\t\t * @event ScrollMagic.Scene#end\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"end\", function (event) {\n\t\t * \tconsole.log(\"Hit end point of scene.\");\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t * @property {number} event.progress - Reflects the current progress of the scene\n\t\t * @property {string} event.state - The current state of the scene `\"DURING\"` or `\"AFTER\"`\n\t\t * @property {string} event.scrollDirection - Indicates which way we are scrolling `\"PAUSED\"`, `\"FORWARD\"` or `\"REVERSE\"`\n\t\t */\n\t\t/**\n\t\t * Scene enter event. \n\t\t * Fires whenever the scene enters the \"DURING\" state. \n\t\t * Keep in mind that it doesn't matter if the scene plays forward or backward: This event always fires when the scene enters its active scroll timeframe, regardless of the scroll-direction.\n\t\t *\n\t\t * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.\n\t\t *\n\t\t * @event ScrollMagic.Scene#enter\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"enter\", function (event) {\n\t\t * \tconsole.log(\"Scene entered.\");\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t * @property {number} event.progress - Reflects the current progress of the scene\n\t\t * @property {string} event.state - The current state of the scene - always `\"DURING\"`\n\t\t * @property {string} event.scrollDirection - Indicates which way we are scrolling `\"PAUSED\"`, `\"FORWARD\"` or `\"REVERSE\"`\n\t\t */\n\t\t/**\n\t\t * Scene leave event. \n\t\t * Fires whenever the scene's state goes from \"DURING\" to either \"BEFORE\" or \"AFTER\". \n\t\t * Keep in mind that it doesn't matter if the scene plays forward or backward: This event always fires when the scene leaves its active scroll timeframe, regardless of the scroll-direction.\n\t\t *\n\t\t * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.\n\t\t *\n\t\t * @event ScrollMagic.Scene#leave\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"leave\", function (event) {\n\t\t * \tconsole.log(\"Scene left.\");\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t * @property {number} event.progress - Reflects the current progress of the scene\n\t\t * @property {string} event.state - The current state of the scene `\"BEFORE\"` or `\"AFTER\"`\n\t\t * @property {string} event.scrollDirection - Indicates which way we are scrolling `\"PAUSED\"`, `\"FORWARD\"` or `\"REVERSE\"`\n\t\t */\n\t\t/**\n\t\t * Scene update event. \n\t\t * Fires whenever the scene is updated (but not necessarily changes the progress).\n\t\t *\n\t\t * @event ScrollMagic.Scene#update\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"update\", function (event) {\n\t\t * \tconsole.log(\"Scene updated.\");\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t * @property {number} event.startPos - The starting position of the scene (in relation to the conainer)\n\t\t * @property {number} event.endPos - The ending position of the scene (in relation to the conainer)\n\t\t * @property {number} event.scrollPos - The current scroll position of the container\n\t\t */\n\t\t/**\n\t\t * Scene progress event. \n\t\t * Fires whenever the progress of the scene changes.\n\t\t *\n\t\t * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.\n\t\t *\n\t\t * @event ScrollMagic.Scene#progress\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"progress\", function (event) {\n\t\t * \tconsole.log(\"Scene progress changed to \" + event.progress);\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t * @property {number} event.progress - Reflects the current progress of the scene\n\t\t * @property {string} event.state - The current state of the scene `\"BEFORE\"`, `\"DURING\"` or `\"AFTER\"`\n\t\t * @property {string} event.scrollDirection - Indicates which way we are scrolling `\"PAUSED\"`, `\"FORWARD\"` or `\"REVERSE\"`\n\t\t */\n\t\t/**\n\t\t * Scene change event. \n\t\t * Fires whenvever a property of the scene is changed.\n\t\t *\n\t\t * @event ScrollMagic.Scene#change\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"change\", function (event) {\n\t\t * \tconsole.log(\"Scene Property \\\"\" + event.what + \"\\\" changed to \" + event.newval);\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t * @property {string} event.what - Indicates what value has been changed\n\t\t * @property {mixed} event.newval - The new value of the changed property\n\t\t */\n\t\t/**\n\t\t * Scene shift event. \n\t\t * Fires whenvever the start or end **scroll offset** of the scene change.\n\t\t * This happens explicitely, when one of these values change: `offset`, `duration` or `triggerHook`.\n\t\t * It will fire implicitly when the `triggerElement` changes, if the new element has a different position (most cases).\n\t\t * It will also fire implicitly when the size of the container changes and the triggerHook is anything other than `onLeave`.\n\t\t *\n\t\t * @event ScrollMagic.Scene#shift\n\t\t * @since 1.1.0\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"shift\", function (event) {\n\t\t * \tconsole.log(\"Scene moved, because the \" + event.reason + \" has changed.)\");\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t * @property {string} event.reason - Indicates why the scene has shifted\n\t\t */\n\t\t/**\n\t\t * Scene destroy event. \n\t\t * Fires whenvever the scene is destroyed.\n\t\t * This can be used to tidy up custom behaviour used in events.\n\t\t *\n\t\t * @event ScrollMagic.Scene#destroy\n\t\t * @since 1.1.0\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"enter\", function (event) {\n\t\t * // add custom action\n\t\t * $(\"#my-elem\").left(\"200\");\n\t\t * })\n\t\t * .on(\"destroy\", function (event) {\n\t\t * // reset my element to start position\n\t\t * if (event.reset) {\n\t\t * $(\"#my-elem\").left(\"0\");\n\t\t * }\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t * @property {boolean} event.reset - Indicates if the destroy method was called with reset `true` or `false`.\n\t\t */\n\t\t/**\n\t\t * Scene add event. \n\t\t * Fires when the scene is added to a controller.\n\t\t * This is mostly used by plugins to know that change might be due.\n\t\t *\n\t\t * @event ScrollMagic.Scene#add\n\t\t * @since 2.0.0\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"add\", function (event) {\n\t\t * \tconsole.log('Scene was added to a new controller.');\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t * @property {boolean} event.controller - The controller object the scene was added to.\n\t\t */\n\t\t/**\n\t\t * Scene remove event. \n\t\t * Fires when the scene is removed from a controller.\n\t\t * This is mostly used by plugins to know that change might be due.\n\t\t *\n\t\t * @event ScrollMagic.Scene#remove\n\t\t * @since 2.0.0\n\t\t *\n\t\t * @example\n\t\t * scene.on(\"remove\", function (event) {\n\t\t * \tconsole.log('Scene was removed from its controller.');\n\t\t * });\n\t\t *\n\t\t * @property {object} event - The event Object passed to each callback\n\t\t * @property {string} event.type - The name of the event\n\t\t * @property {Scene} event.target - The Scene object that triggered this event\n\t\t */\n\n\t\t/**\n\t\t * Add one ore more event listener. \n\t\t * The callback function will be fired at the respective event, and an object containing relevant data will be passed to the callback.\n\t\t * @method ScrollMagic.Scene#on\n\t\t *\n\t\t * @example\n\t\t * function callback (event) {\n\t\t * \t\tconsole.log(\"Event fired! (\" + event.type + \")\");\n\t\t * }\n\t\t * // add listeners\n\t\t * scene.on(\"change update progress start end enter leave\", callback);\n\t\t *\n\t\t * @param {string} names - The name or names of the event the callback should be attached to.\n\t\t * @param {function} callback - A function that should be executed, when the event is dispatched. An event object will be passed to the callback.\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.on = function (names, callback) {\n\t\t\tif (_util.type.Function(callback)) {\n\t\t\t\tnames = names.trim().split(' ');\n\t\t\t\tnames.forEach(function (fullname) {\n\t\t\t\t\tvar\n\t\t\t\t\tnameparts = fullname.split('.'),\n\t\t\t\t\t\teventname = nameparts[0],\n\t\t\t\t\t\tnamespace = nameparts[1];\n\t\t\t\t\tif (eventname != \"*\") { // disallow wildcards\n\t\t\t\t\t\tif (!_listeners[eventname]) {\n\t\t\t\t\t\t\t_listeners[eventname] = [];\n\t\t\t\t\t\t}\n\t\t\t\t\t\t_listeners[eventname].push({\n\t\t\t\t\t\t\tnamespace: namespace || '',\n\t\t\t\t\t\t\tcallback: callback\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tlog(1, \"ERROR when calling '.on()': Supplied callback for '\" + names + \"' is not a valid function!\");\n\t\t\t}\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * Remove one or more event listener.\n\t\t * @method ScrollMagic.Scene#off\n\t\t *\n\t\t * @example\n\t\t * function callback (event) {\n\t\t * \t\tconsole.log(\"Event fired! (\" + event.type + \")\");\n\t\t * }\n\t\t * // add listeners\n\t\t * scene.on(\"change update\", callback);\n\t\t * // remove listeners\n\t\t * scene.off(\"change update\", callback);\n\t\t *\n\t\t * @param {string} names - The name or names of the event that should be removed.\n\t\t * @param {function} [callback] - A specific callback function that should be removed. If none is passed all callbacks to the event listener will be removed.\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.off = function (names, callback) {\n\t\t\tif (!names) {\n\t\t\t\tlog(1, \"ERROR: Invalid event name supplied.\");\n\t\t\t\treturn Scene;\n\t\t\t}\n\t\t\tnames = names.trim().split(' ');\n\t\t\tnames.forEach(function (fullname, key) {\n\t\t\t\tvar\n\t\t\t\tnameparts = fullname.split('.'),\n\t\t\t\t\teventname = nameparts[0],\n\t\t\t\t\tnamespace = nameparts[1] || '',\n\t\t\t\t\tremoveList = eventname === '*' ? Object.keys(_listeners) : [eventname];\n\t\t\t\tremoveList.forEach(function (remove) {\n\t\t\t\t\tvar\n\t\t\t\t\tlist = _listeners[remove] || [],\n\t\t\t\t\t\ti = list.length;\n\t\t\t\t\twhile (i--) {\n\t\t\t\t\t\tvar listener = list[i];\n\t\t\t\t\t\tif (listener && (namespace === listener.namespace || namespace === '*') && (!callback || callback == listener.callback)) {\n\t\t\t\t\t\t\tlist.splice(i, 1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (!list.length) {\n\t\t\t\t\t\tdelete _listeners[remove];\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * Trigger an event.\n\t\t * @method ScrollMagic.Scene#trigger\n\t\t *\n\t\t * @example\n\t\t * this.trigger(\"change\");\n\t\t *\n\t\t * @param {string} name - The name of the event that should be triggered.\n\t\t * @param {object} [vars] - An object containing info that should be passed to the callback.\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.trigger = function (name, vars) {\n\t\t\tif (name) {\n\t\t\t\tvar\n\t\t\t\tnameparts = name.trim().split('.'),\n\t\t\t\t\teventname = nameparts[0],\n\t\t\t\t\tnamespace = nameparts[1],\n\t\t\t\t\tlisteners = _listeners[eventname];\n\t\t\t\tlog(3, 'event fired:', eventname, vars ? \"->\" : '', vars || '');\n\t\t\t\tif (listeners) {\n\t\t\t\t\tlisteners.forEach(function (listener, key) {\n\t\t\t\t\t\tif (!namespace || namespace === listener.namespace) {\n\t\t\t\t\t\t\tlistener.callback.call(Scene, new ScrollMagic.Event(eventname, listener.namespace, Scene, vars));\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlog(1, \"ERROR: Invalid event name supplied.\");\n\t\t\t}\n\t\t\treturn Scene;\n\t\t};\n\n\t\t// set event listeners\n\t\tScene.on(\"change.internal\", function (e) {\n\t\t\tif (e.what !== \"loglevel\" && e.what !== \"tweenChanges\") { // no need for a scene update scene with these options...\n\t\t\t\tif (e.what === \"triggerElement\") {\n\t\t\t\t\tupdateTriggerElementPosition();\n\t\t\t\t} else if (e.what === \"reverse\") { // the only property left that may have an impact on the current scene state. Everything else is handled by the shift event.\n\t\t\t\t\tScene.update();\n\t\t\t\t}\n\t\t\t}\n\t\t}).on(\"shift.internal\", function (e) {\n\t\t\tupdateScrollOffset();\n\t\t\tScene.update(); // update scene to reflect new position\n\t\t});\n\n\t\t/**\n\t\t * Send a debug message to the console.\n\t\t * @private\n\t\t * but provided publicly with _log for plugins\n\t\t *\n\t\t * @param {number} loglevel - The loglevel required to initiate output for the message.\n\t\t * @param {...mixed} output - One or more variables that should be passed to the console.\n\t\t */\n\t\tvar log = this._log = function (loglevel, output) {\n\t\t\tif (_options.loglevel >= loglevel) {\n\t\t\t\tArray.prototype.splice.call(arguments, 1, 0, \"(\" + NAMESPACE + \") ->\");\n\t\t\t\t_util.log.apply(window, arguments);\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Add the scene to a controller. \n\t\t * This is the equivalent to `Controller.addScene(scene)`.\n\t\t * @method ScrollMagic.Scene#addTo\n\t\t *\n\t\t * @example\n\t\t * // add a scene to a ScrollMagic Controller\n\t\t * scene.addTo(controller);\n\t\t *\n\t\t * @param {ScrollMagic.Controller} controller - The controller to which the scene should be added.\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.addTo = function (controller) {\n\t\t\tif (!(controller instanceof ScrollMagic.Controller)) {\n\t\t\t\tlog(1, \"ERROR: supplied argument of 'addTo()' is not a valid ScrollMagic Controller\");\n\t\t\t} else if (_controller != controller) {\n\t\t\t\t// new controller\n\t\t\t\tif (_controller) { // was associated to a different controller before, so remove it...\n\t\t\t\t\t_controller.removeScene(Scene);\n\t\t\t\t}\n\t\t\t\t_controller = controller;\n\t\t\t\tvalidateOption();\n\t\t\t\tupdateDuration(true);\n\t\t\t\tupdateTriggerElementPosition(true);\n\t\t\t\tupdateScrollOffset();\n\t\t\t\t_controller.info(\"container\").addEventListener('resize', onContainerResize);\n\t\t\t\tcontroller.addScene(Scene);\n\t\t\t\tScene.trigger(\"add\", {\n\t\t\t\t\tcontroller: _controller\n\t\t\t\t});\n\t\t\t\tlog(3, \"added \" + NAMESPACE + \" to controller\");\n\t\t\t\tScene.update();\n\t\t\t}\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * **Get** or **Set** the current enabled state of the scene. \n\t\t * This can be used to disable this scene without removing or destroying it.\n\t\t * @method ScrollMagic.Scene#enabled\n\t\t *\n\t\t * @example\n\t\t * // get the current value\n\t\t * var enabled = scene.enabled();\n\t\t *\n\t\t * // disable the scene\n\t\t * scene.enabled(false);\n\t\t *\n\t\t * @param {boolean} [newState] - The new enabled state of the scene `true` or `false`.\n\t\t * @returns {(boolean|Scene)} Current enabled state or parent object for chaining.\n\t\t */\n\t\tthis.enabled = function (newState) {\n\t\t\tif (!arguments.length) { // get\n\t\t\t\treturn _enabled;\n\t\t\t} else if (_enabled != newState) { // set\n\t\t\t\t_enabled = !! newState;\n\t\t\t\tScene.update(true);\n\t\t\t}\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * Remove the scene from the controller. \n\t\t * This is the equivalent to `Controller.removeScene(scene)`.\n\t\t * The scene will not be updated anymore until you readd it to a controller.\n\t\t * To remove the pin or the tween you need to call removeTween() or removePin() respectively.\n\t\t * @method ScrollMagic.Scene#remove\n\t\t * @example\n\t\t * // remove the scene from its controller\n\t\t * scene.remove();\n\t\t *\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.remove = function () {\n\t\t\tif (_controller) {\n\t\t\t\t_controller.info(\"container\").removeEventListener('resize', onContainerResize);\n\t\t\t\tvar tmpParent = _controller;\n\t\t\t\t_controller = undefined;\n\t\t\t\ttmpParent.removeScene(Scene);\n\t\t\t\tScene.trigger(\"remove\");\n\t\t\t\tlog(3, \"removed \" + NAMESPACE + \" from controller\");\n\t\t\t}\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * Destroy the scene and everything.\n\t\t * @method ScrollMagic.Scene#destroy\n\t\t * @example\n\t\t * // destroy the scene without resetting the pin and tween to their initial positions\n\t\t * scene = scene.destroy();\n\t\t *\n\t\t * // destroy the scene and reset the pin and tween\n\t\t * scene = scene.destroy(true);\n\t\t *\n\t\t * @param {boolean} [reset=false] - If `true` the pin and tween (if existent) will be reset.\n\t\t * @returns {null} Null to unset handler variables.\n\t\t */\n\t\tthis.destroy = function (reset) {\n\t\t\tScene.trigger(\"destroy\", {\n\t\t\t\treset: reset\n\t\t\t});\n\t\t\tScene.remove();\n\t\t\tScene.off(\"*.*\");\n\t\t\tlog(3, \"destroyed \" + NAMESPACE + \" (reset: \" + (reset ? \"true\" : \"false\") + \")\");\n\t\t\treturn null;\n\t\t};\n\n\n\t\t/**\n\t\t * Updates the Scene to reflect the current state. \n\t\t * This is the equivalent to `Controller.updateScene(scene, immediately)`. \n\t\t * The update method calculates the scene's start and end position (based on the trigger element, trigger hook, duration and offset) and checks it against the current scroll position of the container. \n\t\t * It then updates the current scene state accordingly (or does nothing, if the state is already correct) – Pins will be set to their correct position and tweens will be updated to their correct progress.\n\t\t * This means an update doesn't necessarily result in a progress change. The `progress` event will be fired if the progress has indeed changed between this update and the last. \n\t\t * _**NOTE:** This method gets called constantly whenever ScrollMagic detects a change. The only application for you is if you change something outside of the realm of ScrollMagic, like moving the trigger or changing tween parameters._\n\t\t * @method ScrollMagic.Scene#update\n\t\t * @example\n\t\t * // update the scene on next tick\n\t\t * scene.update();\n\t\t *\n\t\t * // update the scene immediately\n\t\t * scene.update(true);\n\t\t *\n\t\t * @fires Scene.update\n\t\t *\n\t\t * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle (better performance).\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.update = function (immediately) {\n\t\t\tif (_controller) {\n\t\t\t\tif (immediately) {\n\t\t\t\t\tif (_controller.enabled() && _enabled) {\n\t\t\t\t\t\tvar\n\t\t\t\t\t\tscrollPos = _controller.info(\"scrollPos\"),\n\t\t\t\t\t\t\tnewProgress;\n\n\t\t\t\t\t\tif (_options.duration > 0) {\n\t\t\t\t\t\t\tnewProgress = (scrollPos - _scrollOffset.start) / (_scrollOffset.end - _scrollOffset.start);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tnewProgress = scrollPos >= _scrollOffset.start ? 1 : 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tScene.trigger(\"update\", {\n\t\t\t\t\t\t\tstartPos: _scrollOffset.start,\n\t\t\t\t\t\t\tendPos: _scrollOffset.end,\n\t\t\t\t\t\t\tscrollPos: scrollPos\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tScene.progress(newProgress);\n\t\t\t\t\t} else if (_pin && _state === SCENE_STATE_DURING) {\n\t\t\t\t\t\tupdatePinState(true); // unpin in position\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t_controller.updateScene(Scene, false);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * Updates dynamic scene variables like the trigger element position or the duration.\n\t\t * This method is automatically called in regular intervals from the controller. See {@link ScrollMagic.Controller} option `refreshInterval`.\n\t\t * \n\t\t * You can call it to minimize lag, for example when you intentionally change the position of the triggerElement.\n\t\t * If you don't it will simply be updated in the next refresh interval of the container, which is usually sufficient.\n\t\t *\n\t\t * @method ScrollMagic.Scene#refresh\n\t\t * @since 1.1.0\n\t\t * @example\n\t\t * scene = new ScrollMagic.Scene({triggerElement: \"#trigger\"});\n\t\t * \n\t\t * // change the position of the trigger\n\t\t * $(\"#trigger\").css(\"top\", 500);\n\t\t * // immediately let the scene know of this change\n\t\t * scene.refresh();\n\t\t *\n\t\t * @fires {@link Scene.shift}, if the trigger element position or the duration changed\n\t\t * @fires {@link Scene.change}, if the duration changed\n\t\t *\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.refresh = function () {\n\t\t\tupdateDuration();\n\t\t\tupdateTriggerElementPosition();\n\t\t\t// update trigger element position\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * **Get** or **Set** the scene's progress. \n\t\t * Usually it shouldn't be necessary to use this as a setter, as it is set automatically by scene.update(). \n\t\t * The order in which the events are fired depends on the duration of the scene:\n\t\t * 1. Scenes with `duration == 0`: \n\t\t * Scenes that have no duration by definition have no ending. Thus the `end` event will never be fired. \n\t\t * When the trigger position of the scene is passed the events are always fired in this order: \n\t\t * `enter`, `start`, `progress` when scrolling forward \n\t\t * and \n\t\t * `progress`, `start`, `leave` when scrolling in reverse\n\t\t * 2. Scenes with `duration > 0`: \n\t\t * Scenes with a set duration have a defined start and end point. \n\t\t * When scrolling past the start position of the scene it will fire these events in this order: \n\t\t * `enter`, `start`, `progress` \n\t\t * When continuing to scroll and passing the end point it will fire these events: \n\t\t * `progress`, `end`, `leave` \n\t\t * When reversing through the end point these events are fired: \n\t\t * `enter`, `end`, `progress` \n\t\t * And when continuing to scroll past the start position in reverse it will fire: \n\t\t * `progress`, `start`, `leave` \n\t\t * In between start and end the `progress` event will be called constantly, whenever the progress changes.\n\t\t * \n\t\t * In short: \n\t\t * `enter` events will always trigger **before** the progress update and `leave` envents will trigger **after** the progress update. \n\t\t * `start` and `end` will always trigger at their respective position.\n\t\t * \n\t\t * Please review the event descriptions for details on the events and the event object that is passed to the callback.\n\t\t * \n\t\t * @method ScrollMagic.Scene#progress\n\t\t * @example\n\t\t * // get the current scene progress\n\t\t * var progress = scene.progress();\n\t\t *\n\t\t * // set new scene progress\n\t\t * scene.progress(0.3);\n\t\t *\n\t\t * @fires {@link Scene.enter}, when used as setter\n\t\t * @fires {@link Scene.start}, when used as setter\n\t\t * @fires {@link Scene.progress}, when used as setter\n\t\t * @fires {@link Scene.end}, when used as setter\n\t\t * @fires {@link Scene.leave}, when used as setter\n\t\t *\n\t\t * @param {number} [progress] - The new progress value of the scene `[0-1]`.\n\t\t * @returns {number} `get` - Current scene progress.\n\t\t * @returns {Scene} `set` - Parent object for chaining.\n\t\t */\n\t\tthis.progress = function (progress) {\n\t\t\tif (!arguments.length) { // get\n\t\t\t\treturn _progress;\n\t\t\t} else { // set\n\t\t\t\tvar\n\t\t\t\tdoUpdate = false,\n\t\t\t\t\toldState = _state,\n\t\t\t\t\tscrollDirection = _controller ? _controller.info(\"scrollDirection\") : 'PAUSED',\n\t\t\t\t\treverseOrForward = _options.reverse || progress >= _progress;\n\t\t\t\tif (_options.duration === 0) {\n\t\t\t\t\t// zero duration scenes\n\t\t\t\t\tdoUpdate = _progress != progress;\n\t\t\t\t\t_progress = progress < 1 && reverseOrForward ? 0 : 1;\n\t\t\t\t\t_state = _progress === 0 ? SCENE_STATE_BEFORE : SCENE_STATE_DURING;\n\t\t\t\t} else {\n\t\t\t\t\t// scenes with start and end\n\t\t\t\t\tif (progress < 0 && _state !== SCENE_STATE_BEFORE && reverseOrForward) {\n\t\t\t\t\t\t// go back to initial state\n\t\t\t\t\t\t_progress = 0;\n\t\t\t\t\t\t_state = SCENE_STATE_BEFORE;\n\t\t\t\t\t\tdoUpdate = true;\n\t\t\t\t\t} else if (progress >= 0 && progress < 1 && reverseOrForward) {\n\t\t\t\t\t\t_progress = progress;\n\t\t\t\t\t\t_state = SCENE_STATE_DURING;\n\t\t\t\t\t\tdoUpdate = true;\n\t\t\t\t\t} else if (progress >= 1 && _state !== SCENE_STATE_AFTER) {\n\t\t\t\t\t\t_progress = 1;\n\t\t\t\t\t\t_state = SCENE_STATE_AFTER;\n\t\t\t\t\t\tdoUpdate = true;\n\t\t\t\t\t} else if (_state === SCENE_STATE_DURING && !reverseOrForward) {\n\t\t\t\t\t\tupdatePinState(); // in case we scrolled backwards mid-scene and reverse is disabled => update the pin position, so it doesn't move back as well.\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (doUpdate) {\n\t\t\t\t\t// fire events\n\t\t\t\t\tvar\n\t\t\t\t\teventVars = {\n\t\t\t\t\t\tprogress: _progress,\n\t\t\t\t\t\tstate: _state,\n\t\t\t\t\t\tscrollDirection: scrollDirection\n\t\t\t\t\t},\n\t\t\t\t\t\tstateChanged = _state != oldState;\n\n\t\t\t\t\tvar trigger = function (eventName) { // tmp helper to simplify code\n\t\t\t\t\t\tScene.trigger(eventName, eventVars);\n\t\t\t\t\t};\n\n\t\t\t\t\tif (stateChanged) { // enter events\n\t\t\t\t\t\tif (oldState !== SCENE_STATE_DURING) {\n\t\t\t\t\t\t\ttrigger(\"enter\");\n\t\t\t\t\t\t\ttrigger(oldState === SCENE_STATE_BEFORE ? \"start\" : \"end\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\ttrigger(\"progress\");\n\t\t\t\t\tif (stateChanged) { // leave events\n\t\t\t\t\t\tif (_state !== SCENE_STATE_DURING) {\n\t\t\t\t\t\t\ttrigger(_state === SCENE_STATE_BEFORE ? \"start\" : \"end\");\n\t\t\t\t\t\t\ttrigger(\"leave\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn Scene;\n\t\t\t}\n\t\t};\n\n\n\t\t/**\n\t\t * Update the start and end scrollOffset of the container.\n\t\t * The positions reflect what the controller's scroll position will be at the start and end respectively.\n\t\t * Is called, when:\n\t\t * - Scene event \"change\" is called with: offset, triggerHook, duration \n\t\t * - scroll container event \"resize\" is called\n\t\t * - the position of the triggerElement changes\n\t\t * - the controller changes -> addTo()\n\t\t * @private\n\t\t */\n\t\tvar updateScrollOffset = function () {\n\t\t\t_scrollOffset = {\n\t\t\t\tstart: _triggerPos + _options.offset\n\t\t\t};\n\t\t\tif (_controller && _options.triggerElement) {\n\t\t\t\t// take away triggerHook portion to get relative to top\n\t\t\t\t_scrollOffset.start -= _controller.info(\"size\") * _options.triggerHook;\n\t\t\t}\n\t\t\t_scrollOffset.end = _scrollOffset.start + _options.duration;\n\t\t};\n\n\t\t/**\n\t\t * Updates the duration if set to a dynamic function.\n\t\t * This method is called when the scene is added to a controller and in regular intervals from the controller through scene.refresh().\n\t\t * \n\t\t * @fires {@link Scene.change}, if the duration changed\n\t\t * @fires {@link Scene.shift}, if the duration changed\n\t\t *\n\t\t * @param {boolean} [suppressEvents=false] - If true the shift event will be suppressed.\n\t\t * @private\n\t\t */\n\t\tvar updateDuration = function (suppressEvents) {\n\t\t\t// update duration\n\t\t\tif (_durationUpdateMethod) {\n\t\t\t\tvar varname = \"duration\";\n\t\t\t\tif (changeOption(varname, _durationUpdateMethod.call(Scene)) && !suppressEvents) { // set\n\t\t\t\t\tScene.trigger(\"change\", {\n\t\t\t\t\t\twhat: varname,\n\t\t\t\t\t\tnewval: _options[varname]\n\t\t\t\t\t});\n\t\t\t\t\tScene.trigger(\"shift\", {\n\t\t\t\t\t\treason: varname\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Updates the position of the triggerElement, if present.\n\t\t * This method is called ...\n\t\t * - ... when the triggerElement is changed\n\t\t * - ... when the scene is added to a (new) controller\n\t\t * - ... in regular intervals from the controller through scene.refresh().\n\t\t * \n\t\t * @fires {@link Scene.shift}, if the position changed\n\t\t *\n\t\t * @param {boolean} [suppressEvents=false] - If true the shift event will be suppressed.\n\t\t * @private\n\t\t */\n\t\tvar updateTriggerElementPosition = function (suppressEvents) {\n\t\t\tvar\n\t\t\telementPos = 0,\n\t\t\t\ttelem = _options.triggerElement;\n\t\t\tif (_controller && telem) {\n\t\t\t\tvar\n\t\t\t\tcontrollerInfo = _controller.info(),\n\t\t\t\t\tcontainerOffset = _util.get.offset(controllerInfo.container),\n\t\t\t\t\t// container position is needed because element offset is returned in relation to document, not in relation to container.\n\t\t\t\t\tparam = controllerInfo.vertical ? \"top\" : \"left\"; // which param is of interest ?\n\t\t\t\t// if parent is spacer, use spacer position instead so correct start position is returned for pinned elements.\n\t\t\t\twhile (telem.parentNode.hasAttribute(PIN_SPACER_ATTRIBUTE)) {\n\t\t\t\t\ttelem = telem.parentNode;\n\t\t\t\t}\n\n\t\t\t\tvar elementOffset = _util.get.offset(telem);\n\n\t\t\t\tif (!controllerInfo.isDocument) { // container is not the document root, so substract scroll Position to get correct trigger element position relative to scrollcontent\n\t\t\t\t\tcontainerOffset[param] -= _controller.scrollPos();\n\t\t\t\t}\n\n\t\t\t\telementPos = elementOffset[param] - containerOffset[param];\n\t\t\t}\n\t\t\tvar changed = elementPos != _triggerPos;\n\t\t\t_triggerPos = elementPos;\n\t\t\tif (changed && !suppressEvents) {\n\t\t\t\tScene.trigger(\"shift\", {\n\t\t\t\t\treason: \"triggerElementPosition\"\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Trigger a shift event, when the container is resized and the triggerHook is > 1.\n\t\t * @private\n\t\t */\n\t\tvar onContainerResize = function (e) {\n\t\t\tif (_options.triggerHook > 0) {\n\t\t\t\tScene.trigger(\"shift\", {\n\t\t\t\t\treason: \"containerResize\"\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tvar _validate = _util.extend(SCENE_OPTIONS.validate, {\n\t\t\t// validation for duration handled internally for reference to private var _durationMethod\n\t\t\tduration: function (val) {\n\t\t\t\tif (_util.type.String(val) && val.match(/^(\\.|\\d)*\\d+%$/)) {\n\t\t\t\t\t// percentage value\n\t\t\t\t\tvar perc = parseFloat(val) / 100;\n\t\t\t\t\tval = function () {\n\t\t\t\t\t\treturn _controller ? _controller.info(\"size\") * perc : 0;\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tif (_util.type.Function(val)) {\n\t\t\t\t\t// function\n\t\t\t\t\t_durationUpdateMethod = val;\n\t\t\t\t\ttry {\n\t\t\t\t\t\tval = parseFloat(_durationUpdateMethod());\n\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\tval = -1; // will cause error below\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// val has to be float\n\t\t\t\tval = parseFloat(val);\n\t\t\t\tif (!_util.type.Number(val) || val < 0) {\n\t\t\t\t\tif (_durationUpdateMethod) {\n\t\t\t\t\t\t_durationUpdateMethod = undefined;\n\t\t\t\t\t\tthrow [\"Invalid return value of supplied function for option \\\"duration\\\":\", val];\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthrow [\"Invalid value for option \\\"duration\\\":\", val];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn val;\n\t\t\t}\n\t\t});\n\n\t\t/**\n\t\t * Checks the validity of a specific or all options and reset to default if neccessary.\n\t\t * @private\n\t\t */\n\t\tvar validateOption = function (check) {\n\t\t\tcheck = arguments.length ? [check] : Object.keys(_validate);\n\t\t\tcheck.forEach(function (optionName, key) {\n\t\t\t\tvar value;\n\t\t\t\tif (_validate[optionName]) { // there is a validation method for this option\n\t\t\t\t\ttry { // validate value\n\t\t\t\t\t\tvalue = _validate[optionName](_options[optionName]);\n\t\t\t\t\t} catch (e) { // validation failed -> reset to default\n\t\t\t\t\t\tvalue = DEFAULT_OPTIONS[optionName];\n\t\t\t\t\t\tvar logMSG = _util.type.String(e) ? [e] : e;\n\t\t\t\t\t\tif (_util.type.Array(logMSG)) {\n\t\t\t\t\t\t\tlogMSG[0] = \"ERROR: \" + logMSG[0];\n\t\t\t\t\t\t\tlogMSG.unshift(1); // loglevel 1 for error msg\n\t\t\t\t\t\t\tlog.apply(this, logMSG);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlog(1, \"ERROR: Problem executing validation callback for option '\" + optionName + \"':\", e.message);\n\t\t\t\t\t\t}\n\t\t\t\t\t} finally {\n\t\t\t\t\t\t_options[optionName] = value;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t};\n\n\t\t/**\n\t\t * Helper used by the setter/getters for scene options\n\t\t * @private\n\t\t */\n\t\tvar changeOption = function (varname, newval) {\n\t\t\tvar\n\t\t\tchanged = false,\n\t\t\t\toldval = _options[varname];\n\t\t\tif (_options[varname] != newval) {\n\t\t\t\t_options[varname] = newval;\n\t\t\t\tvalidateOption(varname); // resets to default if necessary\n\t\t\t\tchanged = oldval != _options[varname];\n\t\t\t}\n\t\t\treturn changed;\n\t\t};\n\n\t\t// generate getters/setters for all options\n\t\tvar addSceneOption = function (optionName) {\n\t\t\tif (!Scene[optionName]) {\n\t\t\t\tScene[optionName] = function (newVal) {\n\t\t\t\t\tif (!arguments.length) { // get\n\t\t\t\t\t\treturn _options[optionName];\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (optionName === \"duration\") { // new duration is set, so any previously set function must be unset\n\t\t\t\t\t\t\t_durationUpdateMethod = undefined;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (changeOption(optionName, newVal)) { // set\n\t\t\t\t\t\t\tScene.trigger(\"change\", {\n\t\t\t\t\t\t\t\twhat: optionName,\n\t\t\t\t\t\t\t\tnewval: _options[optionName]\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tif (SCENE_OPTIONS.shifts.indexOf(optionName) > -1) {\n\t\t\t\t\t\t\t\tScene.trigger(\"shift\", {\n\t\t\t\t\t\t\t\t\treason: optionName\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn Scene;\n\t\t\t\t};\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * **Get** or **Set** the duration option value.\n\t\t * As a setter it also accepts a function returning a numeric value. \n\t\t * This is particularly useful for responsive setups.\n\t\t *\n\t\t * The duration is updated using the supplied function every time `Scene.refresh()` is called, which happens periodically from the controller (see ScrollMagic.Controller option `refreshInterval`). \n\t\t * _**NOTE:** Be aware that it's an easy way to kill performance, if you supply a function that has high CPU demand. \n\t\t * Even for size and position calculations it is recommended to use a variable to cache the value. (see example) \n\t\t * This counts double if you use the same function for multiple scenes._\n\t\t *\n\t\t * @method ScrollMagic.Scene#duration\n\t\t * @example\n\t\t * // get the current duration value\n\t\t * var duration = scene.duration();\n\t\t *\n\t\t * // set a new duration\n\t\t * scene.duration(300);\n\t\t *\n\t\t * // use a function to automatically adjust the duration to the window height.\n\t\t * var durationValueCache;\n\t\t * function getDuration () {\n\t\t * return durationValueCache;\n\t\t * }\n\t\t * function updateDuration (e) {\n\t\t * durationValueCache = window.innerHeight;\n\t\t * }\n\t\t * $(window).on(\"resize\", updateDuration); // update the duration when the window size changes\n\t\t * $(window).triggerHandler(\"resize\"); // set to initial value\n\t\t * scene.duration(getDuration); // supply duration method\n\t\t *\n\t\t * @fires {@link Scene.change}, when used as setter\n\t\t * @fires {@link Scene.shift}, when used as setter\n\t\t * @param {(number|function)} [newDuration] - The new duration of the scene.\n\t\t * @returns {number} `get` - Current scene duration.\n\t\t * @returns {Scene} `set` - Parent object for chaining.\n\t\t */\n\n\t\t/**\n\t\t * **Get** or **Set** the offset option value.\n\t\t * @method ScrollMagic.Scene#offset\n\t\t * @example\n\t\t * // get the current offset\n\t\t * var offset = scene.offset();\n\t\t *\n\t\t * // set a new offset\n\t\t * scene.offset(100);\n\t\t *\n\t\t * @fires {@link Scene.change}, when used as setter\n\t\t * @fires {@link Scene.shift}, when used as setter\n\t\t * @param {number} [newOffset] - The new offset of the scene.\n\t\t * @returns {number} `get` - Current scene offset.\n\t\t * @returns {Scene} `set` - Parent object for chaining.\n\t\t */\n\n\t\t/**\n\t\t * **Get** or **Set** the triggerElement option value.\n\t\t * Does **not** fire `Scene.shift`, because changing the trigger Element doesn't necessarily mean the start position changes. This will be determined in `Scene.refresh()`, which is automatically triggered.\n\t\t * @method ScrollMagic.Scene#triggerElement\n\t\t * @example\n\t\t * // get the current triggerElement\n\t\t * var triggerElement = scene.triggerElement();\n\t\t *\n\t\t * // set a new triggerElement using a selector\n\t\t * scene.triggerElement(\"#trigger\");\n\t\t * // set a new triggerElement using a DOM object\n\t\t * scene.triggerElement(document.getElementById(\"trigger\"));\n\t\t *\n\t\t * @fires {@link Scene.change}, when used as setter\n\t\t * @param {(string|object)} [newTriggerElement] - The new trigger element for the scene.\n\t\t * @returns {(string|object)} `get` - Current triggerElement.\n\t\t * @returns {Scene} `set` - Parent object for chaining.\n\t\t */\n\n\t\t/**\n\t\t * **Get** or **Set** the triggerHook option value.\n\t\t * @method ScrollMagic.Scene#triggerHook\n\t\t * @example\n\t\t * // get the current triggerHook value\n\t\t * var triggerHook = scene.triggerHook();\n\t\t *\n\t\t * // set a new triggerHook using a string\n\t\t * scene.triggerHook(\"onLeave\");\n\t\t * // set a new triggerHook using a number\n\t\t * scene.triggerHook(0.7);\n\t\t *\n\t\t * @fires {@link Scene.change}, when used as setter\n\t\t * @fires {@link Scene.shift}, when used as setter\n\t\t * @param {(number|string)} [newTriggerHook] - The new triggerHook of the scene. See {@link Scene} parameter description for value options.\n\t\t * @returns {number} `get` - Current triggerHook (ALWAYS numerical).\n\t\t * @returns {Scene} `set` - Parent object for chaining.\n\t\t */\n\n\t\t/**\n\t\t * **Get** or **Set** the reverse option value.\n\t\t * @method ScrollMagic.Scene#reverse\n\t\t * @example\n\t\t * // get the current reverse option\n\t\t * var reverse = scene.reverse();\n\t\t *\n\t\t * // set new reverse option\n\t\t * scene.reverse(false);\n\t\t *\n\t\t * @fires {@link Scene.change}, when used as setter\n\t\t * @param {boolean} [newReverse] - The new reverse setting of the scene.\n\t\t * @returns {boolean} `get` - Current reverse option value.\n\t\t * @returns {Scene} `set` - Parent object for chaining.\n\t\t */\n\n\t\t/**\n\t\t * **Get** or **Set** the loglevel option value.\n\t\t * @method ScrollMagic.Scene#loglevel\n\t\t * @example\n\t\t * // get the current loglevel\n\t\t * var loglevel = scene.loglevel();\n\t\t *\n\t\t * // set new loglevel\n\t\t * scene.loglevel(3);\n\t\t *\n\t\t * @fires {@link Scene.change}, when used as setter\n\t\t * @param {number} [newLoglevel] - The new loglevel setting of the scene. `[0-3]`\n\t\t * @returns {number} `get` - Current loglevel.\n\t\t * @returns {Scene} `set` - Parent object for chaining.\n\t\t */\n\n\t\t/**\n\t\t * **Get** the associated controller.\n\t\t * @method ScrollMagic.Scene#controller\n\t\t * @example\n\t\t * // get the controller of a scene\n\t\t * var controller = scene.controller();\n\t\t *\n\t\t * @returns {ScrollMagic.Controller} Parent controller or `undefined`\n\t\t */\n\t\tthis.controller = function () {\n\t\t\treturn _controller;\n\t\t};\n\n\t\t/**\n\t\t * **Get** the current state.\n\t\t * @method ScrollMagic.Scene#state\n\t\t * @example\n\t\t * // get the current state\n\t\t * var state = scene.state();\n\t\t *\n\t\t * @returns {string} `\"BEFORE\"`, `\"DURING\"` or `\"AFTER\"`\n\t\t */\n\t\tthis.state = function () {\n\t\t\treturn _state;\n\t\t};\n\n\t\t/**\n\t\t * **Get** the current scroll offset for the start of the scene. \n\t\t * Mind, that the scrollOffset is related to the size of the container, if `triggerHook` is bigger than `0` (or `\"onLeave\"`). \n\t\t * This means, that resizing the container or changing the `triggerHook` will influence the scene's start offset.\n\t\t * @method ScrollMagic.Scene#scrollOffset\n\t\t * @example\n\t\t * // get the current scroll offset for the start and end of the scene.\n\t\t * var start = scene.scrollOffset();\n\t\t * var end = scene.scrollOffset() + scene.duration();\n\t\t * console.log(\"the scene starts at\", start, \"and ends at\", end);\n\t\t *\n\t\t * @returns {number} The scroll offset (of the container) at which the scene will trigger. Y value for vertical and X value for horizontal scrolls.\n\t\t */\n\t\tthis.scrollOffset = function () {\n\t\t\treturn _scrollOffset.start;\n\t\t};\n\n\t\t/**\n\t\t * **Get** the trigger position of the scene (including the value of the `offset` option). \n\t\t * @method ScrollMagic.Scene#triggerPosition\n\t\t * @example\n\t\t * // get the scene's trigger position\n\t\t * var triggerPosition = scene.triggerPosition();\n\t\t *\n\t\t * @returns {number} Start position of the scene. Top position value for vertical and left position value for horizontal scrolls.\n\t\t */\n\t\tthis.triggerPosition = function () {\n\t\t\tvar pos = _options.offset; // the offset is the basis\n\t\t\tif (_controller) {\n\t\t\t\t// get the trigger position\n\t\t\t\tif (_options.triggerElement) {\n\t\t\t\t\t// Element as trigger\n\t\t\t\t\tpos += _triggerPos;\n\t\t\t\t} else {\n\t\t\t\t\t// return the height of the triggerHook to start at the beginning\n\t\t\t\t\tpos += _controller.info(\"size\") * Scene.triggerHook();\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn pos;\n\t\t};\n\n\t\tvar\n\t\t_pin, _pinOptions;\n\n\t\tScene.on(\"shift.internal\", function (e) {\n\t\t\tvar durationChanged = e.reason === \"duration\";\n\t\t\tif ((_state === SCENE_STATE_AFTER && durationChanged) || (_state === SCENE_STATE_DURING && _options.duration === 0)) {\n\t\t\t\t// if [duration changed after a scene (inside scene progress updates pin position)] or [duration is 0, we are in pin phase and some other value changed].\n\t\t\t\tupdatePinState();\n\t\t\t}\n\t\t\tif (durationChanged) {\n\t\t\t\tupdatePinDimensions();\n\t\t\t}\n\t\t}).on(\"progress.internal\", function (e) {\n\t\t\tupdatePinState();\n\t\t}).on(\"add.internal\", function (e) {\n\t\t\tupdatePinDimensions();\n\t\t}).on(\"destroy.internal\", function (e) {\n\t\t\tScene.removePin(e.reset);\n\t\t});\n\t\t/**\n\t\t * Update the pin state.\n\t\t * @private\n\t\t */\n\t\tvar updatePinState = function (forceUnpin) {\n\t\t\tif (_pin && _controller) {\n\t\t\t\tvar\n\t\t\t\tcontainerInfo = _controller.info(),\n\t\t\t\t\tpinTarget = _pinOptions.spacer.firstChild; // may be pin element or another spacer, if cascading pins\n\t\t\t\tif (!forceUnpin && _state === SCENE_STATE_DURING) { // during scene or if duration is 0 and we are past the trigger\n\t\t\t\t\t// pinned state\n\t\t\t\t\tif (_util.css(pinTarget, \"position\") != \"fixed\") {\n\t\t\t\t\t\t// change state before updating pin spacer (position changes due to fixed collapsing might occur.)\n\t\t\t\t\t\t_util.css(pinTarget, {\n\t\t\t\t\t\t\t\"position\": \"fixed\"\n\t\t\t\t\t\t});\n\t\t\t\t\t\t// update pin spacer\n\t\t\t\t\t\tupdatePinDimensions();\n\t\t\t\t\t}\n\n\t\t\t\t\tvar\n\t\t\t\t\tfixedPos = _util.get.offset(_pinOptions.spacer, true),\n\t\t\t\t\t\t// get viewport position of spacer\n\t\t\t\t\t\tscrollDistance = _options.reverse || _options.duration === 0 ? containerInfo.scrollPos - _scrollOffset.start // quicker\n\t\t\t\t\t\t: Math.round(_progress * _options.duration * 10) / 10; // if no reverse and during pin the position needs to be recalculated using the progress\n\t\t\t\t\t// add scrollDistance\n\t\t\t\t\tfixedPos[containerInfo.vertical ? \"top\" : \"left\"] += scrollDistance;\n\n\t\t\t\t\t// set new values\n\t\t\t\t\t_util.css(_pinOptions.spacer.firstChild, {\n\t\t\t\t\t\ttop: fixedPos.top,\n\t\t\t\t\t\tleft: fixedPos.left\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\t// unpinned state\n\t\t\t\t\tvar\n\t\t\t\t\tnewCSS = {\n\t\t\t\t\t\tposition: _pinOptions.inFlow ? \"relative\" : \"absolute\",\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0\n\t\t\t\t\t},\n\t\t\t\t\t\tchange = _util.css(pinTarget, \"position\") != newCSS.position;\n\n\t\t\t\t\tif (!_pinOptions.pushFollowers) {\n\t\t\t\t\t\tnewCSS[containerInfo.vertical ? \"top\" : \"left\"] = _options.duration * _progress;\n\t\t\t\t\t} else if (_options.duration > 0) { // only concerns scenes with duration\n\t\t\t\t\t\tif (_state === SCENE_STATE_AFTER && parseFloat(_util.css(_pinOptions.spacer, \"padding-top\")) === 0) {\n\t\t\t\t\t\t\tchange = true; // if in after state but havent updated spacer yet (jumped past pin)\n\t\t\t\t\t\t} else if (_state === SCENE_STATE_BEFORE && parseFloat(_util.css(_pinOptions.spacer, \"padding-bottom\")) === 0) { // before\n\t\t\t\t\t\t\tchange = true; // jumped past fixed state upward direction\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t// set new values\n\t\t\t\t\t_util.css(pinTarget, newCSS);\n\t\t\t\t\tif (change) {\n\t\t\t\t\t\t// update pin spacer if state changed\n\t\t\t\t\t\tupdatePinDimensions();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Update the pin spacer and/or element size.\n\t\t * The size of the spacer needs to be updated whenever the duration of the scene changes, if it is to push down following elements.\n\t\t * @private\n\t\t */\n\t\tvar updatePinDimensions = function () {\n\t\t\tif (_pin && _controller && _pinOptions.inFlow) { // no spacerresize, if original position is absolute\n\t\t\t\tvar\n\t\t\t\tafter = (_state === SCENE_STATE_AFTER),\n\t\t\t\t\tbefore = (_state === SCENE_STATE_BEFORE),\n\t\t\t\t\tduring = (_state === SCENE_STATE_DURING),\n\t\t\t\t\tvertical = _controller.info(\"vertical\"),\n\t\t\t\t\tpinTarget = _pinOptions.spacer.firstChild,\n\t\t\t\t\t// usually the pined element but can also be another spacer (cascaded pins)\n\t\t\t\t\tmarginCollapse = _util.isMarginCollapseType(_util.css(_pinOptions.spacer, \"display\")),\n\t\t\t\t\tcss = {};\n\n\t\t\t\t// set new size\n\t\t\t\t// if relsize: spacer -> pin | else: pin -> spacer\n\t\t\t\tif (_pinOptions.relSize.width || _pinOptions.relSize.autoFullWidth) {\n\t\t\t\t\tif (during) {\n\t\t\t\t\t\t_util.css(_pin, {\n\t\t\t\t\t\t\t\"width\": _util.get.width(_pinOptions.spacer)\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\t_util.css(_pin, {\n\t\t\t\t\t\t\t\"width\": \"100%\"\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// minwidth is needed for cascaded pins.\n\t\t\t\t\tcss[\"min-width\"] = _util.get.width(vertical ? _pin : pinTarget, true, true);\n\t\t\t\t\tcss.width = during ? css[\"min-width\"] : \"auto\";\n\t\t\t\t}\n\t\t\t\tif (_pinOptions.relSize.height) {\n\t\t\t\t\tif (during) {\n\t\t\t\t\t\t// the only padding the spacer should ever include is the duration (if pushFollowers = true), so we need to substract that.\n\t\t\t\t\t\t_util.css(_pin, {\n\t\t\t\t\t\t\t\"height\": _util.get.height(_pinOptions.spacer) - (_pinOptions.pushFollowers ? _options.duration : 0)\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\t_util.css(_pin, {\n\t\t\t\t\t\t\t\"height\": \"100%\"\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// margin is only included if it's a cascaded pin to resolve an IE9 bug\n\t\t\t\t\tcss[\"min-height\"] = _util.get.height(vertical ? pinTarget : _pin, true, !marginCollapse); // needed for cascading pins\n\t\t\t\t\tcss.height = during ? css[\"min-height\"] : \"auto\";\n\t\t\t\t}\n\n\t\t\t\t// add space for duration if pushFollowers is true\n\t\t\t\tif (_pinOptions.pushFollowers) {\n\t\t\t\t\tcss[\"padding\" + (vertical ? \"Top\" : \"Left\")] = _options.duration * _progress;\n\t\t\t\t\tcss[\"padding\" + (vertical ? \"Bottom\" : \"Right\")] = _options.duration * (1 - _progress);\n\t\t\t\t}\n\t\t\t\t_util.css(_pinOptions.spacer, css);\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Updates the Pin state (in certain scenarios)\n\t\t * If the controller container is not the document and we are mid-pin-phase scrolling or resizing the main document can result to wrong pin positions.\n\t\t * So this function is called on resize and scroll of the document.\n\t\t * @private\n\t\t */\n\t\tvar updatePinInContainer = function () {\n\t\t\tif (_controller && _pin && _state === SCENE_STATE_DURING && !_controller.info(\"isDocument\")) {\n\t\t\t\tupdatePinState();\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Updates the Pin spacer size state (in certain scenarios)\n\t\t * If container is resized during pin and relatively sized the size of the pin might need to be updated...\n\t\t * So this function is called on resize of the container.\n\t\t * @private\n\t\t */\n\t\tvar updateRelativePinSpacer = function () {\n\t\t\tif (_controller && _pin && // well, duh\n\t\t\t_state === SCENE_STATE_DURING && // element in pinned state?\n\t\t\t( // is width or height relatively sized, but not in relation to body? then we need to recalc.\n\t\t\t((_pinOptions.relSize.width || _pinOptions.relSize.autoFullWidth) && _util.get.width(window) != _util.get.width(_pinOptions.spacer.parentNode)) || (_pinOptions.relSize.height && _util.get.height(window) != _util.get.height(_pinOptions.spacer.parentNode)))) {\n\t\t\t\tupdatePinDimensions();\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Is called, when the mousewhel is used while over a pinned element inside a div container.\n\t\t * If the scene is in fixed state scroll events would be counted towards the body. This forwards the event to the scroll container.\n\t\t * @private\n\t\t */\n\t\tvar onMousewheelOverPin = function (e) {\n\t\t\tif (_controller && _pin && _state === SCENE_STATE_DURING && !_controller.info(\"isDocument\")) { // in pin state\n\t\t\t\te.preventDefault();\n\t\t\t\t_controller._setScrollPos(_controller.info(\"scrollPos\") - ((e.wheelDelta || e[_controller.info(\"vertical\") ? \"wheelDeltaY\" : \"wheelDeltaX\"]) / 3 || -e.detail * 30));\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Pin an element for the duration of the tween. \n\t\t * If the scene duration is 0 the element will only be unpinned, if the user scrolls back past the start position. \n\t\t * Make sure only one pin is applied to an element at the same time.\n\t\t * An element can be pinned multiple times, but only successively.\n\t\t * _**NOTE:** The option `pushFollowers` has no effect, when the scene duration is 0._\n\t\t * @method ScrollMagic.Scene#setPin\n\t\t * @example\n\t\t * // pin element and push all following elements down by the amount of the pin duration.\n\t\t * scene.setPin(\"#pin\");\n\t\t *\n\t\t * // pin element and keeping all following elements in their place. The pinned element will move past them.\n\t\t * scene.setPin(\"#pin\", {pushFollowers: false});\n\t\t *\n\t\t * @param {(string|object)} element - A Selector targeting an element or a DOM object that is supposed to be pinned.\n\t\t * @param {object} [settings] - settings for the pin\n\t\t * @param {boolean} [settings.pushFollowers=true] - If `true` following elements will be \"pushed\" down for the duration of the pin, if `false` the pinned element will just scroll past them. \n\t\t Ignored, when duration is `0`.\n\t\t * @param {string} [settings.spacerClass=\"scrollmagic-pin-spacer\"] - Classname of the pin spacer element, which is used to replace the element.\n\t\t *\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.setPin = function (element, settings) {\n\t\t\tvar\n\t\t\tdefaultSettings = {\n\t\t\t\tpushFollowers: true,\n\t\t\t\tspacerClass: \"scrollmagic-pin-spacer\"\n\t\t\t};\n\t\t\tsettings = _util.extend({}, defaultSettings, settings);\n\n\t\t\t// validate Element\n\t\t\telement = _util.get.elements(element)[0];\n\t\t\tif (!element) {\n\t\t\t\tlog(1, \"ERROR calling method 'setPin()': Invalid pin element supplied.\");\n\t\t\t\treturn Scene; // cancel\n\t\t\t} else if (_util.css(element, \"position\") === \"fixed\") {\n\t\t\t\tlog(1, \"ERROR calling method 'setPin()': Pin does not work with elements that are positioned 'fixed'.\");\n\t\t\t\treturn Scene; // cancel\n\t\t\t}\n\n\t\t\tif (_pin) { // preexisting pin?\n\t\t\t\tif (_pin === element) {\n\t\t\t\t\t// same pin we already have -> do nothing\n\t\t\t\t\treturn Scene; // cancel\n\t\t\t\t} else {\n\t\t\t\t\t// kill old pin\n\t\t\t\t\tScene.removePin();\n\t\t\t\t}\n\n\t\t\t}\n\t\t\t_pin = element;\n\n\t\t\tvar\n\t\t\tparentDisplay = _pin.parentNode.style.display,\n\t\t\t\tboundsParams = [\"top\", \"left\", \"bottom\", \"right\", \"margin\", \"marginLeft\", \"marginRight\", \"marginTop\", \"marginBottom\"];\n\n\t\t\t_pin.parentNode.style.display = 'none'; // hack start to force css to return stylesheet values instead of calculated px values.\n\t\t\tvar\n\t\t\tinFlow = _util.css(_pin, \"position\") != \"absolute\",\n\t\t\t\tpinCSS = _util.css(_pin, boundsParams.concat([\"display\"])),\n\t\t\t\tsizeCSS = _util.css(_pin, [\"width\", \"height\"]);\n\t\t\t_pin.parentNode.style.display = parentDisplay; // hack end.\n\t\t\tif (!inFlow && settings.pushFollowers) {\n\t\t\t\tlog(2, \"WARNING: If the pinned element is positioned absolutely pushFollowers will be disabled.\");\n\t\t\t\tsettings.pushFollowers = false;\n\t\t\t}\n\t\t\twindow.setTimeout(function () { // wait until all finished, because with responsive duration it will only be set after scene is added to controller\n\t\t\t\tif (_pin && _options.duration === 0 && settings.pushFollowers) {\n\t\t\t\t\tlog(2, \"WARNING: pushFollowers =\", true, \"has no effect, when scene duration is 0.\");\n\t\t\t\t}\n\t\t\t}, 0);\n\n\t\t\t// create spacer and insert\n\t\t\tvar\n\t\t\tspacer = _pin.parentNode.insertBefore(document.createElement('div'), _pin),\n\t\t\t\tspacerCSS = _util.extend(pinCSS, {\n\t\t\t\t\tposition: inFlow ? \"relative\" : \"absolute\",\n\t\t\t\t\tboxSizing: \"content-box\",\n\t\t\t\t\tmozBoxSizing: \"content-box\",\n\t\t\t\t\twebkitBoxSizing: \"content-box\"\n\t\t\t\t});\n\n\t\t\tif (!inFlow) { // copy size if positioned absolutely, to work for bottom/right positioned elements.\n\t\t\t\t_util.extend(spacerCSS, _util.css(_pin, [\"width\", \"height\"]));\n\t\t\t}\n\n\t\t\t_util.css(spacer, spacerCSS);\n\t\t\tspacer.setAttribute(PIN_SPACER_ATTRIBUTE, \"\");\n\t\t\t_util.addClass(spacer, settings.spacerClass);\n\n\t\t\t// set the pin Options\n\t\t\t_pinOptions = {\n\t\t\t\tspacer: spacer,\n\t\t\t\trelSize: { // save if size is defined using % values. if so, handle spacer resize differently...\n\t\t\t\t\twidth: sizeCSS.width.slice(-1) === \"%\",\n\t\t\t\t\theight: sizeCSS.height.slice(-1) === \"%\",\n\t\t\t\t\tautoFullWidth: sizeCSS.width === \"auto\" && inFlow && _util.isMarginCollapseType(pinCSS.display)\n\t\t\t\t},\n\t\t\t\tpushFollowers: settings.pushFollowers,\n\t\t\t\tinFlow: inFlow,\n\t\t\t\t// stores if the element takes up space in the document flow\n\t\t\t};\n\n\t\t\tif (!_pin.___origStyle) {\n\t\t\t\t_pin.___origStyle = {};\n\t\t\t\tvar\n\t\t\t\tpinInlineCSS = _pin.style,\n\t\t\t\t\tcopyStyles = boundsParams.concat([\"width\", \"height\", \"position\", \"boxSizing\", \"mozBoxSizing\", \"webkitBoxSizing\"]);\n\t\t\t\tcopyStyles.forEach(function (val) {\n\t\t\t\t\t_pin.___origStyle[val] = pinInlineCSS[val] || \"\";\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// if relative size, transfer it to spacer and make pin calculate it...\n\t\t\tif (_pinOptions.relSize.width) {\n\t\t\t\t_util.css(spacer, {\n\t\t\t\t\twidth: sizeCSS.width\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (_pinOptions.relSize.height) {\n\t\t\t\t_util.css(spacer, {\n\t\t\t\t\theight: sizeCSS.height\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// now place the pin element inside the spacer\t\n\t\t\tspacer.appendChild(_pin);\n\t\t\t// and set new css\n\t\t\t_util.css(_pin, {\n\t\t\t\tposition: inFlow ? \"relative\" : \"absolute\",\n\t\t\t\tmargin: \"auto\",\n\t\t\t\ttop: \"auto\",\n\t\t\t\tleft: \"auto\",\n\t\t\t\tbottom: \"auto\",\n\t\t\t\tright: \"auto\"\n\t\t\t});\n\n\t\t\tif (_pinOptions.relSize.width || _pinOptions.relSize.autoFullWidth) {\n\t\t\t\t_util.css(_pin, {\n\t\t\t\t\tboxSizing: \"border-box\",\n\t\t\t\t\tmozBoxSizing: \"border-box\",\n\t\t\t\t\twebkitBoxSizing: \"border-box\"\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// add listener to document to update pin position in case controller is not the document.\n\t\t\twindow.addEventListener('scroll', updatePinInContainer);\n\t\t\twindow.addEventListener('resize', updatePinInContainer);\n\t\t\twindow.addEventListener('resize', updateRelativePinSpacer);\n\t\t\t// add mousewheel listener to catch scrolls over fixed elements\n\t\t\t_pin.addEventListener(\"mousewheel\", onMousewheelOverPin);\n\t\t\t_pin.addEventListener(\"DOMMouseScroll\", onMousewheelOverPin);\n\n\t\t\tlog(3, \"added pin\");\n\n\t\t\t// finally update the pin to init\n\t\t\tupdatePinState();\n\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * Remove the pin from the scene.\n\t\t * @method ScrollMagic.Scene#removePin\n\t\t * @example\n\t\t * // remove the pin from the scene without resetting it (the spacer is not removed)\n\t\t * scene.removePin();\n\t\t *\n\t\t * // remove the pin from the scene and reset the pin element to its initial position (spacer is removed)\n\t\t * scene.removePin(true);\n\t\t *\n\t\t * @param {boolean} [reset=false] - If `false` the spacer will not be removed and the element's position will not be reset.\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.removePin = function (reset) {\n\t\t\tif (_pin) {\n\t\t\t\tif (_state === SCENE_STATE_DURING) {\n\t\t\t\t\tupdatePinState(true); // force unpin at position\n\t\t\t\t}\n\t\t\t\tif (reset || !_controller) { // if there's no controller no progress was made anyway...\n\t\t\t\t\tvar pinTarget = _pinOptions.spacer.firstChild; // usually the pin element, but may be another spacer (cascaded pins)...\n\t\t\t\t\tif (pinTarget.hasAttribute(PIN_SPACER_ATTRIBUTE)) { // copy margins to child spacer\n\t\t\t\t\t\tvar\n\t\t\t\t\t\tstyle = _pinOptions.spacer.style,\n\t\t\t\t\t\t\tvalues = [\"margin\", \"marginLeft\", \"marginRight\", \"marginTop\", \"marginBottom\"];\n\t\t\t\t\t\tmargins = {};\n\t\t\t\t\t\tvalues.forEach(function (val) {\n\t\t\t\t\t\t\tmargins[val] = style[val] || \"\";\n\t\t\t\t\t\t});\n\t\t\t\t\t\t_util.css(pinTarget, margins);\n\t\t\t\t\t}\n\t\t\t\t\t_pinOptions.spacer.parentNode.insertBefore(pinTarget, _pinOptions.spacer);\n\t\t\t\t\t_pinOptions.spacer.parentNode.removeChild(_pinOptions.spacer);\n\t\t\t\t\tif (!_pin.parentNode.hasAttribute(PIN_SPACER_ATTRIBUTE)) { // if it's the last pin for this element -> restore inline styles\n\t\t\t\t\t\t// TODO: only correctly set for first pin (when cascading) - how to fix?\n\t\t\t\t\t\t_util.css(_pin, _pin.___origStyle);\n\t\t\t\t\t\tdelete _pin.___origStyle;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\twindow.removeEventListener('scroll', updatePinInContainer);\n\t\t\t\twindow.removeEventListener('resize', updatePinInContainer);\n\t\t\t\twindow.removeEventListener('resize', updateRelativePinSpacer);\n\t\t\t\t_pin.removeEventListener(\"mousewheel\", onMousewheelOverPin);\n\t\t\t\t_pin.removeEventListener(\"DOMMouseScroll\", onMousewheelOverPin);\n\t\t\t\t_pin = undefined;\n\t\t\t\tlog(3, \"removed pin (reset: \" + (reset ? \"true\" : \"false\") + \")\");\n\t\t\t}\n\t\t\treturn Scene;\n\t\t};\n\n\n\t\tvar\n\t\t_cssClasses, _cssClassElems = [];\n\n\t\tScene.on(\"destroy.internal\", function (e) {\n\t\t\tScene.removeClassToggle(e.reset);\n\t\t});\n\t\t/**\n\t\t * Define a css class modification while the scene is active. \n\t\t * When the scene triggers the classes will be added to the supplied element and removed, when the scene is over.\n\t\t * If the scene duration is 0 the classes will only be removed if the user scrolls back past the start position.\n\t\t * @method ScrollMagic.Scene#setClassToggle\n\t\t * @example\n\t\t * // add the class 'myclass' to the element with the id 'my-elem' for the duration of the scene\n\t\t * scene.setClassToggle(\"#my-elem\", \"myclass\");\n\t\t *\n\t\t * // add multiple classes to multiple elements defined by the selector '.classChange'\n\t\t * scene.setClassToggle(\".classChange\", \"class1 class2 class3\");\n\t\t *\n\t\t * @param {(string|object)} element - A Selector targeting one or more elements or a DOM object that is supposed to be modified.\n\t\t * @param {string} classes - One or more Classnames (separated by space) that should be added to the element during the scene.\n\t\t *\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.setClassToggle = function (element, classes) {\n\t\t\tvar elems = _util.get.elements(element);\n\t\t\tif (elems.length === 0 || !_util.type.String(classes)) {\n\t\t\t\tlog(1, \"ERROR calling method 'setClassToggle()': Invalid \" + (elems.length === 0 ? \"element\" : \"classes\") + \" supplied.\");\n\t\t\t\treturn Scene;\n\t\t\t}\n\t\t\tif (_cssClassElems.length > 0) {\n\t\t\t\t// remove old ones\n\t\t\t\tScene.removeClassToggle();\n\t\t\t}\n\t\t\t_cssClasses = classes;\n\t\t\t_cssClassElems = elems;\n\t\t\tScene.on(\"enter.internal_class leave.internal_class\", function (e) {\n\t\t\t\tvar toggle = e.type === \"enter\" ? _util.addClass : _util.removeClass;\n\t\t\t\t_cssClassElems.forEach(function (elem, key) {\n\t\t\t\t\ttoggle(elem, _cssClasses);\n\t\t\t\t});\n\t\t\t});\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * Remove the class binding from the scene.\n\t\t * @method ScrollMagic.Scene#removeClassToggle\n\t\t * @example\n\t\t * // remove class binding from the scene without reset\n\t\t * scene.removeClassToggle();\n\t\t *\n\t\t * // remove class binding and remove the changes it caused\n\t\t * scene.removeClassToggle(true);\n\t\t *\n\t\t * @param {boolean} [reset=false] - If `false` and the classes are currently active, they will remain on the element. If `true` they will be removed.\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tthis.removeClassToggle = function (reset) {\n\t\t\tif (reset) {\n\t\t\t\t_cssClassElems.forEach(function (elem, key) {\n\t\t\t\t\t_util.removeClass(elem, _cssClasses);\n\t\t\t\t});\n\t\t\t}\n\t\t\tScene.off(\"start.internal_class end.internal_class\");\n\t\t\t_cssClasses = undefined;\n\t\t\t_cssClassElems = [];\n\t\t\treturn Scene;\n\t\t};\n\n\t\t// INIT\n\t\tconstruct();\n\t\treturn Scene;\n\t};\n\n\t// store pagewide scene options\n\tvar SCENE_OPTIONS = {\n\t\tdefaults: {\n\t\t\tduration: 0,\n\t\t\toffset: 0,\n\t\t\ttriggerElement: undefined,\n\t\t\ttriggerHook: 0.5,\n\t\t\treverse: true,\n\t\t\tloglevel: 2\n\t\t},\n\t\tvalidate: {\n\t\t\toffset: function (val) {\n\t\t\t\tval = parseFloat(val);\n\t\t\t\tif (!_util.type.Number(val)) {\n\t\t\t\t\tthrow [\"Invalid value for option \\\"offset\\\":\", val];\n\t\t\t\t}\n\t\t\t\treturn val;\n\t\t\t},\n\t\t\ttriggerElement: function (val) {\n\t\t\t\tval = val || undefined;\n\t\t\t\tif (val) {\n\t\t\t\t\tvar elem = _util.get.elements(val)[0];\n\t\t\t\t\tif (elem) {\n\t\t\t\t\t\tval = elem;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthrow [\"Element defined in option \\\"triggerElement\\\" was not found:\", val];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn val;\n\t\t\t},\n\t\t\ttriggerHook: function (val) {\n\t\t\t\tvar translate = {\n\t\t\t\t\t\"onCenter\": 0.5,\n\t\t\t\t\t\"onEnter\": 1,\n\t\t\t\t\t\"onLeave\": 0\n\t\t\t\t};\n\t\t\t\tif (_util.type.Number(val)) {\n\t\t\t\t\tval = Math.max(0, Math.min(parseFloat(val), 1)); // make sure its betweeen 0 and 1\n\t\t\t\t} else if (val in translate) {\n\t\t\t\t\tval = translate[val];\n\t\t\t\t} else {\n\t\t\t\t\tthrow [\"Invalid value for option \\\"triggerHook\\\": \", val];\n\t\t\t\t}\n\t\t\t\treturn val;\n\t\t\t},\n\t\t\treverse: function (val) {\n\t\t\t\treturn !!val; // force boolean\n\t\t\t},\n\t\t\tloglevel: function (val) {\n\t\t\t\tval = parseInt(val);\n\t\t\t\tif (!_util.type.Number(val) || val < 0 || val > 3) {\n\t\t\t\t\tthrow [\"Invalid value for option \\\"loglevel\\\":\", val];\n\t\t\t\t}\n\t\t\t\treturn val;\n\t\t\t}\n\t\t},\n\t\t// holder for validation methods. duration validation is handled in 'getters-setters.js'\n\t\tshifts: [\"duration\", \"offset\", \"triggerHook\"],\n\t\t// list of options that trigger a `shift` event\n\t};\n/*\n * method used to add an option to ScrollMagic Scenes.\n * TODO: DOC (private for dev)\n */\n\tScrollMagic.Scene.addOption = function (name, defaultValue, validationCallback, shifts) {\n\t\tif (!(name in SCENE_OPTIONS.defaults)) {\n\t\t\tSCENE_OPTIONS.defaults[name] = defaultValue;\n\t\t\tSCENE_OPTIONS.validate[name] = validationCallback;\n\t\t\tif (shifts) {\n\t\t\t\tSCENE_OPTIONS.shifts.push(name);\n\t\t\t}\n\t\t} else {\n\t\t\tScrollMagic._util.log(1, \"[static] ScrollMagic.Scene -> Cannot add Scene option '\" + name + \"', because it already exists.\");\n\t\t}\n\t};\n\t// instance extension function for plugins\n\t// TODO: DOC (private for dev)\n\tScrollMagic.Scene.extend = function (extension) {\n\t\tvar oldClass = this;\n\t\tScrollMagic.Scene = function () {\n\t\t\toldClass.apply(this, arguments);\n\t\t\tthis.$super = _util.extend({}, this); // copy parent state\n\t\t\treturn extension.apply(this, arguments) || this;\n\t\t};\n\t\t_util.extend(ScrollMagic.Scene, oldClass); // copy properties\n\t\tScrollMagic.Scene.prototype = oldClass.prototype; // copy prototype\n\t\tScrollMagic.Scene.prototype.constructor = ScrollMagic.Scene; // restore constructor\n\t};\n\n\n\t/**\n\t * TODO: DOCS (private for dev)\n\t * @class\n\t * @private\n\t */\n\n\tScrollMagic.Event = function (type, namespace, target, vars) {\n\t\tvars = vars || {};\n\t\tfor (var key in vars) {\n\t\t\tthis[key] = vars[key];\n\t\t}\n\t\tthis.type = type;\n\t\tthis.target = this.currentTarget = target;\n\t\tthis.namespace = namespace || '';\n\t\tthis.timeStamp = this.timestamp = Date.now();\n\t\treturn this;\n\t};\n\n/*\n * TODO: DOCS (private for dev)\n */\n\n\tvar _util = ScrollMagic._util = (function (window) {\n\t\tvar U = {},\n\t\t\ti;\n\n\t\t/**\n\t\t * ------------------------------\n\t\t * internal helpers\n\t\t * ------------------------------\n\t\t */\n\n\t\t// parse float and fall back to 0.\n\t\tvar floatval = function (number) {\n\t\t\treturn parseFloat(number) || 0;\n\t\t};\n\t\t// get current style IE safe (otherwise IE would return calculated values for 'auto')\n\t\tvar _getComputedStyle = function (elem) {\n\t\t\treturn elem.currentStyle ? elem.currentStyle : window.getComputedStyle(elem);\n\t\t};\n\n\t\t// get element dimension (width or height)\n\t\tvar _dimension = function (which, elem, outer, includeMargin) {\n\t\t\telem = (elem === document) ? window : elem;\n\t\t\tif (elem === window) {\n\t\t\t\tincludeMargin = false;\n\t\t\t} else if (!_type.DomElement(elem)) {\n\t\t\t\treturn 0;\n\t\t\t}\n\t\t\twhich = which.charAt(0).toUpperCase() + which.substr(1).toLowerCase();\n\t\t\tvar dimension = (outer ? elem['offset' + which] || elem['outer' + which] : elem['client' + which] || elem['inner' + which]) || 0;\n\t\t\tif (outer && includeMargin) {\n\t\t\t\tvar style = _getComputedStyle(elem);\n\t\t\t\tdimension += which === 'Height' ? floatval(style.marginTop) + floatval(style.marginBottom) : floatval(style.marginLeft) + floatval(style.marginRight);\n\t\t\t}\n\t\t\treturn dimension;\n\t\t};\n\t\t// converts 'margin-top' into 'marginTop'\n\t\tvar _camelCase = function (str) {\n\t\t\treturn str.replace(/^[^a-z]+([a-z])/g, '$1').replace(/-([a-z])/g, function (g) {\n\t\t\t\treturn g[1].toUpperCase();\n\t\t\t});\n\t\t};\n\n\t\t/**\n\t\t * ------------------------------\n\t\t * external helpers\n\t\t * ------------------------------\n\t\t */\n\n\t\t// extend obj – same as jQuery.extend({}, objA, objB)\n\t\tU.extend = function (obj) {\n\t\t\tobj = obj || {};\n\t\t\tfor (i = 1; i < arguments.length; i++) {\n\t\t\t\tif (!arguments[i]) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tfor (var key in arguments[i]) {\n\t\t\t\t\tif (arguments[i].hasOwnProperty(key)) {\n\t\t\t\t\t\tobj[key] = arguments[i][key];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn obj;\n\t\t};\n\n\t\t// check if a css display type results in margin-collapse or not\n\t\tU.isMarginCollapseType = function (str) {\n\t\t\treturn [\"block\", \"flex\", \"list-item\", \"table\", \"-webkit-box\"].indexOf(str) > -1;\n\t\t};\n\n\t\t// implementation of requestAnimationFrame\n\t\t// based on https://gist.github.com/paulirish/1579671\n\t\tvar\n\t\tlastTime = 0,\n\t\t\tvendors = ['ms', 'moz', 'webkit', 'o'];\n\t\tvar _requestAnimationFrame = window.requestAnimationFrame;\n\t\tvar _cancelAnimationFrame = window.cancelAnimationFrame;\n\t\t// try vendor prefixes if the above doesn't work\n\t\tfor (i = 0; !_requestAnimationFrame && i < vendors.length; ++i) {\n\t\t\t_requestAnimationFrame = window[vendors[i] + 'RequestAnimationFrame'];\n\t\t\t_cancelAnimationFrame = window[vendors[i] + 'CancelAnimationFrame'] || window[vendors[i] + 'CancelRequestAnimationFrame'];\n\t\t}\n\n\t\t// fallbacks\n\t\tif (!_requestAnimationFrame) {\n\t\t\t_requestAnimationFrame = function (callback) {\n\t\t\t\tvar\n\t\t\t\tcurrTime = new Date().getTime(),\n\t\t\t\t\ttimeToCall = Math.max(0, 16 - (currTime - lastTime)),\n\t\t\t\t\tid = window.setTimeout(function () {\n\t\t\t\t\t\tcallback(currTime + timeToCall);\n\t\t\t\t\t}, timeToCall);\n\t\t\t\tlastTime = currTime + timeToCall;\n\t\t\t\treturn id;\n\t\t\t};\n\t\t}\n\t\tif (!_cancelAnimationFrame) {\n\t\t\t_cancelAnimationFrame = function (id) {\n\t\t\t\twindow.clearTimeout(id);\n\t\t\t};\n\t\t}\n\t\tU.rAF = _requestAnimationFrame.bind(window);\n\t\tU.cAF = _cancelAnimationFrame.bind(window);\n\n\t\tvar\n\t\tloglevels = [\"error\", \"warn\", \"log\"],\n\t\t\tconsole = window.console || {};\n\n\t\tconsole.log = console.log ||\n\t\tfunction () {}; // no console log, well - do nothing then...\n\t\t// make sure methods for all levels exist.\n\t\tfor (i = 0; i < loglevels.length; i++) {\n\t\t\tvar method = loglevels[i];\n\t\t\tif (!console[method]) {\n\t\t\t\tconsole[method] = console.log; // prefer .log over nothing\n\t\t\t}\n\t\t}\n\t\tU.log = function (loglevel) {\n\t\t\tif (loglevel > loglevels.length || loglevel <= 0) loglevel = loglevels.length;\n\t\t\tvar now = new Date(),\n\t\t\t\ttime = (\"0\" + now.getHours()).slice(-2) + \":\" + (\"0\" + now.getMinutes()).slice(-2) + \":\" + (\"0\" + now.getSeconds()).slice(-2) + \":\" + (\"00\" + now.getMilliseconds()).slice(-3),\n\t\t\t\tmethod = loglevels[loglevel - 1],\n\t\t\t\targs = Array.prototype.splice.call(arguments, 1),\n\t\t\t\tfunc = Function.prototype.bind.call(console[method], console);\n\t\t\targs.unshift(time);\n\t\t\tfunc.apply(console, args);\n\t\t};\n\n\t\t/**\n\t\t * ------------------------------\n\t\t * type testing\n\t\t * ------------------------------\n\t\t */\n\n\t\tvar _type = U.type = function (v) {\n\t\t\treturn Object.prototype.toString.call(v).replace(/^\\[object (.+)\\]$/, \"$1\").toLowerCase();\n\t\t};\n\t\t_type.String = function (v) {\n\t\t\treturn _type(v) === 'string';\n\t\t};\n\t\t_type.Function = function (v) {\n\t\t\treturn _type(v) === 'function';\n\t\t};\n\t\t_type.Array = function (v) {\n\t\t\treturn Array.isArray(v);\n\t\t};\n\t\t_type.Number = function (v) {\n\t\t\treturn !_type.Array(v) && (v - parseFloat(v) + 1) >= 0;\n\t\t};\n\t\t_type.DomElement = function (o) {\n\t\t\treturn (\n\t\t\ttypeof HTMLElement === \"object\" ? o instanceof HTMLElement : //DOM2\n\t\t\to && typeof o === \"object\" && o !== null && o.nodeType === 1 && typeof o.nodeName === \"string\");\n\t\t};\n\n\t\t/**\n\t\t * ------------------------------\n\t\t * DOM Element info\n\t\t * ------------------------------\n\t\t */\n\t\t// always returns a list of matching DOM elements, from a selector, a DOM element or an list of elements or even an array of selectors\n\t\tvar _get = U.get = {};\n\t\t_get.elements = function (selector) {\n\t\t\tvar arr = [];\n\t\t\tif (_type.String(selector)) {\n\t\t\t\ttry {\n\t\t\t\t\tselector = document.querySelectorAll(selector);\n\t\t\t\t} catch (e) { // invalid selector\n\t\t\t\t\treturn arr;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (_type(selector) === 'nodelist' || _type.Array(selector)) {\n\t\t\t\tfor (var i = 0, ref = arr.length = selector.length; i < ref; i++) { // list of elements\n\t\t\t\t\tvar elem = selector[i];\n\t\t\t\t\tarr[i] = _type.DomElement(elem) ? elem : _get.elements(elem); // if not an element, try to resolve recursively\n\t\t\t\t}\n\t\t\t} else if (_type.DomElement(selector) || selector === document || selector === window) {\n\t\t\t\tarr = [selector]; // only the element\n\t\t\t}\n\t\t\treturn arr;\n\t\t};\n\t\t// get scroll top value\n\t\t_get.scrollTop = function (elem) {\n\t\t\treturn (elem && typeof elem.scrollTop === 'number') ? elem.scrollTop : window.pageYOffset || 0;\n\t\t};\n\t\t// get scroll left value\n\t\t_get.scrollLeft = function (elem) {\n\t\t\treturn (elem && typeof elem.scrollLeft === 'number') ? elem.scrollLeft : window.pageXOffset || 0;\n\t\t};\n\t\t// get element height\n\t\t_get.width = function (elem, outer, includeMargin) {\n\t\t\treturn _dimension('width', elem, outer, includeMargin);\n\t\t};\n\t\t// get element width\n\t\t_get.height = function (elem, outer, includeMargin) {\n\t\t\treturn _dimension('height', elem, outer, includeMargin);\n\t\t};\n\n\t\t// get element position (optionally relative to viewport)\n\t\t_get.offset = function (elem, relativeToViewport) {\n\t\t\tvar offset = {\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0\n\t\t\t};\n\t\t\tif (elem && elem.getBoundingClientRect) { // check if available\n\t\t\t\tvar rect = elem.getBoundingClientRect();\n\t\t\t\toffset.top = rect.top;\n\t\t\t\toffset.left = rect.left;\n\t\t\t\tif (!relativeToViewport) { // clientRect is by default relative to viewport...\n\t\t\t\t\toffset.top += _get.scrollTop();\n\t\t\t\t\toffset.left += _get.scrollLeft();\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn offset;\n\t\t};\n\n\t\t/**\n\t\t * ------------------------------\n\t\t * DOM Element manipulation\n\t\t * ------------------------------\n\t\t */\n\n\t\tU.addClass = function (elem, classname) {\n\t\t\tif (classname) {\n\t\t\t\tif (elem.classList) elem.classList.add(classname);\n\t\t\t\telse elem.className += ' ' + classname;\n\t\t\t}\n\t\t};\n\t\tU.removeClass = function (elem, classname) {\n\t\t\tif (classname) {\n\t\t\t\tif (elem.classList) elem.classList.remove(classname);\n\t\t\t\telse elem.className = elem.className.replace(new RegExp('(^|\\\\b)' + classname.split(' ').join('|') + '(\\\\b|$)', 'gi'), ' ');\n\t\t\t}\n\t\t};\n\t\t// if options is string -> returns css value\n\t\t// if options is array -> returns object with css value pairs\n\t\t// if options is object -> set new css values\n\t\tU.css = function (elem, options) {\n\t\t\tif (_type.String(options)) {\n\t\t\t\treturn _getComputedStyle(elem)[_camelCase(options)];\n\t\t\t} else if (_type.Array(options)) {\n\t\t\t\tvar\n\t\t\t\tobj = {},\n\t\t\t\t\tstyle = _getComputedStyle(elem);\n\t\t\t\toptions.forEach(function (option, key) {\n\t\t\t\t\tobj[option] = style[_camelCase(option)];\n\t\t\t\t});\n\t\t\t\treturn obj;\n\t\t\t} else {\n\t\t\t\tfor (var option in options) {\n\t\t\t\t\tvar val = options[option];\n\t\t\t\t\tif (val == parseFloat(val)) { // assume pixel for seemingly numerical values\n\t\t\t\t\t\tval += 'px';\n\t\t\t\t\t}\n\t\t\t\t\telem.style[_camelCase(option)] = val;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\treturn U;\n\t}(window || {}));\n\n\tScrollMagic.Scene.prototype.addIndicators = function () {\n\t\tScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling addIndicators() due to missing Plugin \\'debug.addIndicators\\'. Please make sure to include plugins/debug.addIndicators.js');\n\t\treturn this;\n\t}\n\tScrollMagic.Scene.prototype.removeIndicators = function () {\n\t\tScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling removeIndicators() due to missing Plugin \\'debug.addIndicators\\'. Please make sure to include plugins/debug.addIndicators.js');\n\t\treturn this;\n\t}\n\tScrollMagic.Scene.prototype.setTween = function () {\n\t\tScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling setTween() due to missing Plugin \\'animation.gsap\\'. Please make sure to include plugins/animation.gsap.js');\n\t\treturn this;\n\t}\n\tScrollMagic.Scene.prototype.removeTween = function () {\n\t\tScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling removeTween() due to missing Plugin \\'animation.gsap\\'. Please make sure to include plugins/animation.gsap.js');\n\t\treturn this;\n\t}\n\tScrollMagic.Scene.prototype.setVelocity = function () {\n\t\tScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling setVelocity() due to missing Plugin \\'animation.velocity\\'. Please make sure to include plugins/animation.velocity.js');\n\t\treturn this;\n\t}\n\tScrollMagic.Scene.prototype.removeVelocity = function () {\n\t\tScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling removeVelocity() due to missing Plugin \\'animation.velocity\\'. Please make sure to include plugins/animation.velocity.js');\n\t\treturn this;\n\t}\n\n\treturn ScrollMagic;\n}));","/*!\n * ScrollMagic v2.0.5 (2015-04-29)\n * The javascript library for magical scroll interactions.\n * (c) 2015 Jan Paepke (@janpaepke)\n * Project Website: http://scrollmagic.io\n * \n * @version 2.0.5\n * @license Dual licensed under MIT license and GPL.\n * @author Jan Paepke - e-mail@janpaepke.de\n *\n * @file ScrollMagic GSAP Animation Plugin.\n *\n * requires: GSAP ~1.14\n * Powered by the Greensock Animation Platform (GSAP): http://www.greensock.com/js\n * Greensock License info at http://www.greensock.com/licensing/\n */\n/**\n * This plugin is meant to be used in conjunction with the Greensock Animation Plattform. \n * It offers an easy API to trigger Tweens or synchronize them to the scrollbar movement.\n *\n * Both the `lite` and the `max` versions of the GSAP library are supported. \n * The most basic requirement is `TweenLite`.\n * \n * To have access to this extension, please include `plugins/animation.gsap.js`.\n * @requires {@link http://greensock.com/gsap|GSAP ~1.14.x}\n * @mixin animation.GSAP\n */\n(function (root, factory) {\n\tif (typeof define === 'function' && define.amd) {\n\t\t// AMD. Register as an anonymous module.\n\t\tdefine(['ScrollMagic', 'TweenMax', 'TimelineMax'], factory);\n\t} else if (typeof exports === 'object') {\n\t\t// CommonJS\n\t\t// Loads whole gsap package onto global scope.\n\t\trequire('gsap');\n\t\tfactory(require('scrollmagic'), TweenMax, TimelineMax);\n\t} else {\n\t\t// Browser globals\n\t\tfactory(root.ScrollMagic || (root.jQuery && root.jQuery.ScrollMagic), root.TweenMax || root.TweenLite, root.TimelineMax || root.TimelineLite);\n\t}\n}(this, function (ScrollMagic, Tween, Timeline) {\n\t\"use strict\";\n\tvar NAMESPACE = \"animation.gsap\";\n\n\tvar\n\tconsole = window.console || {},\n\t\terr = Function.prototype.bind.call(console.error || console.log ||\n\t\tfunction () {}, console);\n\tif (!ScrollMagic) {\n\t\terr(\"(\" + NAMESPACE + \") -> ERROR: The ScrollMagic main module could not be found. Please make sure it's loaded before this plugin or use an asynchronous loader like requirejs.\");\n\t}\n\tif (!Tween) {\n\t\terr(\"(\" + NAMESPACE + \") -> ERROR: TweenLite or TweenMax could not be found. Please make sure GSAP is loaded before ScrollMagic or use an asynchronous loader like requirejs.\");\n\t}\n\n/*\n\t * ----------------------------------------------------------------\n\t * Extensions for Scene\n\t * ----------------------------------------------------------------\n\t */\n\t/**\n\t * Every instance of ScrollMagic.Scene now accepts an additional option. \n\t * See {@link ScrollMagic.Scene} for a complete list of the standard options.\n\t * @memberof! animation.GSAP#\n\t * @method new ScrollMagic.Scene(options)\n\t * @example\n\t * var scene = new ScrollMagic.Scene({tweenChanges: true});\n\t *\n\t * @param {object} [options] - Options for the Scene. The options can be updated at any time.\n\t * @param {boolean} [options.tweenChanges=false] - Tweens Animation to the progress target instead of setting it. \n\t Does not affect animations where duration is `0`.\n\t */\n\t/**\n\t * **Get** or **Set** the tweenChanges option value. \n\t * This only affects scenes with a duration. If `tweenChanges` is `true`, the progress update when scrolling will not be immediate, but instead the animation will smoothly animate to the target state. \n\t * For a better understanding, try enabling and disabling this option in the [Scene Manipulation Example](../examples/basic/scene_manipulation.html).\n\t * @memberof! animation.GSAP#\n\t * @method Scene.tweenChanges\n\t * \n\t * @example\n\t * // get the current tweenChanges option\n\t * var tweenChanges = scene.tweenChanges();\n\t *\n\t * // set new tweenChanges option\n\t * scene.tweenChanges(true);\n\t *\n\t * @fires {@link Scene.change}, when used as setter\n\t * @param {boolean} [newTweenChanges] - The new tweenChanges setting of the scene.\n\t * @returns {boolean} `get` - Current tweenChanges option value.\n\t * @returns {Scene} `set` - Parent object for chaining.\n\t */\n\t// add option (TODO: DOC (private for dev))\n\tScrollMagic.Scene.addOption(\"tweenChanges\", // name\n\tfalse, // default\n\n\n\tfunction (val) { // validation callback\n\t\treturn !!val;\n\t});\n\t// extend scene\n\tScrollMagic.Scene.extend(function () {\n\t\tvar Scene = this,\n\t\t\t_tween;\n\n\t\tvar log = function () {\n\t\t\tif (Scene._log) { // not available, when main source minified\n\t\t\t\tArray.prototype.splice.call(arguments, 1, 0, \"(\" + NAMESPACE + \")\", \"->\");\n\t\t\t\tScene._log.apply(this, arguments);\n\t\t\t}\n\t\t};\n\n\t\t// set listeners\n\t\tScene.on(\"progress.plugin_gsap\", function () {\n\t\t\tupdateTweenProgress();\n\t\t});\n\t\tScene.on(\"destroy.plugin_gsap\", function (e) {\n\t\t\tScene.removeTween(e.reset);\n\t\t});\n\n\t\t/**\n\t\t * Update the tween progress to current position.\n\t\t * @private\n\t\t */\n\t\tvar updateTweenProgress = function () {\n\t\t\tif (_tween) {\n\t\t\t\tvar\n\t\t\t\tprogress = Scene.progress(),\n\t\t\t\t\tstate = Scene.state();\n\t\t\t\tif (_tween.repeat && _tween.repeat() === -1) {\n\t\t\t\t\t// infinite loop, so not in relation to progress\n\t\t\t\t\tif (state === 'DURING' && _tween.paused()) {\n\t\t\t\t\t\t_tween.play();\n\t\t\t\t\t} else if (state !== 'DURING' && !_tween.paused()) {\n\t\t\t\t\t\t_tween.pause();\n\t\t\t\t\t}\n\t\t\t\t} else if (progress != _tween.progress()) { // do we even need to update the progress?\n\t\t\t\t\t// no infinite loop - so should we just play or go to a specific point in time?\n\t\t\t\t\tif (Scene.duration() === 0) {\n\t\t\t\t\t\t// play the animation\n\t\t\t\t\t\tif (progress > 0) { // play from 0 to 1\n\t\t\t\t\t\t\t_tween.play();\n\t\t\t\t\t\t} else { // play from 1 to 0\n\t\t\t\t\t\t\t_tween.reverse();\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// go to a specific point in time\n\t\t\t\t\t\tif (Scene.tweenChanges() && _tween.tweenTo) {\n\t\t\t\t\t\t\t// go smooth\n\t\t\t\t\t\t\t_tween.tweenTo(progress * _tween.duration());\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// just hard set it\n\t\t\t\t\t\t\t_tween.progress(progress).pause();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Add a tween to the scene. \n\t\t * If you want to add multiple tweens, add them into a GSAP Timeline object and supply it instead (see example below). \n\t\t * \n\t\t * If the scene has a duration, the tween's duration will be projected to the scroll distance of the scene, meaning its progress will be synced to scrollbar movement. \n\t\t * For a scene with a duration of `0`, the tween will be triggered when scrolling forward past the scene's trigger position and reversed, when scrolling back. \n\t\t * To gain better understanding, check out the [Simple Tweening example](../examples/basic/simple_tweening.html).\n\t\t *\n\t\t * Instead of supplying a tween this method can also be used as a shorthand for `TweenMax.to()` (see example below).\n\t\t * @memberof! animation.GSAP#\n\t\t *\n\t\t * @example\n\t\t * // add a single tween directly\n\t\t * scene.setTween(TweenMax.to(\"obj\"), 1, {x: 100});\n\t\t *\n\t\t * // add a single tween via variable\n\t\t * var tween = TweenMax.to(\"obj\"), 1, {x: 100};\n\t\t * scene.setTween(tween);\n\t\t *\n\t\t * // add multiple tweens, wrapped in a timeline.\n\t\t * var timeline = new TimelineMax();\n\t\t * var tween1 = TweenMax.from(\"obj1\", 1, {x: 100});\n\t\t * var tween2 = TweenMax.to(\"obj2\", 1, {y: 100});\n\t\t * timeline\n\t\t *\t\t.add(tween1)\n\t\t *\t\t.add(tween2);\n\t\t * scene.addTween(timeline);\n\t\t *\n\t\t * // short hand to add a TweenMax.to() tween\n\t\t * scene.setTween(\"obj3\", 0.5, {y: 100});\n\t\t *\n\t\t * // short hand to add a TweenMax.to() tween for 1 second\n\t\t * // this is useful, when the scene has a duration and the tween duration isn't important anyway\n\t\t * scene.setTween(\"obj3\", {y: 100});\n\t\t *\n\t\t * @param {(object|string)} TweenObject - A TweenMax, TweenLite, TimelineMax or TimelineLite object that should be animated in the scene. Can also be a Dom Element or Selector, when using direct tween definition (see examples).\n\t\t * @param {(number|object)} duration - A duration for the tween, or tween parameters. If an object containing parameters are supplied, a default duration of 1 will be used.\n\t\t * @param {object} params - The parameters for the tween\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tScene.setTween = function (TweenObject, duration, params) {\n\t\t\tvar newTween;\n\t\t\tif (arguments.length > 1) {\n\t\t\t\tif (arguments.length < 3) {\n\t\t\t\t\tparams = duration;\n\t\t\t\t\tduration = 1;\n\t\t\t\t}\n\t\t\t\tTweenObject = Tween.to(TweenObject, duration, params);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\t// wrap Tween into a Timeline Object if available to include delay and repeats in the duration and standardize methods.\n\t\t\t\tif (Timeline) {\n\t\t\t\t\tnewTween = new Timeline({\n\t\t\t\t\t\tsmoothChildTiming: true\n\t\t\t\t\t}).add(TweenObject);\n\t\t\t\t} else {\n\t\t\t\t\tnewTween = TweenObject;\n\t\t\t\t}\n\t\t\t\tnewTween.pause();\n\t\t\t} catch (e) {\n\t\t\t\tlog(1, \"ERROR calling method 'setTween()': Supplied argument is not a valid TweenObject\");\n\t\t\t\treturn Scene;\n\t\t\t}\n\t\t\tif (_tween) { // kill old tween?\n\t\t\t\tScene.removeTween();\n\t\t\t}\n\t\t\t_tween = newTween;\n\n\t\t\t// some properties need to be transferred it to the wrapper, otherwise they would get lost.\n\t\t\tif (TweenObject.repeat && TweenObject.repeat() === -1) { // TweenMax or TimelineMax Object?\n\t\t\t\t_tween.repeat(-1);\n\t\t\t\t_tween.yoyo(TweenObject.yoyo());\n\t\t\t}\n\t\t\t// Some tween validations and debugging helpers\n\t\t\tif (Scene.tweenChanges() && !_tween.tweenTo) {\n\t\t\t\tlog(2, \"WARNING: tweenChanges will only work if the TimelineMax object is available for ScrollMagic.\");\n\t\t\t}\n\n\t\t\t// check if there are position tweens defined for the trigger and warn about it :)\n\t\t\tif (_tween && Scene.controller() && Scene.triggerElement() && Scene.loglevel() >= 2) { // controller is needed to know scroll direction.\n\t\t\t\tvar\n\t\t\t\ttriggerTweens = Tween.getTweensOf(Scene.triggerElement()),\n\t\t\t\t\tvertical = Scene.controller().info(\"vertical\");\n\t\t\t\ttriggerTweens.forEach(function (value, index) {\n\t\t\t\t\tvar\n\t\t\t\t\ttweenvars = value.vars.css || value.vars,\n\t\t\t\t\t\tcondition = vertical ? (tweenvars.top !== undefined || tweenvars.bottom !== undefined) : (tweenvars.left !== undefined || tweenvars.right !== undefined);\n\t\t\t\t\tif (condition) {\n\t\t\t\t\t\tlog(2, \"WARNING: Tweening the position of the trigger element affects the scene timing and should be avoided!\");\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// warn about tween overwrites, when an element is tweened multiple times\n\t\t\tif (parseFloat(TweenLite.version) >= 1.14) { // onOverwrite only present since GSAP v1.14.0\n\t\t\t\tvar\n\t\t\t\tlist = _tween.getChildren ? _tween.getChildren(true, true, false) : [_tween],\n\t\t\t\t\t// get all nested tween objects\n\t\t\t\t\tnewCallback = function () {\n\t\t\t\t\t\tlog(2, \"WARNING: tween was overwritten by another. To learn how to avoid this issue see here: https://github.com/janpaepke/ScrollMagic/wiki/WARNING:-tween-was-overwritten-by-another\");\n\t\t\t\t\t};\n\t\t\t\tfor (var i = 0, thisTween, oldCallback; i < list.length; i++) { /*jshint loopfunc: true */\n\t\t\t\t\tthisTween = list[i];\n\t\t\t\t\tif (oldCallback !== newCallback) { // if tweens is added more than once\n\t\t\t\t\t\toldCallback = thisTween.vars.onOverwrite;\n\t\t\t\t\t\tthisTween.vars.onOverwrite = function () {\n\t\t\t\t\t\t\tif (oldCallback) {\n\t\t\t\t\t\t\t\toldCallback.apply(this, arguments);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tnewCallback.apply(this, arguments);\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tlog(3, \"added tween\");\n\n\t\t\tupdateTweenProgress();\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * Remove the tween from the scene. \n\t\t * This will terminate the control of the Scene over the tween.\n\t\t *\n\t\t * Using the reset option you can decide if the tween should remain in the current state or be rewound to set the target elements back to the state they were in before the tween was added to the scene.\n\t\t * @memberof! animation.GSAP#\n\t\t *\n\t\t * @example\n\t\t * // remove the tween from the scene without resetting it\n\t\t * scene.removeTween();\n\t\t *\n\t\t * // remove the tween from the scene and reset it to initial position\n\t\t * scene.removeTween(true);\n\t\t *\n\t\t * @param {boolean} [reset=false] - If `true` the tween will be reset to its initial values.\n\t\t * @returns {Scene} Parent object for chaining.\n\t\t */\n\t\tScene.removeTween = function (reset) {\n\t\t\tif (_tween) {\n\t\t\t\tif (reset) {\n\t\t\t\t\t_tween.progress(0).pause();\n\t\t\t\t}\n\t\t\t\t_tween.kill();\n\t\t\t\t_tween = undefined;\n\t\t\t\tlog(3, \"removed tween (reset: \" + (reset ? \"true\" : \"false\") + \")\");\n\t\t\t}\n\t\t\treturn Scene;\n\t\t};\n\n\t});\n}));","/*!\n * ScrollMagic v2.0.5 (2015-04-29)\n * The javascript library for magical scroll interactions.\n * (c) 2015 Jan Paepke (@janpaepke)\n * Project Website: http://scrollmagic.io\n * \n * @version 2.0.5\n * @license Dual licensed under MIT license and GPL.\n * @author Jan Paepke - e-mail@janpaepke.de\n *\n * @file Debug Extension for ScrollMagic.\n */\n/**\n * This plugin was formerly known as the ScrollMagic debug extension.\n *\n * It enables you to add visual indicators to your page, to be able to see exactly when a scene is triggered.\n *\n * To have access to this extension, please include `plugins/debug.addIndicators.js`.\n * @mixin debug.addIndicators\n */\n(function (root, factory) {\n\tif (typeof define === 'function' && define.amd) {\n\t\t// AMD. Register as an anonymous module.\n\t\tdefine(['ScrollMagic'], factory);\n\t} else if (typeof exports === 'object') {\n\t\t// CommonJS\n\t\tfactory(require('scrollmagic'));\n\t} else {\n\t\t// no browser global export needed, just execute\n\t\tfactory(root.ScrollMagic || (root.jQuery && root.jQuery.ScrollMagic));\n\t}\n}(this, function (ScrollMagic) {\n\t\"use strict\";\n\tvar NAMESPACE = \"debug.addIndicators\";\n\n\tvar\n\tconsole = window.console || {},\n\t\terr = Function.prototype.bind.call(console.error || console.log ||\n\t\tfunction () {}, console);\n\tif (!ScrollMagic) {\n\t\terr(\"(\" + NAMESPACE + \") -> ERROR: The ScrollMagic main module could not be found. Please make sure it's loaded before this plugin or use an asynchronous loader like requirejs.\");\n\t}\n\n\t// plugin settings\n\tvar\n\tFONT_SIZE = \"0.85em\",\n\t\tZINDEX = \"9999\",\n\t\tEDGE_OFFSET = 15; // minimum edge distance, added to indentation\n\n\t// overall vars\n\tvar\n\t_util = ScrollMagic._util,\n\t\t_autoindex = 0;\n\n\n\n\tScrollMagic.Scene.extend(function () {\n\t\tvar\n\t\tScene = this,\n\t\t\t_indicator;\n\n\t\tvar log = function () {\n\t\t\tif (Scene._log) { // not available, when main source minified\n\t\t\t\tArray.prototype.splice.call(arguments, 1, 0, \"(\" + NAMESPACE + \")\", \"->\");\n\t\t\t\tScene._log.apply(this, arguments);\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Add visual indicators for a ScrollMagic.Scene. \n\t\t * @memberof! debug.addIndicators#\n\t\t *\n\t\t * @example\n\t\t * // add basic indicators\n\t\t * scene.addIndicators()\n\t\t *\n\t\t * // passing options\n\t\t * scene.addIndicators({name: \"pin scene\", colorEnd: \"#FFFFFF\"});\n\t\t *\n\t\t * @param {object} [options] - An object containing one or more options for the indicators.\n\t\t * @param {(string|object)} [options.parent=undefined] - A selector, DOM Object or a jQuery object that the indicators should be added to. \n\t\t If undefined, the controller's container will be used.\n\t\t * @param {number} [options.name=\"\"] - This string will be displayed at the start and end indicators of the scene for identification purposes. If no name is supplied an automatic index will be used.\n\t\t * @param {number} [options.indent=0] - Additional position offset for the indicators (useful, when having multiple scenes starting at the same position).\n\t\t * @param {string} [options.colorStart=green] - CSS color definition for the start indicator.\n\t\t * @param {string} [options.colorEnd=red] - CSS color definition for the end indicator.\n\t\t * @param {string} [options.colorTrigger=blue] - CSS color definition for the trigger indicator.\n\t\t */\n\t\tScene.addIndicators = function (options) {\n\t\t\tif (!_indicator) {\n\t\t\t\tvar\n\t\t\t\tDEFAULT_OPTIONS = {\n\t\t\t\t\tname: \"\",\n\t\t\t\t\tindent: 0,\n\t\t\t\t\tparent: undefined,\n\t\t\t\t\tcolorStart: \"green\",\n\t\t\t\t\tcolorEnd: \"red\",\n\t\t\t\t\tcolorTrigger: \"blue\",\n\t\t\t\t};\n\n\t\t\t\toptions = _util.extend({}, DEFAULT_OPTIONS, options);\n\n\t\t\t\t_autoindex++;\n\t\t\t\t_indicator = new Indicator(Scene, options);\n\n\t\t\t\tScene.on(\"add.plugin_addIndicators\", _indicator.add);\n\t\t\t\tScene.on(\"remove.plugin_addIndicators\", _indicator.remove);\n\t\t\t\tScene.on(\"destroy.plugin_addIndicators\", Scene.removeIndicators);\n\n\t\t\t\t// it the scene already has a controller we can start right away.\n\t\t\t\tif (Scene.controller()) {\n\t\t\t\t\t_indicator.add();\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn Scene;\n\t\t};\n\n\t\t/**\n\t\t * Removes visual indicators from a ScrollMagic.Scene.\n\t\t * @memberof! debug.addIndicators#\n\t\t *\n\t\t * @example\n\t\t * // remove previously added indicators\n\t\t * scene.removeIndicators()\n\t\t *\n\t\t */\n\t\tScene.removeIndicators = function () {\n\t\t\tif (_indicator) {\n\t\t\t\t_indicator.remove();\n\t\t\t\tthis.off(\"*.plugin_addIndicators\");\n\t\t\t\t_indicator = undefined;\n\t\t\t}\n\t\t\treturn Scene;\n\t\t};\n\n\t});\n\n\n/*\n\t * ----------------------------------------------------------------\n\t * Extension for controller to store and update related indicators\n\t * ----------------------------------------------------------------\n\t */\n\t// add option to globally auto-add indicators to scenes\n\t/**\n\t * Every ScrollMagic.Controller instance now accepts an additional option. \n\t * See {@link ScrollMagic.Controller} for a complete list of the standard options.\n\t * @memberof! debug.addIndicators#\n\t * @method new ScrollMagic.Controller(options)\n\t * @example\n\t * // make a controller and add indicators to all scenes attached\n\t * var controller = new ScrollMagic.Controller({addIndicators: true});\n\t * // this scene will automatically have indicators added to it\n\t * new ScrollMagic.Scene()\n\t * .addTo(controller);\n\t *\n\t * @param {object} [options] - Options for the Controller.\n\t * @param {boolean} [options.addIndicators=false] - If set to `true` every scene that is added to the controller will automatically get indicators added to it.\n\t */\n\tScrollMagic.Controller.addOption(\"addIndicators\", false);\n\t// extend Controller\n\tScrollMagic.Controller.extend(function () {\n\t\tvar\n\t\tController = this,\n\t\t\t_info = Controller.info(),\n\t\t\t_container = _info.container,\n\t\t\t_isDocument = _info.isDocument,\n\t\t\t_vertical = _info.vertical,\n\t\t\t_indicators = { // container for all indicators and methods\n\t\t\t\tgroups: []\n\t\t\t};\n\n\t\tvar log = function () {\n\t\t\tif (Controller._log) { // not available, when main source minified\n\t\t\t\tArray.prototype.splice.call(arguments, 1, 0, \"(\" + NAMESPACE + \")\", \"->\");\n\t\t\t\tController._log.apply(this, arguments);\n\t\t\t}\n\t\t};\n\t\tif (Controller._indicators) {\n\t\t\tlog(2, \"WARNING: Scene already has a property '_indicators', which will be overwritten by plugin.\");\n\t\t}\n\n\t\t// add indicators container\n\t\tthis._indicators = _indicators;\n/*\n\t\t\tneeded updates:\n\t\t\t+++++++++++++++\n\t\t\tstart/end position on scene shift (handled in Indicator class)\n\t\t\ttrigger parameters on triggerHook value change (handled in Indicator class)\n\t\t\tbounds position on container scroll or resize (to keep alignment to bottom/right)\n\t\t\ttrigger position on container resize, window resize (if container isn't document) and window scroll (if container isn't document)\n\t\t*/\n\n\t\t// event handler for when associated bounds markers need to be repositioned\n\t\tvar handleBoundsPositionChange = function () {\n\t\t\t_indicators.updateBoundsPositions();\n\t\t};\n\n\t\t// event handler for when associated trigger groups need to be repositioned\n\t\tvar handleTriggerPositionChange = function () {\n\t\t\t_indicators.updateTriggerGroupPositions();\n\t\t};\n\n\t\t_container.addEventListener(\"resize\", handleTriggerPositionChange);\n\t\tif (!_isDocument) {\n\t\t\twindow.addEventListener(\"resize\", handleTriggerPositionChange);\n\t\t\twindow.addEventListener(\"scroll\", handleTriggerPositionChange);\n\t\t}\n\t\t// update all related bounds containers\n\t\t_container.addEventListener(\"resize\", handleBoundsPositionChange);\n\t\t_container.addEventListener(\"scroll\", handleBoundsPositionChange);\n\n\n\t\t// updates the position of the bounds container to aligned to the right for vertical containers and to the bottom for horizontal\n\t\tthis._indicators.updateBoundsPositions = function (specificIndicator) {\n\t\t\tvar // constant for all bounds\n\t\t\tgroups = specificIndicator ? [_util.extend({}, specificIndicator.triggerGroup, {\n\t\t\t\tmembers: [specificIndicator]\n\t\t\t})] : // create a group with only one element\n\t\t\t_indicators.groups,\n\t\t\t\t// use all\n\t\t\t\tg = groups.length,\n\t\t\t\tcss = {},\n\t\t\t\tparamPos = _vertical ? \"left\" : \"top\",\n\t\t\t\tparamDimension = _vertical ? \"width\" : \"height\",\n\t\t\t\tedge = _vertical ? _util.get.scrollLeft(_container) + _util.get.width(_container) - EDGE_OFFSET : _util.get.scrollTop(_container) + _util.get.height(_container) - EDGE_OFFSET,\n\t\t\t\tb, triggerSize, group;\n\t\t\twhile (g--) { // group loop\n\t\t\t\tgroup = groups[g];\n\t\t\t\tb = group.members.length;\n\t\t\t\ttriggerSize = _util.get[paramDimension](group.element.firstChild);\n\t\t\t\twhile (b--) { // indicators loop\n\t\t\t\t\tcss[paramPos] = edge - triggerSize;\n\t\t\t\t\t_util.css(group.members[b].bounds, css);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t// updates the positions of all trigger groups attached to a controller or a specific one, if provided\n\t\tthis._indicators.updateTriggerGroupPositions = function (specificGroup) {\n\t\t\tvar // constant vars\n\t\t\tgroups = specificGroup ? [specificGroup] : _indicators.groups,\n\t\t\t\ti = groups.length,\n\t\t\t\tcontainer = _isDocument ? document.body : _container,\n\t\t\t\tcontainerOffset = _isDocument ? {\n\t\t\t\t\ttop: 0,\n\t\t\t\t\tleft: 0\n\t\t\t\t} : _util.get.offset(container, true),\n\t\t\t\tedge = _vertical ? _util.get.width(_container) - EDGE_OFFSET : _util.get.height(_container) - EDGE_OFFSET,\n\t\t\t\tparamDimension = _vertical ? \"width\" : \"height\",\n\t\t\t\tparamTransform = _vertical ? \"Y\" : \"X\";\n\t\t\tvar // changing vars\n\t\t\tgroup, elem, pos, elemSize, transform;\n\t\t\twhile (i--) {\n\t\t\t\tgroup = groups[i];\n\t\t\t\telem = group.element;\n\t\t\t\tpos = group.triggerHook * Controller.info(\"size\");\n\t\t\t\telemSize = _util.get[paramDimension](elem.firstChild.firstChild);\n\t\t\t\ttransform = pos > elemSize ? \"translate\" + paramTransform + \"(-100%)\" : \"\";\n\n\t\t\t\t_util.css(elem, {\n\t\t\t\t\ttop: containerOffset.top + (_vertical ? pos : edge - group.members[0].options.indent),\n\t\t\t\t\tleft: containerOffset.left + (_vertical ? edge - group.members[0].options.indent : pos)\n\t\t\t\t});\n\t\t\t\t_util.css(elem.firstChild.firstChild, {\n\t\t\t\t\t\"-ms-transform\": transform,\n\t\t\t\t\t\"-webkit-transform\": transform,\n\t\t\t\t\t\"transform\": transform\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\t// updates the label for the group to contain the name, if it only has one member\n\t\tthis._indicators.updateTriggerGroupLabel = function (group) {\n\t\t\tvar\n\t\t\ttext = \"trigger\" + (group.members.length > 1 ? \"\" : \" \" + group.members[0].options.name),\n\t\t\t\telem = group.element.firstChild.firstChild,\n\t\t\t\tdoUpdate = elem.textContent !== text;\n\t\t\tif (doUpdate) {\n\t\t\t\telem.textContent = text;\n\t\t\t\tif (_vertical) { // bounds position is dependent on text length, so update\n\t\t\t\t\t_indicators.updateBoundsPositions();\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t// add indicators if global option is set\n\t\tthis.addScene = function (newScene) {\n\n\t\t\tif (this._options.addIndicators && newScene instanceof ScrollMagic.Scene && newScene.controller() === Controller) {\n\t\t\t\tnewScene.addIndicators();\n\t\t\t}\n\t\t\t// call original destroy method\n\t\t\tthis.$super.addScene.apply(this, arguments);\n\t\t};\n\n\t\t// remove all previously set listeners on destroy\n\t\tthis.destroy = function () {\n\t\t\t_container.removeEventListener(\"resize\", handleTriggerPositionChange);\n\t\t\tif (!_isDocument) {\n\t\t\t\twindow.removeEventListener(\"resize\", handleTriggerPositionChange);\n\t\t\t\twindow.removeEventListener(\"scroll\", handleTriggerPositionChange);\n\t\t\t}\n\t\t\t_container.removeEventListener(\"resize\", handleBoundsPositionChange);\n\t\t\t_container.removeEventListener(\"scroll\", handleBoundsPositionChange);\n\t\t\t// call original destroy method\n\t\t\tthis.$super.destroy.apply(this, arguments);\n\t\t};\n\t\treturn Controller;\n\n\t});\n\n/*\n\t * ----------------------------------------------------------------\n\t * Internal class for the construction of Indicators\n\t * ----------------------------------------------------------------\n\t */\n\tvar Indicator = function (Scene, options) {\n\t\tvar\n\t\tIndicator = this,\n\t\t\t_elemBounds = TPL.bounds(),\n\t\t\t_elemStart = TPL.start(options.colorStart),\n\t\t\t_elemEnd = TPL.end(options.colorEnd),\n\t\t\t_boundsContainer = options.parent && _util.get.elements(options.parent)[0],\n\t\t\t_vertical, _ctrl;\n\n\t\tvar log = function () {\n\t\t\tif (Scene._log) { // not available, when main source minified\n\t\t\t\tArray.prototype.splice.call(arguments, 1, 0, \"(\" + NAMESPACE + \")\", \"->\");\n\t\t\t\tScene._log.apply(this, arguments);\n\t\t\t}\n\t\t};\n\n\t\toptions.name = options.name || _autoindex;\n\n\t\t// prepare bounds elements\n\t\t_elemStart.firstChild.textContent += \" \" + options.name;\n\t\t_elemEnd.textContent += \" \" + options.name;\n\t\t_elemBounds.appendChild(_elemStart);\n\t\t_elemBounds.appendChild(_elemEnd);\n\n\t\t// set public variables\n\t\tIndicator.options = options;\n\t\tIndicator.bounds = _elemBounds;\n\t\t// will be set later\n\t\tIndicator.triggerGroup = undefined;\n\n\t\t// add indicators to DOM\n\t\tthis.add = function () {\n\t\t\t_ctrl = Scene.controller();\n\t\t\t_vertical = _ctrl.info(\"vertical\");\n\n\t\t\tvar isDocument = _ctrl.info(\"isDocument\");\n\n\t\t\tif (!_boundsContainer) {\n\t\t\t\t// no parent supplied or doesnt exist\n\t\t\t\t_boundsContainer = isDocument ? document.body : _ctrl.info(\"container\"); // check if window/document (then use body)\n\t\t\t}\n\t\t\tif (!isDocument && _util.css(_boundsContainer, \"position\") === 'static') {\n\t\t\t\t// position mode needed for correct positioning of indicators\n\t\t\t\t_util.css(_boundsContainer, {\n\t\t\t\t\tposition: \"relative\"\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// add listeners for updates\n\t\t\tScene.on(\"change.plugin_addIndicators\", handleTriggerParamsChange);\n\t\t\tScene.on(\"shift.plugin_addIndicators\", handleBoundsParamsChange);\n\n\t\t\t// updates trigger & bounds (will add elements if needed)\n\t\t\tupdateTriggerGroup();\n\t\t\tupdateBounds();\n\n\t\t\tsetTimeout(function () { // do after all execution is finished otherwise sometimes size calculations are off\n\t\t\t\t_ctrl._indicators.updateBoundsPositions(Indicator);\n\t\t\t}, 0);\n\n\t\t\tlog(3, \"added indicators\");\n\t\t};\n\n\t\t// remove indicators from DOM\n\t\tthis.remove = function () {\n\t\t\tif (Indicator.triggerGroup) { // if not set there's nothing to remove\n\t\t\t\tScene.off(\"change.plugin_addIndicators\", handleTriggerParamsChange);\n\t\t\t\tScene.off(\"shift.plugin_addIndicators\", handleBoundsParamsChange);\n\n\t\t\t\tif (Indicator.triggerGroup.members.length > 1) {\n\t\t\t\t\t// just remove from memberlist of old group\n\t\t\t\t\tvar group = Indicator.triggerGroup;\n\t\t\t\t\tgroup.members.splice(group.members.indexOf(Indicator), 1);\n\t\t\t\t\t_ctrl._indicators.updateTriggerGroupLabel(group);\n\t\t\t\t\t_ctrl._indicators.updateTriggerGroupPositions(group);\n\t\t\t\t\tIndicator.triggerGroup = undefined;\n\t\t\t\t} else {\n\t\t\t\t\t// remove complete group\n\t\t\t\t\tremoveTriggerGroup();\n\t\t\t\t}\n\t\t\t\tremoveBounds();\n\n\t\t\t\tlog(3, \"removed indicators\");\n\t\t\t}\n\t\t};\n\n/*\n\t\t * ----------------------------------------------------------------\n\t\t * internal Event Handlers\n\t\t * ----------------------------------------------------------------\n\t\t */\n\n\t\t// event handler for when bounds params change\n\t\tvar handleBoundsParamsChange = function () {\n\t\t\tupdateBounds();\n\t\t};\n\n\t\t// event handler for when trigger params change\n\t\tvar handleTriggerParamsChange = function (e) {\n\t\t\tif (e.what === \"triggerHook\") {\n\t\t\t\tupdateTriggerGroup();\n\t\t\t}\n\t\t};\n\n/*\n\t\t * ----------------------------------------------------------------\n\t\t * Bounds (start / stop) management\n\t\t * ----------------------------------------------------------------\n\t\t */\n\n\t\t// adds an new bounds elements to the array and to the DOM\n\t\tvar addBounds = function () {\n\t\t\tvar v = _ctrl.info(\"vertical\");\n\t\t\t// apply stuff we didn't know before...\n\t\t\t_util.css(_elemStart.firstChild, {\n\t\t\t\t\"border-bottom-width\": v ? 1 : 0,\n\t\t\t\t\"border-right-width\": v ? 0 : 1,\n\t\t\t\t\"bottom\": v ? -1 : options.indent,\n\t\t\t\t\"right\": v ? options.indent : -1,\n\t\t\t\t\"padding\": v ? \"0 8px\" : \"2px 4px\",\n\t\t\t});\n\t\t\t_util.css(_elemEnd, {\n\t\t\t\t\"border-top-width\": v ? 1 : 0,\n\t\t\t\t\"border-left-width\": v ? 0 : 1,\n\t\t\t\t\"top\": v ? \"100%\" : \"\",\n\t\t\t\t\"right\": v ? options.indent : \"\",\n\t\t\t\t\"bottom\": v ? \"\" : options.indent,\n\t\t\t\t\"left\": v ? \"\" : \"100%\",\n\t\t\t\t\"padding\": v ? \"0 8px\" : \"2px 4px\"\n\t\t\t});\n\t\t\t// append\n\t\t\t_boundsContainer.appendChild(_elemBounds);\n\t\t};\n\n\t\t// remove bounds from list and DOM\n\t\tvar removeBounds = function () {\n\t\t\t_elemBounds.parentNode.removeChild(_elemBounds);\n\t\t};\n\n\t\t// update the start and end positions of the scene\n\t\tvar updateBounds = function () {\n\t\t\tif (_elemBounds.parentNode !== _boundsContainer) {\n\t\t\t\taddBounds(); // Add Bounds elements (start/end)\n\t\t\t}\n\t\t\tvar css = {};\n\t\t\tcss[_vertical ? \"top\" : \"left\"] = Scene.triggerPosition();\n\t\t\tcss[_vertical ? \"height\" : \"width\"] = Scene.duration();\n\t\t\t_util.css(_elemBounds, css);\n\t\t\t_util.css(_elemEnd, {\n\t\t\t\tdisplay: Scene.duration() > 0 ? \"\" : \"none\"\n\t\t\t});\n\t\t};\n\n/*\n\t\t * ----------------------------------------------------------------\n\t\t * trigger and trigger group management\n\t\t * ----------------------------------------------------------------\n\t\t */\n\n\t\t// adds an new trigger group to the array and to the DOM\n\t\tvar addTriggerGroup = function () {\n\t\t\tvar triggerElem = TPL.trigger(options.colorTrigger); // new trigger element\n\t\t\tvar css = {};\n\t\t\tcss[_vertical ? \"right\" : \"bottom\"] = 0;\n\t\t\tcss[_vertical ? \"border-top-width\" : \"border-left-width\"] = 1;\n\t\t\t_util.css(triggerElem.firstChild, css);\n\t\t\t_util.css(triggerElem.firstChild.firstChild, {\n\t\t\t\tpadding: _vertical ? \"0 8px 3px 8px\" : \"3px 4px\"\n\t\t\t});\n\t\t\tdocument.body.appendChild(triggerElem); // directly add to body\n\t\t\tvar newGroup = {\n\t\t\t\ttriggerHook: Scene.triggerHook(),\n\t\t\t\telement: triggerElem,\n\t\t\t\tmembers: [Indicator]\n\t\t\t};\n\t\t\t_ctrl._indicators.groups.push(newGroup);\n\t\t\tIndicator.triggerGroup = newGroup;\n\t\t\t// update right away\n\t\t\t_ctrl._indicators.updateTriggerGroupLabel(newGroup);\n\t\t\t_ctrl._indicators.updateTriggerGroupPositions(newGroup);\n\t\t};\n\n\t\tvar removeTriggerGroup = function () {\n\t\t\t_ctrl._indicators.groups.splice(_ctrl._indicators.groups.indexOf(Indicator.triggerGroup), 1);\n\t\t\tIndicator.triggerGroup.element.parentNode.removeChild(Indicator.triggerGroup.element);\n\t\t\tIndicator.triggerGroup = undefined;\n\t\t};\n\n\t\t// updates the trigger group -> either join existing or add new one\n/*\t\n\t\t * Logic:\n\t\t * 1 if a trigger group exist, check if it's in sync with Scene settings – if so, nothing else needs to happen\n\t\t * 2 try to find an existing one that matches Scene parameters\n\t\t * \t 2.1 If a match is found check if already assigned to an existing group\n\t\t *\t\t\t If so:\n\t\t * A: it was the last member of existing group -> kill whole group\n\t\t * B: the existing group has other members -> just remove from member list\n\t\t *\t 2.2 Assign to matching group\n\t\t * 3 if no new match could be found, check if assigned to existing group\n\t\t * A: yes, and it's the only member -> just update parameters and positions and keep using this group\n\t\t * B: yes but there are other members -> remove from member list and create a new one\n\t\t * C: no, so create a new one\n\t\t */\n\t\tvar updateTriggerGroup = function () {\n\t\t\tvar\n\t\t\ttriggerHook = Scene.triggerHook(),\n\t\t\t\tcloseEnough = 0.0001;\n\n\t\t\t// Have a group, check if it still matches\n\t\t\tif (Indicator.triggerGroup) {\n\t\t\t\tif (Math.abs(Indicator.triggerGroup.triggerHook - triggerHook) < closeEnough) {\n\t\t\t\t\t// _util.log(0, \"trigger\", options.name, \"->\", \"no need to change, still in sync\");\n\t\t\t\t\treturn; // all good\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Don't have a group, check if a matching one exists\n\t\t\t// _util.log(0, \"trigger\", options.name, \"->\", \"out of sync!\");\n\t\t\tvar\n\t\t\tgroups = _ctrl._indicators.groups,\n\t\t\t\tgroup, i = groups.length;\n\t\t\twhile (i--) {\n\t\t\t\tgroup = groups[i];\n\t\t\t\tif (Math.abs(group.triggerHook - triggerHook) < closeEnough) {\n\t\t\t\t\t// found a match!\n\t\t\t\t\t// _util.log(0, \"trigger\", options.name, \"->\", \"found match\");\n\t\t\t\t\tif (Indicator.triggerGroup) { // do I have an old group that is out of sync?\n\t\t\t\t\t\tif (Indicator.triggerGroup.members.length === 1) { // is it the only remaining group?\n\t\t\t\t\t\t\t// _util.log(0, \"trigger\", options.name, \"->\", \"kill\");\n\t\t\t\t\t\t\t// was the last member, remove the whole group\n\t\t\t\t\t\t\tremoveTriggerGroup();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tIndicator.triggerGroup.members.splice(Indicator.triggerGroup.members.indexOf(Indicator), 1); // just remove from memberlist of old group\n\t\t\t\t\t\t\t_ctrl._indicators.updateTriggerGroupLabel(Indicator.triggerGroup);\n\t\t\t\t\t\t\t_ctrl._indicators.updateTriggerGroupPositions(Indicator.triggerGroup);\n\t\t\t\t\t\t\t// _util.log(0, \"trigger\", options.name, \"->\", \"removing from previous member list\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t// join new group\n\t\t\t\t\tgroup.members.push(Indicator);\n\t\t\t\t\tIndicator.triggerGroup = group;\n\t\t\t\t\t_ctrl._indicators.updateTriggerGroupLabel(group);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// at this point I am obviously out of sync and don't match any other group\n\t\t\tif (Indicator.triggerGroup) {\n\t\t\t\tif (Indicator.triggerGroup.members.length === 1) {\n\t\t\t\t\t// _util.log(0, \"trigger\", options.name, \"->\", \"updating existing\");\n\t\t\t\t\t// out of sync but i'm the only member => just change and update\n\t\t\t\t\tIndicator.triggerGroup.triggerHook = triggerHook;\n\t\t\t\t\t_ctrl._indicators.updateTriggerGroupPositions(Indicator.triggerGroup);\n\t\t\t\t\treturn;\n\t\t\t\t} else {\n\t\t\t\t\t// _util.log(0, \"trigger\", options.name, \"->\", \"removing from previous member list\");\n\t\t\t\t\tIndicator.triggerGroup.members.splice(Indicator.triggerGroup.members.indexOf(Indicator), 1); // just remove from memberlist of old group\n\t\t\t\t\t_ctrl._indicators.updateTriggerGroupLabel(Indicator.triggerGroup);\n\t\t\t\t\t_ctrl._indicators.updateTriggerGroupPositions(Indicator.triggerGroup);\n\t\t\t\t\tIndicator.triggerGroup = undefined; // need a brand new group...\n\t\t\t\t}\n\t\t\t}\n\t\t\t// _util.log(0, \"trigger\", options.name, \"->\", \"add a new one\");\n\t\t\t// did not find any match, make new trigger group\n\t\t\taddTriggerGroup();\n\t\t};\n\t};\n\n/*\n\t * ----------------------------------------------------------------\n\t * Templates for the indicators\n\t * ----------------------------------------------------------------\n\t */\n\tvar TPL = {\n\t\tstart: function (color) {\n\t\t\t// inner element (for bottom offset -1, while keeping top position 0)\n\t\t\tvar inner = document.createElement(\"div\");\n\t\t\tinner.textContent = \"start\";\n\t\t\t_util.css(inner, {\n\t\t\t\tposition: \"absolute\",\n\t\t\t\toverflow: \"visible\",\n\t\t\t\t\"border-width\": 0,\n\t\t\t\t\"border-style\": \"solid\",\n\t\t\t\tcolor: color,\n\t\t\t\t\"border-color\": color\n\t\t\t});\n\t\t\tvar e = document.createElement('div');\n\t\t\t// wrapper\n\t\t\t_util.css(e, {\n\t\t\t\tposition: \"absolute\",\n\t\t\t\toverflow: \"visible\",\n\t\t\t\twidth: 0,\n\t\t\t\theight: 0\n\t\t\t});\n\t\t\te.appendChild(inner);\n\t\t\treturn e;\n\t\t},\n\t\tend: function (color) {\n\t\t\tvar e = document.createElement('div');\n\t\t\te.textContent = \"end\";\n\t\t\t_util.css(e, {\n\t\t\t\tposition: \"absolute\",\n\t\t\t\toverflow: \"visible\",\n\t\t\t\t\"border-width\": 0,\n\t\t\t\t\"border-style\": \"solid\",\n\t\t\t\tcolor: color,\n\t\t\t\t\"border-color\": color\n\t\t\t});\n\t\t\treturn e;\n\t\t},\n\t\tbounds: function () {\n\t\t\tvar e = document.createElement('div');\n\t\t\t_util.css(e, {\n\t\t\t\tposition: \"absolute\",\n\t\t\t\toverflow: \"visible\",\n\t\t\t\t\"white-space\": \"nowrap\",\n\t\t\t\t\"pointer-events\": \"none\",\n\t\t\t\t\"font-size\": FONT_SIZE\n\t\t\t});\n\t\t\te.style.zIndex = ZINDEX;\n\t\t\treturn e;\n\t\t},\n\t\ttrigger: function (color) {\n\t\t\t// inner to be above or below line but keep position\n\t\t\tvar inner = document.createElement('div');\n\t\t\tinner.textContent = \"trigger\";\n\t\t\t_util.css(inner, {\n\t\t\t\tposition: \"relative\",\n\t\t\t});\n\t\t\t// inner wrapper for right: 0 and main element has no size\n\t\t\tvar w = document.createElement('div');\n\t\t\t_util.css(w, {\n\t\t\t\tposition: \"absolute\",\n\t\t\t\toverflow: \"visible\",\n\t\t\t\t\"border-width\": 0,\n\t\t\t\t\"border-style\": \"solid\",\n\t\t\t\tcolor: color,\n\t\t\t\t\"border-color\": color\n\t\t\t});\n\t\t\tw.appendChild(inner);\n\t\t\t// wrapper\n\t\t\tvar e = document.createElement('div');\n\t\t\t_util.css(e, {\n\t\t\t\tposition: \"fixed\",\n\t\t\t\toverflow: \"visible\",\n\t\t\t\t\"white-space\": \"nowrap\",\n\t\t\t\t\"pointer-events\": \"none\",\n\t\t\t\t\"font-size\": FONT_SIZE\n\t\t\t});\n\t\t\te.style.zIndex = ZINDEX;\n\t\t\te.appendChild(w);\n\t\t\treturn e;\n\t\t},\n\t};\n\n}));","/*!\n * @overview es6-promise - a tiny implementation of Promises/A+.\n * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)\n * @license Licensed under MIT license\n * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE\n * @version v4.2.4+314e4831\n */\n\n(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n\ttypeof define === 'function' && define.amd ? define(factory) :\n\t(global.ES6Promise = factory());\n}(this, (function () { 'use strict';\n\nfunction objectOrFunction(x) {\n var type = typeof x;\n return x !== null && (type === 'object' || type === 'function');\n}\n\nfunction isFunction(x) {\n return typeof x === 'function';\n}\n\n\n\nvar _isArray = void 0;\nif (Array.isArray) {\n _isArray = Array.isArray;\n} else {\n _isArray = function (x) {\n return Object.prototype.toString.call(x) === '[object Array]';\n };\n}\n\nvar isArray = _isArray;\n\nvar len = 0;\nvar vertxNext = void 0;\nvar customSchedulerFn = void 0;\n\nvar asap = function asap(callback, arg) {\n queue[len] = callback;\n queue[len + 1] = arg;\n len += 2;\n if (len === 2) {\n // If len is 2, that means that we need to schedule an async flush.\n // If additional callbacks are queued before the queue is flushed, they\n // will be processed by this flush that we are scheduling.\n if (customSchedulerFn) {\n customSchedulerFn(flush);\n } else {\n scheduleFlush();\n }\n }\n};\n\nfunction setScheduler(scheduleFn) {\n customSchedulerFn = scheduleFn;\n}\n\nfunction setAsap(asapFn) {\n asap = asapFn;\n}\n\nvar browserWindow = typeof window !== 'undefined' ? window : undefined;\nvar browserGlobal = browserWindow || {};\nvar BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;\nvar isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {}.toString.call(process) === '[object process]';\n\n// test for web worker but not in IE10\nvar isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';\n\n// node\nfunction useNextTick() {\n // node version 0.10.x displays a deprecation warning when nextTick is used recursively\n // see https://github.com/cujojs/when/issues/410 for details\n return function () {\n return process.nextTick(flush);\n };\n}\n\n// vertx\nfunction useVertxTimer() {\n if (typeof vertxNext !== 'undefined') {\n return function () {\n vertxNext(flush);\n };\n }\n\n return useSetTimeout();\n}\n\nfunction useMutationObserver() {\n var iterations = 0;\n var observer = new BrowserMutationObserver(flush);\n var node = document.createTextNode('');\n observer.observe(node, { characterData: true });\n\n return function () {\n node.data = iterations = ++iterations % 2;\n };\n}\n\n// web worker\nfunction useMessageChannel() {\n var channel = new MessageChannel();\n channel.port1.onmessage = flush;\n return function () {\n return channel.port2.postMessage(0);\n };\n}\n\nfunction useSetTimeout() {\n // Store setTimeout reference so es6-promise will be unaffected by\n // other code modifying setTimeout (like sinon.useFakeTimers())\n var globalSetTimeout = setTimeout;\n return function () {\n return globalSetTimeout(flush, 1);\n };\n}\n\nvar queue = new Array(1000);\nfunction flush() {\n for (var i = 0; i < len; i += 2) {\n var callback = queue[i];\n var arg = queue[i + 1];\n\n callback(arg);\n\n queue[i] = undefined;\n queue[i + 1] = undefined;\n }\n\n len = 0;\n}\n\nfunction attemptVertx() {\n try {\n var vertx = Function('return this')().require('vertx');\n vertxNext = vertx.runOnLoop || vertx.runOnContext;\n return useVertxTimer();\n } catch (e) {\n return useSetTimeout();\n }\n}\n\nvar scheduleFlush = void 0;\n// Decide what async method to use to triggering processing of queued callbacks:\nif (isNode) {\n scheduleFlush = useNextTick();\n} else if (BrowserMutationObserver) {\n scheduleFlush = useMutationObserver();\n} else if (isWorker) {\n scheduleFlush = useMessageChannel();\n} else if (browserWindow === undefined && typeof require === 'function') {\n scheduleFlush = attemptVertx();\n} else {\n scheduleFlush = useSetTimeout();\n}\n\nfunction then(onFulfillment, onRejection) {\n var parent = this;\n\n var child = new this.constructor(noop);\n\n if (child[PROMISE_ID] === undefined) {\n makePromise(child);\n }\n\n var _state = parent._state;\n\n\n if (_state) {\n var callback = arguments[_state - 1];\n asap(function () {\n return invokeCallback(_state, child, callback, parent._result);\n });\n } else {\n subscribe(parent, child, onFulfillment, onRejection);\n }\n\n return child;\n}\n\n/**\n `Promise.resolve` returns a promise that will become resolved with the\n passed `value`. It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n resolve(1);\n });\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.resolve(1);\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n @method resolve\n @static\n @param {Any} value value that the returned promise will be resolved with\n Useful for tooling.\n @return {Promise} a promise that will become fulfilled with the given\n `value`\n*/\nfunction resolve$1(object) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (object && typeof object === 'object' && object.constructor === Constructor) {\n return object;\n }\n\n var promise = new Constructor(noop);\n resolve(promise, object);\n return promise;\n}\n\nvar PROMISE_ID = Math.random().toString(36).substring(2);\n\nfunction noop() {}\n\nvar PENDING = void 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\n\nvar TRY_CATCH_ERROR = { error: null };\n\nfunction selfFulfillment() {\n return new TypeError(\"You cannot resolve a promise with itself\");\n}\n\nfunction cannotReturnOwn() {\n return new TypeError('A promises callback cannot return that same promise.');\n}\n\nfunction getThen(promise) {\n try {\n return promise.then;\n } catch (error) {\n TRY_CATCH_ERROR.error = error;\n return TRY_CATCH_ERROR;\n }\n}\n\nfunction tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) {\n try {\n then$$1.call(value, fulfillmentHandler, rejectionHandler);\n } catch (e) {\n return e;\n }\n}\n\nfunction handleForeignThenable(promise, thenable, then$$1) {\n asap(function (promise) {\n var sealed = false;\n var error = tryThen(then$$1, thenable, function (value) {\n if (sealed) {\n return;\n }\n sealed = true;\n if (thenable !== value) {\n resolve(promise, value);\n } else {\n fulfill(promise, value);\n }\n }, function (reason) {\n if (sealed) {\n return;\n }\n sealed = true;\n\n reject(promise, reason);\n }, 'Settle: ' + (promise._label || ' unknown promise'));\n\n if (!sealed && error) {\n sealed = true;\n reject(promise, error);\n }\n }, promise);\n}\n\nfunction handleOwnThenable(promise, thenable) {\n if (thenable._state === FULFILLED) {\n fulfill(promise, thenable._result);\n } else if (thenable._state === REJECTED) {\n reject(promise, thenable._result);\n } else {\n subscribe(thenable, undefined, function (value) {\n return resolve(promise, value);\n }, function (reason) {\n return reject(promise, reason);\n });\n }\n}\n\nfunction handleMaybeThenable(promise, maybeThenable, then$$1) {\n if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) {\n handleOwnThenable(promise, maybeThenable);\n } else {\n if (then$$1 === TRY_CATCH_ERROR) {\n reject(promise, TRY_CATCH_ERROR.error);\n TRY_CATCH_ERROR.error = null;\n } else if (then$$1 === undefined) {\n fulfill(promise, maybeThenable);\n } else if (isFunction(then$$1)) {\n handleForeignThenable(promise, maybeThenable, then$$1);\n } else {\n fulfill(promise, maybeThenable);\n }\n }\n}\n\nfunction resolve(promise, value) {\n if (promise === value) {\n reject(promise, selfFulfillment());\n } else if (objectOrFunction(value)) {\n handleMaybeThenable(promise, value, getThen(value));\n } else {\n fulfill(promise, value);\n }\n}\n\nfunction publishRejection(promise) {\n if (promise._onerror) {\n promise._onerror(promise._result);\n }\n\n publish(promise);\n}\n\nfunction fulfill(promise, value) {\n if (promise._state !== PENDING) {\n return;\n }\n\n promise._result = value;\n promise._state = FULFILLED;\n\n if (promise._subscribers.length !== 0) {\n asap(publish, promise);\n }\n}\n\nfunction reject(promise, reason) {\n if (promise._state !== PENDING) {\n return;\n }\n promise._state = REJECTED;\n promise._result = reason;\n\n asap(publishRejection, promise);\n}\n\nfunction subscribe(parent, child, onFulfillment, onRejection) {\n var _subscribers = parent._subscribers;\n var length = _subscribers.length;\n\n\n parent._onerror = null;\n\n _subscribers[length] = child;\n _subscribers[length + FULFILLED] = onFulfillment;\n _subscribers[length + REJECTED] = onRejection;\n\n if (length === 0 && parent._state) {\n asap(publish, parent);\n }\n}\n\nfunction publish(promise) {\n var subscribers = promise._subscribers;\n var settled = promise._state;\n\n if (subscribers.length === 0) {\n return;\n }\n\n var child = void 0,\n callback = void 0,\n detail = promise._result;\n\n for (var i = 0; i < subscribers.length; i += 3) {\n child = subscribers[i];\n callback = subscribers[i + settled];\n\n if (child) {\n invokeCallback(settled, child, callback, detail);\n } else {\n callback(detail);\n }\n }\n\n promise._subscribers.length = 0;\n}\n\nfunction tryCatch(callback, detail) {\n try {\n return callback(detail);\n } catch (e) {\n TRY_CATCH_ERROR.error = e;\n return TRY_CATCH_ERROR;\n }\n}\n\nfunction invokeCallback(settled, promise, callback, detail) {\n var hasCallback = isFunction(callback),\n value = void 0,\n error = void 0,\n succeeded = void 0,\n failed = void 0;\n\n if (hasCallback) {\n value = tryCatch(callback, detail);\n\n if (value === TRY_CATCH_ERROR) {\n failed = true;\n error = value.error;\n value.error = null;\n } else {\n succeeded = true;\n }\n\n if (promise === value) {\n reject(promise, cannotReturnOwn());\n return;\n }\n } else {\n value = detail;\n succeeded = true;\n }\n\n if (promise._state !== PENDING) {\n // noop\n } else if (hasCallback && succeeded) {\n resolve(promise, value);\n } else if (failed) {\n reject(promise, error);\n } else if (settled === FULFILLED) {\n fulfill(promise, value);\n } else if (settled === REJECTED) {\n reject(promise, value);\n }\n}\n\nfunction initializePromise(promise, resolver) {\n try {\n resolver(function resolvePromise(value) {\n resolve(promise, value);\n }, function rejectPromise(reason) {\n reject(promise, reason);\n });\n } catch (e) {\n reject(promise, e);\n }\n}\n\nvar id = 0;\nfunction nextId() {\n return id++;\n}\n\nfunction makePromise(promise) {\n promise[PROMISE_ID] = id++;\n promise._state = undefined;\n promise._result = undefined;\n promise._subscribers = [];\n}\n\nfunction validationError() {\n return new Error('Array Methods must be provided an Array');\n}\n\nvar Enumerator = function () {\n function Enumerator(Constructor, input) {\n this._instanceConstructor = Constructor;\n this.promise = new Constructor(noop);\n\n if (!this.promise[PROMISE_ID]) {\n makePromise(this.promise);\n }\n\n if (isArray(input)) {\n this.length = input.length;\n this._remaining = input.length;\n\n this._result = new Array(this.length);\n\n if (this.length === 0) {\n fulfill(this.promise, this._result);\n } else {\n this.length = this.length || 0;\n this._enumerate(input);\n if (this._remaining === 0) {\n fulfill(this.promise, this._result);\n }\n }\n } else {\n reject(this.promise, validationError());\n }\n }\n\n Enumerator.prototype._enumerate = function _enumerate(input) {\n for (var i = 0; this._state === PENDING && i < input.length; i++) {\n this._eachEntry(input[i], i);\n }\n };\n\n Enumerator.prototype._eachEntry = function _eachEntry(entry, i) {\n var c = this._instanceConstructor;\n var resolve$$1 = c.resolve;\n\n\n if (resolve$$1 === resolve$1) {\n var _then = getThen(entry);\n\n if (_then === then && entry._state !== PENDING) {\n this._settledAt(entry._state, i, entry._result);\n } else if (typeof _then !== 'function') {\n this._remaining--;\n this._result[i] = entry;\n } else if (c === Promise$1) {\n var promise = new c(noop);\n handleMaybeThenable(promise, entry, _then);\n this._willSettleAt(promise, i);\n } else {\n this._willSettleAt(new c(function (resolve$$1) {\n return resolve$$1(entry);\n }), i);\n }\n } else {\n this._willSettleAt(resolve$$1(entry), i);\n }\n };\n\n Enumerator.prototype._settledAt = function _settledAt(state, i, value) {\n var promise = this.promise;\n\n\n if (promise._state === PENDING) {\n this._remaining--;\n\n if (state === REJECTED) {\n reject(promise, value);\n } else {\n this._result[i] = value;\n }\n }\n\n if (this._remaining === 0) {\n fulfill(promise, this._result);\n }\n };\n\n Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) {\n var enumerator = this;\n\n subscribe(promise, undefined, function (value) {\n return enumerator._settledAt(FULFILLED, i, value);\n }, function (reason) {\n return enumerator._settledAt(REJECTED, i, reason);\n });\n };\n\n return Enumerator;\n}();\n\n/**\n `Promise.all` accepts an array of promises, and returns a new promise which\n is fulfilled with an array of fulfillment values for the passed promises, or\n rejected with the reason of the first passed promise to be rejected. It casts all\n elements of the passed iterable to promises as it runs this algorithm.\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = resolve(2);\n let promise3 = resolve(3);\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // The array here would be [ 1, 2, 3 ];\n });\n ```\n\n If any of the `promises` given to `all` are rejected, the first promise\n that is rejected will be given as an argument to the returned promises's\n rejection handler. For example:\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = reject(new Error(\"2\"));\n let promise3 = reject(new Error(\"3\"));\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // Code here never runs because there are rejected promises!\n }, function(error) {\n // error.message === \"2\"\n });\n ```\n\n @method all\n @static\n @param {Array} entries array of promises\n @param {String} label optional string for labeling the promise.\n Useful for tooling.\n @return {Promise} promise that is fulfilled when all `promises` have been\n fulfilled, or rejected if any of them become rejected.\n @static\n*/\nfunction all(entries) {\n return new Enumerator(this, entries).promise;\n}\n\n/**\n `Promise.race` returns a new promise which is settled in the same way as the\n first passed promise to settle.\n\n Example:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 2');\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // result === 'promise 2' because it was resolved before promise1\n // was resolved.\n });\n ```\n\n `Promise.race` is deterministic in that only the state of the first\n settled promise matters. For example, even if other promises given to the\n `promises` array argument are resolved, but the first settled promise has\n become rejected before the other promises became fulfilled, the returned\n promise will become rejected:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n reject(new Error('promise 2'));\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // Code here never runs\n }, function(reason){\n // reason.message === 'promise 2' because promise 2 became rejected before\n // promise 1 became fulfilled\n });\n ```\n\n An example real-world use case is implementing timeouts:\n\n ```javascript\n Promise.race([ajax('foo.json'), timeout(5000)])\n ```\n\n @method race\n @static\n @param {Array} promises array of promises to observe\n Useful for tooling.\n @return {Promise} a promise which settles in the same way as the first passed\n promise to settle.\n*/\nfunction race(entries) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (!isArray(entries)) {\n return new Constructor(function (_, reject) {\n return reject(new TypeError('You must pass an array to race.'));\n });\n } else {\n return new Constructor(function (resolve, reject) {\n var length = entries.length;\n for (var i = 0; i < length; i++) {\n Constructor.resolve(entries[i]).then(resolve, reject);\n }\n });\n }\n}\n\n/**\n `Promise.reject` returns a promise rejected with the passed `reason`.\n It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n reject(new Error('WHOOPS'));\n });\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.reject(new Error('WHOOPS'));\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n @method reject\n @static\n @param {Any} reason value that the returned promise will be rejected with.\n Useful for tooling.\n @return {Promise} a promise rejected with the given `reason`.\n*/\nfunction reject$1(reason) {\n /*jshint validthis:true */\n var Constructor = this;\n var promise = new Constructor(noop);\n reject(promise, reason);\n return promise;\n}\n\nfunction needsResolver() {\n throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');\n}\n\nfunction needsNew() {\n throw new TypeError(\"Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.\");\n}\n\n/**\n Promise objects represent the eventual result of an asynchronous operation. The\n primary way of interacting with a promise is through its `then` method, which\n registers callbacks to receive either a promise's eventual value or the reason\n why the promise cannot be fulfilled.\n\n Terminology\n -----------\n\n - `promise` is an object or function with a `then` method whose behavior conforms to this specification.\n - `thenable` is an object or function that defines a `then` method.\n - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).\n - `exception` is a value that is thrown using the throw statement.\n - `reason` is a value that indicates why a promise was rejected.\n - `settled` the final resting state of a promise, fulfilled or rejected.\n\n A promise can be in one of three states: pending, fulfilled, or rejected.\n\n Promises that are fulfilled have a fulfillment value and are in the fulfilled\n state. Promises that are rejected have a rejection reason and are in the\n rejected state. A fulfillment value is never a thenable.\n\n Promises can also be said to *resolve* a value. If this value is also a\n promise, then the original promise's settled state will match the value's\n settled state. So a promise that *resolves* a promise that rejects will\n itself reject, and a promise that *resolves* a promise that fulfills will\n itself fulfill.\n\n\n Basic Usage:\n ------------\n\n ```js\n let promise = new Promise(function(resolve, reject) {\n // on success\n resolve(value);\n\n // on failure\n reject(reason);\n });\n\n promise.then(function(value) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Advanced Usage:\n ---------------\n\n Promises shine when abstracting away asynchronous interactions such as\n `XMLHttpRequest`s.\n\n ```js\n function getJSON(url) {\n return new Promise(function(resolve, reject){\n let xhr = new XMLHttpRequest();\n\n xhr.open('GET', url);\n xhr.onreadystatechange = handler;\n xhr.responseType = 'json';\n xhr.setRequestHeader('Accept', 'application/json');\n xhr.send();\n\n function handler() {\n if (this.readyState === this.DONE) {\n if (this.status === 200) {\n resolve(this.response);\n } else {\n reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));\n }\n }\n };\n });\n }\n\n getJSON('/posts.json').then(function(json) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Unlike callbacks, promises are great composable primitives.\n\n ```js\n Promise.all([\n getJSON('/posts'),\n getJSON('/comments')\n ]).then(function(values){\n values[0] // => postsJSON\n values[1] // => commentsJSON\n\n return values;\n });\n ```\n\n @class Promise\n @param {Function} resolver\n Useful for tooling.\n @constructor\n*/\n\nvar Promise$1 = function () {\n function Promise(resolver) {\n this[PROMISE_ID] = nextId();\n this._result = this._state = undefined;\n this._subscribers = [];\n\n if (noop !== resolver) {\n typeof resolver !== 'function' && needsResolver();\n this instanceof Promise ? initializePromise(this, resolver) : needsNew();\n }\n }\n\n /**\n The primary way of interacting with a promise is through its `then` method,\n which registers callbacks to receive either a promise's eventual value or the\n reason why the promise cannot be fulfilled.\n ```js\n findUser().then(function(user){\n // user is available\n }, function(reason){\n // user is unavailable, and you are given the reason why\n });\n ```\n Chaining\n --------\n The return value of `then` is itself a promise. This second, 'downstream'\n promise is resolved with the return value of the first promise's fulfillment\n or rejection handler, or rejected if the handler throws an exception.\n ```js\n findUser().then(function (user) {\n return user.name;\n }, function (reason) {\n return 'default name';\n }).then(function (userName) {\n // If `findUser` fulfilled, `userName` will be the user's name, otherwise it\n // will be `'default name'`\n });\n findUser().then(function (user) {\n throw new Error('Found user, but still unhappy');\n }, function (reason) {\n throw new Error('`findUser` rejected and we're unhappy');\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.\n // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.\n });\n ```\n If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.\n ```js\n findUser().then(function (user) {\n throw new PedagogicalException('Upstream error');\n }).then(function (value) {\n // never reached\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // The `PedgagocialException` is propagated all the way down to here\n });\n ```\n Assimilation\n ------------\n Sometimes the value you want to propagate to a downstream promise can only be\n retrieved asynchronously. This can be achieved by returning a promise in the\n fulfillment or rejection handler. The downstream promise will then be pending\n until the returned promise is settled. This is called *assimilation*.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // The user's comments are now available\n });\n ```\n If the assimliated promise rejects, then the downstream promise will also reject.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // If `findCommentsByAuthor` fulfills, we'll have the value here\n }, function (reason) {\n // If `findCommentsByAuthor` rejects, we'll have the reason here\n });\n ```\n Simple Example\n --------------\n Synchronous Example\n ```javascript\n let result;\n try {\n result = findResult();\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n findResult(function(result, err){\n if (err) {\n // failure\n } else {\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findResult().then(function(result){\n // success\n }, function(reason){\n // failure\n });\n ```\n Advanced Example\n --------------\n Synchronous Example\n ```javascript\n let author, books;\n try {\n author = findAuthor();\n books = findBooksByAuthor(author);\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n function foundBooks(books) {\n }\n function failure(reason) {\n }\n findAuthor(function(author, err){\n if (err) {\n failure(err);\n // failure\n } else {\n try {\n findBoooksByAuthor(author, function(books, err) {\n if (err) {\n failure(err);\n } else {\n try {\n foundBooks(books);\n } catch(reason) {\n failure(reason);\n }\n }\n });\n } catch(error) {\n failure(err);\n }\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findAuthor().\n then(findBooksByAuthor).\n then(function(books){\n // found books\n }).catch(function(reason){\n // something went wrong\n });\n ```\n @method then\n @param {Function} onFulfilled\n @param {Function} onRejected\n Useful for tooling.\n @return {Promise}\n */\n\n /**\n `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same\n as the catch block of a try/catch statement.\n ```js\n function findAuthor(){\n throw new Error('couldn't find that author');\n }\n // synchronous\n try {\n findAuthor();\n } catch(reason) {\n // something went wrong\n }\n // async with promises\n findAuthor().catch(function(reason){\n // something went wrong\n });\n ```\n @method catch\n @param {Function} onRejection\n Useful for tooling.\n @return {Promise}\n */\n\n\n Promise.prototype.catch = function _catch(onRejection) {\n return this.then(null, onRejection);\n };\n\n /**\n `finally` will be invoked regardless of the promise's fate just as native\n try/catch/finally behaves\n \n Synchronous example:\n \n ```js\n findAuthor() {\n if (Math.random() > 0.5) {\n throw new Error();\n }\n return new Author();\n }\n \n try {\n return findAuthor(); // succeed or fail\n } catch(error) {\n return findOtherAuther();\n } finally {\n // always runs\n // doesn't affect the return value\n }\n ```\n \n Asynchronous example:\n \n ```js\n findAuthor().catch(function(reason){\n return findOtherAuther();\n }).finally(function(){\n // author was either found, or not\n });\n ```\n \n @method finally\n @param {Function} callback\n @return {Promise}\n */\n\n\n Promise.prototype.finally = function _finally(callback) {\n var promise = this;\n var constructor = promise.constructor;\n\n return promise.then(function (value) {\n return constructor.resolve(callback()).then(function () {\n return value;\n });\n }, function (reason) {\n return constructor.resolve(callback()).then(function () {\n throw reason;\n });\n });\n };\n\n return Promise;\n}();\n\nPromise$1.prototype.then = then;\nPromise$1.all = all;\nPromise$1.race = race;\nPromise$1.resolve = resolve$1;\nPromise$1.reject = reject$1;\nPromise$1._setScheduler = setScheduler;\nPromise$1._setAsap = setAsap;\nPromise$1._asap = asap;\n\n/*global self*/\nfunction polyfill() {\n var local = void 0;\n\n if (typeof global !== 'undefined') {\n local = global;\n } else if (typeof self !== 'undefined') {\n local = self;\n } else {\n try {\n local = Function('return this')();\n } catch (e) {\n throw new Error('polyfill failed because global object is unavailable in this environment');\n }\n }\n\n var P = local.Promise;\n\n if (P) {\n var promiseToString = null;\n try {\n promiseToString = Object.prototype.toString.call(P.resolve());\n } catch (e) {\n // silently ignored\n }\n\n if (promiseToString === '[object Promise]' && !P.cast) {\n return;\n }\n }\n\n local.Promise = Promise$1;\n}\n\n// Strange compat..\nPromise$1.polyfill = polyfill;\nPromise$1.Promise = Promise$1;\n\nreturn Promise$1;\n\n})));\n\n\n\n//# sourceMappingURL=es6-promise.map\n","/*!\n * @overview es6-promise - a tiny implementation of Promises/A+.\n * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)\n * @license Licensed under MIT license\n * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE\n * @version v4.2.4+314e4831\n */\n\n(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n\ttypeof define === 'function' && define.amd ? define(factory) :\n\t(global.ES6Promise = factory());\n}(this, (function () { 'use strict';\n\nfunction objectOrFunction(x) {\n var type = typeof x;\n return x !== null && (type === 'object' || type === 'function');\n}\n\nfunction isFunction(x) {\n return typeof x === 'function';\n}\n\n\n\nvar _isArray = void 0;\nif (Array.isArray) {\n _isArray = Array.isArray;\n} else {\n _isArray = function (x) {\n return Object.prototype.toString.call(x) === '[object Array]';\n };\n}\n\nvar isArray = _isArray;\n\nvar len = 0;\nvar vertxNext = void 0;\nvar customSchedulerFn = void 0;\n\nvar asap = function asap(callback, arg) {\n queue[len] = callback;\n queue[len + 1] = arg;\n len += 2;\n if (len === 2) {\n // If len is 2, that means that we need to schedule an async flush.\n // If additional callbacks are queued before the queue is flushed, they\n // will be processed by this flush that we are scheduling.\n if (customSchedulerFn) {\n customSchedulerFn(flush);\n } else {\n scheduleFlush();\n }\n }\n};\n\nfunction setScheduler(scheduleFn) {\n customSchedulerFn = scheduleFn;\n}\n\nfunction setAsap(asapFn) {\n asap = asapFn;\n}\n\nvar browserWindow = typeof window !== 'undefined' ? window : undefined;\nvar browserGlobal = browserWindow || {};\nvar BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;\nvar isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {}.toString.call(process) === '[object process]';\n\n// test for web worker but not in IE10\nvar isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';\n\n// node\nfunction useNextTick() {\n // node version 0.10.x displays a deprecation warning when nextTick is used recursively\n // see https://github.com/cujojs/when/issues/410 for details\n return function () {\n return process.nextTick(flush);\n };\n}\n\n// vertx\nfunction useVertxTimer() {\n if (typeof vertxNext !== 'undefined') {\n return function () {\n vertxNext(flush);\n };\n }\n\n return useSetTimeout();\n}\n\nfunction useMutationObserver() {\n var iterations = 0;\n var observer = new BrowserMutationObserver(flush);\n var node = document.createTextNode('');\n observer.observe(node, { characterData: true });\n\n return function () {\n node.data = iterations = ++iterations % 2;\n };\n}\n\n// web worker\nfunction useMessageChannel() {\n var channel = new MessageChannel();\n channel.port1.onmessage = flush;\n return function () {\n return channel.port2.postMessage(0);\n };\n}\n\nfunction useSetTimeout() {\n // Store setTimeout reference so es6-promise will be unaffected by\n // other code modifying setTimeout (like sinon.useFakeTimers())\n var globalSetTimeout = setTimeout;\n return function () {\n return globalSetTimeout(flush, 1);\n };\n}\n\nvar queue = new Array(1000);\nfunction flush() {\n for (var i = 0; i < len; i += 2) {\n var callback = queue[i];\n var arg = queue[i + 1];\n\n callback(arg);\n\n queue[i] = undefined;\n queue[i + 1] = undefined;\n }\n\n len = 0;\n}\n\nfunction attemptVertx() {\n try {\n var vertx = Function('return this')().require('vertx');\n vertxNext = vertx.runOnLoop || vertx.runOnContext;\n return useVertxTimer();\n } catch (e) {\n return useSetTimeout();\n }\n}\n\nvar scheduleFlush = void 0;\n// Decide what async method to use to triggering processing of queued callbacks:\nif (isNode) {\n scheduleFlush = useNextTick();\n} else if (BrowserMutationObserver) {\n scheduleFlush = useMutationObserver();\n} else if (isWorker) {\n scheduleFlush = useMessageChannel();\n} else if (browserWindow === undefined && typeof require === 'function') {\n scheduleFlush = attemptVertx();\n} else {\n scheduleFlush = useSetTimeout();\n}\n\nfunction then(onFulfillment, onRejection) {\n var parent = this;\n\n var child = new this.constructor(noop);\n\n if (child[PROMISE_ID] === undefined) {\n makePromise(child);\n }\n\n var _state = parent._state;\n\n\n if (_state) {\n var callback = arguments[_state - 1];\n asap(function () {\n return invokeCallback(_state, child, callback, parent._result);\n });\n } else {\n subscribe(parent, child, onFulfillment, onRejection);\n }\n\n return child;\n}\n\n/**\n `Promise.resolve` returns a promise that will become resolved with the\n passed `value`. It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n resolve(1);\n });\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.resolve(1);\n\n promise.then(function(value){\n // value === 1\n });\n ```\n\n @method resolve\n @static\n @param {Any} value value that the returned promise will be resolved with\n Useful for tooling.\n @return {Promise} a promise that will become fulfilled with the given\n `value`\n*/\nfunction resolve$1(object) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (object && typeof object === 'object' && object.constructor === Constructor) {\n return object;\n }\n\n var promise = new Constructor(noop);\n resolve(promise, object);\n return promise;\n}\n\nvar PROMISE_ID = Math.random().toString(36).substring(2);\n\nfunction noop() {}\n\nvar PENDING = void 0;\nvar FULFILLED = 1;\nvar REJECTED = 2;\n\nvar TRY_CATCH_ERROR = { error: null };\n\nfunction selfFulfillment() {\n return new TypeError(\"You cannot resolve a promise with itself\");\n}\n\nfunction cannotReturnOwn() {\n return new TypeError('A promises callback cannot return that same promise.');\n}\n\nfunction getThen(promise) {\n try {\n return promise.then;\n } catch (error) {\n TRY_CATCH_ERROR.error = error;\n return TRY_CATCH_ERROR;\n }\n}\n\nfunction tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) {\n try {\n then$$1.call(value, fulfillmentHandler, rejectionHandler);\n } catch (e) {\n return e;\n }\n}\n\nfunction handleForeignThenable(promise, thenable, then$$1) {\n asap(function (promise) {\n var sealed = false;\n var error = tryThen(then$$1, thenable, function (value) {\n if (sealed) {\n return;\n }\n sealed = true;\n if (thenable !== value) {\n resolve(promise, value);\n } else {\n fulfill(promise, value);\n }\n }, function (reason) {\n if (sealed) {\n return;\n }\n sealed = true;\n\n reject(promise, reason);\n }, 'Settle: ' + (promise._label || ' unknown promise'));\n\n if (!sealed && error) {\n sealed = true;\n reject(promise, error);\n }\n }, promise);\n}\n\nfunction handleOwnThenable(promise, thenable) {\n if (thenable._state === FULFILLED) {\n fulfill(promise, thenable._result);\n } else if (thenable._state === REJECTED) {\n reject(promise, thenable._result);\n } else {\n subscribe(thenable, undefined, function (value) {\n return resolve(promise, value);\n }, function (reason) {\n return reject(promise, reason);\n });\n }\n}\n\nfunction handleMaybeThenable(promise, maybeThenable, then$$1) {\n if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) {\n handleOwnThenable(promise, maybeThenable);\n } else {\n if (then$$1 === TRY_CATCH_ERROR) {\n reject(promise, TRY_CATCH_ERROR.error);\n TRY_CATCH_ERROR.error = null;\n } else if (then$$1 === undefined) {\n fulfill(promise, maybeThenable);\n } else if (isFunction(then$$1)) {\n handleForeignThenable(promise, maybeThenable, then$$1);\n } else {\n fulfill(promise, maybeThenable);\n }\n }\n}\n\nfunction resolve(promise, value) {\n if (promise === value) {\n reject(promise, selfFulfillment());\n } else if (objectOrFunction(value)) {\n handleMaybeThenable(promise, value, getThen(value));\n } else {\n fulfill(promise, value);\n }\n}\n\nfunction publishRejection(promise) {\n if (promise._onerror) {\n promise._onerror(promise._result);\n }\n\n publish(promise);\n}\n\nfunction fulfill(promise, value) {\n if (promise._state !== PENDING) {\n return;\n }\n\n promise._result = value;\n promise._state = FULFILLED;\n\n if (promise._subscribers.length !== 0) {\n asap(publish, promise);\n }\n}\n\nfunction reject(promise, reason) {\n if (promise._state !== PENDING) {\n return;\n }\n promise._state = REJECTED;\n promise._result = reason;\n\n asap(publishRejection, promise);\n}\n\nfunction subscribe(parent, child, onFulfillment, onRejection) {\n var _subscribers = parent._subscribers;\n var length = _subscribers.length;\n\n\n parent._onerror = null;\n\n _subscribers[length] = child;\n _subscribers[length + FULFILLED] = onFulfillment;\n _subscribers[length + REJECTED] = onRejection;\n\n if (length === 0 && parent._state) {\n asap(publish, parent);\n }\n}\n\nfunction publish(promise) {\n var subscribers = promise._subscribers;\n var settled = promise._state;\n\n if (subscribers.length === 0) {\n return;\n }\n\n var child = void 0,\n callback = void 0,\n detail = promise._result;\n\n for (var i = 0; i < subscribers.length; i += 3) {\n child = subscribers[i];\n callback = subscribers[i + settled];\n\n if (child) {\n invokeCallback(settled, child, callback, detail);\n } else {\n callback(detail);\n }\n }\n\n promise._subscribers.length = 0;\n}\n\nfunction tryCatch(callback, detail) {\n try {\n return callback(detail);\n } catch (e) {\n TRY_CATCH_ERROR.error = e;\n return TRY_CATCH_ERROR;\n }\n}\n\nfunction invokeCallback(settled, promise, callback, detail) {\n var hasCallback = isFunction(callback),\n value = void 0,\n error = void 0,\n succeeded = void 0,\n failed = void 0;\n\n if (hasCallback) {\n value = tryCatch(callback, detail);\n\n if (value === TRY_CATCH_ERROR) {\n failed = true;\n error = value.error;\n value.error = null;\n } else {\n succeeded = true;\n }\n\n if (promise === value) {\n reject(promise, cannotReturnOwn());\n return;\n }\n } else {\n value = detail;\n succeeded = true;\n }\n\n if (promise._state !== PENDING) {\n // noop\n } else if (hasCallback && succeeded) {\n resolve(promise, value);\n } else if (failed) {\n reject(promise, error);\n } else if (settled === FULFILLED) {\n fulfill(promise, value);\n } else if (settled === REJECTED) {\n reject(promise, value);\n }\n}\n\nfunction initializePromise(promise, resolver) {\n try {\n resolver(function resolvePromise(value) {\n resolve(promise, value);\n }, function rejectPromise(reason) {\n reject(promise, reason);\n });\n } catch (e) {\n reject(promise, e);\n }\n}\n\nvar id = 0;\nfunction nextId() {\n return id++;\n}\n\nfunction makePromise(promise) {\n promise[PROMISE_ID] = id++;\n promise._state = undefined;\n promise._result = undefined;\n promise._subscribers = [];\n}\n\nfunction validationError() {\n return new Error('Array Methods must be provided an Array');\n}\n\nvar Enumerator = function () {\n function Enumerator(Constructor, input) {\n this._instanceConstructor = Constructor;\n this.promise = new Constructor(noop);\n\n if (!this.promise[PROMISE_ID]) {\n makePromise(this.promise);\n }\n\n if (isArray(input)) {\n this.length = input.length;\n this._remaining = input.length;\n\n this._result = new Array(this.length);\n\n if (this.length === 0) {\n fulfill(this.promise, this._result);\n } else {\n this.length = this.length || 0;\n this._enumerate(input);\n if (this._remaining === 0) {\n fulfill(this.promise, this._result);\n }\n }\n } else {\n reject(this.promise, validationError());\n }\n }\n\n Enumerator.prototype._enumerate = function _enumerate(input) {\n for (var i = 0; this._state === PENDING && i < input.length; i++) {\n this._eachEntry(input[i], i);\n }\n };\n\n Enumerator.prototype._eachEntry = function _eachEntry(entry, i) {\n var c = this._instanceConstructor;\n var resolve$$1 = c.resolve;\n\n\n if (resolve$$1 === resolve$1) {\n var _then = getThen(entry);\n\n if (_then === then && entry._state !== PENDING) {\n this._settledAt(entry._state, i, entry._result);\n } else if (typeof _then !== 'function') {\n this._remaining--;\n this._result[i] = entry;\n } else if (c === Promise$2) {\n var promise = new c(noop);\n handleMaybeThenable(promise, entry, _then);\n this._willSettleAt(promise, i);\n } else {\n this._willSettleAt(new c(function (resolve$$1) {\n return resolve$$1(entry);\n }), i);\n }\n } else {\n this._willSettleAt(resolve$$1(entry), i);\n }\n };\n\n Enumerator.prototype._settledAt = function _settledAt(state, i, value) {\n var promise = this.promise;\n\n\n if (promise._state === PENDING) {\n this._remaining--;\n\n if (state === REJECTED) {\n reject(promise, value);\n } else {\n this._result[i] = value;\n }\n }\n\n if (this._remaining === 0) {\n fulfill(promise, this._result);\n }\n };\n\n Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) {\n var enumerator = this;\n\n subscribe(promise, undefined, function (value) {\n return enumerator._settledAt(FULFILLED, i, value);\n }, function (reason) {\n return enumerator._settledAt(REJECTED, i, reason);\n });\n };\n\n return Enumerator;\n}();\n\n/**\n `Promise.all` accepts an array of promises, and returns a new promise which\n is fulfilled with an array of fulfillment values for the passed promises, or\n rejected with the reason of the first passed promise to be rejected. It casts all\n elements of the passed iterable to promises as it runs this algorithm.\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = resolve(2);\n let promise3 = resolve(3);\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // The array here would be [ 1, 2, 3 ];\n });\n ```\n\n If any of the `promises` given to `all` are rejected, the first promise\n that is rejected will be given as an argument to the returned promises's\n rejection handler. For example:\n\n Example:\n\n ```javascript\n let promise1 = resolve(1);\n let promise2 = reject(new Error(\"2\"));\n let promise3 = reject(new Error(\"3\"));\n let promises = [ promise1, promise2, promise3 ];\n\n Promise.all(promises).then(function(array){\n // Code here never runs because there are rejected promises!\n }, function(error) {\n // error.message === \"2\"\n });\n ```\n\n @method all\n @static\n @param {Array} entries array of promises\n @param {String} label optional string for labeling the promise.\n Useful for tooling.\n @return {Promise} promise that is fulfilled when all `promises` have been\n fulfilled, or rejected if any of them become rejected.\n @static\n*/\nfunction all(entries) {\n return new Enumerator(this, entries).promise;\n}\n\n/**\n `Promise.race` returns a new promise which is settled in the same way as the\n first passed promise to settle.\n\n Example:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 2');\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // result === 'promise 2' because it was resolved before promise1\n // was resolved.\n });\n ```\n\n `Promise.race` is deterministic in that only the state of the first\n settled promise matters. For example, even if other promises given to the\n `promises` array argument are resolved, but the first settled promise has\n become rejected before the other promises became fulfilled, the returned\n promise will become rejected:\n\n ```javascript\n let promise1 = new Promise(function(resolve, reject){\n setTimeout(function(){\n resolve('promise 1');\n }, 200);\n });\n\n let promise2 = new Promise(function(resolve, reject){\n setTimeout(function(){\n reject(new Error('promise 2'));\n }, 100);\n });\n\n Promise.race([promise1, promise2]).then(function(result){\n // Code here never runs\n }, function(reason){\n // reason.message === 'promise 2' because promise 2 became rejected before\n // promise 1 became fulfilled\n });\n ```\n\n An example real-world use case is implementing timeouts:\n\n ```javascript\n Promise.race([ajax('foo.json'), timeout(5000)])\n ```\n\n @method race\n @static\n @param {Array} promises array of promises to observe\n Useful for tooling.\n @return {Promise} a promise which settles in the same way as the first passed\n promise to settle.\n*/\nfunction race(entries) {\n /*jshint validthis:true */\n var Constructor = this;\n\n if (!isArray(entries)) {\n return new Constructor(function (_, reject) {\n return reject(new TypeError('You must pass an array to race.'));\n });\n } else {\n return new Constructor(function (resolve, reject) {\n var length = entries.length;\n for (var i = 0; i < length; i++) {\n Constructor.resolve(entries[i]).then(resolve, reject);\n }\n });\n }\n}\n\n/**\n `Promise.reject` returns a promise rejected with the passed `reason`.\n It is shorthand for the following:\n\n ```javascript\n let promise = new Promise(function(resolve, reject){\n reject(new Error('WHOOPS'));\n });\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n Instead of writing the above, your code now simply becomes the following:\n\n ```javascript\n let promise = Promise.reject(new Error('WHOOPS'));\n\n promise.then(function(value){\n // Code here doesn't run because the promise is rejected!\n }, function(reason){\n // reason.message === 'WHOOPS'\n });\n ```\n\n @method reject\n @static\n @param {Any} reason value that the returned promise will be rejected with.\n Useful for tooling.\n @return {Promise} a promise rejected with the given `reason`.\n*/\nfunction reject$1(reason) {\n /*jshint validthis:true */\n var Constructor = this;\n var promise = new Constructor(noop);\n reject(promise, reason);\n return promise;\n}\n\nfunction needsResolver() {\n throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');\n}\n\nfunction needsNew() {\n throw new TypeError(\"Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.\");\n}\n\n/**\n Promise objects represent the eventual result of an asynchronous operation. The\n primary way of interacting with a promise is through its `then` method, which\n registers callbacks to receive either a promise's eventual value or the reason\n why the promise cannot be fulfilled.\n\n Terminology\n -----------\n\n - `promise` is an object or function with a `then` method whose behavior conforms to this specification.\n - `thenable` is an object or function that defines a `then` method.\n - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).\n - `exception` is a value that is thrown using the throw statement.\n - `reason` is a value that indicates why a promise was rejected.\n - `settled` the final resting state of a promise, fulfilled or rejected.\n\n A promise can be in one of three states: pending, fulfilled, or rejected.\n\n Promises that are fulfilled have a fulfillment value and are in the fulfilled\n state. Promises that are rejected have a rejection reason and are in the\n rejected state. A fulfillment value is never a thenable.\n\n Promises can also be said to *resolve* a value. If this value is also a\n promise, then the original promise's settled state will match the value's\n settled state. So a promise that *resolves* a promise that rejects will\n itself reject, and a promise that *resolves* a promise that fulfills will\n itself fulfill.\n\n\n Basic Usage:\n ------------\n\n ```js\n let promise = new Promise(function(resolve, reject) {\n // on success\n resolve(value);\n\n // on failure\n reject(reason);\n });\n\n promise.then(function(value) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Advanced Usage:\n ---------------\n\n Promises shine when abstracting away asynchronous interactions such as\n `XMLHttpRequest`s.\n\n ```js\n function getJSON(url) {\n return new Promise(function(resolve, reject){\n let xhr = new XMLHttpRequest();\n\n xhr.open('GET', url);\n xhr.onreadystatechange = handler;\n xhr.responseType = 'json';\n xhr.setRequestHeader('Accept', 'application/json');\n xhr.send();\n\n function handler() {\n if (this.readyState === this.DONE) {\n if (this.status === 200) {\n resolve(this.response);\n } else {\n reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));\n }\n }\n };\n });\n }\n\n getJSON('/posts.json').then(function(json) {\n // on fulfillment\n }, function(reason) {\n // on rejection\n });\n ```\n\n Unlike callbacks, promises are great composable primitives.\n\n ```js\n Promise.all([\n getJSON('/posts'),\n getJSON('/comments')\n ]).then(function(values){\n values[0] // => postsJSON\n values[1] // => commentsJSON\n\n return values;\n });\n ```\n\n @class Promise\n @param {Function} resolver\n Useful for tooling.\n @constructor\n*/\n\nvar Promise$2 = function () {\n function Promise(resolver) {\n this[PROMISE_ID] = nextId();\n this._result = this._state = undefined;\n this._subscribers = [];\n\n if (noop !== resolver) {\n typeof resolver !== 'function' && needsResolver();\n this instanceof Promise ? initializePromise(this, resolver) : needsNew();\n }\n }\n\n /**\n The primary way of interacting with a promise is through its `then` method,\n which registers callbacks to receive either a promise's eventual value or the\n reason why the promise cannot be fulfilled.\n ```js\n findUser().then(function(user){\n // user is available\n }, function(reason){\n // user is unavailable, and you are given the reason why\n });\n ```\n Chaining\n --------\n The return value of `then` is itself a promise. This second, 'downstream'\n promise is resolved with the return value of the first promise's fulfillment\n or rejection handler, or rejected if the handler throws an exception.\n ```js\n findUser().then(function (user) {\n return user.name;\n }, function (reason) {\n return 'default name';\n }).then(function (userName) {\n // If `findUser` fulfilled, `userName` will be the user's name, otherwise it\n // will be `'default name'`\n });\n findUser().then(function (user) {\n throw new Error('Found user, but still unhappy');\n }, function (reason) {\n throw new Error('`findUser` rejected and we're unhappy');\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.\n // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.\n });\n ```\n If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.\n ```js\n findUser().then(function (user) {\n throw new PedagogicalException('Upstream error');\n }).then(function (value) {\n // never reached\n }).then(function (value) {\n // never reached\n }, function (reason) {\n // The `PedgagocialException` is propagated all the way down to here\n });\n ```\n Assimilation\n ------------\n Sometimes the value you want to propagate to a downstream promise can only be\n retrieved asynchronously. This can be achieved by returning a promise in the\n fulfillment or rejection handler. The downstream promise will then be pending\n until the returned promise is settled. This is called *assimilation*.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // The user's comments are now available\n });\n ```\n If the assimliated promise rejects, then the downstream promise will also reject.\n ```js\n findUser().then(function (user) {\n return findCommentsByAuthor(user);\n }).then(function (comments) {\n // If `findCommentsByAuthor` fulfills, we'll have the value here\n }, function (reason) {\n // If `findCommentsByAuthor` rejects, we'll have the reason here\n });\n ```\n Simple Example\n --------------\n Synchronous Example\n ```javascript\n let result;\n try {\n result = findResult();\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n findResult(function(result, err){\n if (err) {\n // failure\n } else {\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findResult().then(function(result){\n // success\n }, function(reason){\n // failure\n });\n ```\n Advanced Example\n --------------\n Synchronous Example\n ```javascript\n let author, books;\n try {\n author = findAuthor();\n books = findBooksByAuthor(author);\n // success\n } catch(reason) {\n // failure\n }\n ```\n Errback Example\n ```js\n function foundBooks(books) {\n }\n function failure(reason) {\n }\n findAuthor(function(author, err){\n if (err) {\n failure(err);\n // failure\n } else {\n try {\n findBoooksByAuthor(author, function(books, err) {\n if (err) {\n failure(err);\n } else {\n try {\n foundBooks(books);\n } catch(reason) {\n failure(reason);\n }\n }\n });\n } catch(error) {\n failure(err);\n }\n // success\n }\n });\n ```\n Promise Example;\n ```javascript\n findAuthor().\n then(findBooksByAuthor).\n then(function(books){\n // found books\n }).catch(function(reason){\n // something went wrong\n });\n ```\n @method then\n @param {Function} onFulfilled\n @param {Function} onRejected\n Useful for tooling.\n @return {Promise}\n */\n\n /**\n `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same\n as the catch block of a try/catch statement.\n ```js\n function findAuthor(){\n throw new Error('couldn't find that author');\n }\n // synchronous\n try {\n findAuthor();\n } catch(reason) {\n // something went wrong\n }\n // async with promises\n findAuthor().catch(function(reason){\n // something went wrong\n });\n ```\n @method catch\n @param {Function} onRejection\n Useful for tooling.\n @return {Promise}\n */\n\n\n Promise.prototype.catch = function _catch(onRejection) {\n return this.then(null, onRejection);\n };\n\n /**\n `finally` will be invoked regardless of the promise's fate just as native\n try/catch/finally behaves\n \n Synchronous example:\n \n ```js\n findAuthor() {\n if (Math.random() > 0.5) {\n throw new Error();\n }\n return new Author();\n }\n \n try {\n return findAuthor(); // succeed or fail\n } catch(error) {\n return findOtherAuther();\n } finally {\n // always runs\n // doesn't affect the return value\n }\n ```\n \n Asynchronous example:\n \n ```js\n findAuthor().catch(function(reason){\n return findOtherAuther();\n }).finally(function(){\n // author was either found, or not\n });\n ```\n \n @method finally\n @param {Function} callback\n @return {Promise}\n */\n\n\n Promise.prototype.finally = function _finally(callback) {\n var promise = this;\n var constructor = promise.constructor;\n\n return promise.then(function (value) {\n return constructor.resolve(callback()).then(function () {\n return value;\n });\n }, function (reason) {\n return constructor.resolve(callback()).then(function () {\n throw reason;\n });\n });\n };\n\n return Promise;\n}();\n\nPromise$2.prototype.then = then;\nPromise$2.all = all;\nPromise$2.race = race;\nPromise$2.resolve = resolve$1;\nPromise$2.reject = reject$1;\nPromise$2._setScheduler = setScheduler;\nPromise$2._setAsap = setAsap;\nPromise$2._asap = asap;\n\n/*global self*/\nfunction polyfill() {\n var local = void 0;\n\n if (typeof global !== 'undefined') {\n local = global;\n } else if (typeof self !== 'undefined') {\n local = self;\n } else {\n try {\n local = Function('return this')();\n } catch (e) {\n throw new Error('polyfill failed because global object is unavailable in this environment');\n }\n }\n\n var P = local.Promise;\n\n if (P) {\n var promiseToString = null;\n try {\n promiseToString = Object.prototype.toString.call(P.resolve());\n } catch (e) {\n // silently ignored\n }\n\n if (promiseToString === '[object Promise]' && !P.cast) {\n return;\n }\n }\n\n local.Promise = Promise$2;\n}\n\n// Strange compat..\nPromise$2.polyfill = polyfill;\nPromise$2.Promise = Promise$2;\n\nPromise$2.polyfill();\n\nreturn Promise$2;\n\n})));\n\n\n\n//# sourceMappingURL=es6-promise.auto.map\n","/*!\n * hoverIntent v1.9.0 // 2017.09.01 // jQuery v1.7.0+\n * http://briancherne.github.io/jquery-hoverIntent/\n *\n * You may use hoverIntent under the terms of the MIT license. Basically that\n * means you are free to use hoverIntent as long as this header is left intact.\n * Copyright 2007-2017 Brian Cherne\n */\n\n/* hoverIntent is similar to jQuery's built-in \"hover\" method except that\n * instead of firing the handlerIn function immediately, hoverIntent checks\n * to see if the user's mouse has slowed down (beneath the sensitivity\n * threshold) before firing the event. The handlerOut function is only\n * called after a matching handlerIn.\n *\n * // basic usage ... just like .hover()\n * .hoverIntent( handlerIn, handlerOut )\n * .hoverIntent( handlerInOut )\n *\n * // basic usage ... with event delegation!\n * .hoverIntent( handlerIn, handlerOut, selector )\n * .hoverIntent( handlerInOut, selector )\n *\n * // using a basic configuration object\n * .hoverIntent( config )\n *\n * @param handlerIn function OR configuration object\n * @param handlerOut function OR selector for delegation OR undefined\n * @param selector selector OR undefined\n * @author Brian Cherne - ´s)\n this.menus = [].slice.call(this.el.querySelectorAll('.menu__level'));\n // index of current menu\n this.current = 0;\n\n this._init();\n }\n\n MLMenu.prototype.options = {\n // show breadcrumbs\n breadcrumbsCtrl : true,\n // initial breadcrumb text\n initialBreadcrumb : 'all',\n // show back button\n backCtrl : true,\n // delay between each menu item sliding animation\n itemsDelayInterval : 60,\n // direction\n direction : 'r2l',\n // callback: item that doesn´t have a submenu gets clicked\n // onItemClick([event], [inner HTML of the clicked item])\n onItemClick : function(ev, itemName) { return false; }\n };\n\n MLMenu.prototype._init = function() {\n // iterate the existing menus and create an array of menus, more specifically an array of objects where each one holds the info of each menu element and its menu items\n this.menusArr = [];\n var self = this;\n this.menus.forEach(function(menuEl, pos) {\n var menu = {menuEl : menuEl, menuItems : [].slice.call(menuEl.querySelectorAll('.menu__item'))};\n self.menusArr.push(menu);\n\n // set current menu class\n if( pos === self.current ) {\n classie.add(menuEl, 'menu__level--current');\n }\n });\n\n // create back button\n if( this.options.backCtrl ) {\n this.backCtrl = document.createElement('button');\n this.backCtrl.className = 'menu__back is-hidden';\n this.backCtrl.setAttribute('aria-label', 'Go back');\n this.backCtrl.innerHTML = 'Back';\n this.el.insertBefore(this.backCtrl, this.el.firstChild);\n }\n\n\n // create breadcrumbs\n if( self.options.breadcrumbsCtrl ) {\n this.breadcrumbsCtrl = document.createElement('nav');\n this.breadcrumbsCtrl.className = 'menu__breadcrumbs';\n this.el.insertBefore(this.breadcrumbsCtrl, this.el.firstChild);\n // add initial breadcrumb\n this._addBreadcrumb(0);\n }\n\n // event binding\n this._initEvents();\n };\n\n MLMenu.prototype._initEvents = function() {\n var self = this;\n\n for(var i = 0, len = this.menusArr.length; i < len; ++i) {\n this.menusArr[i].menuItems.forEach(function(item, pos) {\n item.querySelector('a').addEventListener('click', function(ev) {\n var submenu = ev.target.getAttribute('data-submenu'),\n itemName = ev.target.innerHTML,\n subMenuEl = self.el.querySelector('ul[data-menu=\"' + submenu + '\"]');\n\n // check if there's a sub menu for this item\n if( submenu && subMenuEl ) {\n ev.preventDefault();\n // open it\n self._openSubMenu(subMenuEl, pos, itemName);\n }\n else {\n // add class current\n var currentlink = self.el.querySelector('.menu__link--current');\n if( currentlink ) {\n classie.remove(self.el.querySelector('.menu__link--current'), 'menu__link--current');\n }\n classie.add(ev.target, 'menu__link--current');\n\n // callback\n self.options.onItemClick(ev, itemName);\n }\n });\n });\n }\n\n // back navigation\n if( this.options.backCtrl ) {\n this.backCtrl.addEventListener('click', function() {\n self._back();\n });\n }\n };\n\n MLMenu.prototype._openSubMenu = function(subMenuEl, clickPosition, subMenuName) {\n if( this.isAnimating ) {\n return false;\n }\n this.isAnimating = true;\n\n // save \"parent\" menu index for back navigation\n this.menusArr[this.menus.indexOf(subMenuEl)].backIdx = this.current;\n // save \"parent\" menu´s name\n this.menusArr[this.menus.indexOf(subMenuEl)].name = subMenuName;\n // current menu slides out\n this._menuOut(clickPosition);\n // next menu (submenu) slides in\n this._menuIn(subMenuEl, clickPosition);\n };\n\n MLMenu.prototype._back = function() {\n if( this.isAnimating ) {\n return false;\n }\n this.isAnimating = true;\n\n // current menu slides out\n this._menuOut();\n // next menu (previous menu) slides in\n var backMenu = this.menusArr[this.menusArr[this.current].backIdx].menuEl;\n this._menuIn(backMenu);\n\n // remove last breadcrumb\n if( this.options.breadcrumbsCtrl ) {\n this.breadcrumbsCtrl.removeChild(this.breadcrumbsCtrl.lastElementChild);\n }\n };\n\n MLMenu.prototype._menuOut = function(clickPosition) {\n // the current menu\n var self = this,\n currentMenu = this.menusArr[this.current].menuEl,\n isBackNavigation = typeof clickPosition === 'undefined' ? true : false;\n\n // slide out current menu items - first, set the delays for the items\n this.menusArr[this.current].menuItems.forEach(function(item, pos) {\n item.style.WebkitAnimationDelay = item.style.animationDelay = isBackNavigation ? parseInt(pos * self.options.itemsDelayInterval) + 'ms' : parseInt(Math.abs(clickPosition - pos) * self.options.itemsDelayInterval) + 'ms';\n });\n // animation class\n if( this.options.direction === 'r2l' ) {\n classie.add(currentMenu, !isBackNavigation ? 'animate-outToLeft' : 'animate-outToRight');\n }\n else {\n classie.add(currentMenu, isBackNavigation ? 'animate-outToLeft' : 'animate-outToRight');\n }\n };\n\n MLMenu.prototype._menuIn = function(nextMenuEl, clickPosition) {\n var self = this,\n // the current menu\n currentMenu = this.menusArr[this.current].menuEl,\n isBackNavigation = typeof clickPosition === 'undefined' ? true : false,\n // index of the nextMenuEl\n nextMenuIdx = this.menus.indexOf(nextMenuEl),\n\n nextMenuItems = this.menusArr[nextMenuIdx].menuItems,\n nextMenuItemsTotal = nextMenuItems.length;\n\n // slide in next menu items - first, set the delays for the items\n nextMenuItems.forEach(function(item, pos) {\n item.style.WebkitAnimationDelay = item.style.animationDelay = isBackNavigation ? parseInt(pos * self.options.itemsDelayInterval) + 'ms' : parseInt(Math.abs(clickPosition - pos) * self.options.itemsDelayInterval) + 'ms';\n\n // we need to reset the classes once the last item animates in\n // the \"last item\" is the farthest from the clicked item\n // let's calculate the index of the farthest item\n var farthestIdx = clickPosition <= nextMenuItemsTotal/2 || isBackNavigation ? nextMenuItemsTotal - 1 : 0;\n\n if( pos === farthestIdx ) {\n onEndAnimation(item, function() {\n // reset classes\n if( self.options.direction === 'r2l' ) {\n classie.remove(currentMenu, !isBackNavigation ? 'animate-outToLeft' : 'animate-outToRight');\n classie.remove(nextMenuEl, !isBackNavigation ? 'animate-inFromRight' : 'animate-inFromLeft');\n }\n else {\n classie.remove(currentMenu, isBackNavigation ? 'animate-outToLeft' : 'animate-outToRight');\n classie.remove(nextMenuEl, isBackNavigation ? 'animate-inFromRight' : 'animate-inFromLeft');\n }\n classie.remove(currentMenu, 'menu__level--current');\n classie.add(nextMenuEl, 'menu__level--current');\n\n //reset current\n self.current = nextMenuIdx;\n\n // control back button and breadcrumbs navigation elements\n if( !isBackNavigation ) {\n // show back button\n if( self.options.backCtrl ) {\n classie.remove(self.backCtrl, 'is-hidden');\n }\n\n // add breadcrumb\n self._addBreadcrumb(nextMenuIdx);\n }\n else if( self.current === 0 && self.options.backCtrl ) {\n // hide back button\n classie.add(self.backCtrl, 'is-hidden');\n }\n\n // we can navigate again..\n\n setTimeout(function(){$('.not-visible').removeClass('not-visible');},250);\n self.isAnimating = false;\n });\n }\n });\n\n // animation class\n if( this.options.direction === 'r2l' ) {\n classie.add(nextMenuEl, !isBackNavigation ? 'animate-inFromRight' : 'animate-inFromLeft');\n }\n else {\n classie.add(nextMenuEl, isBackNavigation ? 'animate-inFromRight' : 'animate-inFromLeft');\n }\n };\n\n MLMenu.prototype._addBreadcrumb = function(idx) {\n if( !this.options.breadcrumbsCtrl ) {\n return false;\n }\n\n var bc = document.createElement('a');\n\n bc.className = 'breadcrumb-link not-visible';\n bc.innerHTML = idx ? this.menusArr[idx].name : this.options.initialBreadcrumb;\n this.breadcrumbsCtrl.appendChild(bc);\n\n var self = this;\n bc.addEventListener('click', function(ev) {\n ev.preventDefault();\n\n // do nothing if this breadcrumb is the last one in the list of breadcrumbs\n if( !bc.nextSibling || self.isAnimating ) {\n return false;\n }\n self.isAnimating = true;\n\n // current menu slides out\n self._menuOut();\n // next menu slides in\n var nextMenu = self.menusArr[idx].menuEl;\n self._menuIn(nextMenu);\n\n // remove breadcrumbs that are ahead\n var siblingNode;\n while ((siblingNode = bc.nextSibling) !== null) {\n self.breadcrumbsCtrl.removeChild(siblingNode);\n }\n });\n };\n\n window.MLMenu = MLMenu;\n\n})(jQuery);\n","(function($) {\n 'use strict';\n $(function() {\n const $tabDesktopHeading = $('.tab__headings--desktop .tab__heading');\n const $tabMobileHeading = $('.tab__headings--mobile');\n\n $('.tab__heading').toggleClass('is-inactive');\n\n // Handle mobile view tab heading clicks\n $tabMobileHeading.on('click', function(e) {\n e.preventDefault();\n const $this = $(this);\n // data attribute\n const tabName = $this.data('tab-name');\n\n // expanding contents\n if ($this.hasClass('is-inactive')) {\n // set all other heading to inactive state\n $tabMobileHeading\n .not(this)\n .removeClass('is-active')\n .addClass('is-inactive');\n\n // set itself (heading) to active\n $this.removeClass('is-inactive').addClass('is-active');\n // also need to set the parent so that it keeps the current\n // active state when resizing to desktop\n $this\n .parent()\n .removeClass('is-inactive')\n .addClass('is-active');\n\n // sync up with desktop tab headings, which is a separate group\n // of DOM elements. Again it's prep for keeping state during\n // window resizing\n $tabDesktopHeading.each(function() {\n if ($(this).data('tab-name') === tabName) {\n $tabDesktopHeading\n .not(this)\n .removeClass('is-active')\n .addClass('is-inactive');\n $(this)\n .addClass('is-active')\n .removeClass('is-inactive');\n return;\n }\n });\n\n // Find the tab__content within current tab\n $this\n .next()\n .slideToggle()\n .addClass('open-content is-active');\n } else {\n // if the tab is already active\n // we need to close it\n\n // again, we need to set the parents state\n $this\n .parent()\n .removeClass('is-active')\n .addClass('is-inactive');\n $this.removeClass('is-active').addClass('is-inactive');\n\n // Sync up with desktop headings just like above\n $tabDesktopHeading.each(function() {\n if ($(this).data('tab-name') === tabName) {\n $tabDesktopHeading.addClass('is-inactive');\n $(this).removeClass('is-active');\n return;\n }\n });\n $this\n .next()\n .slideToggle()\n .removeClass('open-content is-active');\n }\n });\n\n // handle desktop heading clicks\n $tabDesktopHeading.on('click', function() {\n const $this = $(this);\n\n const tabName = $this.data('tab-name');\n\n // desktop tab active state\n\n // set all other tabs to inactive\n $tabDesktopHeading\n .not(this)\n .addClass('is-inactive')\n .removeClass('is-active');\n // set itself to active\n $this.addClass('is-active').removeClass('is-inactive');\n\n // Sync up states with mobile tab headings\n // Same reasoning found above in the mobile implementation\n $tabMobileHeading.each(function() {\n if ($(this).data('tab-name') === tabName) {\n $(this)\n .addClass('is-active')\n .removeClass('is-inactive');\n $tabMobileHeading\n .not(this)\n .addClass('is-inactive')\n .removeClass('is-active');\n return;\n }\n });\n\n // show tab content based on what heading is clicked\n // mobile version we are using jquery slideToggle, but we are still\n // setting it up in prep for desktop version\n // Here we need to set \".tab\", \".tab__content\"\n $('.tab').each(function() {\n const $this = $(this);\n if ($this.data('tab-name') === tabName) {\n $('.tab')\n .not(this)\n .addClass('is-inactive')\n .removeClass('is-active');\n $this.removeClass('is-inactive').addClass('is-active');\n\n $('.tab__content')\n .removeClass('is-active')\n .addClass('is-inactive');\n $this\n .find('.tab__content')\n .removeClass('is-inactive')\n .addClass('is-active');\n }\n });\n });\n\n // on load when it's a desktop view (lt), first tab to be active by default\n if ($(window).width() >= 960) {\n $('.tab')\n .first()\n .addClass('is-active')\n .find('.tab__content, .tab__headings--mobile')\n .removeClass('is-inactive')\n .addClass('is-active');\n\n $('.tab:not(:first)').addClass('is-inactive');\n $('.tab__headings--desktop .tab__heading')\n .first()\n .removeClass('is-inactive')\n .addClass('is-active');\n }\n\n $(window).resize(function() {\n if ($(window).width() >= 960) {\n // when resizing to desktop from mobile view, if the mobile view\n // has all tabs collapsed, we need to set the default desktop display\n // to be the first tab\n if (\n $tabDesktopHeading.length ===\n $('.tab__headings--desktop').find('> .is-inactive').length\n ) {\n $tabDesktopHeading.first().trigger('click');\n }\n\n // this is to reset the jquery slideToggle inline style\n $('.tab__content').css('display', '');\n }\n });\n });\n})(jQuery);\n","(function($) {\n 'use strict';\n $(function(){\n $('.accordion__heading').toggleClass('is-inactive');\n // The Accordion Effect\n $('.accordion__heading').click(function (e) {\n e.preventDefault();\n if($(this).is('.is-inactive')) {\n $('.accordion__heading.is-active').toggleClass('is-active').toggleClass('is-inactive').next().slideToggle().toggleClass('open-content');\n $(this).toggleClass('is-active').toggleClass('is-inactive');\n $(this).next().slideToggle().toggleClass('open-content');\n }\n else {\n $(this).toggleClass('is-active').toggleClass('is-inactive');\n $(this).next().slideToggle().toggleClass('open-content');\n }\n });\n });\n})(jQuery);\n","/* jshint ignore:start */\nvar global_date_format = 'DD M dd, yy';\n\nvar setup_parameters = {\n\t\"hotel_id\":\"2615\",\t\t\t\t// required - your WebRezPro hotel id must be entered\n\t\"date_format\":\"D M dd, yy\", \t// optional - default is 'DD M dd, yy'\n\t\"default_days_in_advance\":\"0\",\t// optional - default is 0 days in advance,\n\t\"flag_turnoff_autoload_date\":\"1\" // 0 = arrival and departure dates automatically loaded, 1 = not loaded, default is 0\n};\n\njQuery(document).ready(function($) {\n\n InitializeWidget()\n\n\n\n function InitializeWidget() {\n\n var company_id = -1;\n if (setup_parameters && setup_parameters.hotel_id)\n company_id = setup_parameters.hotel_id;\n\n if (setup_parameters && setup_parameters.date_format)\n global_date_format = setup_parameters.date_format;\n\n default_days_in_advance = 0;\n if (setup_parameters && setup_parameters.default_days_in_advance)\n default_days_in_advance = parseInt(setup_parameters.default_days_in_advance);\n\n var url = 'https://secure.webrez.com/hotel/' + company_id + '/?';\n //var url = 'https://ressrv.worldweb.com:8001/hotel/' + company_id + '/?';\n $(\"#widget_link\").attr('action', url);\n $(\"input[name=table]\").val('hotels');\n $(\"input[name=hotel_id]\").val(company_id);\n $(\"input[name=listing_id]\").val(company_id);\n $(\"input[name=mode]\").val('command');\n $(\"input[name=command]\").val('pleasewait');\n $(\"input[name=nextcommand]\").val('roomsearch');\n\n InitializeCalendars(company_id, default_days_in_advance);\n }\n\n function InitializeCalendars(company_id, default_days_in_advance) {\n var date = new Date();\n var date_from = new Date();\n date_from.setDate(date.getDate() + default_days_in_advance);\n var date_to = new Date();\n date_to.setDate(date_from.getDate() + 1);\n\n //if ($(\"#formatted_date_from\").val() == 'Arrival date')\n $(\"#formatted_date_from\").val($.datepicker.formatDate(global_date_format, date_from));\n\n //if ($(\"#formatted_date_to\").val() == 'Departure date')\n $(\"#formatted_date_to\").val($.datepicker.formatDate(global_date_format, date_to));\n\n var num_months = 1;\n Date.format = 'yyyy-mm-dd';\n $(function() {\n $(\"#formatted_date_from\").datepicker({\n dateFormat: global_date_format,\n numberOfMonths: num_months,\n beforeShowDay: DisableArrivalDays\n });\n });\n $(function() {\n $(\"#formatted_date_to\").datepicker({\n dateFormat: global_date_format,\n numberOfMonths: num_months,\n beforeShowDay: DisableArrivalDays\n });\n });\n\n function DisableArrivalDays(date) {\n var date_today = new Date();\n var date_cutoff = new Date();\n date_cutoff.setDate(date_today.getDate() + default_days_in_advance - 1);\n\n if (date < date_cutoff)\n return [0];\n\n return [1];\n }\n\n $(\"#formatted_date_from\").change(function() {\n var date_from = ConvertDateTextToDate($(\"#formatted_date_from\").val());\n $(\"#date_from\").val(ConvertDateTextToInteger($(\"#formatted_date_from\").val()));\n\n var date_to = ConvertDateTextToDate($(\"#formatted_date_to\").val());\n if (!date_from)\n return false;\n\n //alert('date from ' + date_from + ', dater to ' + date_to);\n\n if (date_to <= date_from) {\n var date_start = $('#formatted_date_from').datepicker('getDate');\n var date_new = new Date(Date.parse(date_start));\n date_new.setDate(date_new.getDate() + 1);\n var newDate = date_new.toDateString();\n newDate = new Date(Date.parse(newDate));\n $('#formatted_date_to').datepicker('setDate', newDate);\n var date_to = ConvertDateTextToInteger($(\"#formatted_date_to\").val());\n $(\"#date_to\").val(date_to);\n }\n\n\n return false;\n });\n\n $(\"#formatted_date_to\").change(function() {\n var date_from = ConvertDateTextToDate($(\"#formatted_date_from\").val());\n var date_to = ConvertDateTextToDate($(\"#formatted_date_to\").val());\n\n if (date_to <= date_from) {\n var date_end = $('#formatted_date_to').datepicker('getDate');\n var date_new = new Date(Date.parse(date_end));\n date_new.setDate(date_new.getDate() - 1);\n var newDate = date_new.toDateString();\n newDate = new Date(Date.parse(newDate));\n $('#formatted_date_from').datepicker('setDate', newDate);\n\n var date_from = ConvertDateTextToInteger($(\"#formatted_date_from\").val());\n $(\"#date_from\").val(date_from);\n }\n\n var date_to = ConvertDateTextToInteger($(\"#formatted_date_to\").val());\n $(\"#date_to\").val(date_to);\n return false;\n });\n\n $(\"#search_button\").click(function() {\n //var date_from = ConvertDateTextToInteger($(\"#formatted_date_from\").val());\n //$(\"#date_from\").val(date_from);\n\n //var date_to = ConvertDateTextToInteger($(\"#formatted_date_to\").val());\n //$(\"#date_to\").val(date_to);\n\n var url = 'https://secure.webrez.com/Bookings105/activity-edit.html?';\n $(\"#widget_link\").attr('action', url);\n //document.location.href = url;\n return false;\n });\n\n function ConvertDateTextToDate(date_text) {\n var date = $.datepicker.parseDate(global_date_format, date_text);\n if (isNaN(Date.parse(date)))\n return 0;\n //return new Date();\n return date;\n }\n\n function ConvertDateTextToInteger(date_text) {\n var date = $.datepicker.parseDate(global_date_format, date_text);\n date = $.datepicker.formatDate(\"yymmdd\", date);\n return date;\n }\n }\n\n});\n/* jshint ignore:end */"," function gmapInit() {\n // if($(\"#map-canvas\").length === 0){\n // return false;\n // }\n\n //Set BAse Lat and Lng but this will be overriden if data params are passed on the #map-canvas\n var lat = 48.469891;\n var lng = -123.375680;\n var address = ($(\"#map-canvas\").data('address') ? $(\"#map-canvas\").data('address') : '');\n var infobox_header = ($(\"#map-canvas\").data('header') ? $(\"#map-canvas\").data('header') : '');\n var infobox_content = ($(\"#map-canvas\").data('content') ? $(\"#map-canvas\").data('content') : '');\n var zoom = 16;\n\n if($(\"#map-canvas\").data('lat') && $(\"#map-canvas\").data('lng')){\n lat = $(\"#map-canvas\").data('lat');\n lng = $(\"#map-canvas\").data('lng');\n }\n\n // Set The Main pin content for infobox\n var content = '';\n if(address) {\n content += ($(\"#map-canvas\").data('image') ? '
' : '');\n content += \"
\"+infobox_header+\"
\";\n content += \"\"+infobox_content+\"\";\n content += \"\"+address+\"\";\n content += 'View Larger';\n content += ''+pin.dataset.title+'
' + pin.dataset.description + '' + pin.dataset.address + \"' +\n '' +\n '' +\n '
', // HTML markup of popup, `mfp-close` will be replaced by the close button\n\n patterns: {\n youtube: {\n index: 'youtube.com/', // String that detects type of video (in this case YouTube). Simply via url.indexOf(index).\n\n id: 'v=', // String that splits URL in a two parts, second part should be %id%\n // Or null - full URL will be returned\n // Or a function that should return %id%, for example:\n // id: function(url) { return 'parsed id'; }\n\n src: '//www.youtube.com/embed/%id%?autoplay=1', // URL that will be set as a source for iframe.\n },\n vimeo: {\n index: 'vimeo.com/',\n id: '/',\n src: '//player.vimeo.com/video/%id%?autoplay=1',\n },\n gmaps: {\n index: '//maps.google.',\n src: '%id%&output=embed',\n },\n },\n },\n });\n\n //Gallery init\n $('.content-block').each(function() {\n $(this).magnificPopup({\n delegate: '.js-gallery__item',\n type: 'image',\n mainClass: 'mfp-fade',\n removalDelay: 300,\n gallery: {\n enabled: true,\n },\n image: {\n markup:\n '' +\n '' +\n '' +\n '' +\n '
', // Popup HTML markup. `.mfp-img` div will be replaced with img tag, `.mfp-close` by close button\n\n cursor: 'mfp-zoom-out-cur', // Class that adds zoom cursor, will be added to body. Set to null to disable zoom out cursor.\n\n //titleSrc: 'title', // Attribute of the target element that contains caption for the slide.\n // Or the function that should return the title. For example:\n titleSrc: function(item) {\n //console.log($(item.el).find('img').attr('title'));\n //return $(item.el).find('img').attr('title');\n return '';\n },\n\n verticalFit: true, // Fits image in area vertically\n\n tError: 'The image could not be loaded.', // Error message\n },\n callbacks: {\n open: function() {\n $.magnificPopup.instance.next = function() {\n var self = this;\n self.wrap.removeClass('mfp-image-loaded');\n self.wrap.addClass('next');\n setTimeout(function() {\n $.magnificPopup.proto.next.call(self);\n }, 400);\n };\n $.magnificPopup.instance.prev = function() {\n var self = this;\n self.wrap.removeClass('mfp-image-loaded');\n self.wrap.addClass('prev');\n setTimeout(function() {\n $.magnificPopup.proto.prev.call(self);\n }, 400);\n };\n },\n imageLoadComplete: function() {\n var self = this;\n self.wrap.addClass('mfp-image-loading');\n setTimeout(function() {\n self.wrap.removeClass('mfp-image-loading prev next');\n self.wrap.addClass('mfp-image-loaded');\n }, 10);\n },\n },\n });\n });\n\n //fire the map if it exists\n var gmapScript =\n 'https://maps.googleapis.com/maps/api/js?v=3.exp&callback=gmapInit&key=' +\n GOOGLE_API_KEY;\n if ($('#map-canvas').length !== 0) {\n $.getScript(gmapScript)\n .done(function(script, textStatus) {\n //console.log( script );\n })\n .fail(function(jqxhr, settings, exception) {\n //$( \"div.log\" ).text( \"Triggered ajaxError handler.\" );\n });\n }\n },\n finalize: function() {\n objectFitImages();\n\n stickyHeaderInit();\n\n parallaxHero();\n\n Pace.once('done', function() {\n lazysizes_placeholder();\n });\n\n $('nav.greedy').makeGreedy();\n\n // We probably don't need this right away\n $('.slider').each(function() {\n var visibleSlides = $(this).data('visible-slides');\n var pagination = $(this).data('pagination');\n var navigation = $(this).data('navigation');\n var loop = $(this).data('loop');\n var autoplay = $(this).data('autoplay');\n var params = {\n direction: 'horizontal',\n loop: loop,\n slidesPerView: visibleSlides,\n speed: 600,\n paginationClickable: true,\n spaceBetween: 0,\n };\n\n if (pagination) {\n params.pagination = '.swiper-pagination';\n }\n\n if (autoplay) {\n params.autoplay = autoplay;\n }\n\n if (navigation) {\n params.nextButton = '.swiper-next';\n params.prevButton = '.swiper-prev';\n }\n\n if (visibleSlides > 1) {\n params.breakpoints = {\n 320: {\n slidesPerView: 1,\n },\n };\n\n if (visibleSlides > 2) {\n params.breakpoints['640'] = {\n slidesPerView: 2,\n };\n }\n\n if (visibleSlides > 3) {\n params.breakpoints['768'] = {\n slidesPerView: 3,\n };\n }\n }\n\n var swiper = new Swiper($(this).find('.swiper-container'), params);\n });\n\n //Slider on single adventure page\n if (document.querySelectorAll('.adventure-single').length > 0) {\n var $this = $('.adventure-single');\n var adventure_swiper = new Swiper($this.find('.swiper-container'), {\n direction: 'horizontal',\n loop: true,\n slidesPerView: 1,\n speed: 600,\n paginationClickable: true,\n spaceBetween: 0,\n navigation: {\n prevEl: $this.find('.swiper-prev'),\n nextEl: $this.find('.swiper-next'),\n },\n });\n }\n\n // Team Loader\n if (document.querySelectorAll(\"[data-loader='team']\").length > 0) {\n var teamLoader = new Loader('.loader--team', {\n triggerData: 'team',\n updateContent: true,\n });\n }\n\n // Team Loader\n if (document.querySelectorAll(\"[data-loader='book-now']\").length > 0) {\n var bookNowLoader = new Loader('.loader--book-now', {\n triggerData: 'book-now',\n });\n }\n\n // Fly out\n if (document.querySelectorAll(\"[data-loader='flyout']\").length > 0) {\n var flyoutLoader = new Loader('.loader--flyout', {\n triggerData: 'flyout',\n updateContent: true,\n });\n }\n\n if ($('.loader--popup').length) {\n var popupLoader = new Loader('.loader--popup');\n setTimeout(function() {\n popupLoader.toggle();\n }, popupLoader.loader.data('delay'));\n }\n\n //Disable trigger to enable menu depending on screen size.\n var menuLoader = new Loader('.nav--mobile--primary', {\n simpleClose: true,\n //trigger: '.nav__toggle__trigger'\n });\n\n $('.nav__toggle__trigger').on('click', function() {\n var $window_width = parseInt($('.l-page').css('width')),\n $this = $(this);\n\n if ($window_width <= 1150) {\n $this.toggleClass('is-active is-active--mobile');\n $this.parent().toggleClass('menu-active');\n menuLoader.toggle();\n }\n });\n\n $('.loader--book-now .loader__close').on('click', function(e) {\n //menuLoader.close();\n });\n\n //Desktop\n desktopNavInit();\n\n // Mobiles\n mobileNavInit();\n\n //Book Now Date Picker\n // $.datepicker.setDefaults(\n // $.extend(\n // $.datepicker.regional['']\n // )\n // );\n // var intDaysInAdv = -1;\n // if (intDaysInAdv < 1) {\n // intDaysInAdv = 0;\n // }\n // var strDefaultDate = onresGetDateInAdv(intDaysInAdv);\n\n // $(\"#StartDate\").datepicker({\n // numberOfMonths: 1,\n // dateFormat: \"d MM yy\",\n // defaultDate: strDefaultDate,\n // minDate: strDefaultDate,\n // });\n\n // document.getElementById(\"StartDate\").value = strDefaultDate;\n\n //Scroll Magic\n var controller = new ScrollMagic.Controller();\n\n $('.scroll-magic').each(function() {\n var that = this;\n\n var scene = new ScrollMagic.Scene({\n triggerElement: that,\n triggerHook: 0.9,\n })\n .setClassToggle(that, 'scroll-triggered')\n .addTo(controller);\n });\n\n //Bucket list button\n bucketListButton();\n }, //init\n },\n // Home page\n home: {\n init: function() {\n // JavaScript to be fired on the home page\n var hero_tl = new TimelineLite({ paused: true });\n hero_tl\n .set($('.hero__heading .fancy-font'), {\n autoAlpha: 0,\n })\n .fromTo(\n $('.hero__heading'),\n 0.5,\n {\n autoAlpha: 0,\n y: '20px',\n },\n {\n autoAlpha: 0.85,\n y: '0px',\n ease: Sine.easeOut,\n }\n )\n .fromTo(\n $('.hero__heading .fancy-font'),\n 0.5,\n {\n autoAlpha: 0,\n y: '20px',\n },\n {\n autoAlpha: 0.9,\n y: '0px',\n ease: Sine.easeOut,\n },\n '-=0.25'\n )\n .fromTo(\n $('.hero__icon'),\n 0.5,\n {\n autoAlpha: 0,\n y: '20px',\n },\n {\n autoAlpha: 0.9,\n y: '0px',\n ease: Sine.easeOut,\n },\n '-=0.25'\n )\n .fromTo(\n $('.hero__tag-line'),\n 0.5,\n {\n autoAlpha: 0,\n y: '20px',\n },\n {\n autoAlpha: 0.9,\n y: '0px',\n ease: Sine.easeOut,\n },\n '-=0.25'\n );\n\n Pace.once('done', function() {\n hero_tl.play();\n });\n\n //Scrolling Way points\n var content_blocks = document.getElementsByClassName('scroll-to');\n for (var i = 0; i < content_blocks.length; i++) {\n new Waypoint({\n element: content_blocks[i],\n offset: 50,\n handler: function(direction) {\n var that = $(this.element);\n section_id = that.attr('id');\n\n if (direction === 'down') {\n $('.home__page-nav__list-link.section-triggered').removeClass(\n 'section-triggered'\n );\n $('.scroll-to--' + section_id).addClass('section-triggered');\n }\n },\n });\n new Waypoint({\n element: content_blocks[i],\n offset: -50,\n handler: function(direction) {\n var that = $(this.element);\n section_id = that.attr('id');\n\n if (direction === 'up') {\n $('.home__page-nav__list-link.section-triggered').removeClass(\n 'section-triggered'\n );\n $('.scroll-to--' + section_id).addClass('section-triggered');\n }\n },\n });\n }\n\n new Waypoint({\n element: $('#hero'),\n offset: '-80%',\n handler: function(direction) {\n $('.home__page-nav__list-link.section-triggered').removeClass(\n 'section-triggered'\n );\n },\n });\n\n //Home Page Navigation\n var home_page_nav = $('.home__page-nav'),\n home_page_nav_list = home_page_nav.find('.home__page-nav__list');\n home_page_nav_trigger = home_page_nav.find('.home__page-nav__trigger');\n\n new Waypoint({\n element: $('#top'),\n offset: -5,\n handler: function(direction) {\n if (direction === 'up') {\n home_page_nav.removeClass('hidden-menu');\n } else {\n home_page_nav.addClass('hidden-menu');\n }\n },\n });\n\n home_page_nav_trigger.on('click', function() {\n home_page_nav.toggleClass('show');\n });\n\n $(document).keyup(function(e) {\n if (e.keyCode === 27 && home_page_nav.hasClass('show')) {\n home_page_nav.removeClass('show');\n }\n });\n\n $(document).click(function(event) {\n if (!$(event.target).closest('.home__page-nav').length) {\n if (home_page_nav.hasClass('show')) {\n home_page_nav.removeClass('show');\n }\n }\n });\n\n //Set 100vh static on touch devices No jittering from Browser navigation\n function set_home_hero_height() {\n $('.hero').css('height', document.documentElement.clientHeight);\n }\n\n if (Modernizr.touchevents) {\n set_home_hero_height();\n window.addEventListener('orientationchange', set_home_hero_height);\n }\n },\n finalize: function() {},\n },\n // About us page, note the change from about-us to about_us.\n not_front: {\n init: function() {},\n },\n our_rooms: {\n init: function() {\n // Init all gallerys for \"our rooms\"\n if (document.querySelectorAll('.room__slider').length > 0) {\n var $room_swipers = [];\n var $room_sliders = $('.room__slider');\n\n for (var i = $room_sliders.length - 1; i >= 0; i--) {\n $container = $($room_sliders[i]).find('.swiper-container');\n $swiper_prev = $($room_sliders[i]).find('.swiper-prev');\n $swiper_next = $($room_sliders[i]).find('.swiper-next');\n var params = {\n navigation: {\n prevEl: $swiper_prev,\n nextEl: $swiper_next,\n },\n direction: 'horizontal',\n loop: true,\n effect: 'slide',\n speed: 1200,\n slidesPerView: 1,\n on: {\n init: function() {\n //Fire popup on cloned slides\n $('.swiper-slide-duplicate .js-room_gallery__item').on(\n 'click',\n function(e) {\n e.preventDefault();\n $slide = $(this).closest('.swiper-slide');\n\n if ($slide.is(':first-child')) {\n $slide\n .siblings('.swiper-slide-duplicate:last-child')\n .prev()\n .find('.js-room_gallery__item')\n .trigger('click');\n }\n\n if ($slide.is(':last-child')) {\n $slide\n .siblings('.swiper-slide-duplicate:first-child')\n .next()\n .find('.js-room_gallery__item')\n .trigger('click');\n }\n }\n );\n },\n },\n };\n $room_swipers[i] = new Swiper($container, params);\n }\n }\n\n //Gallery\n $('.room__images').each(function() {\n $(this).magnificPopup({\n type: 'image',\n mainClass: 'mfp-fade',\n removalDelay: 300,\n delegate:\n '.swiper-slide:not(.swiper-slide-duplicate) .js-room_gallery__item',\n gallery: {\n enabled: true,\n },\n image: {\n markup:\n '' +\n '' +\n '' +\n '' +\n '
', // Popup HTML markup. `.mfp-img` div will be replaced with img tag, `.mfp-close` by close button\n\n cursor: 'mfp-zoom-out-cur', // Class that adds zoom cursor, will be added to body. Set to null to disable zoom out cursor.\n\n //titleSrc: 'title', // Attribute of the target element that contains caption for the slide.\n // Or the function that should return the title. For example:\n titleSrc: function(item) {\n //console.log($(item.el).find('img').attr('title'));\n //return $(item.el).find('img').attr('title');\n return '';\n },\n\n verticalFit: true, // Fits image in area vertically\n\n tError: 'The image could not be loaded.', // Error message\n },\n callbacks: {\n open: function() {\n $.magnificPopup.instance.next = function() {\n var self = this;\n self.wrap.removeClass('mfp-image-loaded');\n self.wrap.addClass('next');\n setTimeout(function() {\n $.magnificPopup.proto.next.call(self);\n }, 400);\n };\n $.magnificPopup.instance.prev = function() {\n var self = this;\n self.wrap.removeClass('mfp-image-loaded');\n self.wrap.addClass('prev');\n setTimeout(function() {\n $.magnificPopup.proto.prev.call(self);\n }, 400);\n };\n },\n imageLoadComplete: function() {\n var self = this;\n self.wrap.addClass('mfp-image-loading');\n setTimeout(function() {\n self.wrap.removeClass('mfp-image-loading prev next');\n self.wrap.addClass('mfp-image-loaded');\n }, 10);\n },\n },\n });\n });\n },\n finalize: function() {},\n },\n contact: {\n init: function() {},\n finalize: function() {},\n },\n };\n\n // The routing fires all common scripts, followed by the page specific scripts.\n // Add additional events for more control over timing e.g. a finalize event\n var UTIL = {\n fire: function(func, funcname, args) {\n var fire;\n var namespace = Sage;\n funcname = funcname === undefined ? 'init' : funcname;\n fire = func !== '';\n fire = fire && namespace[func];\n fire = fire && typeof namespace[func][funcname] === 'function';\n\n if (fire) {\n namespace[func][funcname](args);\n }\n },\n loadEvents: function() {\n // Fire common init JS\n UTIL.fire('common');\n // Fire page-specific init JS, and then finalize JS\n $.each(document.body.className.replace(/-/g, '_').split(/\\s+/), function(\n i,\n classnm\n ) {\n UTIL.fire(classnm);\n setTimeout(function() {\n UTIL.fire(classnm, 'finalize');\n }, 200);\n });\n // Fire common finalize JS\n setTimeout(function() {\n UTIL.fire('common', 'finalize');\n console.info('main.js file has fired all commands.');\n }, 200);\n },\n };\n\n //fool the shit out of pagespeed insights\n function loadTheCSS() {\n var stylesheet = loadCSS(cssFile, document.getElementById('css-ref'));\n onloadCSS(stylesheet, function() {\n console.info('Stylesheet has loaded.');\n $(document).ready(UTIL.loadEvents);\n });\n }\n var botPattern = '(Insights)';\n var re = new RegExp(botPattern, 'i');\n var userAgent = navigator.userAgent;\n if (re.test(userAgent)) {\n window.setTimeout(loadTheCSS, 5000);\n } else {\n loadTheCSS();\n }\n})(jQuery); // Fully reference jQuery after this point.\n","//\n// Menu\n// --------------------------------------------------\n\nfunction stickyHeaderInit() {\n var header = $(\n '.region--header, .nav__toggle, .nav__phone, .contact-info--mobile'\n );\n var headerHeight = header.outerHeight();\n var lastScrollTop = 0;\n var scrollVar =\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop;\n var ticking = false;\n\n function hasScrolled() {\n var body = $('body');\n const $desktopMenuItems = $('#menu-primary-navigation >.menu-item');\n // Gotta scroll more doe\n if (lastScrollTop - scrollVar >= -25 && lastScrollTop - scrollVar < 0) {\n return;\n }\n\n // Control header floating\n if (scrollVar > headerHeight + 25) {\n $desktopMenuItems.removeClass('hover-active click-active');\n if (body.hasClass('header-float')) {\n // Control showing/hiding\n if (scrollVar > lastScrollTop) {\n header.removeClass('header-down').addClass('header-up');\n } else if (scrollVar < lastScrollTop) {\n if (scrollVar + $(window).height() < $(document).height()) {\n header.removeClass('header-up').addClass('header-down');\n }\n }\n } else {\n body.addClass('header-float');\n }\n } else if (!header.hasClass('header-down')) {\n body.removeClass('header-float');\n } else if (scrollVar <= 5) {\n body.removeClass('header-float');\n header.removeClass('header-down header-up');\n }\n lastScrollTop = scrollVar;\n }\n\n function stickyHeader() {\n ticking = false;\n scrollVar =\n (document.documentElement && document.documentElement.scrollTop) ||\n document.body.scrollTop;\n hasScrolled();\n }\n\n function requestTick() {\n if (!ticking) {\n window.requestAnimationFrame(stickyHeader);\n }\n ticking = true;\n }\n\n $(window).scroll(function() {\n requestTick();\n });\n requestTick();\n}\n\n// Mobile nav\n\nfunction mobileNavInit() {\n function hideFooter() {\n $('#mobile-footer, .nav__phone--mobile, .nav--mobile .button').velocity({\n opacity: 0,\n });\n }\n\n function showFooter() {\n $('#mobile-footer, .nav__phone--mobile, .nav--mobile .button').velocity(\n {\n opacity: 1,\n },\n {\n delay: 700,\n }\n );\n }\n\n function adjustHeight(e) {\n $('#ml-menu').outerHeight($(e).outerHeight());\n }\n\n var menuEl = document.getElementById('ml-menu'),\n mlmenu;\n\n mlmenu = new MLMenu(menuEl, {\n breadcrumbsCtrl: false, // show breadcrumbs\n backCtrl: true, // show back button\n itemsDelayInterval: 90, // delay between each menu item sliding animation\n });\n\n // // TODO: Do this better\n $('.menu__level[data-menu=\"main\"] .menu__link[data-submenu]').on(\n 'click',\n function() {\n hideFooter();\n }\n );\n\n $('.menu__back').on('click', function() {\n if ($('[data-depth=\"1\"]').hasClass('menu__level--current')) {\n showFooter();\n }\n });\n\n adjustHeight('.menu__level');\n}\n\n// Do stuff\n\njQuery(document).ready(function($) {\n const $desktopMenuItems = $('#menu-primary-navigation >.menu-item');\n // Desktops\n $desktopMenuItems.hover(\n function() {\n const itemCount = $(this).find('.sub-menu-wrapper > ul > li').length;\n const height = Math.ceil(itemCount/2) * 65;\n $desktopMenuItems.removeClass('hover-active');\n $('#menu-primary-navigation .menu-item.click-active')\n .not(this)\n .find('.sub-menu-wrapper, >a img')\n .css({ visibility: 'hidden', opacity: 0,height:height+'px !important' });\n $(this).addClass('hover-active')\n .find('.sub-menu-wrapper > ul')\n .attr('style','height:'+height+'px !important');\n $('#menu-primary-navigation .menu-item.click-active')\n .not(this)\n .find('>a img')\n .css({ height:$(this).outerHeight(true)+'px' });\n },\n function() {\n $desktopMenuItems\n .find('.sub-menu-wrapper, >a img')\n .css({ visibility: '', opacity: '' });\n $(this).removeClass('hover-active');\n }\n );\n});\n","/* jshint ignore:start */\nvar objectFitImages=function(){\"use strict\";var t=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\";var e=/(object-fit|object-position)\\s*:\\s*([-\\w\\s%]+)/g;var r=new Image;var i=\"object-fit\"in r.style;var s=\"object-position\"in r.style;var n=typeof r.currentSrc===\"string\";var c=r.getAttribute;var o=r.setAttribute;var l=false;function a(t){var r=getComputedStyle(t).fontFamily;var i;var s={};while((i=e.exec(r))!==null){s[i[1]]=i[2]}return s}function u(e,r){if(e[t].parsingSrcset){return}var s=a(e);s[\"object-fit\"]=s[\"object-fit\"]||\"fill\";if(!e[t].s){if(s[\"object-fit\"]===\"fill\"){return}if(!e[t].skipTest&&i&&!s[\"object-position\"]){return}}var o=e.currentSrc||e.src;if(r){o=r}else if(e.srcset&&!n&&window.picturefill){var l=window.picturefill._.ns;e[t].parsingSrcset=true;if(!e[l]||!e[l].evaled){window.picturefill._.fillImg(e,{reselect:true})}if(!e[l].curSrc){e[l].supported=false;window.picturefill._.fillImg(e,{reselect:true})}delete e[t].parsingSrcset;o=e[l].curSrc||o}if(e[t].s){e[t].s=o;if(r){e[t].srcAttr=r}}else{e[t]={s:o,srcAttr:r||c.call(e,\"src\"),srcsetAttr:e.srcset};e.src=t;if(e.srcset){e.srcset=\"\";Object.defineProperty(e,\"srcset\",{value:e[t].srcsetAttr})}f(e)}e.style.backgroundImage='url(\"'+o+'\")';e.style.backgroundPosition=s[\"object-position\"]||\"center\";e.style.backgroundRepeat=\"no-repeat\";if(/scale-down/.test(s[\"object-fit\"])){if(!e[t].i){e[t].i=new Image;e[t].i.src=o}(function u(){if(e[t].i.naturalWidth){if(e[t].i.naturalWidth>e.width||e[t].i.naturalHeight>e.height){e.style.backgroundSize=\"contain\"}else{e.style.backgroundSize=\"auto\"}return}setTimeout(u,100)})()}else{e.style.backgroundSize=s[\"object-fit\"].replace(\"none\",\"auto\").replace(\"fill\",\"100% 100%\")}}function f(e){var r={get:function(){return e[t].s},set:function(r){delete e[t].i;u(e,r);return r}};Object.defineProperty(e,\"src\",r);Object.defineProperty(e,\"currentSrc\",{get:r.get})}function g(){if(!s){HTMLImageElement.prototype.getAttribute=function(e){if(this[t]&&(e===\"src\"||e===\"srcset\")){return this[t][e+\"Attr\"]}return c.call(this,e)};HTMLImageElement.prototype.setAttribute=function(e,r){if(this[t]&&(e===\"src\"||e===\"srcset\")){this[e===\"src\"?\"src\":e+\"Attr\"]=String(r)}else{o.call(this,e,r)}}}}function A(e,r){var i=!l&&!e;r=r||{};e=e||\"img\";if(s&&!r.skipTest){return false}if(typeof e===\"string\"){e=document.querySelectorAll(\"img\")}else if(!e.length){e=[e]}for(var n=0;n