= 0; i--) {
var node = element.childNodes[i];
if (node.nodeType == 3 && !/\S/.test(node.nodeValue))
try
{
element.removeChild(node);
}
catch (e) {Spry.Effect.Utils.showError('Spry.Effect.cleanWhitespace: ' + e);}
}
};
Spry.Effect.getComputedStyle = function(element)
{
return /MSIE/.test(navigator.userAgent) ? element.currentStyle : document.defaultView.getComputedStyle(element, null);
};
Spry.Effect.getDimensions = function(element)
{
var dimensions = new Spry.Effect.Utils.Rectangle;
var computedStyle = null;
if (element.style.width && /px/i.test(element.style.width))
dimensions.width = parseInt(element.style.width, 10);
else
{
computedStyle = Spry.Effect.getComputedStyle(element);
var tryComputedStyle = computedStyle && computedStyle.width && /px/i.test(computedStyle.width);
if (tryComputedStyle)
dimensions.width = parseInt(computedStyle.width, 10);
if (!tryComputedStyle || dimensions.width == 0)
dimensions.width = element.offsetWidth;
}
if (element.style.height && /px/i.test(element.style.height))
dimensions.height = parseInt(element.style.height, 10);
else
{
if (!computedStyle)
computedStyle = Spry.Effect.getComputedStyle(element);
var tryComputedStyle = computedStyle && computedStyle.height && /px/i.test(computedStyle.height);
if (tryComputedStyle)
dimensions.height = parseInt(computedStyle.height, 10);
if(!tryComputedStyle || dimensions.height == 0)
dimensions.height = element.offsetHeight;
}
return dimensions;
};
Spry.Effect.getDimensionsRegardlessOfDisplayState = function(element, displayElement)
{
var refElement = displayElement ? displayElement : element;
var displayOrig = Spry.Effect.getStyleProp(refElement, 'display');
var visibilityOrig = Spry.Effect.getStyleProp(refElement, 'visibility');
if(displayOrig == 'none')
{
Spry.Effect.setStyleProp(refElement, 'visibility', 'hidden');
Spry.Effect.setStyleProp(refElement, 'display', 'block');
if(window.opera)
refElement.focus();
}
var dimensions = Spry.Effect.getDimensions(element);
if(displayOrig == 'none')
{
Spry.Effect.setStyleProp(refElement, 'display', 'none');
Spry.Effect.setStyleProp(refElement, 'visibility', visibilityOrig);
}
return dimensions;
};
Spry.Effect.getOpacity = function(element)
{
var o = Spry.Effect.getStyleProp(element, "opacity");
if (typeof o == 'undefined' || o == null)
o = 1.0;
return o;
};
Spry.Effect.getBgColor = function(ele)
{
return Spry.Effect.getStyleProp(ele, "background-color");
};
Spry.Effect.intPropStyle = function(e, prop){
var i = parseInt(Spry.Effect.getStyleProp(e, prop), 10);
if (isNaN(i))
return 0;
return i;
};
Spry.Effect.getPosition = function(element)
{
var position = new Spry.Effect.Utils.Position;
var computedStyle = null;
if (element.style.left && /px/i.test(element.style.left))
position.x = parseInt(element.style.left, 10);
else
{
computedStyle = Spry.Effect.getComputedStyle(element);
var tryComputedStyle = computedStyle && computedStyle.left && /px/i.test(computedStyle.left);
if (tryComputedStyle)
position.x = parseInt(computedStyle.left, 10);
if(!tryComputedStyle || position.x == 0)
position.x = element.offsetLeft;
}
if (element.style.top && /px/i.test(element.style.top))
position.y = parseInt(element.style.top, 10);
else
{
if (!computedStyle)
computedStyle = Spry.Effect.getComputedStyle(element);
var tryComputedStyle = computedStyle && computedStyle.top && /px/i.test(computedStyle.top);
if (tryComputedStyle)
position.y = parseInt(computedStyle.top, 10);
if(!tryComputedStyle || position.y == 0)
position.y = element.offsetTop;
}
return position;
};
Spry.Effect.getOffsetPosition = Spry.Effect.getPosition;
//
// Spry.Effect.Animator
// (base class)
//
Spry.Effect.Animator = function(options)
{
Spry.Utils.Notifier.call(this);
this.name = 'Animator';
this.element = null;
this.startMilliseconds = 0;
this.repeat = 'none';
this.isRunning = false;
this.timer = null;
this.cancelRemaining = 0;
if (!options)
var options = {};
if (options.toggle)
this.direction = false;
else
this.direction = Spry.forwards;
var self = this;
if (options.setup != null)
this.addObserver({onPreEffect: function(){try{self.options.setup(self.element, self);}catch(e){Spry.Effect.Utils.showError('Spry.Effect.Animator.prototype.start: setup callback: ' + e);}}});
if (options.finish != null)
this.addObserver({onPostEffect: function(){try{self.options.finish(self.element, self);}catch(e){Spry.Effect.Utils.showError('Spry.Effect.Animator.prototype.stop: finish callback: ' + e);}}});
this.options = {
duration: 1000,
toggle: false,
transition: Spry.linearTransition,
interval: 16
};
this.setOptions(options);
if (options.transition)
this.setTransition(options.transition);
if (options.fps)
this.setFps(options.fps);
};
Spry.Effect.Animator.prototype = new Spry.Utils.Notifier();
Spry.Effect.Animator.prototype.constructor = Spry.Utils.Animator;
Spry.Effect.Animator.prototype.notStaticAnimator = true;
Spry.Effect.Animator.prototype.setOptions = function(options)
{
if (!options)
return;
for (var prop in options)
this.options[prop] = options[prop];
};
Spry.Effect.Animator.prototype.setTransition = function(transition){
if (typeof transition == 'number' || transition == "1" || transition == "2")
switch (parseInt(transition,10))
{
case 1: transition = Spry.linearTransition; break;
case 2: transition = Spry.sinusoidalTransition; break;
default: Spry.Effect.Utils.showError('unknown transition');
}
else if (typeof transition == 'string')
{
if (typeof window[transition] == 'function')
transition = window[transition];
else if (typeof Spry[transition] == 'function')
transition = Spry[transition];
else
Spry.Effect.Utils.showError('unknown transition');
}
this.options.transition = transition;
if (typeof this.effectsArray != 'undefined'){
var l = this.effectsArray.length;
for (var i = 0; i < l; i++)
this.effectsArray[i].effect.setTransition(transition);
}
};
Spry.Effect.Animator.prototype.setDuration = function(duration){
this.options.duration = duration;
if (typeof this.effectsArray != 'undefined')
{
var l = this.effectsArray.length;
for (var i = 0; i < l; i++)
{
this.effectsArray[i].effect.setDuration(duration);
}
}
};
Spry.Effect.Animator.prototype.setFps = function(fps){
this.options.interval = parseInt(1000 / fps, 10);
this.options.fps = fps;
if (typeof this.effectsArray != 'undefined')
{
var l = this.effectsArray.length;
for (var i = 0; i < l; i++)
{
this.effectsArray[i].effect.setFps(fps);
}
}
};
Spry.Effect.Animator.prototype.start = function(withoutTimer)
{
if (!this.element)
return;
if (arguments.length == 0)
withoutTimer = false;
if (this.isRunning)
this.cancel();
this.prepareStart();
var currDate = new Date();
this.startMilliseconds = currDate.getTime();
if (this.element.id)
this.element = document.getElementById(this.element.id);
if (this.cancelRemaining != 0 && this.options.toggle)
{
if (this.cancelRemaining < 1 && typeof this.options.transition == 'function')
{
var startTime = 0;
var stopTime = this.options.duration;
var start = 0;
var stop = 1;
var emergency = 0;
this.cancelRemaining = Math.round(this.cancelRemaining * 1000) / 1000;
var found = false;
var middle = 0;
while (!found)
{
if (emergency++ > this.options.duration) break;
var half = startTime + ((stopTime - startTime) / 2);
middle = Math.round(this.options.transition(half, 1, -1, this.options.duration) * 1000) / 1000;
if (middle == this.cancelRemaining)
{
this.startMilliseconds -= half;
found = true;
}
if (middle < this.cancelRemaining)
{
stopTime = half;
stop = middle;
}
else
{
startTime = half;
start = middle;
}
}
}
this.cancelRemaining = 0;
}
this.notifyObservers('onPreEffect', this);
if (withoutTimer == false)
{
var self = this;
this.timer = setInterval(function() { self.drawEffect(); }, this.options.interval);
}
this.isRunning = true;
};
Spry.Effect.Animator.prototype.stopFlagReset = function()
{
if (this.timer)
{
clearInterval(this.timer);
this.timer = null;
}
this.startMilliseconds = 0;
};
Spry.Effect.Animator.prototype.stop = function()
{
this.stopFlagReset();
this.notifyObservers('onPostEffect', this);
this.isRunning = false;
};
Spry.Effect.Animator.prototype.cancel = function()
{
var elapsed = this.getElapsedMilliseconds();
if (this.startMilliseconds > 0 && elapsed < this.options.duration)
this.cancelRemaining = this.options.transition(elapsed, 0, 1, this.options.duration);
this.stopFlagReset();
this.notifyObservers('onCancel', this);
this.isRunning = false;
};
Spry.Effect.Animator.prototype.drawEffect = function()
{
var isRunning = true;
this.notifyObservers('onStep', this);
var timeElapsed = this.getElapsedMilliseconds();
if (typeof this.options.transition != 'function'){
Spry.Effect.Utils.showError('unknown transition');
return;
}
this.animate();
if (timeElapsed > this.options.duration)
{
isRunning = false;
this.stop();
}
return isRunning;
};
Spry.Effect.Animator.prototype.getElapsedMilliseconds = function()
{
if (this.startMilliseconds > 0)
{
var currDate = new Date();
return (currDate.getTime() - this.startMilliseconds);
}
return 0;
};
Spry.Effect.Animator.prototype.doToggle = function()
{
if (!this.direction)
{
this.direction = Spry.forwards;
return;
}
if (this.options.toggle == true)
{
if (this.direction == Spry.forwards)
{
this.direction = Spry.backwards;
this.notifyObservers('onToggle', this);
}
else if (this.direction == Spry.backwards)
{
this.direction = Spry.forwards;
}
}
};
Spry.Effect.Animator.prototype.prepareStart = function()
{
if (this.options && this.options.toggle)
this.doToggle();
};
Spry.Effect.Animator.prototype.animate = function(){};
Spry.Effect.Animator.prototype.onStep = function(el)
{
if (el != this)
this.notifyObservers('onStep', this);
};
//
// Spry.Effect.Move
//
Spry.Effect.Move = function(element, fromPos, toPos, options)
{
this.dynamicFromPos = false;
if (arguments.length == 3)
{
options = toPos;
toPos = fromPos;
fromPos = Spry.Effect.getPosition(element);
this.dynamicFromPos = true;
}
Spry.Effect.Animator.call(this, options);
this.name = 'Move';
this.element = Spry.Effect.getElement(element);
if (!this.element)
return;
if (fromPos.units != toPos.units)
Spry.Effect.Utils.showError('Spry.Effect.Move: Conflicting units (' + fromPos.units + ', ' + toPos.units + ')');
this.units = fromPos.units;
this.startX = Number(fromPos.x);
this.stopX = Number(toPos.x);
this.startY = Number(fromPos.y);
this.stopY = Number(toPos.y);
};
Spry.Effect.Move.prototype = new Spry.Effect.Animator();
Spry.Effect.Move.prototype.constructor = Spry.Effect.Move;
Spry.Effect.Move.prototype.animate = function()
{
var left = 0;
var top = 0;
var floor = Math.floor;
var elapsed = this.getElapsedMilliseconds();
if (this.direction == Spry.forwards)
{
left = floor(this.options.transition(elapsed, this.startX, this.stopX - this.startX, this.options.duration));
top = floor(this.options.transition(elapsed, this.startY, this.stopY - this.startY, this.options.duration));
}
else if (this.direction == Spry.backwards)
{
left = floor(this.options.transition(elapsed, this.stopX, this.startX - this.stopX, this.options.duration));
top = floor(this.options.transition(elapsed, this.stopY, this.startY - this.stopY, this.options.duration));
}
this.element.style.left = left + this.units;
this.element.style.top = top + this.units;
};
Spry.Effect.Move.prototype.prepareStart = function()
{
if (this.options && this.options.toggle)
this.doToggle();
if (this.dynamicFromPos == true)
{
var fromPos = Spry.Effect.getPosition(this.element);
this.startX = fromPos.x;
this.startY = fromPos.y;
this.rangeMoveX = this.startX - this.stopX;
this.rangeMoveY= this.startY - this.stopY;
}
};
//
// Spry.Effect.Size
//
Spry.Effect.Size = function(element, fromRect, toRect, options)
{
this.dynamicFromRect = false;
if (arguments.length == 3)
{
options = toRect;
toRect = fromRect;
fromRect = Spry.Effect.getDimensionsRegardlessOfDisplayState(element);
this.dynamicFromRect = true;
}
Spry.Effect.Animator.call(this, options);
this.name = 'Size';
this.element = Spry.Effect.getElement(element);
if (!this.element)
return;
element = this.element;
if (fromRect.units != toRect.units)
{
Spry.Effect.Utils.showError('Spry.Effect.Size: Conflicting units (' + fromRect.units + ', ' + toRect.units + ')');
return false;
}
this.units = fromRect.units;
var originalRect = Spry.Effect.getDimensionsRegardlessOfDisplayState(element);
this.originalWidth = originalRect.width;
this.originalHeight = originalRect.height;
this.startWidth = fromRect.width;
this.startHeight = fromRect.height;
this.stopWidth = toRect.width;
this.stopHeight = toRect.height;
this.childImages = new Array();
if (this.options.useCSSBox){
Spry.Effect.makePositioned(this.element);
var intProp = Spry.Effect.intPropStyle;
this.startFromBorder_top = intProp(element, 'border-top-width');
this.startFromBorder_bottom = intProp(element, 'border-bottom-width');
this.startFromBorder_left = intProp(element, 'border-left-width');
this.startFromBorder_right = intProp(element, 'border-right-width');
this.startFromPadding_top = intProp(element, 'padding-top');
this.startFromPadding_bottom = intProp(element, 'padding-bottom');
this.startFromPadding_left = intProp(element, 'padding-left');
this.startFromPadding_right = intProp(element, 'padding-right');
this.startFromMargin_top = intProp(element, 'margin-top');
this.startFromMargin_bottom = intProp(element, 'margin-bottom');
this.startFromMargin_right = intProp(element, 'margin-right');
this.startFromMargin_left = intProp(element, 'margin-left');
this.startLeft = intProp(element, 'left');
this.startTop = intProp(element, 'top');
}
if(this.options.scaleContent)
Spry.Effect.Utils.fetchChildImages(element, this.childImages);
this.fontFactor = 1.0;
var fontSize = Spry.Effect.getStyleProp(this.element, 'font-size');
if(fontSize && /em\s*$/.test(fontSize))
this.fontFactor = parseFloat(fontSize);
var isPercent = Spry.Effect.Utils.isPercentValue;
if (isPercent(this.startWidth))
{
var startWidthPercent = Spry.Effect.Utils.getPercentValue(this.startWidth);
this.startWidth = originalRect.width * (startWidthPercent / 100);
}
if (isPercent(this.startHeight))
{
var startHeightPercent = Spry.Effect.Utils.getPercentValue(this.startHeight);
this.startHeight = originalRect.height * (startHeightPercent / 100);
}
if (isPercent(this.stopWidth))
{
var stopWidthPercent = Spry.Effect.Utils.getPercentValue(this.stopWidth);
this.stopWidth = originalRect.width * (stopWidthPercent / 100);
}
if (isPercent(this.stopHeight))
{
var stopHeightPercent = Spry.Effect.Utils.getPercentValue(this.stopHeight);
this.stopHeight = originalRect.height * (stopHeightPercent / 100);
}
this.enforceVisible = Spry.Effect.isInvisible(this.element);
};
Spry.Effect.Size.prototype = new Spry.Effect.Animator();
Spry.Effect.Size.prototype.constructor = Spry.Effect.Size;
Spry.Effect.Size.prototype.animate = function()
{
var width = 0;
var height = 0;
var fontSize = 0;
var direction = 0;
var floor = Math.floor;
var elapsed = this.getElapsedMilliseconds();
if (this.direction == Spry.forwards) {
width = floor(this.options.transition(elapsed, this.startWidth, this.stopWidth - this.startWidth, this.options.duration));
height = floor(this.options.transition(elapsed, this.startHeight, this.stopHeight - this.startHeight, this.options.duration));
direction = 1;
} else if (this.direction == Spry.backwards) {
width = floor(this.options.transition(elapsed, this.stopWidth, this.startWidth - this.stopWidth, this.options.duration));
height = floor(this.options.transition(elapsed, this.stopHeight, this.startHeight - this.stopHeight, this.options.duration));
direction = -1;
}
var propFactor = width/this.originalWidth;
fontSize = this.fontFactor * propFactor;
var elStyle = this.element.style;
if (width < 0)
width = 0;
if (height < 0)
height = 0;
elStyle.width = width + this.units;
elStyle.height = height + this.units;
if (typeof this.options.useCSSBox != 'undefined' && this.options.useCSSBox == true)
{
var intProp = Spry.Effect.intPropStyle;
var origTop = intProp(this.element, 'top');
var origLeft = intProp(this.element, 'left');
var origMarginTop = intProp(this.element, 'margin-top');
var origMarginLeft = intProp(this.element, 'margin-left');
var widthFactor = propFactor;
var heightFactor = height / this.originalHeight;
var border_top = floor(this.startFromBorder_top * heightFactor);
var border_bottom = floor(this.startFromBorder_bottom * heightFactor);
var border_left = floor(this.startFromBorder_left * widthFactor);
var border_right = floor(this.startFromBorder_right * widthFactor);
var padding_top = floor(this.startFromPadding_top * heightFactor);
var padding_bottom = floor(this.startFromPadding_bottom * heightFactor);
var padding_left = floor(this.startFromPadding_left * widthFactor);
var padding_right = floor(this.startFromPadding_right * widthFactor);
var margin_top = floor(this.startFromMargin_top * heightFactor);
var margin_bottom = floor(this.startFromMargin_bottom * heightFactor);
var margin_right = floor(this.startFromMargin_right * widthFactor);
var margin_left = floor(this.startFromMargin_left * widthFactor);
elStyle.borderTopWidth = border_top + this.units;
elStyle.borderBottomWidth = border_bottom + this.units;
elStyle.borderLeftWidth = border_left + this.units;
elStyle.borderRightWidth = border_right + this.units;
elStyle.paddingTop = padding_top + this.units;
elStyle.paddingBottom = padding_bottom + this.units;
elStyle.paddingLeft = padding_left + this.units;
elStyle.paddingRight = padding_right + this.units;
elStyle.marginTop = margin_top + this.units;
elStyle.marginBottom = margin_bottom + this.units;
elStyle.marginLeft = margin_left + this.units;
elStyle.marginRight = margin_right + this.units;
elStyle.left = floor(origLeft + origMarginLeft - margin_left) + this.units;
elStyle.top = floor(origTop + origMarginTop - margin_top) + this.units;
}
if (this.options.scaleContent)
{
for(var i=0; i < this.childImages.length; i++)
{
this.childImages[i][0].style.width = propFactor * this.childImages[i][1] + this.units;
this.childImages[i][0].style.height = propFactor * this.childImages[i][2] + this.units;
}
this.element.style.fontSize = fontSize + 'em';
}
if(this.enforceVisible)
{
Spry.Effect.enforceVisible(this.element);
this.enforceVisible = false;
}
};
Spry.Effect.Size.prototype.prepareStart = function()
{
if (this.options && this.options.toggle)
this.doToggle();
if (this.dynamicFromRect == true)
{
var fromRect = Spry.Effect.getDimensions(this.element);
this.startWidth = fromRect.width;
this.startHeight = fromRect.height;
this.widthRange = this.startWidth - this.stopWidth;
this.heightRange = this.startHeight - this.stopHeight;
}
};
//
// Spry.Effect.Opacity
//
Spry.Effect.Opacity = function(element, startOpacity, stopOpacity, options)
{
this.dynamicStartOpacity = false;
if (arguments.length == 3)
{
options = stopOpacity;
stopOpacity = startOpacity;
startOpacity = Spry.Effect.getOpacity(element);
this.dynamicStartOpacity = true;
}
Spry.Effect.Animator.call(this, options);
this.name = 'Opacity';
this.element = Spry.Effect.getElement(element);
if (!this.element)
return;
if(/MSIE/.test(navigator.userAgent) && (!this.element.hasLayout))
Spry.Effect.setStyleProp(this.element, 'zoom', '1');
this.startOpacity = startOpacity;
this.stopOpacity = stopOpacity;
this.enforceVisible = Spry.Effect.isInvisible(this.element);
};
Spry.Effect.Opacity.prototype = new Spry.Effect.Animator();
Spry.Effect.Opacity.prototype.constructor = Spry.Effect.Opacity;
Spry.Effect.Opacity.prototype.animate = function()
{
var opacity = 0;
var elapsed = this.getElapsedMilliseconds();
if (this.direction == Spry.forwards)
opacity = this.options.transition(elapsed, this.startOpacity, this.stopOpacity - this.startOpacity, this.options.duration);
else if (this.direction == Spry.backwards)
opacity = this.options.transition(elapsed, this.stopOpacity, this.startOpacity - this.stopOpacity, this.options.duration);
if (opacity < 0)
opacity = 0;
if(/MSIE/.test(navigator.userAgent))
{
var tmpval = Spry.Effect.getStyleProp(this.element,'filter');
if (tmpval){
tmpval = tmpval.replace(/alpha\(opacity=[0-9]{1,3}\)/g, '');
}
this.element.style.filter = tmpval + "alpha(opacity=" + Math.floor(opacity * 100) + ")";
}
else
this.element.style.opacity = opacity;
if(this.enforceVisible)
{
Spry.Effect.enforceVisible(this.element);
this.enforceVisible = false;
}
};
Spry.Effect.Opacity.prototype.prepareStart = function()
{
if (this.options && this.options.toggle)
this.doToggle();
if (this.dynamicStartOpacity == true)
{
this.startOpacity = Spry.Effect.getOpacity(this.element);
this.opacityRange = this.startOpacity - this.stopOpacity;
}
};
//
// Spry.Effect.Color
//
Spry.Effect.Color = function(element, startColor, stopColor, options)
{
this.dynamicStartColor = false;
if (arguments.length == 3)
{
options = stopColor;
stopColor = startColor;
startColor = Spry.Effect.getBgColor(element);
this.dynamicStartColor = true;
}
Spry.Effect.Animator.call(this, options);
this.name = 'Color';
this.element = Spry.Effect.getElement(element);
if (!this.element)
return;
this.startColor = startColor;
this.stopColor = stopColor;
this.startRedColor = Spry.Effect.Utils.hexToInt(startColor.substr(1,2));
this.startGreenColor = Spry.Effect.Utils.hexToInt(startColor.substr(3,2));
this.startBlueColor = Spry.Effect.Utils.hexToInt(startColor.substr(5,2));
this.stopRedColor = Spry.Effect.Utils.hexToInt(stopColor.substr(1,2));
this.stopGreenColor = Spry.Effect.Utils.hexToInt(stopColor.substr(3,2));
this.stopBlueColor = Spry.Effect.Utils.hexToInt(stopColor.substr(5,2));
};
Spry.Effect.Color.prototype = new Spry.Effect.Animator();
Spry.Effect.Color.prototype.constructor = Spry.Effect.Color;
Spry.Effect.Color.prototype.animate = function()
{
var redColor = 0;
var greenColor = 0;
var blueColor = 0;
var floor = Math.floor;
var elapsed = this.getElapsedMilliseconds();
if (this.direction == Spry.forwards)
{
redColor = floor(this.options.transition(elapsed, this.startRedColor, this.stopRedColor - this.startRedColor, this.options.duration));
greenColor = floor(this.options.transition(elapsed, this.startGreenColor, this.stopGreenColor - this.startGreenColor, this.options.duration));
blueColor = floor(this.options.transition(elapsed, this.startBlueColor, this.stopBlueColor - this.startBlueColor, this.options.duration));
}
else if (this.direction == Spry.backwards)
{
redColor = floor(this.options.transition(elapsed, this.stopRedColor, this.startRedColor - this.stopRedColor, this.options.duration));
greenColor = floor(this.options.transition(elapsed, this.stopGreenColor, this.startGreenColor - this.stopGreenColor, this.options.duration));
blueColor = floor(this.options.transition(elapsed, this.stopBlueColor, this.startBlueColor - this.stopBlueColor, this.options.duration));
}
this.element.style.backgroundColor = Spry.Effect.Utils.rgb(redColor, greenColor, blueColor);
};
Spry.Effect.Color.prototype.prepareStart = function()
{
if (this.options && this.options.toggle)
this.doToggle();
if (this.dynamicStartColor == true)
{
this.startColor = Spry.Effect.getBgColor(element);
this.startRedColor = Spry.Effect.Utils.hexToInt(startColor.substr(1,2));
this.startGreenColor = Spry.Effect.Utils.hexToInt(startColor.substr(3,2));
this.startBlueColor = Spry.Effect.Utils.hexToInt(startColor.substr(5,2));
this.redColorRange = this.startRedColor - this.stopRedColor;
this.greenColorRange = this.startGreenColor - this.stopGreenColor;
this.blueColorRange = this.startBlueColor - this.stopBlueColor;
}
};
//
// Spry.Effect.Cluster
//
Spry.Effect.Cluster = function(options)
{
Spry.Effect.Animator.call(this, options);
this.name = 'Cluster';
this.effectsArray = new Array();
this.currIdx = -1;
var _ClusteredEffect = function(effect, kind)
{
this.effect = effect;
this.kind = kind;
this.isRunning = false;
};
this.ClusteredEffect = _ClusteredEffect;
};
Spry.Effect.Cluster.prototype = new Spry.Effect.Animator();
Spry.Effect.Cluster.prototype.constructor = Spry.Effect.Cluster;
Spry.Effect.Cluster.prototype.setInterval = function(interval){
var l = this.effectsArray.length;
this.options.interval = interval;
for (var i = 0; i < l; i++)
{
this.effectsArray[i].effect.setInterval(interval);
}
};
Spry.Effect.Cluster.prototype.drawEffect = function()
{
var isRunning = true;
var allEffectsDidRun = false;
var baseEffectIsStillRunning = false;
var evalNextEffectsRunning = false;
if ((this.currIdx == -1 && this.direction == Spry.forwards) || (this.currIdx == this.effectsArray.length && this.direction == Spry.backwards))
this.initNextEffectsRunning();
var start = this.direction == Spry.forwards ? 0 : this.effectsArray.length-1;
var stop = this.direction == Spry.forwards ? this.effectsArray.length : -1;
var step = this.direction == Spry.forwards ? 1 : -1;
for (var i = start; i != stop; i+=step)
{
if (this.effectsArray[i].isRunning == true)
{
baseEffectIsStillRunning = this.effectsArray[i].effect.drawEffect();
if (baseEffectIsStillRunning == false && i == this.currIdx)
{
this.effectsArray[i].isRunning = false;
evalNextEffectsRunning = true;
}
}
}
if (evalNextEffectsRunning == true)
allEffectsDidRun = this.initNextEffectsRunning();
if (allEffectsDidRun == true) {
this.stop();
isRunning = false;
for (var i = 0; i < this.effectsArray.length; i++)
this.effectsArray[i].isRunning = false;
this.currIdx = this.direction == Spry.forwards ? this.effectsArray.length: -1;
}
return isRunning;
};
Spry.Effect.Cluster.prototype.initNextEffectsRunning = function()
{
var allEffectsDidRun = false;
var step = this.direction == Spry.forwards ? 1 : -1;
var stop = this.direction == Spry.forwards ? this.effectsArray.length : -1;
this.currIdx+=step;
if ( (this.currIdx > (this.effectsArray.length - 1) && this.direction == Spry.forwards) || (this.currIdx < 0 && this.direction == Spry.backwards))
allEffectsDidRun = true;
else
for (var i = this.currIdx; i != stop; i+=step)
{
if ((i > this.currIdx && this.direction == Spry.forwards || i < this.currIdx && this.direction == Spry.backwards) && this.effectsArray[i].kind == "queue")
break;
this.effectsArray[i].effect.start(true);
this.effectsArray[i].isRunning = true;
this.currIdx = i;
}
return allEffectsDidRun;
};
Spry.Effect.Cluster.prototype.toggleCluster = function()
{
if (!this.direction)
{
this.direction = Spry.forwards;
return;
}
if (this.options.toggle == true)
{
if (this.direction == Spry.forwards)
{
this.direction = Spry.backwards;
this.notifyObservers('onToggle', this);
this.currIdx = this.effectsArray.length;
}
else if (this.direction == Spry.backwards)
{
this.direction = Spry.forwards;
this.currIdx = -1;
}
}
else
{
if (this.direction == Spry.forwards)
this.currIdx = -1;
else if (this.direction == Spry.backwards)
this.currIdx = this.effectsArray.length;
}
};
Spry.Effect.Cluster.prototype.doToggle = function()
{
this.toggleCluster();
for (var i = 0; i < this.effectsArray.length; i++)
{
if (this.effectsArray[i].effect.options && (this.effectsArray[i].effect.options.toggle != null))
if (this.effectsArray[i].effect.options.toggle == true)
this.effectsArray[i].effect.doToggle();
}
};
Spry.Effect.Cluster.prototype.cancel = function()
{
for (var i = 0; i < this.effectsArray.length; i++)
if (this.effectsArray[i].effect.isRunning)
this.effectsArray[i].effect.cancel();
var elapsed = this.getElapsedMilliseconds();
if (this.startMilliseconds > 0 && elapsed < this.options.duration)
this.cancelRemaining = this.options.transition(elapsed, 0, 1, this.options.duration);
this.stopFlagReset();
this.notifyObservers('onCancel', this);
this.isRunning = false;
};
Spry.Effect.Cluster.prototype.addNextEffect = function(effect)
{
effect.addObserver(this);
this.effectsArray[this.effectsArray.length] = new this.ClusteredEffect(effect, "queue");
if (this.effectsArray.length == 1)
{
this.element = effect.element;
}
};
Spry.Effect.Cluster.prototype.addParallelEffect = function(effect)
{
if (this.effectsArray.length == 0 || this.effectsArray[this.effectsArray.length-1].kind != 'parallel')
effect.addObserver(this);
this.effectsArray[this.effectsArray.length] = new this.ClusteredEffect(effect, "parallel");
if (this.effectsArray.length == 1)
{
this.element = effect.element;
}
};
Spry.Effect.Cluster.prototype.prepareStart = function()
{
this.toggleCluster();
};
//
// Combination effects. Custom effects can be build by combining basic effect bahaviour like Move, Size, Color, Opacity
//
Spry.Effect.Fade = function (element, options)
{
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('Fade');
Spry.Effect.Cluster.call(this, options);
this.name = 'Fade';
var element = Spry.Effect.getElement(element);
this.element = element;
if (!this.element)
return;
var durationInMilliseconds = 1000;
var fromOpacity = 0.0;
var toOpacity = 100.0;
var doToggle = false;
var transition = Spry.fifthTransition;
var fps = 60;
var originalOpacity = 0;
if(/MSIE/.test(navigator.userAgent))
originalOpacity = parseInt(Spry.Effect.getStylePropRegardlessOfDisplayState(this.element, 'filter').replace(/alpha\(opacity=([0-9]{1,3})\)/g, '$1'), 10);
else
originalOpacity = parseInt(Spry.Effect.getStylePropRegardlessOfDisplayState(this.element, 'opacity') * 100, 10);
if (isNaN(originalOpacity))
originalOpacity = 100;
if (options)
{
if (options.duration != null) durationInMilliseconds = options.duration;
if (options.from != null){
if (Spry.Effect.Utils.isPercentValue(options.from))
fromOpacity = Spry.Effect.Utils.getPercentValue(options.from) * originalOpacity / 100;
else
fromOpacity = options.from;
}
if (options.to != null)
{
if (Spry.Effect.Utils.isPercentValue(options.to))
toOpacity = Spry.Effect.Utils.getPercentValue(options.to) * originalOpacity / 100;
else
toOpacity = options.to;
}
if (options.toggle != null) doToggle = options.toggle;
if (options.transition != null) transition = options.transition;
if (options.fps != null) fps = options.fps;
else this.options.transition = transition;
}
fromOpacity = fromOpacity/ 100.0;
toOpacity = toOpacity / 100.0;
options = {duration: durationInMilliseconds, toggle: doToggle, transition: transition, from: fromOpacity, to: toOpacity, fps: fps};
var fadeEffect = new Spry.Effect.Opacity(element, fromOpacity, toOpacity, options);
this.addNextEffect(fadeEffect);
};
Spry.Effect.Fade.prototype = new Spry.Effect.Cluster();
Spry.Effect.Fade.prototype.constructor = Spry.Effect.Fade;
Spry.Effect.Blind = function (element, options)
{
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('Blind');
Spry.Effect.Cluster.call(this, options);
this.name = 'Blind';
var element = Spry.Effect.getElement(element);
this.element = element;
if (!this.element)
return;
var durationInMilliseconds = 1000;
var doToggle = false;
var kindOfTransition = Spry.circleTransition;
var fps = 60;
var doScaleContent = false;
Spry.Effect.makeClipping(element);
var originalRect = Spry.Effect.getDimensionsRegardlessOfDisplayState(element);
var fromHeightPx = originalRect.height;
var toHeightPx = 0;
var optionFrom = options ? options.from : originalRect.height;
var optionTo = options ? options.to : 0;
var fullCSSBox = false;
if (options)
{
if (options.duration != null) durationInMilliseconds = options.duration;
if (options.from != null)
{
if (Spry.Effect.Utils.isPercentValue(options.from))
fromHeightPx = Spry.Effect.Utils.getPercentValue(options.from) * originalRect.height / 100;
else
fromHeightPx = Spry.Effect.Utils.getPixelValue(options.from);
}
if (options.to != null)
{
if (Spry.Effect.Utils.isPercentValue(options.to))
toHeightPx = Spry.Effect.Utils.getPercentValue(options.to) * originalRect.height / 100;
else
toHeightPx = Spry.Effect.Utils.getPixelValue(options.to);
}
if (options.toggle != null) doToggle = options.toggle;
if (options.transition != null) kindOfTransition = options.transition;
if (options.fps != null) fps = options.fps;
if (options.useCSSBox != null) fullCSSBox = options.useCSSBox;
}
var fromRect = new Spry.Effect.Utils.Rectangle;
fromRect.width = originalRect.width;
fromRect.height = fromHeightPx;
var toRect = new Spry.Effect.Utils.Rectangle;
toRect.width = originalRect.width;
toRect.height = toHeightPx;
options = {duration:durationInMilliseconds, toggle:doToggle, transition:kindOfTransition, scaleContent:doScaleContent, useCSSBox: fullCSSBox, from: optionFrom, to: optionTo, fps: fps};
var blindEffect = new Spry.Effect.Size(element, fromRect, toRect, options);
this.addNextEffect(blindEffect);
};
Spry.Effect.Blind.prototype = new Spry.Effect.Cluster();
Spry.Effect.Blind.prototype.constructor = Spry.Effect.Blind;
Spry.Effect.Highlight = function (element, options)
{
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('Highlight');
Spry.Effect.Cluster.call(this, options);
this.name = 'Highlight';
var durationInMilliseconds = 1000;
var toColor = "#ffffff";
var doToggle = false;
var kindOfTransition = Spry.sinusoidalTransition;
var fps = 60;
var element = Spry.Effect.getElement(element);
this.element = element;
if (!this.element)
return;
var fromColor = Spry.Effect.getBgColor(element);
if (fromColor == "transparent") fromColor = "#ffff99";
if (options)
{
if (options.duration != null) durationInMilliseconds = options.duration;
if (options.from != null) fromColor = options.from;
if (options.to != null) toColor = options.to;
if (options.toggle != null) doToggle = options.toggle;
if (options.transition != null) kindOfTransition = options.transition;
if (options.fps != null) fps = options.fps;
}
if ( fromColor.indexOf('rgb') != -1 )
var fromColor = Spry.Effect.Utils.rgb(parseInt(fromColor.substring(fromColor.indexOf('(')+1, fromColor.indexOf(',')),10), parseInt(fromColor.substring(fromColor.indexOf(',')+1, fromColor.lastIndexOf(',')),10), parseInt(fromColor.substring(fromColor.lastIndexOf(',')+1, fromColor.indexOf(')')),10));
if ( toColor.indexOf('rgb') != -1 )
var toColor = Spry.Effect.Utils.rgb(parseInt(toColor.substring(toColor.indexOf('(')+1, toColor.indexOf(',')),10), parseInt(toColor.substring(toColor.indexOf(',')+1, toColor.lastIndexOf(',')),10), parseInt(toColor.substring(toColor.lastIndexOf(',')+1, toColor.indexOf(')')),10));
var fromColor = Spry.Effect.Utils.longColorVersion(fromColor);
var toColor = Spry.Effect.Utils.longColorVersion(toColor);
this.restoreBackgroundImage = Spry.Effect.getStyleProp(element, 'background-image');
options = {duration: durationInMilliseconds, toggle: doToggle, transition: kindOfTransition, fps: fps};
var highlightEffect = new Spry.Effect.Color(element, fromColor, toColor, options);
this.addNextEffect(highlightEffect);
this.addObserver({
onPreEffect:
function(effect){
Spry.Effect.setStyleProp(effect.element, 'background-image', 'none');
},
onPostEffect:
function(effect){
Spry.Effect.setStyleProp(effect.element, 'background-image', effect.restoreBackgroundImage);
if (effect.direction == Spry.forwards && effect.options.restoreColor)
Spry.Effect.setStyleProp(element, 'background-color', effect.options.restoreColor);
}
});
};
Spry.Effect.Highlight.prototype = new Spry.Effect.Cluster();
Spry.Effect.Highlight.prototype.constructor = Spry.Effect.Highlight;
Spry.Effect.Slide = function (element, options)
{
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('Slide');
Spry.Effect.Cluster.call(this, options);
this.name = 'Slide';
var element = Spry.Effect.getElement(element);
this.element = element;
if (!this.element)
return;
var durationInMilliseconds = 1000;
var doToggle = false;
var kindOfTransition = Spry.sinusoidalTransition;
var fps = 60;
var slideHorizontally = false;
var firstChildElt = Spry.Effect.Utils.getFirstChildElement(element);
var direction = -1;
if(/MSIE 7.0/.test(navigator.userAgent) && /Windows NT/.test(navigator.userAgent))
Spry.Effect.makePositioned(element);
Spry.Effect.makeClipping(element);
if(/MSIE 6.0/.test(navigator.userAgent) && /Windows NT/.test(navigator.userAgent))
{
var pos = Spry.Effect.getStyleProp(element, 'position');
if(pos && (pos == 'static' || pos == 'fixed'))
{
Spry.Effect.setStyleProp(element, 'position', 'relative');
Spry.Effect.setStyleProp(element, 'top', '');
Spry.Effect.setStyleProp(element, 'left', '');
}
}
if(firstChildElt)
{
Spry.Effect.makePositioned(firstChildElt);
Spry.Effect.makeClipping(firstChildElt);
var childRect = Spry.Effect.getDimensionsRegardlessOfDisplayState(firstChildElt, element);
Spry.Effect.setStyleProp(firstChildElt, 'width', childRect.width + 'px');
}
var fromDim = Spry.Effect.getDimensionsRegardlessOfDisplayState(element);
var initDim = new Spry.Effect.Utils.Rectangle();
var toDim = new Spry.Effect.Utils.Rectangle();
initDim.width = toDim.width = fromDim.width;
initDim.height = toDim.height = fromDim.height;
if (!this.options.to){
if (!options)
options = {};
options.to = '0%';
}
if (options && options.horizontal !== null && options.horizontal === true)
slideHorizontally = true;
if (options.duration != null) durationInMilliseconds = options.duration;
if (options.from != null)
{
if(slideHorizontally)
{
if (Spry.Effect.Utils.isPercentValue(options.from))
fromDim.width = initDim.width * Spry.Effect.Utils.getPercentValue(options.from) / 100;
else
fromDim.width = Spry.Effect.Utils.getPixelValue(options.from);
}
else
{
if (Spry.Effect.Utils.isPercentValue(options.from))
fromDim.height = initDim.height * Spry.Effect.Utils.getPercentValue(options.from) / 100;
else
fromDim.height = Spry.Effect.Utils.getPixelValue(options.from);
}
}
if (options.to != null)
{
if(slideHorizontally)
{
if (Spry.Effect.Utils.isPercentValue(options.to))
toDim.width = initDim.width * Spry.Effect.Utils.getPercentValue(options.to) / 100;
else
toDim.width = Spry.Effect.Utils.getPixelValue(options.to);
}
else
{
if (Spry.Effect.Utils.isPercentValue(options.to))
toDim.height = initDim.height * Spry.Effect.Utils.getPercentValue(options.to) / 100;
else
toDim.height = Spry.Effect.Utils.getPixelValue(options.to);
}
}
if (options.toggle != null) doToggle = options.toggle;
if (options.transition != null) kindOfTransition = options.transition;
if (options.fps != null) fps = options.fps;
options = {duration: durationInMilliseconds, transition: kindOfTransition, scaleContent: false, toggle:doToggle, fps: fps};
var size = new Spry.Effect.Size(element, fromDim, toDim, options);
this.addParallelEffect(size);
if ( (fromDim.width < toDim.width && slideHorizontally) || (fromDim.height < toDim.height && !slideHorizontally))
direction = 1;
var fromPos = new Spry.Effect.Utils.Position();
var toPos = new Spry.Effect.Utils.Position();
toPos.x = fromPos.x = Spry.Effect.intPropStyle(firstChildElt, 'left');
toPos.y = fromPos.y = Spry.Effect.intPropStyle(firstChildElt, 'top');
toPos.units = fromPos.units;
if (slideHorizontally)
toPos.x = parseInt(fromPos.x + direction * (fromDim.width - toDim.width), 10);
else
toPos.y = parseInt(fromPos.y + direction * (fromDim.height - toDim.height), 10);
if (direction == 1){
var tmp = fromPos;
var fromPos = toPos;
var toPos = tmp;
}
options = {duration: durationInMilliseconds, transition: kindOfTransition, toggle:doToggle, from: fromPos, to: toPos, fps: fps};
var move = new Spry.Effect.Move(firstChildElt, fromPos, toPos, options);
this.addParallelEffect(move);
};
Spry.Effect.Slide.prototype = new Spry.Effect.Cluster();
Spry.Effect.Slide.prototype.constructor = Spry.Effect.Slide;
Spry.Effect.Grow = function (element, options)
{
if (!element)
return;
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('Grow');
Spry.Effect.Cluster.call(this, options);
this.name = 'Grow';
var durationInMilliseconds = 1000;
var doToggle = false;
var doScaleContent = true;
var calcHeight = false;
var growFromCenter = true;
var fullCSSBox = false;
var kindOfTransition = Spry.squareTransition;
var fps = 60;
var element = Spry.Effect.getElement(element);
this.element = element;
if (!this.element)
return;
Spry.Effect.makeClipping(element);
var dimRect = Spry.Effect.getDimensionsRegardlessOfDisplayState(element);
var originalWidth = dimRect.width;
var originalHeight = dimRect.height;
var propFactor = (originalWidth == 0) ? 1 :originalHeight/originalWidth;
var fromRect = new Spry.Effect.Utils.Rectangle;
fromRect.width = 0;
fromRect.height = 0;
var toRect = new Spry.Effect.Utils.Rectangle;
toRect.width = originalWidth;
toRect.height = originalHeight;
var optionFrom = options ? options.from : dimRect.width;
var optionTo = options ? options.to : 0;
var pixelValue = Spry.Effect.Utils.getPixelValue;
if (options)
{
if (options.growCenter != null) growFromCenter = options.growCenter;
if (options.duration != null) durationInMilliseconds = options.duration;
if (options.useCSSBox != null) fullCSSBox = options.useCSSBox;
if (options.scaleContent != null) doScaleContent = options.scaleContent;
if (options.from != null)
{
if (Spry.Effect.Utils.isPercentValue(options.from))
{
fromRect.width = originalWidth * (Spry.Effect.Utils.getPercentValue(options.from) / 100);
fromRect.height = originalHeight * (Spry.Effect.Utils.getPercentValue(options.from) / 100);
}
else
{
if(calcHeight)
{
fromRect.height = pixelValue(options.from);
fromRect.width = pixelValue(options.from) / propFactor;
}
else
{
fromRect.width = pixelValue(options.from);
fromRect.height = propFactor * pixelValue(options.from);
}
}
}
if (options.to != null)
{
if (Spry.Effect.Utils.isPercentValue(options.to))
{
toRect.width = originalWidth * (Spry.Effect.Utils.getPercentValue(options.to) / 100);
toRect.height = originalHeight * (Spry.Effect.Utils.getPercentValue(options.to) / 100);
}
else
{
if(calcHeight)
{
toRect.height = pixelValue(options.to);
toRect.width = pixelValue(options.to) / propFactor;
}
else
{
toRect.width = pixelValue(options.to);
toRect.height = propFactor * pixelValue(options.to);
}
}
}
if (options.toggle != null) doToggle = options.toggle;
if (options.transition != null) kindOfTransition = options.transition;
if (options.fps != null) fps = options.fps;
}
options = {duration:durationInMilliseconds, toggle:doToggle, transition:kindOfTransition, scaleContent:doScaleContent, useCSSBox: fullCSSBox, fps: fps};
var sizeEffect = new Spry.Effect.Size(element, fromRect, toRect, options);
this.addParallelEffect(sizeEffect);
if(growFromCenter)
{
Spry.Effect.makePositioned(element);
var startOffsetPosition = new Spry.Effect.Utils.Position();
startOffsetPosition.x = parseInt(Spry.Effect.getStylePropRegardlessOfDisplayState(element, "left"), 10);
startOffsetPosition.y = parseInt(Spry.Effect.getStylePropRegardlessOfDisplayState(element, "top"), 10);
if (!startOffsetPosition.x) startOffsetPosition.x = 0;
if (!startOffsetPosition.y) startOffsetPosition.y = 0;
options = {duration:durationInMilliseconds, toggle:doToggle, transition:kindOfTransition, from: optionFrom, to: optionTo, fps: fps};
var fromPos = new Spry.Effect.Utils.Position;
fromPos.x = startOffsetPosition.x + (originalWidth - fromRect.width) / 2.0;
fromPos.y = startOffsetPosition.y + (originalHeight - fromRect.height) / 2.0;
var toPos = new Spry.Effect.Utils.Position;
toPos.x = startOffsetPosition.x + (originalWidth - toRect.width) / 2.0;
toPos.y = startOffsetPosition.y + (originalHeight - toRect.height) / 2.0;
var moveEffect = new Spry.Effect.Move(element, fromPos, toPos, options);
this.addParallelEffect(moveEffect);
}
};
Spry.Effect.Grow.prototype = new Spry.Effect.Cluster();
Spry.Effect.Grow.prototype.constructor = Spry.Effect.Grow;
Spry.Effect.Shake = function (element, options)
{
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('Shake');
Spry.Effect.Cluster.call(this, options);
this.options.direction = false;
if (this.options.toggle)
this.options.toggle = false;
this.name = 'Shake';
var element = Spry.Effect.getElement(element);
this.element = element;
if (!this.element)
return;
var durationInMilliseconds = 100;
var kindOfTransition = Spry.linearTransition;
var fps = 60;
var steps = 4;
if (options)
{
if (options.duration != null) steps = Math.ceil(this.options.duration / durationInMilliseconds) - 1;
if (options.fps != null) fps = options.fps;
if (options.transition != null) kindOfTransition = options.transition;
}
Spry.Effect.makePositioned(element);
var startOffsetPosition = new Spry.Effect.Utils.Position();
startOffsetPosition.x = parseInt(Spry.Effect.getStyleProp(element, "left"), 10);
startOffsetPosition.y = parseInt(Spry.Effect.getStyleProp(element, "top"), 10);
if (!startOffsetPosition.x) startOffsetPosition.x = 0;
if (!startOffsetPosition.y) startOffsetPosition.y = 0;
var centerPos = new Spry.Effect.Utils.Position;
centerPos.x = startOffsetPosition.x;
centerPos.y = startOffsetPosition.y;
var rightPos = new Spry.Effect.Utils.Position;
rightPos.x = startOffsetPosition.x + 20;
rightPos.y = startOffsetPosition.y + 0;
var leftPos = new Spry.Effect.Utils.Position;
leftPos.x = startOffsetPosition.x + -20;
leftPos.y = startOffsetPosition.y + 0;
options = {duration:Math.ceil(durationInMilliseconds / 2), toggle:false, fps: fps, transition: kindOfTransition};
var effect = new Spry.Effect.Move(element, centerPos, rightPos, options);
this.addNextEffect(effect);
options = {duration:durationInMilliseconds, toggle:false, fps:fps, transition: kindOfTransition};
var effectToRight = new Spry.Effect.Move(element, rightPos, leftPos, options);
var effectToLeft = new Spry.Effect.Move(element, leftPos, rightPos, options);
for (var i=0; i < steps; i++)
{
if (i % 2 == 0)
this.addNextEffect(effectToRight);
else
this.addNextEffect(effectToLeft);
}
var pos = (steps % 2 == 0) ? rightPos: leftPos;
options = {duration:Math.ceil(durationInMilliseconds / 2), toggle:false, fps: fps, transition: kindOfTransition};
var effect = new Spry.Effect.Move(element, pos, centerPos, options);
this.addNextEffect(effect);
};
Spry.Effect.Shake.prototype = new Spry.Effect.Cluster();
Spry.Effect.Shake.prototype.constructor = Spry.Effect.Shake;
Spry.Effect.Shake.prototype.doToggle = function(){};
Spry.Effect.Squish = function (element, options)
{
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('Squish');
if (!options)
options = {};
if (!options.to)
options.to = '0%';
if (!options.from)
options.from = '100%';
options.growCenter = false;
Spry.Effect.Grow.call(this, element, options);
this.name = 'Squish';
};
Spry.Effect.Squish.prototype = new Spry.Effect.Grow();
Spry.Effect.Squish.prototype.constructor = Spry.Effect.Squish;
Spry.Effect.Pulsate = function (element, options)
{
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('Pulsate');
Spry.Effect.Cluster.call(this, options);
this.options.direction = false;
if (this.options.toggle)
this.options.toggle = false;
var element = Spry.Effect.getElement(element);
var originalOpacity = 0;
this.element = element;
if (!this.element)
return;
this.name = 'Pulsate';
var durationInMilliseconds = 100;
var fromOpacity = 100.0;
var toOpacity = 0.0;
var doToggle = false;
var kindOfTransition = Spry.linearTransition;
var fps = 60;
if(/MSIE/.test(navigator.userAgent))
originalOpacity = parseInt(Spry.Effect.getStylePropRegardlessOfDisplayState(this.element, 'filter').replace(/alpha\(opacity=([0-9]{1,3})\)/g, '$1'), 10);
else
originalOpacity = parseInt(Spry.Effect.getStylePropRegardlessOfDisplayState(this.element, 'opacity') * 100, 10);
if (isNaN(originalOpacity)){
originalOpacity = 100;
}
if (options)
{
if (options.from != null){
if (Spry.Effect.Utils.isPercentValue(options.from))
fromOpacity = Spry.Effect.Utils.getPercentValue(options.from) * originalOpacity / 100;
else
fromOpacity = options.from;
}
if (options.to != null)
{
if (Spry.Effect.Utils.isPercentValue(options.to))
toOpacity = Spry.Effect.Utils.getPercentValue(options.to) * originalOpacity / 100;
else
toOpacity = options.to;
}
if (options.transition != null) kindOfTransition = options.transition;
if (options.fps != null) fps = options.fps;
}
options = {duration:durationInMilliseconds, toggle:doToggle, transition:kindOfTransition, fps:fps};
fromOpacity = fromOpacity / 100.0;
toOpacity = toOpacity / 100.0;
var fadeEffect = new Spry.Effect.Opacity(element, fromOpacity, toOpacity, options);
var appearEffect = new Spry.Effect.Opacity(element, toOpacity, fromOpacity, options);
var steps = parseInt(this.options.duration / 200, 10);
for (var i=0; i < steps; i++){
this.addNextEffect(fadeEffect);
this.addNextEffect(appearEffect);
}
};
Spry.Effect.Pulsate.prototype = new Spry.Effect.Cluster();
Spry.Effect.Pulsate.prototype.constructor = Spry.Effect.Pulsate;
Spry.Effect.Pulsate.prototype.doToggle = function(){};
Spry.Effect.Puff = function (element, options)
{
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('Puff');
Spry.Effect.Cluster.call(this, options);
var element = Spry.Effect.getElement(element);
this.element = element;
if (!this.element)
return;
this.name = 'Puff';
var doToggle = false;
var doScaleContent = false;
var durationInMilliseconds = 1000;
var kindOfTransition = Spry.fifthTransition;
var fps = 60;
Spry.Effect.makePositioned(element);
if (options){
if (options.toggle != null) doToggle = options.toggle;
if (options.duration != null) durationInMilliseconds = options.duration;
if (options.transition != null) kindOfTransition = options.transition;
if (options.fps != null) fps = options.fps;
}
var originalRect = Spry.Effect.getDimensions(element);
var startWidth = originalRect.width;
var startHeight = originalRect.height;
options = {duration:durationInMilliseconds, toggle:doToggle, transition: kindOfTransition, fps: fps};
var fromOpacity = 1.0;
var toOpacity = 0.0;
var opacityEffect = new Spry.Effect.Opacity(element, fromOpacity, toOpacity, options);
this.addParallelEffect(opacityEffect);
var fromPos = Spry.Effect.getPosition(element);
var toPos = new Spry.Effect.Utils.Position;
toPos.x = startWidth / 2.0 * -1.0;
toPos.y = startHeight / 2.0 * -1.0;
options = {duration:durationInMilliseconds, toggle:doToggle, transition:kindOfTransition, from: fromPos, to: toPos, fps: fps};
var moveEffect = new Spry.Effect.Move(element, fromPos, toPos, options);
this.addParallelEffect(moveEffect);
var self = this;
this.addObserver({
onPreEffect:function(){if (self.direction == Spry.backwards){self.element.style.display = 'block';}},
onPostEffect: function(){if (self.direction == Spry.forwards){self.element.style.display = 'none';}}
});
};
Spry.Effect.Puff.prototype = new Spry.Effect.Cluster;
Spry.Effect.Puff.prototype.constructor = Spry.Effect.Puff;
Spry.Effect.DropOut = function (element, options)
{
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('DropOut');
Spry.Effect.Cluster.call(this, options);
var element = Spry.Effect.getElement(element);
this.element = element;
if (!this.element)
return;
var durationInMilliseconds = 1000;
var fps = 60;
var kindOfTransition = Spry.fifthTransition;
var direction = Spry.forwards;
var doToggle = false;
this.name = 'DropOut';
Spry.Effect.makePositioned(element);
if (options)
{
if (options.duration != null) durationInMilliseconds = options.duration;
if (options.toggle != null) doToggle = options.toggle;
if (options.fps != null) fps = options.fps;
if (options.transition != null) kindOfTransition = options.transition;
if (options.dropIn != null) direction = -1;
}
var startOffsetPosition = new Spry.Effect.Utils.Position();
startOffsetPosition.x = parseInt(Spry.Effect.getStyleProp(element, "left"), 10);
startOffsetPosition.y = parseInt(Spry.Effect.getStyleProp(element, "top"), 10);
if (!startOffsetPosition.x) startOffsetPosition.x = 0;
if (!startOffsetPosition.y) startOffsetPosition.y = 0;
var fromPos = new Spry.Effect.Utils.Position;
fromPos.x = startOffsetPosition.x + 0;
fromPos.y = startOffsetPosition.y + 0;
var toPos = new Spry.Effect.Utils.Position;
toPos.x = startOffsetPosition.x + 0;
toPos.y = startOffsetPosition.y + (direction * 160);
options = {from:fromPos, to:toPos, duration:durationInMilliseconds, toggle:doToggle, transition: kindOfTransition, fps: fps};
var moveEffect = new Spry.Effect.Move(element, options.from, options.to, options);
this.addParallelEffect(moveEffect);
var fromOpacity = 1.0;
var toOpacity = 0.0;
options = {duration:durationInMilliseconds, toggle:doToggle, transition: kindOfTransition, fps: fps};
var opacityEffect = new Spry.Effect.Opacity(element, fromOpacity, toOpacity, options);
this.addParallelEffect(opacityEffect);
var self = this;
this.addObserver({
onPreEffect:function(){self.element.style.display = 'block';},
onPostEffect: function(){if (self.direction == Spry.forwards){self.element.style.display = 'none';}}
});
};
Spry.Effect.DropOut.prototype = new Spry.Effect.Cluster();
Spry.Effect.DropOut.prototype.constructor = Spry.Effect.DropOut;
Spry.Effect.Fold = function (element, options)
{
if (!this.notStaticAnimator)
return Spry.Effect.Utils.showInitError('Fold');
Spry.Effect.Cluster.call(this, options);
var element = Spry.Effect.getElement(element);
this.element = element;
if (!this.element)
return;
this.name = 'Fold';
var durationInMilliseconds = 1000;
var doToggle = false;
var doScaleContent = true;
var fullCSSBox = false;
var kindOfTransition = Spry.fifthTransition;
var fps = fps;
Spry.Effect.makeClipping(element);
var originalRect = Spry.Effect.getDimensionsRegardlessOfDisplayState(element);
var startWidth = originalRect.width;
var startHeight = originalRect.height;
var stopWidth = startWidth;
var stopHeight = startHeight / 5;
var fromRect = new Spry.Effect.Utils.Rectangle;
fromRect.width = startWidth;
fromRect.height = startHeight;
var toRect = new Spry.Effect.Utils.Rectangle;
toRect.width = stopWidth;
toRect.height = stopHeight;
if (options)
{
if (options.duration != null) durationInMilliseconds = Math.ceil(options.duration/2);
if (options.toggle != null) doToggle = options.toggle;
if (options.useCSSBox != null) fullCSSBox = options.useCSSBox;
if (options.fps != null) fps = options.fps;
if (options.transition != null) kindOfTransition = options.transition;
}
options = {duration:durationInMilliseconds, toggle:doToggle, scaleContent:doScaleContent, useCSSBox: fullCSSBox, transition: kindOfTransition, fps: fps};
var sizeEffect = new Spry.Effect.Size(element, fromRect, toRect, options);
this.addNextEffect(sizeEffect);
fromRect.width = toRect.width;
fromRect.height = toRect.height;
toRect.width = '0%';
var sizeEffect = new Spry.Effect.Size(element, fromRect, toRect, options);
this.addNextEffect(sizeEffect);
};
Spry.Effect.Fold.prototype = new Spry.Effect.Cluster();
Spry.Effect.Fold.prototype.constructor = Spry.Effect.Fold;
//
// The names of some of the static effect functions changed in Spry 1.5. These wrappers will insure that we remain compatible with previous versions of Spry.
//
Spry.Effect.DoFade = function (element, options)
{
return Spry.Effect.Utils.DoEffect('Fade', element, options);
};
Spry.Effect.DoBlind = function (element, options)
{
return Spry.Effect.Utils.DoEffect('Blind', element, options);
};
Spry.Effect.DoHighlight = function (element, options)
{
return Spry.Effect.Utils.DoEffect('Highlight', element, options);
};
Spry.Effect.DoSlide = function (element, options)
{
return Spry.Effect.Utils.DoEffect('Slide', element, options);
};
Spry.Effect.DoGrow = function (element, options)
{
return Spry.Effect.Utils.DoEffect('Grow', element, options);
};
Spry.Effect.DoShake = function (element, options)
{
return Spry.Effect.Utils.DoEffect('Shake', element, options);
};
Spry.Effect.DoSquish = function (element, options)
{
return Spry.Effect.Utils.DoEffect('Squish', element, options);
};
Spry.Effect.DoPulsate = function (element, options)
{
return Spry.Effect.Utils.DoEffect('Pulsate', element, options);
};
Spry.Effect.DoPuff = function (element, options)
{
return Spry.Effect.Utils.DoEffect('Puff', element, options);
};
Spry.Effect.DoDropOut = function (element, options)
{
return Spry.Effect.Utils.DoEffect('DropOut', element, options);
};
Spry.Effect.DoFold = function (element, options)
{
return Spry.Effect.Utils.DoEffect('Fold', element, options);
};
// 2423
// SpryDOMUtils.js - version 0.6
//
var Spry; if (!Spry) Spry = {}; if (!Spry.Utils) Spry.Utils = {};
//
// Define Prototype's $() convenience function, but make sure it is namespaced under Spry so that we avoid collisions with other toolkits.
//
Spry.$ = function(element)
{
if (arguments.length > 1)
{
for (var i = 0, elements = [], length = arguments.length; i < length; i++)
elements.push(Spry.$(arguments[i]));
return elements;
}
if (typeof element == 'string')
element = document.getElementById(element);
return element;
};
//
// DOM Utils
//
Spry.Utils.setAttribute = function(ele, name, value)
{
ele = Spry.$(ele);
if (!ele || !name)
return;
if (name == "class")
ele.className = value;
else
ele.setAttribute(name, value);
};
Spry.Utils.removeAttribute = function(ele, name)
{
ele = Spry.$(ele);
if (!ele || !name)
return;
try
{
ele.removeAttribute(name);
if (name == "class")
ele.removeAttribute("className");
} catch(e) {}
};
Spry.Utils.addClassName = function(ele, className)
{
ele = Spry.$(ele);
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
return;
ele.className += (ele.className ? " " : "") + className;
};
Spry.Utils.removeClassName = function(ele, className)
{
ele = Spry.$(ele);
if (Spry.Utils.hasClassName(ele, className))
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};
Spry.Utils.toggleClassName = function(ele, className)
{
if (Spry.Utils.hasClassName(ele, className))
Spry.Utils.removeClassName(ele, className);
else
Spry.Utils.addClassName(ele, className);
};
Spry.Utils.hasClassName = function(ele, className)
{
ele = Spry.$(ele);
if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
return false;
return true;
};
Spry.Utils.camelizeString = function(str)
{
var cStr = "";
var a = str.split("-");
for (var i = 0; i < a.length; i++)
{
var s = a[i];
if (s)
cStr = cStr ? (cStr + s.charAt(0).toUpperCase() + s.substring(1)) : s;
}
return cStr;
};
Spry.Utils.styleStringToObject = function(styleStr)
{
var o = {};
if (styleStr)
{
pvA = styleStr.split(";");
for (var i = 0; i < pvA.length; i++)
{
var pv = pvA[i];
if (pv && pv.indexOf(":") != -1)
{
var nvA = pv.split(":");
var n = nvA[0].replace(/^\s*|\s*$/g, "");
var v = nvA[1].replace(/^\s*|\s*$/g, "");
if (n && v)
o[Spry.Utils.camelizeString(n)] = v;
}
}
}
return o;
};
Spry.Utils.addEventListener = function(element, eventType, handler, capture)
{
try
{
if (!Spry.Utils.eventListenerIsBoundToElement(element, eventType, handler, capture))
{
element = Spry.$(element);
handler = Spry.Utils.bindEventListenerToElement(element, eventType, handler, capture);
if (element.addEventListener)
element.addEventListener(eventType, handler, capture);
else if (element.attachEvent)
element.attachEvent("on" + eventType, handler);
}
}
catch (e) {}
};
Spry.Utils.removeEventListener = function(element, eventType, handler, capture)
{
try
{
element = Spry.$(element);
handler = Spry.Utils.unbindEventListenerFromElement(element, eventType, handler, capture);
if (element.removeEventListener)
element.removeEventListener(eventType, handler, capture);
else if (element.detachEvent)
element.detachEvent("on" + eventType, handler);
}
catch (e) {}
};
Spry.Utils.eventListenerHash = {};
Spry.Utils.nextEventListenerID = 1;
Spry.Utils.getHashForElementAndHandler = function(element, eventType, handler, capture)
{
var hash = null;
element = Spry.$(element);
if (element)
{
if (typeof element.spryEventListenerID == "undefined")
element.spryEventListenerID = "e" + (Spry.Utils.nextEventListenerID++);
if (typeof handler.spryEventHandlerID == "undefined")
handler.spryEventHandlerID = "h" + (Spry.Utils.nextEventListenerID++);
hash = element.spryEventListenerID + "-" + handler.spryEventHandlerID + "-" + eventType + (capture?"-capture":"");
}
return hash;
};
Spry.Utils.eventListenerIsBoundToElement = function(element, eventType, handler, capture)
{
element = Spry.$(element);
var hash = Spry.Utils.getHashForElementAndHandler(element, eventType, handler, capture);
return Spry.Utils.eventListenerHash[hash] != undefined;
};
Spry.Utils.bindEventListenerToElement = function(element, eventType, handler, capture)
{
element = Spry.$(element);
var hash = Spry.Utils.getHashForElementAndHandler(element, eventType, handler, capture);
if (Spry.Utils.eventListenerHash[hash])
return Spry.Utils.eventListenerHash[hash];
return Spry.Utils.eventListenerHash[hash] = function(e)
{
e = e || window.event;
if (!e.preventDefault) e.preventDefault = function() { this.returnValue = false; };
if (!e.stopPropagation) e.stopPropagation = function() { this.cancelBubble = true; };
var result = handler.call(element, e);
if (result == false)
{
e.preventDefault();
e.stopPropagation();
}
return result;
};
};
Spry.Utils.unbindEventListenerFromElement = function(element, eventType, handler, capture)
{
element = Spry.$(element);
var hash = Spry.Utils.getHashForElementAndHandler(element, eventType, handler, capture);
if (Spry.Utils.eventListenerHash[hash])
{
handler = Spry.Utils.eventListenerHash[hash];
Spry.Utils.eventListenerHash[hash] = undefined;
}
return handler;
};
Spry.Utils.addLoadListener = function(handler)
{
if (typeof window.addEventListener != 'undefined')
window.addEventListener('load', handler, false);
else if (typeof document.addEventListener != 'undefined')
document.addEventListener('load', handler, false);
else if (typeof window.attachEvent != 'undefined')
window.attachEvent('onload', handler);
};
Spry.Utils.getAncestor = function(ele, selector)
{
ele = Spry.$(ele);
if (ele)
{
var s = Spry.$$.tokenizeSequence(selector ? selector : "*")[0];
var t = s ? s[0] : null;
if (t)
{
var p = ele.parentNode;
while (p)
{
if (t.match(p))
return p;
p = p.parentNode;
}
}
}
return null;
};
//
// CSS Selector Matching
//
Spry.$$ = function(selectorSequence, rootNode)
{
if (!rootNode)
rootNode = document;
else
rootNode = Spry.$(rootNode);
var sequences = Spry.$$.tokenizeSequence(selectorSequence);
var matches = [];
Spry.$$.addExtensions(matches);
++Spry.$$.queryID;
var nid = 0;
var ns = sequences.length;
for (var i = 0; i < ns; i++)
{
var m = Spry.$$.processTokens(sequences[i], rootNode);
var nm = m.length;
for (var j = 0; j < nm; j++)
{
var n = m[j];
if (!n.spry$$ID)
{
n.spry$$ID = ++nid;
matches.push(n);
}
}
}
var nm = matches.length;
for (i = 0; i < nm; i++)
matches[i].spry$$ID = undefined;
return matches;
};
Spry.$$.cache = {};
Spry.$$.queryID = 0;
Spry.$$.Token = function()
{
this.type = Spry.$$.Token.SELECTOR;
this.name = "*";
this.id = "";
this.classes = [];
this.attrs = [];
this.pseudos = [];
};
Spry.$$.Token.Attr = function(n, v)
{
this.name = n;
this.value = v ? new RegExp(v) : undefined;
};
Spry.$$.Token.PseudoClass = function(pstr)
{
this.name = pstr.replace(/\(.*/, "");
this.arg = pstr.replace(/^[^\(\)]*\(?\s*|\)\s*$/g, "");
this.func = Spry.$$.pseudoFuncs[this.name];
};
Spry.$$.Token.SELECTOR = 0;
Spry.$$.Token.COMBINATOR = 1;
Spry.$$.Token.prototype.match = function(ele, nameAlreadyMatches)
{
if (this.type == Spry.$$.Token.COMBINATOR)
return false;
if (!nameAlreadyMatches && this.name != '*' && this.name != ele.nodeName.toLowerCase())
return false;
if (this.id && this.id != ele.id)
return false;
var classes = this.classes;
var len = classes.length;
for (var i = 0; i < len; i++)
{
if (!ele.className || !classes[i].value.test(ele.className))
return false;
}
var attrs = this.attrs;
len = attrs.length;
for (var i = 0; i < len; i++)
{
var a = attrs[i];
var an = ele.attributes.getNamedItem(a.name);
if (!an || (!a.value && an.nodeValue == undefined) || (a.value && !a.value.test(an.nodeValue)))
return false;
}
var ps = this.pseudos;
var len = ps.length;
for (var i = 0; i < len; i++)
{
var p = ps[i];
if (p && p.func && !p.func(p.arg, ele, this))
return false;
}
return true;
};
Spry.$$.Token.prototype.getNodeNameIfTypeMatches = function(ele)
{
var nodeName = ele.nodeName.toLowerCase();
if (this.name != '*')
{
if (this.name != nodeName)
return null;
return this.name;
}
return nodeName;
};
Spry.$$.escapeRegExpCharsRE = /\/|\.|\*|\+|\(|\)|\[|\]|\{|\}|\\|\|/g;
Spry.$$.tokenizeSequence = function(s)
{
var cc = Spry.$$.cache[s];
if (cc) return cc;
var tokenExpr = /(\[[^\"'~\^\$\*\|\]=]+([~\^\$\*\|]?=\s*('[^']*'|"[^"]*"|[^"'\]]+))?\s*\])|((:[^\.#:\s,>~\+\[\]]+\(([^\(\)]+|\([^\(\)]*\))*\))|[\.#:]?[^\.#:\s,>~\+\[\]]+)|(\s*[\s,>~\+]\s*)/g;
var tkn = new Spry.$$.Token;
var sequence = [];
sequence.push(tkn);
var tokenSequences = [];
tokenSequences.push(sequence);
s = s.replace(/^\s*|\s*$/, "");
var expMatch = tokenExpr.exec(s);
while (expMatch)
{
var tstr = expMatch[0];
var c = tstr.charAt(0);
switch (c)
{
case '.':
tkn.classes.push(new Spry.$$.Token.Attr("class", "\\b" + tstr.substr(1) + "\\b"));
break;
case '#':
tkn.id = tstr.substr(1);
break;
case ':':
tkn.pseudos.push(new Spry.$$.Token.PseudoClass(tstr));
break;
case '[':
var attrComps = tstr.match(/\[([^\"'~\^\$\*\|\]=]+)(([~\^\$\*\|]?=)\s*('[^']*'|"[^"]*"|[^"'\]]+))?\s*\]/);
var name = attrComps[1];
var matchType = attrComps[3];
var val = attrComps[4];
if (val)
{
val = val.replace(/^['"]|['"]$/g, "");
val = val.replace(Spry.$$.escapeRegExpCharsRE, '\\$&');
}
var matchStr = undefined;
switch(matchType)
{
case "=":
matchStr = "^" + val + "$";
break;
case "^=":
matchStr = "^" + val;
break;
case "$=":
matchStr = val + "$";
break;
case "~=":
case "|=":
matchStr = "\\b" + val + "\\b";
break;
case "*=":
matchStr = val;
break;
}
tkn.attrs.push(new Spry.$$.Token.Attr(name, matchStr));
break;
default:
var combiMatch = tstr.match(/^\s*([\s,~>\+])\s*$/);
if (combiMatch)
{
if (combiMatch[1] == ',')
{
sequence = new Array;
tokenSequences.push(sequence);
tkn = new Spry.$$.Token;
sequence.push(tkn);
}
else
{
tkn = new Spry.$$.Token;
tkn.type = Spry.$$.Token.COMBINATOR;
tkn.name = combiMatch[1];
sequence.push(tkn);
tkn = new Spry.$$.Token();
sequence.push(tkn);
}
}
else
tkn.name = tstr.toLowerCase();
break;
}
expMatch = tokenExpr.exec(s);
}
Spry.$$.cache[s] = tokenSequences;
return tokenSequences;
};
Spry.$$.combinatorFuncs = {
// Element Descendant
" ": function(nodes, token)
{
var uid = ++Spry.$$.uniqueID;
var results = [];
var nn = nodes.length;
for (var i = 0; i < nn; i++)
{
var n = nodes[i];
if (uid != n.spry$$uid)
{
// n.spry$$uid = uid;
var ea = nodes[i].getElementsByTagName(token.name);
var ne = ea.length;
for (var j = 0; j < ne; j++)
{
var e = ea[j];
if (token.match(e, true))
results.push(e);
e.spry$$uid = uid;
}
}
}
return results;
},
// Element Child
">": function(nodes, token)
{
var results = [];
var nn = nodes.length;
for (var i = 0; i < nn; i++)
{
var n = nodes[i].firstChild;
while (n)
{
if (n.nodeType == 1 /* Node.ELEMENT_NODE */ && token.match(n))
results.push(n);
n = n.nextSibling;
}
}
return results;
},
// Element Immediately Preceded By
"+": function(nodes, token)
{
var results = [];
var nn = nodes.length;
for (var i = 0; i < nn; i++)
{
var n = nodes[i].nextSibling;
while (n && n.nodeType != 1 /* Node.ELEMENT_NODE */)
n = n.nextSibling;
if (n && token.match(n))
results.push(n);
}
return results;
},
// Element Preceded By
"~": function(nodes, token)
{
var uid = ++Spry.$$.uniqueID;
var results = [];
var nn = nodes.length;
for (var i = 0; i < nn; i++)
{
var n = nodes[i].nextSibling;
while (n)
{
if (n.nodeType == 1 /* Node.ELEMENT_NODE */)
{
if (uid == n.spry$$uid)
break;
if (token.match(n))
{
results.push(n);
n.spry$$uid = uid;
}
}
n = n.nextSibling;
}
}
return results;
}
};
Spry.$$.uniqueID = 0;
Spry.$$.pseudoFuncs = {
":first-child": function(arg, node, token)
{
var n = node.previousSibling;
while (n)
{
if (n.nodeType == 1) return false; // Node.ELEMENT_NODE
n = n.previousSibling;
}
return true;
},
":last-child": function(arg, node, token)
{
var n = node.nextSibling;
while (n)
{
if (n.nodeType == 1) // Node.ELEMENT_NODE
return false;
n = n.nextSibling;
}
return true;
},
":empty": function(arg, node, token)
{
var n = node.firstChild;
while (n)
{
switch(n.nodeType)
{
case 1: // Node.ELEMENT_NODE
case 3: // Node.TEXT_NODE
case 4: // Node.CDATA_NODE
case 5: // Node.ENTITY_REFERENCE_NODE
return false;
}
n = n.nextSibling;
}
return true;
},
":nth-child": function(arg, node, token)
{
return Spry.$$.nthChild(arg, node, token);
},
":nth-last-child": function(arg, node, token)
{
return Spry.$$.nthChild(arg, node, token, true);
},
":nth-of-type": function(arg, node, token)
{
return Spry.$$.nthChild(arg, node, token, false, true);
},
":nth-last-of-type": function(arg, node, token)
{
return Spry.$$.nthChild(arg, node, token, true, true);
},
":first-of-type": function(arg, node, token)
{
var nodeName = token.getNodeNameIfTypeMatches(node);
if (!nodeName) return false;
var n = node.previousSibling;
while (n)
{
if (n.nodeType == 1 && nodeName == n.nodeName.toLowerCase()) return false; // Node.ELEMENT_NODE
n = n.previousSibling;
}
return true;
},
":last-of-type": function(arg, node, token)
{
var nodeName = token.getNodeNameIfTypeMatches(node);
if (!nodeName) return false;
var n = node.nextSibling;
while (n)
{
if (n.nodeType == 1 && nodeName == n.nodeName.toLowerCase()) // Node.ELEMENT_NODE
return false;
n = n.nextSibling;
}
return true;
},
":only-child": function(arg, node, token)
{
var f = Spry.$$.pseudoFuncs;
return f[":first-child"](arg, node, token) && f[":last-child"](arg, node, token);
},
":only-of-type": function(arg, node, token)
{
var f = Spry.$$.pseudoFuncs;
return f[":first-of-type"](arg, node, token) && f[":last-of-type"](arg, node, token);
},
":not": function(arg, node, token)
{
var s = Spry.$$.tokenizeSequence(arg)[0];
var t = s ? s[0] : null;
return !t || !t.match(node);
},
":enabled": function(arg, node, token)
{
return !node.disabled;
},
":disabled": function(arg, node, token)
{
return node.disabled;
},
":checked": function(arg, node, token)
{
return node.checked;
},
":root": function(arg, node, token)
{
return node.parentNode && node.ownerDocument && node.parentNode == node.ownerDocument;
}
};
Spry.$$.nthRegExp = /((-|[0-9]+)?n)?([+-]?[0-9]*)/;
Spry.$$.nthCache = {
"even": { a: 2, b: 0, mode: 1, invalid: false }
, "odd": { a: 2, b: 1, mode: 1, invalid: false }
, "2n": { a: 2, b: 0, mode: 1, invalid: false }
, "2n+1": { a: 2, b: 1, mode: 1, invalid: false }
};
Spry.$$.parseNthChildString = function(str)
{
var o = Spry.$$.nthCache[str];
if (!o)
{
var m = str.match(Spry.$$.nthRegExp);
var n = m[1];
var a = m[2];
var b = m[3];
if (!a)
{
// An 'a' value was not specified. Was there an 'n' present?
// If so, we treat it as an increment of 1, otherwise we're
a = n ? 1 : 0;
}
else if (a == "-")
{
a = -1;
}
else
{
a = parseInt(a, 10);
}
b = b ? parseInt(b, 10) : 0;
var mode = (a == 0) ? 0 : ((a > 0) ? 1 : -1);
var invalid = false;
if (a > 0 && b < 0)
{
b = b % a;
b = ((b=(b%a)) < 0) ? a + b : b;
}
else if (a < 0)
{
if (b < 0)
invalid = true;
else
a = Math.abs(a);
}
o = new Object;
o.a = a;
o.b = b;
o.mode = mode;
o.invalid = invalid;
Spry.$$.nthCache[str] = o;
}
return o;
};
Spry.$$.nthChild = function(arg, node, token, fromLastSib, matchNodeName)
{
if (matchNodeName)
{
var nodeName = token.getNodeNameIfTypeMatches(node);
if (!nodeName) return false;
}
var o = Spry.$$.parseNthChildString(arg);
if (o.invalid)
return false;
var qidProp = "spry$$ncQueryID";
var posProp = "spry$$ncPos";
var countProp = "spry$$ncCount";
if (matchNodeName)
{
qidProp += nodeName;
posProp += nodeName;
countProp += nodeName;
}
var parent = node.parentNode;
if (parent[qidProp] != Spry.$$.queryID)
{
var pos = 0;
parent[qidProp] = Spry.$$.queryID;
var c = parent.firstChild;
while (c)
{
if (c.nodeType == 1 && (!matchNodeName || nodeName == c.nodeName.toLowerCase()))
c[posProp] = ++pos;
c = c.nextSibling;
}
parent[countProp] = pos;
}
pos = node[posProp];
if (fromLastSib)
pos = parent[countProp] - pos + 1;
/*
var sib = fromLastSib ? "nextSibling" : "previousSibling";
var pos = 1;
var n = node[sib];
while (n)
{
if (n.nodeType == 1 && (!matchNodeName || nodeName == n.nodeName.toLowerCase()))
{
if (n == node) break;
++pos;
}
n = n[sib];
}
*/
if (o.mode == 0)
return pos == o.b;
if (o.mode > 0)
return (pos < o.b) ? false : (!((pos - o.b) % o.a));
return (pos > o.b) ? false : (!((o.b - pos) % o.a));
};
Spry.$$.processTokens = function(tokens, root)
{
var numTokens = tokens.length;
var nodeSet = [ root ];
var combiFunc = null;
for (var i = 0; i < numTokens && nodeSet.length > 0; i++)
{
var t = tokens[i];
if (t.type == Spry.$$.Token.SELECTOR)
{
if (combiFunc)
{
nodeSet = combiFunc(nodeSet, t);
combiFunc = null;
}
else
nodeSet = Spry.$$.getMatchingElements(nodeSet, t);
}
else
combiFunc = Spry.$$.combinatorFuncs[t.name];
}
return nodeSet;
};
Spry.$$.getMatchingElements = function(nodes, token)
{
var results = [];
if (token.id)
{
n = nodes[0];
if (n && n.ownerDocument)
{
var e = n.ownerDocument.getElementById(token.id);
if (e)
{
if (token.match(e))
results.push(e);
}
return results;
}
}
var nn = nodes.length;
for (var i = 0; i < nn; i++)
{
var n = nodes[i];
var ea = n.getElementsByTagName(token.name);
var ne = ea.length;
for (var j = 0; j < ne; j++)
{
var e = ea[j];
if (token.match(e, true))
results.push(e);
}
}
return results;
};
/*
Spry.$$.dumpSequences = function(sequences)
{
Spry.Debug.trace("
Number of Sequences: " + sequences.length);
for (var i = 0; i < sequences.length; i++)
{
var str = "";
var s = sequences[i];
Spry.Debug.trace("
Sequence " + i + " -- Tokens: " + s.length);
for (var j = 0; j < s.length; j++)
{
var t = s[j];
if (t.type == Spry.$$.Token.SELECTOR)
{
str += " SELECTOR:\n Name: " + t.name + "\n ID: " + t.id + "\n Attrs:\n";
for (var k = 0; k < t.classes.length; k++)
str += " " + t.classes[k].name + ": " + t.classes[k].value + "\n";
for (var k = 0; k < t.attrs.length; k++)
str += " " + t.attrs[k].name + ": " + t.attrs[k].value + "\n";
str += " Pseudos:\n";
for (var k = 0; k < t.pseudos.length; k++)
str += " " + t.pseudos[k].name + (t.pseudos[k].arg ? "(" + t.pseudos[k].arg + ")" : "") + "\n";
}
else
{
str += " COMBINATOR:\n Name: '" + t.name + "'\n";
}
}
Spry.Debug.trace("" + Spry.Utils.encodeEntities(str) + "
");
}
};
*/
Spry.$$.addExtensions = function(a)
{
for (var f in Spry.$$.Results)
a[f] = Spry.$$.Results[f];
};
Spry.$$.Results = {};
Spry.$$.Results.forEach = function(func)
{
var n = this.length;
for (var i = 0; i < n; i++)
func(this[i]);
return this;
};
Spry.$$.Results.setAttribute = function(name, value)
{
return this.forEach(function(n) { Spry.Utils.setAttribute(n, name, value); });
};
Spry.$$.Results.removeAttribute = function(name)
{
return this.forEach(function(n) { Spry.Utils.removeAttribute(n, name); });
};
Spry.$$.Results.addClassName = function(className)
{
return this.forEach(function(n) { Spry.Utils.addClassName(n, className); });
};
Spry.$$.Results.removeClassName = function(className)
{
return this.forEach(function(n) { Spry.Utils.removeClassName(n, className); });
};
Spry.$$.Results.toggleClassName = function(className)
{
return this.forEach(function(n) { Spry.Utils.toggleClassName(n, className); });
};
Spry.$$.Results.addEventListener = function(eventType, handler, capture, bindHandler)
{
return this.forEach(function(n) { Spry.Utils.addEventListener(n, eventType, handler, capture, bindHandler); });
};
Spry.$$.Results.removeEventListener = function(eventType, handler, capture)
{
return this.forEach(function(n) { Spry.Utils.removeEventListener(n, eventType, handler, capture); });
};
Spry.$$.Results.setStyle = function(style)
{
if (style)
{
style = Spry.Utils.styleStringToObject(style);
this.forEach(function(n)
{
for (var p in style)
try { n.style[p] = style[p]; } catch (e) {}
});
}
return this;
};
Spry.$$.Results.setProperty = function(prop, value)
{
if (prop)
{
if (typeof prop == "string")
{
var p = {};
p[prop] = value;
prop = p;
}
this.forEach(function(n)
{
for (var p in prop)
try { n[p] = prop[p]; } catch (e) {}
});
}
return this;
};
// 3427
// SpryImageLoader.js - version 0.2
//
var Spry; if (!Spry) Spry = {}; if (!Spry.Utils) Spry.Utils = {};
Spry.Utils.ImageLoader = function()
{
this.queue = [];
this.timerID = 0;
this.currentEntry = null;
};
Spry.Utils.ImageLoader.prototype.start = function()
{
if (!this.timerID)
{
var self = this;
this.timerID = setTimeout(function()
{
self.timerID = 0;
self.processQueue();
}, 0);
}
};
Spry.Utils.ImageLoader.prototype.stop = function()
{
if (this.currentEntry)
{
var entry = this.currentEntry;
entry.loader.onload = null;
entry.loader.src = "";
entry.loader = null;
this.currentEntry = null;
this.queue.unshift(entry);
}
if (this.timerID)
clearTimeout(this.timerID);
this.timerID = 0;
};
Spry.Utils.ImageLoader.prototype.clearQueue = function()
{
this.stop();
this.queue.length = 0;
};
Spry.Utils.ImageLoader.prototype.load = function(url, callback, priority)
{
if (url)
{
if (typeof priority == "undefined")
priority = 0;
this.queue.push({ url: url, callback: callback, priority: priority });
this.queue.sort(function(a,b){ return (a.priority > b.priority) ? -1 : ((a.priority < b.priority) ? 1 : 0); });
this.start();
}
};
Spry.Utils.ImageLoader.prototype.processQueue = function()
{
if (this.queue.length < 1)
return;
var entry = this.currentEntry = this.queue.shift();
var loader = entry.loader = new Image;
var self = this;
loader.onload = function()
{
self.currentEntry = null;
if (entry.callback)
entry.callback(entry.url, entry.loader);
if (self.queue.length > 0)
self.start();
};
loader.onerror = function()
{
self.currentEntry = null;
if (self.queue.length > 0)
self.start();
};
this.currentLoader = loader;
loader.src = entry.url;
};
// 3515
// SpryNotifier.js - version 0.1
//
var Spry; if (!Spry) Spry = {}; if (!Spry.Utils) Spry.Utils = {};
Spry.Utils.Notifier = function()
{
this.observers = [];
this.suppressNotifications = 0;
};
Spry.Utils.Notifier.prototype.addObserver = function(observer)
{
if (!observer)
return;
var len = this.observers.length;
for (var i = 0; i < len; i++)
{
if (this.observers[i] == observer)
return;
}
this.observers[len] = observer;
};
Spry.Utils.Notifier.prototype.removeObserver = function(observer)
{
if (!observer)
return;
for (var i = 0; i < this.observers.length; i++)
{
if (this.observers[i] == observer)
{
this.observers.splice(i, 1);
break;
}
}
};
Spry.Utils.Notifier.prototype.notifyObservers = function(methodName, data)
{
if (!methodName)
return;
if (!this.suppressNotifications)
{
var len = this.observers.length;
for (var i = 0; i < len; i++)
{
var obs = this.observers[i];
if (obs)
{
if (typeof obs == "function")
obs(methodName, this, data);
else if (obs[methodName])
obs[methodName](this, data);
}
}
}
};
Spry.Utils.Notifier.prototype.enableNotifications = function()
{
if (--this.suppressNotifications < 0)
{
this.suppressNotifications = 0;
Spry.Debug.reportError("Unbalanced enableNotifications() call!\n");
}
};
Spry.Utils.Notifier.prototype.disableNotifications = function()
{
++this.suppressNotifications;
};
// 3597
// SpryThumbViewer.js - version 0.1
//
var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.Widget.ThumbViewer = function(ele, options)
{
Spry.Utils.Notifier.call(this);
this.element = Spry.$(ele);
this.loader = new Spry.Utils.ImageLoader();
this.nextImageID = 0;
this.maxDimension = 150;
this.thumbWidth = 50;
this.thumbHeight = 50;
this.tnLinkSelector = "a[href]";
this.tnImageSelector = "a[href] > img";
this.currentImage = null;
this.behaviorsArray = [];
this.attachBehaviors();
this.select(0);
};
Spry.Widget.ThumbViewer.prototype = new Spry.Utils.Notifier();
Spry.Widget.ThumbViewer.prototype.constructor = Spry.Widget.ThumbViewer;
Spry.Widget.ThumbViewer.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
{
if (!optionsObj)
return;
for (var optionName in optionsObj)
{
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
continue;
obj[optionName] = optionsObj[optionName];
}
};
Spry.Widget.ThumbViewer.prototype.attachBehaviors = function()
{
var self = this;
if (this.element)
this.getThumbImages().forEach(function(img){ if (img.src) self.preloadImage(img); });
};
Spry.Widget.ThumbViewer.prototype.attachHoverBehaviors = function(img)
{
var a = Spry.Utils.getAncestor(img, "a[href]");
if (a)
{
var self = this;
Spry.Utils.addEventListener(a, "mouseover", function(e) { self.growThumbnail(img); return false; }, false);
Spry.Utils.addEventListener(a, "mouseout", function(e) { self.shrinkThumbnail(img); return false; }, false);
Spry.Utils.addEventListener(a, "click", function(e) { self.select(img); return false; }, false);
}
};
Spry.Widget.ThumbViewer.prototype.preloadImage = function(img)
{
if (this.loader && img.src)
{
var self = this;
this.loader.load(img.src, function(url, loaderImage)
{
img.spryOrigWidth = loaderImage.width;
img.spryOrigHeight = loaderImage.height;
self.attachHoverBehaviors(img);
}, 10);
}
};
Spry.Widget.ThumbViewer.prototype.cancelBehavior = function(id)
{
if (this.behaviorsArray[id])
{
this.behaviorsArray[id].cancel();
this.behaviorsArray[id] = null;
}
};
Spry.Widget.ThumbViewer.prototype.sizeAndPosition = function(img, toX, toY, toWidth, toHeight, callback)
{
var id = img.spryID;
this.cancelBehavior(id);
var effectCluster = new Spry.Effect.Cluster( { finish: callback } );
var moveEffect = new Spry.Effect.Move(img, Spry.Effect.getPosition(img), { x: toX, y: toY, units: "px" }, { duration: 400 });
var sizeEffect = new Spry.Effect.Size(img, Spry.Effect.getDimensions(img), { width: toWidth, height: toHeight, units: "px" }, { duration: 400 });
effectCluster.addParallelEffect(moveEffect);
effectCluster.addParallelEffect(sizeEffect);
this.behaviorsArray[id] = effectCluster;
this.behaviorsArray[id].start();
};
Spry.Widget.ThumbViewer.prototype.growThumbnail = function(img)
{
if (!img.spryOrigWidth || !img.spryOrigHeight)
return;
Spry.Utils.addClassName(img, "inFocus");
img.style.zIndex = 150;
if (!img.spryID)
img.spryID = ++this.nextImageID;
var w = img.spryOrigWidth;
var h = img.spryOrigHeight;
var ratio = this.maxDimension / (w > h ? w : h);
w *= ratio;
h *= ratio;
var x = (this.thumbWidth - w) / 2;
var y = (this.thumbHeight - h) / 2;
var self = this;
this.sizeAndPosition(img, x, y, w, h, function(b){ self.behaviorsArray[img.spryID] = null; });
};
Spry.Widget.ThumbViewer.prototype.shrinkThumbnail = function(img)
{
var self = this;
Spry.Utils.addClassName(img, "inFocus");
img.style.zIndex = 1;
this.sizeAndPosition(img, 0, 0, this.thumbWidth, this.thumbHeight, function(b){self.behaviorsArray[img.spryID] = null; Spry.Utils.removeClassName(img, "inFocus");});
};
Spry.Widget.ThumbViewer.prototype.select = function(img)
{
var imgs = this.getThumbImages();
img = (typeof img == "number") ? imgs[img] : Spry.$(img);
if (!img) return;
if (this.currentImage)
Spry.Utils.removeClassName(this.currentImage, "selectedThumbnail");
Spry.Utils.addClassName(img, "selectedThumbnail");
this.currentImage = img;
var a = Spry.Utils.getAncestor(img, "a[href]");
if (a)
{
this.notifyObservers("onSelect", a.href);
if (img == imgs[0])
this.notifyObservers("onFirstSelect", a.href);
if (img == imgs[imgs.length - 1])
this.notifyObservers("onLastSelect", a.href);
}
};
Spry.Widget.ThumbViewer.prototype.previous = function()
{
var img = this.currentImage;
var imgs = this.getThumbImages();
for (var i = 0; i < imgs.length; i++)
{
if (imgs[i] == img)
{
if (--i < 0) i = imgs.length - 1;
this.select(imgs[i]);
return;
}
prevImg = imgs[i];
}
};
Spry.Widget.ThumbViewer.prototype.next = function()
{
var img = this.currentImage;
var imgs = this.getThumbImages();
for (var i = 0; i < imgs.length; i++)
{
if (imgs[i] == img)
{
if (++i >= imgs.length) i = 0;
this.select(imgs[i]);
return;
}
prevImg = imgs[i];
}
};
Spry.Widget.ThumbViewer.prototype.getThumbLinks = function()
{
return Spry.$$(this.tnLinkSelector, this.element);
};
Spry.Widget.ThumbViewer.prototype.getThumbImages = function()
{
return Spry.$$(this.tnImageSelector, this.element);
};
Spry.Widget.ThumbViewer.prototype.getCurrentThumbLink = function()
{
return Spry.Utils.getAncestor(this.currentImage, "a[href]");
};
Spry.Widget.ThumbViewer.prototype.getCurrentThumbImage = function()
{
return this.currentImage;
};
Spry.Widget.ThumbViewer.prototype.getThumbCount = function()
{
return Spry.$$(this.tnImageSelector, this.element).length;
};
// 3816
// SpryImageViewer.js - version 0.1
//
var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.Widget.ImageViewer = function(ele, options)
{
Spry.Utils.Notifier.call(this);
this.element = Spry.$(ele);
this.imageSelector = "img";
this.elementToResizeSelector = "*";
this.currentEffect = null;
this.currentLoader = null;
};
Spry.Widget.ImageViewer.prototype = new Spry.Utils.Notifier();
Spry.Widget.ImageViewer.prototype.constructor = Spry.Widget.ImageViewer;
Spry.Widget.ImageViewer.prototype.killLoader = function()
{
if (this.currentLoader)
{
this.currentLoader.onload = null;
this.currentLoader = null;
}
};
Spry.Widget.ImageViewer.prototype.setImage = function(url)
{
var img = Spry.$$(this.imageSelector, this.element)[0];
if (!img) return;
if (this.currentEffect)
{
this.currentEffect.stop();
this.currentEffect = null;
}
this.killLoader();
var loader = this.currentLoader = new Image;
var self = this;
this.notifyObservers("onPreUpdate", url);
this.currentEffect = new Spry.Effect.Opacity(img, Spry.Effect.getOpacity(img), 0, { duration: 400,
finish: function()
{
loader.onload = function()
{
var w = loader.width;
var h = loader.height;
var eleToResize = img;
if (self.elementToResizeSelector)
eleToResize = Spry.Utils.getAncestor(img, self.elementToResizeSelector);
self.currentEffect = new Spry.Effect.Size(eleToResize, Spry.Effect.getDimensions(eleToResize), { width: w, height: h, units:"px"}, {duration: 400, finish: function()
{
img.src = loader.src;
loader = null;
self.currentEffect = new Spry.Effect.Opacity(img, 0, 1, { duration: 400,
finish: function()
{
self.currentEffect = null;
img.style.opacity = "";
img.style.filter = "";
self.notifyObservers("onPostUpdate", url);
}});
self.currentEffect.start();
}});
self.currentEffect.start();
};
loader.src = url;
}
});
this.currentEffect.start();
};
// 3899
// SprySlideShowControl.js - version 0.1
//
var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.Widget.SlideShowControl = function(ele, options)
{
Spry.Utils.Notifier.call(this);
this.element = Spry.$(ele);
this.interval = 4000;
this.timerID = 0;
this.active = false;
this.playBtnSelector = ".playBtn";
this.prevBtnSelector = ".previousBtn";
this.nextBtnSelector = ".nextBtn";
this.firstBtnSelector = ".firstBtn";
this.lastBtnSelector = ".lastBtn";
this.playClass = "playBtn";
this.pauseClass = "pauseBtn";
var self = this;
this.playBtn = Spry.$$(this.playBtnSelector, this.element)[0];
if (this.playBtn)
Spry.Utils.addEventListener(this.playBtn, "click", function(e){ self.toggle(); return false; }, false);
this.prevBtn = Spry.$$(this.prevBtnSelector, this.element)[0];
if (this.prevBtn)
Spry.Utils.addEventListener(this.prevBtn, "click", function(e){ self.previous(); return false; }, false);
this.nextBtn = Spry.$$(this.nextBtnSelector, this.element)[0];
if (this.nextBtn)
Spry.Utils.addEventListener(this.nextBtn, "click", function(e){ self.next(); return false; }, false);
this.firstBtn = Spry.$$(this.firstBtnSelector, this.element)[0];
if (this.firstBtn)
Spry.Utils.addEventListener(this.firstBtn, "click", function(e){ self.first(); return false; }, false);
this.lastBtn = Spry.$$(this.lastBtnSelector, this.element)[0];
if (this.lastBtn)
Spry.Utils.addEventListener(this.lastBtn, "click", function(e){ self.last(); return false; }, false);
};
Spry.Widget.SlideShowControl.prototype = new Spry.Utils.Notifier();
Spry.Widget.SlideShowControl.prototype.constructor = Spry.Widget.SlideShowControl;
Spry.Widget.SlideShowControl.prototype.isActive = function()
{
return this.slideShowIsActive;
};
Spry.Widget.SlideShowControl.prototype.startTimer = function()
{
this.killTimer();
var self = this;
this.timerID = setInterval(function(){ self.next(); }, this.interval);
};
Spry.Widget.SlideShowControl.prototype.killTimer = function()
{
if (this.timerID)
clearInterval(this.timerID);
this.timerID = 0;
};
Spry.Widget.SlideShowControl.prototype.start = function()
{
this.slideShowIsActive = true;
if (this.playBtn)
{
Spry.Utils.removeClassName(this.playBtn, this.playClass);
Spry.Utils.addClassName(this.playBtn, this.pauseClass);
}
this.startTimer();
this.notifyObservers("onStart");
};
Spry.Widget.SlideShowControl.prototype.stop = function()
{
this.slideShowIsActive = false;
if (this.playBtn)
{
Spry.Utils.addClassName(this.playBtn, this.playClass);
Spry.Utils.removeClassName(this.playBtn, this.pauseClass);
}
this.killTimer();
this.notifyObservers("onStop");
};
Spry.Widget.SlideShowControl.prototype.toggle = function()
{
if (this.slideShowIsActive)
this.stop();
else
this.start();
};
Spry.Widget.SlideShowControl.prototype.previous = function(stopSlideShow)
{
if (stopSlideShow)
this.killTimer();
this.notifyObservers("onPreviousSlide");
};
Spry.Widget.SlideShowControl.prototype.next = function(stopSlideShow)
{
if (stopSlideShow)
this.killTimer();
this.notifyObservers("onNextSlide");
};
Spry.Widget.SlideShowControl.prototype.first = function(stopSlideShow)
{
if (stopSlideShow)
this.killTimer();
this.notifyObservers("onFirstSlide");
};
Spry.Widget.SlideShowControl.prototype.last = function(stopSlideShow)
{
if (stopSlideShow)
this.killTimer();
this.notifyObservers("onLastSlide");
};
// 4035
// gallery_init.js - version 0.1
//
// The values of these globals must correspond to the ids of markup that exist on the page.
var gThumbnailsContainerID = "thumbnails";
var gMainImageContainerID = "mainImageOutline";
var gSlideShowControlsContainerID = "transport";
var gThumbViewer = null;
var gImageViewer = null;
var gSlideShowControl = null;
function InitializeGallery()
{
gThumbViewer = new Spry.Widget.ThumbViewer(gThumbnailsContainerID);
gImageViewer = new Spry.Widget.ImageViewer(gMainImageContainerID);
gSlideShowControl = new Spry.Widget.SlideShowControl(gSlideShowControlsContainerID);
gThumbViewer.addObserver(function(notificationType, notifier, data)
{
if (notificationType == "onSelect")
gImageViewer.setImage(data);
});
gImageViewer.addObserver(function(notificationType, notifier, data)
{
if (notificationType == "onPreUpdate")
gSlideShowControl.killTimer();
else if (notificationType == "onPostUpdate")
{
if (gSlideShowControl.isActive())
gSlideShowControl.startTimer();
}
});
gSlideShowControl.addObserver(function(notificationType, notifier, data)
{
if (notificationType == "onNextSlide")
gThumbViewer.next();
else if (notificationType == "onPreviousSlide")
gThumbViewer.previous(true);
else if (notificationType == "onFirstSlide")
gThumbViewer.first(true);
else if (notificationType == "onLastSlide")
gThumbViewer.last(true);
});
Spry.$$("#thumbnails a, #transport .previousBtn, #transport .nextBtn").addEventListener("click", function(e) { gSlideShowControl.stop(); }, "false");
var currentLink = gThumbViewer.getCurrentThumbLink();
if (currentLink)
gImageViewer.setImage(currentLink.href);
}
// 4092
// gallery_static.js - version 0.1
//
Spry.Utils.addLoadListener(function()
{
Spry.$$("#controls, #picture").setStyle("display: block");
InitializeGallery();
});