"

From 2011.igem.org

// SpryFadingPanels.js - version 0.5 - Spry Pre-Release 1.7 // // Copyright (c) 2010. Adobe Systems Incorporated. // All rights reserved. // // Redistribution and use in source and binary forms, with or without // modification, are permitted provided that the following conditions are met: // // * Redistributions of source code must retain the above copyright notice, // this list of conditions and the following disclaimer. // * Redistributions in binary form must reproduce the above copyright notice, // this list of conditions and the following disclaimer in the documentation // and/or other materials provided with the distribution. // * Neither the name of Adobe Systems Incorporated nor the names of its // contributors may be used to endorse or promote products derived from this // software without specific prior written permission. // // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" // AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE // IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE // ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE // LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR // CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF // SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS // INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN // CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) // ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE // POSSIBILITY OF SUCH DAMAGE.

(function() { // BeginSpryComponent

if (typeof Spry == "undefined" || !Spry.Widget || !Spry.Widget.PanelSet) { alert("SpryFadingPanels.js requires SpryPanelSet.js!"); return; }

Spry.Widget.FadingPanels = function(elements, opts) { // Override any of the global defaults with options passed into // the constructor.

var mergedOpts = this.setOptions(this.setOptions({}, Spry.Widget.FadingPanels.config), opts);

Spry.Widget.PanelSet.call(this, Spry.$$(elements), mergedOpts); };

Spry.Widget.FadingPanels.prototype = new Spry.Widget.PanelSet(); Spry.Widget.FadingPanels.prototype.constructor = Spry.Widget.FadingPanels;

Spry.Widget.FadingPanels.config = { defaultPanel: 0, minOpacity: 0, maxOpacity: 1, minDuration: 500, // msecs maxDuration: 500, // msecs stoppedMinDuration: 200, // msecs stoppedMaxDuration: 200, // msecs

visibleClass: "FadingPanelVisible", hiddenClass: "FadingPanelHidden",

autoPlay: false, displayInterval: 4000, // msecs parallelTransition:true };

Spry.Widget.FadingPanels.prototype.initialize = function() { var evt = new Spry.Widget.Event(this); this.notifyObservers("onPreInitialize", evt); if (!evt.performDefaultAction) return;

this.disableNotifications();

Spry.Widget.PanelSet.prototype.initialize.call(this);

var panels = this.getPanels(); var cpanel = this.currentPanel;

for (var i = 0; i < panels.length; i++) { var p = panels[i]; this.setOpacity(p, (p == cpanel) ? this.maxOpacity : this.minOpacity); }

this.enableNotifications();

this.notifyObservers("onPostInitialize", evt); };

Spry.Widget.FadingPanels.prototype.showPanel = function(eleOrIndex) { var ele = this.indexToElement(eleOrIndex); if (ele && ele != this.currentPanel) { var evt = this.createEvent(ele, { currentPanel: this.currentPanel }); this.notifyObservers("onPreShowPanel", evt); if (!evt.performDefaultAction) return;

if (this.showEffect && !this.parallelTransition) { this.showEffect.stop(); }

if (this.hideEffect && !this.parallelTransition) { this.hideEffect.stop(); }

var currentPanel = this.currentPanel; this.currentPanel = ele;

var self = this; var showPanelComplete = function() { self.currentPanel = ele; self.addClassName(ele, self.visibleClass); self.removeClassName(ele, self.hiddenClass);

self.notifyObservers("onPreShowPanelEffect", evt); self.showEffect = new Spry.Effect.CSSAnimator(ele, "opacity: " + self.maxOpacity, { duration: self.isPlaying()?self.maxDuration:self.stoppedMaxDuration }); self.showEffect.addObserver({ onAnimationComplete: function() { self.showEffect = null; self.notifyObservers("onPostShowPanelEffect", evt); } }); self.showEffect.start();

self.notifyObservers("onPostShowPanel", evt); };

if (currentPanel) this.hidePanel(currentPanel, showPanelComplete); else showPanelComplete();

} };

Spry.Widget.FadingPanels.prototype.hidePanel = function(eleOrIndex, callback) { var ele = this.indexToElement(eleOrIndex); if (ele) { var evt = this.createEvent(ele); this.notifyObservers("onPreHidePanel", evt); if (!evt.performDefaultAction) return;

this.currentPanel = null;

var self = this; var hidePanelComplete = function() { self.addClassName(ele, self.hiddenClass); self.removeClassName(ele, self.visibleClass); self.notifyObservers("onPostHidePanel", evt);

if(callback) { callback(); } };

this.notifyObservers("onPreHidePanelEffect", evt); this.hideEffect = new Spry.Effect.CSSAnimator(ele, "opacity: " + this.minOpacity, { duration: this.isPlaying()?this.minDuration:this.stoppedMinDuration }); this.hideEffect.addObserver({ onAnimationComplete: function() { self.hideEffect = null; self.notifyObservers("onPostHidePanelEffect", evt); if (!self.parallelTransition) { hidePanelComplete(); } } }) this.hideEffect.start();

if (this.parallelTransition) { hidePanelComplete(); } } };

})(); // EndSpryComponent