/* SpryCollapsiblePanel.js - Revision: Spry Preview Release 1.4 */ // Copyright (c) 2006. 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. var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {}; Spry.Widget.CollapsiblePanel = function(element, opts) { this.init(element); Spry.Widget.CollapsiblePanel.setOptions(this, opts); this.attachBehaviors(); }; Spry.Widget.CollapsiblePanel.prototype.init = function(element) { this.element = this.getElement(element); this.focusElement = null; this.hoverClass = "CollapsiblePanelTabHover"; this.openClass = "CollapsiblePanelOpen"; this.closedClass = "CollapsiblePanelClosed"; this.focusedClass = "CollapsiblePanelFocused"; this.enableAnimation = true; this.enableKeyboardNavigation = true; this.animator = null; this.hasFocus = false; this.contentIsOpen = true; }; Spry.Widget.CollapsiblePanel.prototype.getElement = function(ele) { if (ele && typeof ele == "string") return document.getElementById(ele); return ele; }; Spry.Widget.CollapsiblePanel.prototype.addClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1)) return; ele.className += (ele.className ? " " : "") + className; }; Spry.Widget.CollapsiblePanel.prototype.removeClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)) return; ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), ""); }; Spry.Widget.CollapsiblePanel.prototype.hasClassName = function(ele, className) { if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1) return false; return true; }; Spry.Widget.CollapsiblePanel.prototype.setDisplay = function(ele, display) { if( ele ) ele.style.display = display; }; Spry.Widget.CollapsiblePanel.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.CollapsiblePanel.prototype.onTabMouseOver = function() { this.addClassName(this.getTab(), this.hoverClass); }; Spry.Widget.CollapsiblePanel.prototype.onTabMouseOut = function() { this.removeClassName(this.getTab(), this.hoverClass); }; Spry.Widget.CollapsiblePanel.prototype.open = function() { this.contentIsOpen = true; if (this.enableAnimation) { if (this.animator) this.animator.stop(); this.animator = new Spry.Widget.CollapsiblePanel.PanelAnimator(this, true); this.animator.start(); } else this.setDisplay(this.getContent(), "block"); this.removeClassName(this.element, this.closedClass); this.addClassName(this.element, this.openClass); }; Spry.Widget.CollapsiblePanel.prototype.close = function() { this.contentIsOpen = false; if (this.enableAnimation) { if (this.animator) this.animator.stop(); this.animator = new Spry.Widget.CollapsiblePanel.PanelAnimator(this, false); this.animator.start(); } else this.setDisplay(this.getContent(), "none"); this.removeClassName(this.element, this.openClass); this.addClassName(this.element, this.closedClass); }; Spry.Widget.CollapsiblePanel.prototype.onTabClick = function() { if (this.isOpen()) this.close(); else this.open(); this.focus(); }; Spry.Widget.CollapsiblePanel.prototype.onFocus = function(e) { this.hasFocus = true; this.addClassName(this.element, this.focusedClass); }; Spry.Widget.CollapsiblePanel.prototype.onBlur = function(e) { this.hasFocus = false; this.removeClassName(this.element, this.focusedClass); }; Spry.Widget.CollapsiblePanel.ENTER_KEY = 13; Spry.Widget.CollapsiblePanel.SPACE_KEY = 32; Spry.Widget.CollapsiblePanel.prototype.onKeyDown = function(e) { var key = e.keyCode; if (!this.hasFocus || (key != Spry.Widget.CollapsiblePanel.ENTER_KEY && key != Spry.Widget.CollapsiblePanel.SPACE_KEY)) return true; if (this.isOpen()) this.close(); else this.open(); if (e.stopPropagation) e.stopPropagation(); if (e.preventDefault) e.preventDefault(); return false; }; Spry.Widget.CollapsiblePanel.prototype.attachPanelHandlers = function() { var tab = this.getTab(); if (!tab) return; var self = this; Spry.Widget.CollapsiblePanel.addEventListener(tab, "click", function(e) { return self.onTabClick(); }, false); Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(); }, false); Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(); }, false); if (this.enableKeyboardNavigation) { // XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't // rely on adding the tabindex attribute if it is missing to enable keyboard navigation // by default. // Find the first element within the tab container that has a tabindex or the first // anchor tag. var tabIndexEle = null; var tabAnchorEle = null; this.preorderTraversal(tab, function(node) { if (node.nodeType == 1 /* NODE.ELEMENT_NODE */) { var tabIndexAttr = tab.attributes.getNamedItem("tabindex"); if (tabIndexAttr) { tabIndexEle = node; return true; } if (!tabAnchorEle && node.nodeName.toLowerCase() == "a") tabAnchorEle = node; } return false; }); if (tabIndexEle) this.focusElement = tabIndexEle; else if (tabAnchorEle) this.focusElement = tabAnchorEle; if (this.focusElement) { Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "focus", function(e) { return self.onFocus(e); }, false); Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "blur", function(e) { return self.onBlur(e); }, false); Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "keydown", function(e) { return self.onKeyDown(e); }, false); } } }; Spry.Widget.CollapsiblePanel.addEventListener = function(element, eventType, handler, capture) { try { if (element.addEventListener) element.addEventListener(eventType, handler, capture); else if (element.attachEvent) element.attachEvent("on" + eventType, handler); } catch (e) {} }; Spry.Widget.CollapsiblePanel.prototype.preorderTraversal = function(root, func) { var stopTraversal = false; if (root) { stopTraversal = func(root); if (root.hasChildNodes()) { var child = root.firstChild; while (!stopTraversal && child) { stopTraversal = this.preorderTraversal(child, func); try { child = child.nextSibling; } catch (e) { child = null; } } } } return stopTraversal; }; Spry.Widget.CollapsiblePanel.prototype.attachBehaviors = function() { var panel = this.element; var tab = this.getTab(); var content = this.getContent(); if (this.contentIsOpen || this.hasClassName(panel, this.openClass)) { this.removeClassName(panel, this.closedClass); this.setDisplay(content, "block"); this.contentIsOpen = true; } else { this.removeClassName(panel, this.openClass); this.addClassName(panel, this.closedClass); this.setDisplay(content, "none"); this.contentIsOpen = false; } this.attachPanelHandlers(); }; Spry.Widget.CollapsiblePanel.prototype.getTab = function() { return this.getElementChildren(this.element)[0]; }; Spry.Widget.CollapsiblePanel.prototype.getContent = function() { return this.getElementChildren(this.element)[1]; }; Spry.Widget.CollapsiblePanel.prototype.isOpen = function() { return this.contentIsOpen; }; Spry.Widget.CollapsiblePanel.prototype.getElementChildren = function(element) { var children = []; var child = element.firstChild; while (child) { if (child.nodeType == 1 /* Node.ELEMENT_NODE */) children.push(child); child = child.nextSibling; } return children; }; Spry.Widget.CollapsiblePanel.prototype.focus = function() { if (this.focusElement && this.focusElement.focus) this.focusElement.focus(); }; ///////////////////////////////////////////////////// Spry.Widget.CollapsiblePanel.PanelAnimator = function(panel, doOpen, opts) { this.timer = null; this.interval = 0; this.stepCount = 0; this.fps = 0; this.steps = 10; this.duration = 500; this.onComplete = null; this.panel = panel; this.content = panel.getContent(); this.panelData = []; this.doOpen = doOpen; Spry.Widget.CollapsiblePanel.setOptions(this, opts); // If caller specified speed in terms of frames per second, // convert them into steps. if (this.fps > 0) { this.interval = Math.floor(1000 / this.fps); this.steps = parseInt((this.duration + (this.interval - 1)) / this.interval); } else if (this.steps > 0) this.interval = this.duration / this.steps; var c = this.content; var curHeight = c.offsetHeight ? c.offsetHeight : 0; if (doOpen && c.style.display == "none") this.fromHeight = 0; else this.fromHeight = curHeight; if (!doOpen) this.toHeight = 0; else { if (c.style.display == "none") { // The content area is not displayed so in order to calculate the extent // of the content inside it, we have to set its display to block. c.style.visibility = "hidden"; c.style.display = "block"; } // Unfortunately in Mozilla/Firefox, fetching the offsetHeight seems to cause // the browser to synchronously re-layout and re-display content on the page, // so we see a brief flash of content that is *after* the panel being positioned // where it should when the panel is fully expanded. To get around this, we // temporarily position the content area of the panel absolutely off-screen. // This has the effect of taking the content out-of-flow, so nothing shifts around. // var oldPos = c.style.position; // var oldLeft = c.style.left; // c.style.position = "absolute"; // c.style.left = "-2000em"; // Clear the height property so we can calculate // the full height of the content we are going to show. c.style.height = ""; this.toHeight = c.offsetHeight; // Now restore the position and offset to what it was! // c.style.position = oldPos; // c.style.left = oldLeft; } this.increment = (this.toHeight - this.fromHeight) / this.steps; this.overflow = c.style.overflow; c.style.height = this.fromHeight + "px"; c.style.visibility = "visible"; c.style.overflow = "hidden"; c.style.display = "block"; }; Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.start = function() { var self = this; this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval); }; Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.stop = function() { if (this.timer) { clearTimeout(this.timer); // If we're killing the timer, restore the overflow // properties on the panels we were animating! if (this.stepCount < this.steps) this.content.style.overflow = this.overflow; } this.timer = null; }; Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.stepAnimation = function() { ++this.stepCount; this.animate(); if (this.stepCount < this.steps) this.start(); else if (this.onComplete) this.onComplete(); }; Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.animate = function() { if (this.stepCount >= this.steps) { if (!this.doOpen) this.content.style.display = "none"; this.content.style.overflow = this.overflow; this.content.style.height = this.toHeight + "px"; } else { this.fromHeight += this.increment; this.content.style.height = this.fromHeight + "px"; } }; // SprySlidingPanels.js - version 0.5 - Spry Pre-Release 1.6.1 // // Copyright (c) 2006. 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. var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {}; Spry.Widget.SlidingPanels = function(element, opts) { this.element = this.getElement(element); this.enableAnimation = true; this.currentPanel = null; this.enableKeyboardNavigation = true; this.hasFocus = false; this.previousPanelKeyCode = Spry.Widget.SlidingPanels.KEY_LEFT; this.nextPanelKeyCode = Spry.Widget.SlidingPanels.KEY_RIGHT; this.currentPanelClass = "SlidingPanelsCurrentPanel"; this.focusedClass = "SlidingPanelsFocused"; this.animatingClass = "SlidingPanelsAnimating"; Spry.Widget.SlidingPanels.setOptions(this, opts); if (this.element) this.element.style.overflow = "hidden"; // Developers can specify the default panel as an index, // id or an actual element node. Make sure to normalize // it into an element node because that is what we expect // internally. if (this.defaultPanel) { if (typeof this.defaultPanel == "number") this.currentPanel = this.getContentPanels()[this.defaultPanel]; else this.currentPanel = this.getElement(this.defaultPanel); } // If we still don't have a current panel, use the first one! if (!this.currentPanel) this.currentPanel = this.getContentPanels()[0]; // Since we rely on the positioning information of the // panels, we need to wait for the onload event to fire before // we can attempt to show the initial panel. Once the onload // fires, we know that all CSS files have loaded. This is // especially important for Safari. if (Spry.Widget.SlidingPanels.onloadDidFire) this.attachBehaviors(); else Spry.Widget.SlidingPanels.loadQueue.push(this); }; Spry.Widget.SlidingPanels.prototype.onFocus = function(e) { this.hasFocus = true; this.addClassName(this.element, this.focusedClass); return false; }; Spry.Widget.SlidingPanels.prototype.onBlur = function(e) { this.hasFocus = false; this.removeClassName(this.element, this.focusedClass); return false; }; Spry.Widget.SlidingPanels.KEY_LEFT = 37; Spry.Widget.SlidingPanels.KEY_UP = 38; Spry.Widget.SlidingPanels.KEY_RIGHT = 39; Spry.Widget.SlidingPanels.KEY_DOWN = 40; Spry.Widget.SlidingPanels.prototype.onKeyDown = function(e) { var key = e.keyCode; if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode)) return true; if (key == this.nextPanelKeyCode) this.showNextPanel(); else /* if (key == this.previousPanelKeyCode) */ this.showPreviousPanel(); if (e.preventDefault) e.preventDefault(); else e.returnValue = false; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; return false; }; Spry.Widget.SlidingPanels.prototype.attachBehaviors = function() { var ele = this.element; if (!ele) return; if (this.enableKeyboardNavigation) { var focusEle = null; var tabIndexAttr = ele.attributes.getNamedItem("tabindex"); if (tabIndexAttr || ele.nodeName.toLowerCase() == "a") focusEle = ele; if (focusEle) { var self = this; Spry.Widget.SlidingPanels.addEventListener(focusEle, "focus", function(e) { return self.onFocus(e || window.event); }, false); Spry.Widget.SlidingPanels.addEventListener(focusEle, "blur", function(e) { return self.onBlur(e || window.event); }, false); Spry.Widget.SlidingPanels.addEventListener(focusEle, "keydown", function(e) { return self.onKeyDown(e || window.event); }, false); } } if (this.currentPanel) { // Temporarily turn off animation when showing the // initial panel. var ea = this.enableAnimation; this.enableAnimation = false; this.showPanel(this.currentPanel); this.enableAnimation = ea; } }; Spry.Widget.SlidingPanels.prototype.getElement = function(ele) { if (ele && typeof ele == "string") return document.getElementById(ele); return ele; }; Spry.Widget.SlidingPanels.prototype.addClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1)) return; ele.className += (ele.className ? " " : "") + className; }; Spry.Widget.SlidingPanels.prototype.removeClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)) return; ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), ""); }; Spry.Widget.SlidingPanels.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.SlidingPanels.prototype.getElementChildren = function(element) { var children = []; var child = element.firstChild; while (child) { if (child.nodeType == 1 /* Node.ELEMENT_NODE */) children.push(child); child = child.nextSibling; } return children; }; Spry.Widget.SlidingPanels.prototype.getCurrentPanel = function() { return this.currentPanel; }; Spry.Widget.SlidingPanels.prototype.getContentGroup = function() { return this.getElementChildren(this.element)[0]; }; Spry.Widget.SlidingPanels.prototype.getContentPanels = function() { return this.getElementChildren(this.getContentGroup()); }; Spry.Widget.SlidingPanels.prototype.getContentPanelsCount = function() { return this.getContentPanels().length; }; Spry.Widget.SlidingPanels.onloadDidFire = false; Spry.Widget.SlidingPanels.loadQueue = []; Spry.Widget.SlidingPanels.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.Widget.SlidingPanels.processLoadQueue = function(handler) { Spry.Widget.SlidingPanels.onloadDidFire = true; var q = Spry.Widget.SlidingPanels.loadQueue; var qlen = q.length; for (var i = 0; i < qlen; i++) q[i].attachBehaviors(); }; Spry.Widget.SlidingPanels.addLoadListener(Spry.Widget.SlidingPanels.processLoadQueue); Spry.Widget.SlidingPanels.addEventListener = function(element, eventType, handler, capture) { try { if (element.addEventListener) element.addEventListener(eventType, handler, capture); else if (element.attachEvent) element.attachEvent("on" + eventType, handler); } catch (e) {} }; Spry.Widget.SlidingPanels.prototype.getContentPanelIndex = function(ele) { if (ele) { ele = this.getElement(ele); var panels = this.getContentPanels(); var numPanels = panels.length; for (var i = 0; i < numPanels; i++) { if (panels[i] == ele) return i; } } return -1; }; Spry.Widget.SlidingPanels.prototype.showPanel = function(elementOrIndex) { var pIndex = -1; if (typeof elementOrIndex == "number") pIndex = elementOrIndex; else // Must be the element for the content panel. pIndex = this.getContentPanelIndex(elementOrIndex); var numPanels = this.getContentPanelsCount(); if (numPanels > 0) pIndex = (pIndex >= numPanels) ? numPanels - 1 : pIndex; else pIndex = 0; var panel = this.getContentPanels()[pIndex]; var contentGroup = this.getContentGroup(); if (panel && contentGroup) { if (this.currentPanel) this.removeClassName(this.currentPanel, this.currentPanelClass); this.currentPanel = panel; var nx = -panel.offsetLeft; var ny = -panel.offsetTop; if (this.enableAnimation) { if (this.animator) this.animator.stop(); var cx = contentGroup.offsetLeft; var cy = contentGroup.offsetTop; if (cx != nx || cy != ny) { var self = this; this.addClassName(this.element, this.animatingClass); this.animator = new Spry.Widget.SlidingPanels.PanelAnimator(contentGroup, cx, cy, nx, ny, { duration: this.duration, fps: this.fps, transition: this.transition, finish: function() { self.removeClassName(self.element, self.animatingClass); self.addClassName(panel, self.currentPanelClass); } }); this.animator.start(); } } else { contentGroup.style.left = nx + "px"; contentGroup.style.top = ny + "px"; this.addClassName(panel, this.currentPanelClass); } } return panel; }; Spry.Widget.SlidingPanels.prototype.showFirstPanel = function() { return this.showPanel(0); }; Spry.Widget.SlidingPanels.prototype.showLastPanel = function() { return this.showPanel(this.getContentPanels().length - 1); }; Spry.Widget.SlidingPanels.prototype.showPreviousPanel = function() { return this.showPanel(this.getContentPanelIndex(this.currentPanel) - 1); }; Spry.Widget.SlidingPanels.prototype.showNextPanel = function() { return this.showPanel(this.getContentPanelIndex(this.currentPanel) + 1); }; Spry.Widget.SlidingPanels.PanelAnimator = function(ele, curX, curY, dstX, dstY, opts) { this.element = ele; this.curX = curX; this.curY = curY; this.dstX = dstX; this.dstY = dstY; this.fps = 60; this.duration = 500; this.transition = Spry.Widget.SlidingPanels.PanelAnimator.defaultTransition; this.startTime = 0; this.timerID = 0; this.finish = null; var self = this; this.intervalFunc = function() { self.step(); }; Spry.Widget.SlidingPanels.setOptions(this, opts, true); this.interval = 1000/this.fps; }; Spry.Widget.SlidingPanels.PanelAnimator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); }; Spry.Widget.SlidingPanels.PanelAnimator.prototype.start = function() { this.stop(); this.startTime = (new Date()).getTime(); this.timerID = setTimeout(this.intervalFunc, this.interval); }; Spry.Widget.SlidingPanels.PanelAnimator.prototype.stop = function() { if (this.timerID) clearTimeout(this.timerID); this.timerID = 0; }; Spry.Widget.SlidingPanels.PanelAnimator.prototype.step = function() { var elapsedTime = (new Date()).getTime() - this.startTime; var done = elapsedTime >= this.duration; var x, y; if (done) { x = this.curX = this.dstX; y = this.curY = this.dstY; } else { x = this.transition(elapsedTime, this.curX, this.dstX - this.curX, this.duration); y = this.transition(elapsedTime, this.curY, this.dstY - this.curY, this.duration); } this.element.style.left = x + "px"; this.element.style.top = y + "px"; if (!done) this.timerID = setTimeout(this.intervalFunc, this.interval); else if (this.finish) this.finish(); }; // SpryTabbedPanels.js - version 0.6 - Spry Pre-Release 1.6.1 // // Copyright (c) 2006. 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. var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {}; Spry.Widget.TabbedPanels = function(element, opts) { this.element = this.getElement(element); this.defaultTab = 0; // Show the first panel by default. this.tabSelectedClass = "TabbedPanelsTabSelected"; this.tabHoverClass = "TabbedPanelsTabHover"; this.tabFocusedClass = "TabbedPanelsTabFocused"; this.panelVisibleClass = "TabbedPanelsContentVisible"; this.focusElement = null; this.hasFocus = false; this.currentTabIndex = 0; this.enableKeyboardNavigation = true; this.nextPanelKeyCode = Spry.Widget.TabbedPanels.KEY_RIGHT; this.previousPanelKeyCode = Spry.Widget.TabbedPanels.KEY_LEFT; Spry.Widget.TabbedPanels.setOptions(this, opts); // If the defaultTab is expressed as a number/index, convert // it to an element. if (typeof (this.defaultTab) == "number") { if (this.defaultTab < 0) this.defaultTab = 0; else { var count = this.getTabbedPanelCount(); if (this.defaultTab >= count) this.defaultTab = (count > 1) ? (count - 1) : 0; } this.defaultTab = this.getTabs()[this.defaultTab]; } // The defaultTab property is supposed to be the tab element for the tab content // to show by default. The caller is allowed to pass in the element itself or the // element's id, so we need to convert the current value to an element if necessary. if (this.defaultTab) this.defaultTab = this.getElement(this.defaultTab); this.attachBehaviors(); }; Spry.Widget.TabbedPanels.prototype.getElement = function(ele) { if (ele && typeof ele == "string") return document.getElementById(ele); return ele; }; Spry.Widget.TabbedPanels.prototype.getElementChildren = function(element) { var children = []; var child = element.firstChild; while (child) { if (child.nodeType == 1 /* Node.ELEMENT_NODE */) children.push(child); child = child.nextSibling; } return children; }; Spry.Widget.TabbedPanels.prototype.addClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1)) return; ele.className += (ele.className ? " " : "") + className; }; Spry.Widget.TabbedPanels.prototype.removeClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)) return; ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), ""); }; Spry.Widget.TabbedPanels.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.TabbedPanels.prototype.getTabGroup = function() { if (this.element) { var children = this.getElementChildren(this.element); if (children.length) return children[0]; } return null; }; Spry.Widget.TabbedPanels.prototype.getTabs = function() { var tabs = []; var tg = this.getTabGroup(); if (tg) tabs = this.getElementChildren(tg); return tabs; }; Spry.Widget.TabbedPanels.prototype.getContentPanelGroup = function() { if (this.element) { var children = this.getElementChildren(this.element); if (children.length > 1) return children[1]; } return null; }; Spry.Widget.TabbedPanels.prototype.getContentPanels = function() { var panels = []; var pg = this.getContentPanelGroup(); if (pg) panels = this.getElementChildren(pg); return panels; }; Spry.Widget.TabbedPanels.prototype.getIndex = function(ele, arr) { ele = this.getElement(ele); if (ele && arr && arr.length) { for (var i = 0; i < arr.length; i++) { if (ele == arr[i]) return i; } } return -1; }; Spry.Widget.TabbedPanels.prototype.getTabIndex = function(ele) { var i = this.getIndex(ele, this.getTabs()); if (i < 0) i = this.getIndex(ele, this.getContentPanels()); return i; }; Spry.Widget.TabbedPanels.prototype.getCurrentTabIndex = function() { return this.currentTabIndex; }; Spry.Widget.TabbedPanels.prototype.getTabbedPanelCount = function(ele) { return Math.min(this.getTabs().length, this.getContentPanels().length); }; Spry.Widget.TabbedPanels.addEventListener = function(element, eventType, handler, capture) { try { if (element.addEventListener) element.addEventListener(eventType, handler, capture); else if (element.attachEvent) element.attachEvent("on" + eventType, handler); } catch (e) {} }; Spry.Widget.TabbedPanels.prototype.cancelEvent = function(e) { if (e.preventDefault) e.preventDefault(); else e.returnValue = false; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; return false; }; Spry.Widget.TabbedPanels.prototype.onTabClick = function(e, tab) { this.showPanel(tab); return this.cancelEvent(e); }; Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function(e, tab) { this.addClassName(tab, this.tabHoverClass); return false; }; Spry.Widget.TabbedPanels.prototype.onTabMouseOut = function(e, tab) { this.removeClassName(tab, this.tabHoverClass); return false; }; Spry.Widget.TabbedPanels.prototype.onTabFocus = function(e, tab) { this.hasFocus = true; this.addClassName(tab, this.tabFocusedClass); return false; }; Spry.Widget.TabbedPanels.prototype.onTabBlur = function(e, tab) { this.hasFocus = false; this.removeClassName(tab, this.tabFocusedClass); return false; }; Spry.Widget.TabbedPanels.KEY_UP = 38; Spry.Widget.TabbedPanels.KEY_DOWN = 40; Spry.Widget.TabbedPanels.KEY_LEFT = 37; Spry.Widget.TabbedPanels.KEY_RIGHT = 39; Spry.Widget.TabbedPanels.prototype.onTabKeyDown = function(e, tab) { var key = e.keyCode; if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode)) return true; var tabs = this.getTabs(); for (var i =0; i < tabs.length; i++) if (tabs[i] == tab) { var el = false; if (key == this.previousPanelKeyCode && i > 0) el = tabs[i-1]; else if (key == this.nextPanelKeyCode && i < tabs.length-1) el = tabs[i+1]; if (el) { this.showPanel(el); el.focus(); break; } } return this.cancelEvent(e); }; Spry.Widget.TabbedPanels.prototype.preorderTraversal = function(root, func) { var stopTraversal = false; if (root) { stopTraversal = func(root); if (root.hasChildNodes()) { var child = root.firstChild; while (!stopTraversal && child) { stopTraversal = this.preorderTraversal(child, func); try { child = child.nextSibling; } catch (e) { child = null; } } } } return stopTraversal; }; Spry.Widget.TabbedPanels.prototype.addPanelEventListeners = function(tab, panel) { var self = this; Spry.Widget.TabbedPanels.addEventListener(tab, "click", function(e) { return self.onTabClick(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false); if (this.enableKeyboardNavigation) { // XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't // rely on adding the tabindex attribute if it is missing to enable keyboard navigation // by default. // Find the first element within the tab container that has a tabindex or the first // anchor tag. var tabIndexEle = null; var tabAnchorEle = null; this.preorderTraversal(tab, function(node) { if (node.nodeType == 1 /* NODE.ELEMENT_NODE */) { var tabIndexAttr = tab.attributes.getNamedItem("tabindex"); if (tabIndexAttr) { tabIndexEle = node; return true; } if (!tabAnchorEle && node.nodeName.toLowerCase() == "a") tabAnchorEle = node; } return false; }); if (tabIndexEle) this.focusElement = tabIndexEle; else if (tabAnchorEle) this.focusElement = tabAnchorEle; if (this.focusElement) { Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "focus", function(e) { return self.onTabFocus(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "blur", function(e) { return self.onTabBlur(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "keydown", function(e) { return self.onTabKeyDown(e, tab); }, false); } } }; Spry.Widget.TabbedPanels.prototype.showPanel = function(elementOrIndex) { var tpIndex = -1; if (typeof elementOrIndex == "number") tpIndex = elementOrIndex; else // Must be the element for the tab or content panel. tpIndex = this.getTabIndex(elementOrIndex); if (!tpIndex < 0 || tpIndex >= this.getTabbedPanelCount()) return; var tabs = this.getTabs(); var panels = this.getContentPanels(); var numTabbedPanels = Math.max(tabs.length, panels.length); for (var i = 0; i < numTabbedPanels; i++) { if (i != tpIndex) { if (tabs[i]) this.removeClassName(tabs[i], this.tabSelectedClass); if (panels[i]) { this.removeClassName(panels[i], this.panelVisibleClass); panels[i].style.display = "none"; } } } this.addClassName(tabs[tpIndex], this.tabSelectedClass); this.addClassName(panels[tpIndex], this.panelVisibleClass); panels[tpIndex].style.display = "block"; this.currentTabIndex = tpIndex; }; Spry.Widget.TabbedPanels.prototype.attachBehaviors = function(element) { var tabs = this.getTabs(); var panels = this.getContentPanels(); var panelCount = this.getTabbedPanelCount(); for (var i = 0; i < panelCount; i++) this.addPanelEventListeners(tabs[i], panels[i]); this.showPanel(this.defaultTab); }; // SpryTooltip.js - version 0.2 - Spry Pre-Release 1.6 // Copyright (c) 2006. 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. var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {}; Spry.Widget.Tooltip = function(tooltip_element, trigger_selector, options) { options = Spry.Widget.Utils.firstValid(options, {}); this.init(trigger_selector, tooltip_element, options); if (Spry.Widget.Tooltip.onloadDidFire) this.attachBehaviors(); Spry.Widget.Tooltip.loadQueue.push(this); }; Spry.Widget.Tooltip.prototype.init = function(trigger_element, tooltip_element, options) { var Utils = Spry.Widget.Utils; this.triggerElements = Utils.getElementsByClassName(trigger_element); this.tooltipElement = Utils.getElement(tooltip_element); options.showDelay = parseInt(Utils.firstValid(options.showDelay, 0), 10); options.hideDelay = parseInt(Utils.firstValid(options.hideDelay, 0), 10); if (typeof this.triggerElements == 'undefined' || !(this.triggerElements.length > 0)) { Utils.showError('The element(s) "' + trigger_element + '" do not exist in the page'); return false; } if (typeof this.tooltipElement == 'undefined' || !this.tooltipElement) { Utils.showError('The element "' + tooltip_element + '" do not exists in the page'); return false; } this.listenersAttached = false; this.hoverClass = ""; this.followMouse = false; this.offsetX = 15; this.offsetY = 15; this.closeOnTooltipLeave = false; this.useEffect = false; Utils.setOptions(this, options); this.animator = null; for (var i =0; i < this.triggerElements.length; i++) if (!this.triggerElements[i].className) this.triggerElements[i].className = ''; if (this.useEffect){ switch (this.useEffect.toString().toLowerCase()){ case 'blind': this.useEffect = 'Blind'; break; case 'fade': this.useEffect = 'Fade'; break; default: this.useEffect = false; } } this.visibleTooltip = false; if (Spry.Widget.Utils.getStyleProperty(this.tooltipElement, 'display') != 'none') { this.tooltipElement.style.display = 'none'; } if (typeof this.offsetX != 'numeric') this.offsetX = parseInt(this.offsetX, 10); if (isNaN(this.offsetX)) this.offsetX = 0; if (typeof this.offsetY != 'numeric') this.offsetY = parseInt(this.offsetY, 10); if (isNaN(this.offsetY)) this.offsetY = 0; this.tooltipElement.style.position = 'absolute'; this.tooltipElement.style.top = '0px'; this.tooltipElement.style.left = '0px'; }; Spry.Widget.Tooltip.onloadDidFire = false; Spry.Widget.Tooltip.loadQueue = []; Spry.Widget.Tooltip.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.Widget.Tooltip.processLoadQueue = function(handler) { Spry.Widget.Tooltip.onloadDidFire = true; var q = Spry.Widget.Tooltip.loadQueue; var qlen = q.length; for (var i = 0; i < qlen; i++) if (!q[i].listenersAttached) q[i].attachBehaviors(); }; Spry.Widget.Tooltip.addLoadListener(Spry.Widget.Tooltip.processLoadQueue); Spry.Widget.Tooltip.prototype.addClassName = function(ele, className) { if (!ele || !className) return; if (ele.className.indexOf(className) == -1) ele.className += (ele.className ? " " : "") + className; }; Spry.Widget.Tooltip.prototype.removeClassName = function(ele, className) { if (!ele || !className ) return; ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), ""); }; Spry.Widget.Tooltip.prototype.showTooltip = function() { if (!this.visibleTooltip) { this.tooltipElement.style.visibility = 'hidden'; this.tooltipElement.style.zIndex = '9999'; this.tooltipElement.style.display = 'block'; } Spry.Widget.Utils.putElementAt(this.tooltipElement, this.pos, {x:this.offsetX, y:this.offsetY}, true); if(Spry.is.ie && Spry.is.version == '6') this.createIframeLayer(this.tooltipElement); if (!this.visibleTooltip) { if (this.useEffect) { if (typeof this.showEffect == 'undefined') this.showEffect = new Spry.Widget.Tooltip[this.useEffect](this.tooltipElement, {from: 0, to: 1}); this.showEffect.start(); } else this.tooltipElement.style.visibility = 'visible'; } this.visibleTooltip = true; }; Spry.Widget.Tooltip.prototype.hideTooltip = function(quick) { if (this.useEffect && !quick) { if (typeof this.hideEffect == 'undefined') this.hideEffect = new Spry.Widget.Tooltip[this.useEffect](this.tooltipElement, {from: 1, to: 0}); this.hideEffect.start(); } else { if (typeof this.showEffect != 'undefined') this.showEffect.stop(); this.tooltipElement.style.display = 'none'; } if(Spry.is.ie && Spry.is.version == '6') this.removeIframeLayer(this.tooltipElement); if (this.hoverClass && !this.hideTimer) { for (var i = 0; i < this.triggerElements.length; i++) this.removeClassName(this.triggerElements[i], this.hoverClass); } this.visibleTooltip = false; }; Spry.Widget.Tooltip.prototype.displayTooltip = function(show) { if (this.tooltipElement) { if (this.hoverClass){ for (var i = 0; i < this.triggerElements.length; i++) this.removeClassName(this.triggerElements[i], this.hoverClass); } if (show) { if (this.hideTimer) { clearInterval(this.hideTimer); delete(this.hideTimer); } if (this.hoverClass) { if (typeof this.triggerHighlight != 'undefined') this.addClassName(this.triggerHighlight, this.hoverClass); } var self = this; this.showTimer = setTimeout(function(){self.showTooltip()}, this.showDelay); } else { if (this.showTimer) { clearInterval(this.showTimer); delete(this.showTimer); } var self = this; this.hideTimer = setTimeout(function(){self.hideTooltip();}, this.hideDelay); } } this.refreshTimeout(); }; Spry.Widget.Tooltip.prototype.onMouseOverTrigger = function(e) { var target = ''; if (Spry.is.ie) target = e.srcElement; else target = e.target; var contains = Spry.Widget.Utils.contains; for (var i = 0; i < this.triggerElements.length; i++) if (contains(this.triggerElements[i], target)) { target = this.triggerElements[i]; break; } if (i == this.triggerElements.length) return; if (this.visibleTooltip && this.triggerHighlight && this.triggerHighlight == target) { if (this.hideTimer) { clearInterval(this.hideTimer); delete(this.hideTimer); } if (this.hoverClass) { if (typeof this.triggerHighlight != 'undefined') this.addClassName(this.triggerHighlight, this.hoverClass); } return; } var pos = Spry.Widget.Utils.getAbsoluteMousePosition(e); this.pos = {x: pos.x + this.offsetX, y: pos.y + this.offsetY}; this.triggerHighlight = target; Spry.Widget.Tooltip.closeAll(); this.displayTooltip(true); }; Spry.Widget.Tooltip.prototype.onMouseMoveTrigger = function(e) { var pos = Spry.Widget.Utils.getAbsoluteMousePosition(e); this.pos = {x: pos.x + this.offsetX, y: pos.y + this.offsetY}; if (this.visibleTooltip) this.showTooltip(); }; Spry.Widget.Tooltip.prototype.onMouseOutTrigger = function(e) { var target = ''; if (Spry.is.ie) target = e.toElement; else target = e.relatedTarget; var contains = Spry.Widget.Utils.contains; for (var i=0; i < this.triggerElements.length; i++) if (contains(this.triggerElements[i], target)) return; this.displayTooltip(false); }; Spry.Widget.Tooltip.prototype.onMouseOutTooltip = function(e) { var target = ''; if (Spry.is.ie) target = e.toElement; else target = e.relatedTarget; var contains = Spry.Widget.Utils.contains; if (contains(this.tooltipElement, target)) return; this.displayTooltip(false); }; Spry.Widget.Tooltip.prototype.onMouseOverTooltip = function(e) { if (this.hideTimer) { clearInterval(this.hideTimer); delete(this.hideTimer); } if (this.hoverClass) { if (typeof this.triggerHighlight != 'undefined') this.addClassName(this.triggerHighlight, this.hoverClass); } }; Spry.Widget.Tooltip.prototype.refreshTimeout = function() { if (Spry.Widget.Tooltip.refreshTimeout != null) { clearTimeout(Spry.Widget.Tooltip.refreshTimeout); Spry.Widget.Tooltip.refreshTimeout = null; } Spry.Widget.Tooltip.refreshTimeout = setTimeout("Spry.Widget.Tooltip.refreshAll()", 100); }; Spry.Widget.Tooltip.prototype.destroy = function() { for (var k in this) { try{ if (typeof this.k == 'object' && typeof this.k.destroy == 'function') this.k.destroy(); delete this.k; }catch(err){} } }; Spry.Widget.Tooltip.prototype.checkDestroyed = function() { // checks the parent node. If it exists, then the element is still in the DOM if (!this.tooltipElement || this.tooltipElement.parentNode == null) return true; return false; }; Spry.Widget.Tooltip.prototype.attachBehaviors = function() { var self = this; var ev = Spry.Widget.Utils.addEventListener; for (var i=0; i< this.triggerElements.length; i++) { ev(this.triggerElements[i], 'mouseover', function(e) {self.onMouseOverTrigger(e || event); return true;}, false); ev(this.triggerElements[i], 'mouseout', function(e) {self.onMouseOutTrigger(e || event); return true;}, false); if (this.followMouse) ev(this.triggerElements[i], 'mousemove', function(e) {self.onMouseMoveTrigger(e || event); return true;}, false); } if (this.closeOnTooltipLeave) { ev(this.tooltipElement, 'mouseover', function(e){self.onMouseOverTooltip(e || event); return true;}, false); ev(this.tooltipElement, 'mouseout', function(e){self.onMouseOutTooltip(e || event); return true;}, false); } this.listenersAttached = true; }; // createIframeLayer for Tooltip // creates an IFRAME underneath a tooltip element so that it will show above form controls and ActiveX Spry.Widget.Tooltip.prototype.createIframeLayer = function(tooltip) { if (typeof this.iframeLayer == 'undefined') { var layer = document.createElement('iframe'); layer.tabIndex = '-1'; layer.src = 'javascript:"";'; layer.scrolling = 'no'; layer.frameBorder = '0'; layer.className = 'iframeTooltip'; tooltip.parentNode.appendChild(layer); this.iframeLayer = layer; } this.iframeLayer.style.left = tooltip.offsetLeft + 'px'; this.iframeLayer.style.top = tooltip.offsetTop + 'px'; this.iframeLayer.style.width = tooltip.offsetWidth + 'px'; this.iframeLayer.style.height = tooltip.offsetHeight + 'px'; this.iframeLayer.style.display = 'block'; }; // removeIframeLayer for Tooltip Element // removes an IFRAME underneath a tooltip to reveal any form controls and ActiveX Spry.Widget.Tooltip.prototype.removeIframeLayer = function(tooltip) { if (this.iframeLayer) this.iframeLayer.style.display = 'none'; }; Spry.Widget.Tooltip.refreshAll = function() { var q = Spry.Widget.Tooltip.loadQueue; var qlen = q.length; for (var i = 0; i < qlen ; i++) { if (q[i].checkDestroyed()) { // the trigger element is no longer in the dom, we should remove the current widget. q[i].destroy(); q.splice(i, 1); i--; qlen = q.length; } } }; Spry.Widget.Tooltip.closeAll = function() { var q = Spry.Widget.Tooltip.loadQueue; var qlen = q.length; for (var i = 0; i < qlen ; i++) { if (q[i].visibleTooltip) q[i].hideTooltip(true); if (q[i].showTimer) clearTimeout(q[i].showTimer); if (q[i].hideTimer) clearTimeout(q[i].hideTimer); } }; Spry.Widget.Tooltip.Animator = function(element, opts) { this.timer = null; this.fps = 60; this.duration = 500; this.startTime = 0; this.transition = Spry.Widget.Tooltip.Animator.defaultTransition; this.onComplete = null; if (typeof element == 'undefined') return; this.element = Spry.Widget.Utils.getElement(element); Spry.Widget.Utils.setOptions(this, opts, true); this.interval = this.duration / this.fps; }; Spry.Widget.Tooltip.Animator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); }; Spry.Widget.Tooltip.Animator.prototype.start = function() { var self = this; this.startTime = (new Date).getTime(); this.beforeStart(); this.timer = setInterval(function() { self.stepAnimation(); }, this.interval); }; Spry.Widget.Tooltip.Animator.prototype.stop = function() { if (this.timer) clearTimeout(this.timer); this.timer = null; }; Spry.Widget.Tooltip.Animator.prototype.stepAnimation = function(){}; Spry.Widget.Tooltip.Animator.prototype.beforeStart = function(){}; Spry.Widget.Tooltip.Animator.prototype.destroy = function() { for (var k in this) try { delete this.k; }catch(err){} }; Spry.Widget.Tooltip.Fade = function(element, opts) { Spry.Widget.Tooltip.Animator.call(this, element, opts); if (Spry.is.ie) this.origOpacity = this.element.style.filter; else this.origOpacity = this.element.style.opacity; }; Spry.Widget.Tooltip.Fade.prototype = new Spry.Widget.Tooltip.Animator(); Spry.Widget.Tooltip.Fade.prototype.constructor = Spry.Widget.Tooltip.Fade; Spry.Widget.Tooltip.Fade.prototype.stepAnimation = function() { var curTime = (new Date).getTime(); var elapsedTime = curTime - this.startTime; var i, obj; if (elapsedTime >= this.duration) { this.beforeStop(); this.stop(); return; } var ht = this.transition(elapsedTime, this.from, this.to - this.from, this.duration); if (Spry.is.ie) { var filter = this.element.style.filter.replace(/alpha\s*\(\s*opacity\s*=\s*[0-9\.]{1,3}\)/, ''); this.element.style.filter = filter + 'alpha(opacity=' + parseInt(ht * 100, 10) + ')'; } else { this.element.style.opacity = ht; } this.element.style.visibility = 'visible'; this.element.style.display = 'block'; }; Spry.Widget.Tooltip.Fade.prototype.beforeStop = function() { if (this.from > this.to) this.element.style.display = 'none'; if (Spry.is.mozilla) this.element.style.filter = this.origOpacity; else this.element.style.opacity = this.origOpacity; }; Spry.Widget.Tooltip.Blind = function(element, opts) { this.from = 0; this.to = 100; Spry.Widget.Tooltip.Animator.call(this, element, opts); this.element.style.visibility = 'hidden'; this.element.style.display = 'block'; this.origHeight = parseInt(Spry.Widget.Utils.getStyleProperty(this.element, 'height'),10); if (isNaN(this.origHeight)) this.origHeight = this.element.offsetHeight; if (this.to == 0) this.from = this.origHeight; else this.to = this.origHeight; }; Spry.Widget.Tooltip.Blind.prototype = new Spry.Widget.Tooltip.Animator(); Spry.Widget.Tooltip.Blind.prototype.constructor = Spry.Widget.Tooltip.Blind; Spry.Widget.Tooltip.Blind.prototype.beforeStart = function() { this.origOverflow = Spry.Widget.Utils.getStyleProperty(this.element, 'overflow'); this.element.style.overflow = 'hidden'; }; Spry.Widget.Tooltip.Blind.prototype.stepAnimation = function() { var curTime = (new Date).getTime(); var elapsedTime = curTime - this.startTime; var i, obj; if (elapsedTime >= this.duration) { this.beforeStop(); this.stop(); return; } var ht = this.transition(elapsedTime, this.from, this.to - this.from, this.duration); this.element.style.height = Math.floor(ht) + 'px'; this.element.style.visibility = 'visible'; this.element.style.display = 'block'; }; Spry.Widget.Tooltip.Blind.prototype.beforeStop = function() { this.element.style.overflow = this.origOverflow; if (this.from > this.to) this.element.style.display = 'none'; this.element.style.height = this.origHeight + 'px'; }; ////////////////////////////////////////////////////////////////////// // // Spry.Widget.Utils // ////////////////////////////////////////////////////////////////////// if (!Spry.Widget.Utils) Spry.Widget.Utils = {}; Spry.Widget.Utils.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.Utils.getElement = function(ele) { if (ele && typeof ele == "string") return document.getElementById(ele); return ele; }; Spry.Widget.Utils.getElementsByClassName = function(sel) { if (!sel.length > 0) return null; var selectors = sel.split(','); var el = []; for (var i =0; i < selectors.length; i++) { var cs = selectors[i]; var chunk = cs.split(' '); var parents = []; parents[0] = []; parents[0][0] = document.body; for (var j = 0; j < chunk.length; j++) { var tokens = Spry.Widget.Utils.getSelectorTokens(chunk[j]); for (var k =0; k < parents[j].length; k++) { var childs = parents[j][k].getElementsByTagName('*'); parents[j+1] = []; for (var l=0; l < childs.length; l++) if (Spry.Widget.Utils.hasSelector(childs[l], tokens)) parents[j+1].push(childs[l]); } } if (parents[j]) { for (var k = 0; k < parents[j].length; k++) el.push(parents[j][k]); } } return el; }; Spry.Widget.Utils.firstValid = function() { var ret = null; var a = Spry.Widget.Utils.firstValid; for(var i=0; i< a.arguments.length; i++) { if (typeof(a.arguments[i]) != 'undefined') { ret = a.arguments[i]; break; } } return ret; }; Spry.Widget.Utils.getSelectorTokens = function(str) { str = str.replace(/\./g, ' .'); str = str.replace(/\#/g, ' #'); str = str.replace(/^\s+|\s+$/g,""); return str.split(' '); }; Spry.Widget.Utils.hasSelector = function(el, tokens) { for (var i =0; i< tokens.length; i++) { switch (tokens[i].charAt(0)) { case '.': if (!el.className || el.className.indexOf(tokens[i].substr(1)) == -1) return false; break; case '#': if (!el.id || el.id != tokens[i].substr(1)) return false; break; default: if (el.nodeName.toLowerCase != tokens[i]) return false; break; } } return true; }; Spry.Widget.Utils.addEventListener = function(element, eventType, handler, capture) { try { if (element.addEventListener) element.addEventListener(eventType, handler, capture); else if (element.attachEvent) element.attachEvent("on" + eventType, handler); } catch (e) {} }; Spry.Widget.Utils.getStyleProperty = function(element, prop) { var value; var camelized = Spry.Widget.Utils.camelize(prop); try { if (element.style) value = element.style[camelized]; if (!value) { if (document.defaultView && document.defaultView.getComputedStyle) { var css = document.defaultView.getComputedStyle(element, null); value = css ? css.getPropertyValue(prop) : null; } else if (element.currentStyle) { value = element.currentStyle[camelized]; } } } catch (e) {Spry.Effect.Utils.showError('Spry.Widget.Utils.getStyleProperty: ' + e);} return value == 'auto' ? null : value; }; Spry.Widget.Utils.camelize = function(str) { if (str.indexOf('-') == -1) return str; var oStringList = str.split('-'); var isFirstEntry = true; var camelizedString = ''; for(var i=0; i < oStringList.length; i++) { if(oStringList[i].length>0) { if(isFirstEntry) { camelizedString = oStringList[i]; isFirstEntry = false; } else { var s = oStringList[i]; camelizedString += s.charAt(0).toUpperCase() + s.substring(1); } } } return camelizedString; }; /** * Spry.Widget.Utils.getPixels * returns the value of a CSS property as Int, converting medium to 2 * @param {DOMElement} m - elements * @param {String} s - */ Spry.Widget.Utils.getPixels = function (m, s) { var v = Spry.Widget.Utils.getStyleProperty(m, s); if (v == "medium") { v = 2; } else { v = parseInt(v, 10); } v = isNaN(v)?0:v; return v; }; Spry.Widget.Utils.getAbsoluteMousePosition = function(ev) { var pos = {x:0, y:0}; if (ev.pageX) pos.x = ev.pageX; else if (ev.clientX) pos.x = ev.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); if (isNaN(pos.x)) pos.x = 0; if (ev.pageY) pos.y = ev.pageY; else if (ev.clientY) pos.y = ev.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); if (isNaN(pos.y)) pos.y = 0; return pos; }; /** * Spry.Widget.Utils.getBorderBox * returns a border box object (x,y,width,height) which perfectly covers the el element and its borders * the x, y are absolute coordinates measured from from the window viewport * use the box as the second parameter in Spry.Widget.Utils.setBorderBox * @param {DOMElement or String} el - * @param {DOMDocument,optional} doc - */ Spry.Widget.Utils.getBorderBox = function (el, doc) { doc = doc || document; if (typeof el == 'string') el = doc.getElementById(el); if (!el) return false; if (el.parentNode === null || Spry.Widget.Utils.getStyleProperty(el, 'display') == 'none') //element must be visible to have a box return false; var ret = {x:0, y:0, width:0, height:0}; var parent = null; var box; if (el.getBoundingClientRect) { // IE box = el.getBoundingClientRect(); var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop; var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft; ret.x = box.left + scrollLeft; ret.y = box.top + scrollTop; ret.width = box.right - box.left; ret.height = box.bottom - box.top; } else if (doc.getBoxObjectFor) { // gecko box = doc.getBoxObjectFor(el); ret.x = box.x; ret.y = box.y; ret.width = box.width; ret.height = box.height; var btw = Spry.Widget.Utils.getPixels(el, "border-top-width"); var blw = Spry.Widget.Utils.getPixels(el, "border-left-width"); ret.x -= blw; ret.y -= btw; } else { // safari/opera ret.x = el.offsetLeft; ret.y = el.offsetTop; ret.width = el.offsetWidth; ret.height = el.offsetHeight; parent = el.offsetParent; if (parent != el) { while (parent) { ret.x += parent.offsetLeft; ret.y += parent.offsetTop; parent = parent.offsetParent; } } var blw = Spry.Widget.Utils.getPixels(el, "border-left-width"); var btw = Spry.Widget.Utils.getPixels(el, "border-top-width"); ret.x -= blw; ret.y -= btw; // opera & (safari absolute) incorrectly account for body offsetTop var ua = navigator.userAgent.toLowerCase(); if (Spry.is.opera || Spry.is.safari && Spry.Widget.Utils.getStyleProperty(el, 'position') == 'absolute') ret.y -= doc.body.offsetTop; } if (el.parentNode) parent = el.parentNode; else parent = null; while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML') { ret.x -= parent.scrollLeft; ret.y -= parent.scrollTop; if (parent.parentNode) parent = parent.parentNode; else parent = null; } return ret; }; /** * Spry.Widget.Utils.setBorderBox * puts the element el to the location specified by box * @param {DOMElement} el - the element to be placed * @param {Object} box - hash containing the x and y coordinates where to put el * */ Spry.Widget.Utils.setBorderBox = function (el, box) { var pos = Spry.Widget.Utils.getBorderBox(el, el.ownerDocument); if (pos === false) return false; var delta = { x:Spry.Widget.Utils.getPixels(el, 'left'), y:Spry.Widget.Utils.getPixels(el, 'top') }; var new_pos = {x:0, y:0, w:0, h:0}; if (typeof box.x == 'number') { new_pos.x = box.x - pos.x + delta.x; } if (typeof box.y == 'number') { new_pos.y = box.y - pos.y + delta.y; } if (typeof box.x == 'number') { el.style.left = new_pos.x + 'px'; } if (typeof box.y == 'number') { el.style.top = new_pos.y + 'px'; } return true; }; Spry.Widget.Utils.putElementAt = function (source, target, offset, biv) { biv = Spry.Widget.Utils.firstValid(biv, true); var source_box = Spry.Widget.Utils.getBorderBox(source, source.ownerDocument); Spry.Widget.Utils.setBorderBox(source, target); if (biv) Spry.Widget.Utils.bringIntoView(source); return true; }; /** * Spry.Widget.Utils.bringIntoView * set the position of the source element so it is completely visible in the window * @param {DOMElemenet} source - the element to be */ Spry.Widget.Utils.bringIntoView = function (source) { var box = Spry.Widget.Utils.getBorderBox(source, source.ownerDocument); if (box === false) { return false; } var current = { x:Spry.Widget.Utils.getPixels(source, 'left'), y:Spry.Widget.Utils.getPixels(source, 'top') }; var delta = {x:0, y:0}; var offset_fix = {x:0, y:0}; var strictm = source.ownerDocument.compatMode == "CSS1Compat"; var doc = (Spry.is.ie && strictm || Spry.is.mozilla)?source.ownerDocument.documentElement:source.ownerDocument.body; offset_fix.x = Spry.Widget.Utils.getPixels(doc, 'border-left-width'); offset_fix.y = Spry.Widget.Utils.getPixels(doc, 'border-top-width'); var st = doc.scrollTop; var ch = doc.clientHeight; var t = box.y + (Spry.is.ie?-offset_fix.y:offset_fix.y); var b = box.y + box.height + (Spry.is.ie?-offset_fix.y:offset_fix.y); if ( b - st > ch) { delta.y = ch - (b - st); if (t + delta.y < st) { delta.y = st-t; } } else if (t < st) { delta.y = st - t; } if (delta.y != 0) { source.style.top = (current.y + delta.y) + 'px'; } var sl = doc.scrollLeft; var cw = doc.clientWidth; var l = box.x + (Spry.is.ie?-offset_fix.x:offset_fix.x); var r = box.x + box.width + (Spry.is.ie?-offset_fix.x:offset_fix.x); if ( r - sl > cw) { delta.x = cw - (r - sl); if (l + delta.x < sl) { delta.x = sl-l; } } else if (l < sl) { delta.x = sl - l; } if (delta.x != 0) { source.style.left = (current.x + delta.x) + 'px'; } }; Spry.Widget.Utils.contains = function (who, what) { if (typeof who.contains == 'object') { return what && who && (who == what || who.contains(what)); } else { var el = what; while(el) { try{ if (el == who) { return true; } el = el.parentNode; }catch(a){return false;} } return false; } }; Spry.Widget.BrowserSniff = function() { var b = navigator.appName.toString(); var up = navigator.platform.toString(); var ua = navigator.userAgent.toString(); this.mozilla = this.ie = this.opera = r = false; var re_opera = /Opera.([0-9\.]*)/i; var re_msie = /MSIE.([0-9\.]*)/i; var re_gecko = /gecko/i; var re_safari = /safari\/([\d\.]*)/i; if (ua.match(re_opera)) { r = ua.match(re_opera); this.opera = true; this.version = parseFloat(r[1]); } else if (ua.match(re_msie)) { r = ua.match(re_msie); this.ie = true; this.version = parseFloat(r[1]); } else if (ua.match(re_safari)) { this.safari = true; this.version = 1.4; } else if (ua.match(re_gecko)) { var re_gecko_version = /rv:\s*([0-9\.]+)/i; r = ua.match(re_gecko_version); this.mozilla = true; this.version = parseFloat(r[1]); } this.windows = this.mac = this.linux = false; this.Platform = ua.match(/windows/i) ? "windows" : (ua.match(/linux/i) ? "linux" : (ua.match(/mac/i) ? "mac" : ua.match(/unix/i)? "unix" : "unknown")); this[this.Platform] = true; this.v = this.version; if (this.safari && this.mac && this.mozilla) { this.mozilla = false; } }; Spry.is = new Spry.Widget.BrowserSniff(); Spry.Widget.Utils.showError = function(msg) { alert('Spry.Widget.Tooltip ERR: ' + msg); }; // SprySlidingPanels.js - version 0.5 - Spry Pre-Release 1.6.1 // // Copyright (c) 2006. 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. var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {}; Spry.Widget.SlidingPanels = function(element, opts) { this.element = this.getElement(element); this.enableAnimation = true; this.currentPanel = null; this.enableKeyboardNavigation = true; this.hasFocus = false; this.previousPanelKeyCode = Spry.Widget.SlidingPanels.KEY_LEFT; this.nextPanelKeyCode = Spry.Widget.SlidingPanels.KEY_RIGHT; this.currentPanelClass = "SlidingPanelsCurrentPanel"; this.focusedClass = "SlidingPanelsFocused"; this.animatingClass = "SlidingPanelsAnimating"; Spry.Widget.SlidingPanels.setOptions(this, opts); if (this.element) this.element.style.overflow = "hidden"; // Developers can specify the default panel as an index, // id or an actual element node. Make sure to normalize // it into an element node because that is what we expect // internally. if (this.defaultPanel) { if (typeof this.defaultPanel == "number") this.currentPanel = this.getContentPanels()[this.defaultPanel]; else this.currentPanel = this.getElement(this.defaultPanel); } // If we still don't have a current panel, use the first one! if (!this.currentPanel) this.currentPanel = this.getContentPanels()[0]; // Since we rely on the positioning information of the // panels, we need to wait for the onload event to fire before // we can attempt to show the initial panel. Once the onload // fires, we know that all CSS files have loaded. This is // especially important for Safari. if (Spry.Widget.SlidingPanels.onloadDidFire) this.attachBehaviors(); else Spry.Widget.SlidingPanels.loadQueue.push(this); }; Spry.Widget.SlidingPanels.prototype.onFocus = function(e) { this.hasFocus = true; this.addClassName(this.element, this.focusedClass); return false; }; Spry.Widget.SlidingPanels.prototype.onBlur = function(e) { this.hasFocus = false; this.removeClassName(this.element, this.focusedClass); return false; }; Spry.Widget.SlidingPanels.KEY_LEFT = 37; Spry.Widget.SlidingPanels.KEY_UP = 38; Spry.Widget.SlidingPanels.KEY_RIGHT = 39; Spry.Widget.SlidingPanels.KEY_DOWN = 40; Spry.Widget.SlidingPanels.prototype.onKeyDown = function(e) { var key = e.keyCode; if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode)) return true; if (key == this.nextPanelKeyCode) this.showNextPanel(); else /* if (key == this.previousPanelKeyCode) */ this.showPreviousPanel(); if (e.preventDefault) e.preventDefault(); else e.returnValue = false; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; return false; }; Spry.Widget.SlidingPanels.prototype.attachBehaviors = function() { var ele = this.element; if (!ele) return; if (this.enableKeyboardNavigation) { var focusEle = null; var tabIndexAttr = ele.attributes.getNamedItem("tabindex"); if (tabIndexAttr || ele.nodeName.toLowerCase() == "a") focusEle = ele; if (focusEle) { var self = this; Spry.Widget.SlidingPanels.addEventListener(focusEle, "focus", function(e) { return self.onFocus(e || window.event); }, false); Spry.Widget.SlidingPanels.addEventListener(focusEle, "blur", function(e) { return self.onBlur(e || window.event); }, false); Spry.Widget.SlidingPanels.addEventListener(focusEle, "keydown", function(e) { return self.onKeyDown(e || window.event); }, false); } } if (this.currentPanel) { // Temporarily turn off animation when showing the // initial panel. var ea = this.enableAnimation; this.enableAnimation = false; this.showPanel(this.currentPanel); this.enableAnimation = ea; } }; Spry.Widget.SlidingPanels.prototype.getElement = function(ele) { if (ele && typeof ele == "string") return document.getElementById(ele); return ele; }; Spry.Widget.SlidingPanels.prototype.addClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1)) return; ele.className += (ele.className ? " " : "") + className; }; Spry.Widget.SlidingPanels.prototype.removeClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)) return; ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), ""); }; Spry.Widget.SlidingPanels.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.SlidingPanels.prototype.getElementChildren = function(element) { var children = []; var child = element.firstChild; while (child) { if (child.nodeType == 1 /* Node.ELEMENT_NODE */) children.push(child); child = child.nextSibling; } return children; }; Spry.Widget.SlidingPanels.prototype.getCurrentPanel = function() { return this.currentPanel; }; Spry.Widget.SlidingPanels.prototype.getContentGroup = function() { return this.getElementChildren(this.element)[0]; }; Spry.Widget.SlidingPanels.prototype.getContentPanels = function() { return this.getElementChildren(this.getContentGroup()); }; Spry.Widget.SlidingPanels.prototype.getContentPanelsCount = function() { return this.getContentPanels().length; }; Spry.Widget.SlidingPanels.onloadDidFire = false; Spry.Widget.SlidingPanels.loadQueue = []; Spry.Widget.SlidingPanels.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.Widget.SlidingPanels.processLoadQueue = function(handler) { Spry.Widget.SlidingPanels.onloadDidFire = true; var q = Spry.Widget.SlidingPanels.loadQueue; var qlen = q.length; for (var i = 0; i < qlen; i++) q[i].attachBehaviors(); }; Spry.Widget.SlidingPanels.addLoadListener(Spry.Widget.SlidingPanels.processLoadQueue); Spry.Widget.SlidingPanels.addEventListener = function(element, eventType, handler, capture) { try { if (element.addEventListener) element.addEventListener(eventType, handler, capture); else if (element.attachEvent) element.attachEvent("on" + eventType, handler); } catch (e) {} }; Spry.Widget.SlidingPanels.prototype.getContentPanelIndex = function(ele) { if (ele) { ele = this.getElement(ele); var panels = this.getContentPanels(); var numPanels = panels.length; for (var i = 0; i < numPanels; i++) { if (panels[i] == ele) return i; } } return -1; }; Spry.Widget.SlidingPanels.prototype.showPanel = function(elementOrIndex) { var pIndex = -1; if (typeof elementOrIndex == "number") pIndex = elementOrIndex; else // Must be the element for the content panel. pIndex = this.getContentPanelIndex(elementOrIndex); var numPanels = this.getContentPanelsCount(); if (numPanels > 0) pIndex = (pIndex >= numPanels) ? numPanels - 1 : pIndex; else pIndex = 0; var panel = this.getContentPanels()[pIndex]; var contentGroup = this.getContentGroup(); if (panel && contentGroup) { if (this.currentPanel) this.removeClassName(this.currentPanel, this.currentPanelClass); this.currentPanel = panel; var nx = -panel.offsetLeft; var ny = -panel.offsetTop; if (this.enableAnimation) { if (this.animator) this.animator.stop(); var cx = contentGroup.offsetLeft; var cy = contentGroup.offsetTop; if (cx != nx || cy != ny) { var self = this; this.addClassName(this.element, this.animatingClass); this.animator = new Spry.Widget.SlidingPanels.PanelAnimator(contentGroup, cx, cy, nx, ny, { duration: this.duration, fps: this.fps, transition: this.transition, finish: function() { self.removeClassName(self.element, self.animatingClass); self.addClassName(panel, self.currentPanelClass); } }); this.animator.start(); } } else { contentGroup.style.left = nx + "px"; contentGroup.style.top = ny + "px"; this.addClassName(panel, this.currentPanelClass); } } return panel; }; Spry.Widget.SlidingPanels.prototype.showFirstPanel = function() { return this.showPanel(0); }; Spry.Widget.SlidingPanels.prototype.showLastPanel = function() { return this.showPanel(this.getContentPanels().length - 1); }; Spry.Widget.SlidingPanels.prototype.showPreviousPanel = function() { return this.showPanel(this.getContentPanelIndex(this.currentPanel) - 1); }; Spry.Widget.SlidingPanels.prototype.showNextPanel = function() { return this.showPanel(this.getContentPanelIndex(this.currentPanel) + 1); }; Spry.Widget.SlidingPanels.PanelAnimator = function(ele, curX, curY, dstX, dstY, opts) { this.element = ele; this.curX = curX; this.curY = curY; this.dstX = dstX; this.dstY = dstY; this.fps = 60; this.duration = 500; this.transition = Spry.Widget.SlidingPanels.PanelAnimator.defaultTransition; this.startTime = 0; this.timerID = 0; this.finish = null; var self = this; this.intervalFunc = function() { self.step(); }; Spry.Widget.SlidingPanels.setOptions(this, opts, true); this.interval = 1000/this.fps; }; Spry.Widget.SlidingPanels.PanelAnimator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); }; Spry.Widget.SlidingPanels.PanelAnimator.prototype.start = function() { this.stop(); this.startTime = (new Date()).getTime(); this.timerID = setTimeout(this.intervalFunc, this.interval); }; Spry.Widget.SlidingPanels.PanelAnimator.prototype.stop = function() { if (this.timerID) clearTimeout(this.timerID); this.timerID = 0; }; Spry.Widget.SlidingPanels.PanelAnimator.prototype.step = function() { var elapsedTime = (new Date()).getTime() - this.startTime; var done = elapsedTime >= this.duration; var x, y; if (done) { x = this.curX = this.dstX; y = this.curY = this.dstY; } else { x = this.transition(elapsedTime, this.curX, this.dstX - this.curX, this.duration); y = this.transition(elapsedTime, this.curY, this.dstY - this.curY, this.duration); } this.element.style.left = x + "px"; this.element.style.top = y + "px"; if (!done) this.timerID = setTimeout(this.intervalFunc, this.interval); else if (this.finish) this.finish(); }; // SpryAccordion.js - version 0.17 - Spry Pre-Release 1.6.1 // // Copyright (c) 2006. 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") window.Spry = {}; if (!Spry.Widget) Spry.Widget = {}; Spry.Widget.Accordion = function(element, opts) { this.element = this.getElement(element); this.defaultPanel = 0; this.hoverClass = "AccordionPanelTabHover"; this.openClass = "AccordionPanelOpen"; this.closedClass = "AccordionPanelClosed"; this.focusedClass = "AccordionFocused"; this.enableAnimation = true; this.enableKeyboardNavigation = true; this.currentPanel = null; this.animator = null; this.hasFocus = null; this.previousPanelKeyCode = Spry.Widget.Accordion.KEY_UP; this.nextPanelKeyCode = Spry.Widget.Accordion.KEY_DOWN; this.useFixedPanelHeights = true; this.fixedPanelHeight = 0; Spry.Widget.Accordion.setOptions(this, opts, true); if (this.element) this.attachBehaviors(); }; Spry.Widget.Accordion.prototype.getElement = function(ele) { if (ele && typeof ele == "string") return document.getElementById(ele); return ele; }; Spry.Widget.Accordion.prototype.addClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1)) return; ele.className += (ele.className ? " " : "") + className; }; Spry.Widget.Accordion.prototype.removeClassName = function(ele, className) { if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)) return; ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), ""); }; Spry.Widget.Accordion.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.Accordion.prototype.onPanelTabMouseOver = function(e, panel) { if (panel) this.addClassName(this.getPanelTab(panel), this.hoverClass); return false; }; Spry.Widget.Accordion.prototype.onPanelTabMouseOut = function(e, panel) { if (panel) this.removeClassName(this.getPanelTab(panel), this.hoverClass); return false; }; Spry.Widget.Accordion.prototype.openPanel = function(elementOrIndex) { var panelA = this.currentPanel; var panelB; if (typeof elementOrIndex == "number") panelB = this.getPanels()[elementOrIndex]; else panelB = this.getElement(elementOrIndex); if (!panelB || panelA == panelB) return null; var contentA = panelA ? this.getPanelContent(panelA) : null; var contentB = this.getPanelContent(panelB); if (!contentB) return null; if (this.useFixedPanelHeights && !this.fixedPanelHeight) this.fixedPanelHeight = (contentA.offsetHeight) ? contentA.offsetHeight : contentA.scrollHeight; if (this.enableAnimation) { if (this.animator) this.animator.stop(); this.animator = new Spry.Widget.Accordion.PanelAnimator(this, panelB, { duration: this.duration, fps: this.fps, transition: this.transition }); this.animator.start(); } else { if(contentA) { contentA.style.display = "none"; contentA.style.height = "0px"; } contentB.style.display = "block"; contentB.style.height = this.useFixedPanelHeights ? this.fixedPanelHeight + "px" : "auto"; } if(panelA) { this.removeClassName(panelA, this.openClass); this.addClassName(panelA, this.closedClass); } this.removeClassName(panelB, this.closedClass); this.addClassName(panelB, this.openClass); this.currentPanel = panelB; return panelB; }; Spry.Widget.Accordion.prototype.closePanel = function() { // The accordion can only ever have one panel open at any // give time, so this method only closes the current panel. // If the accordion is in fixed panel heights mode, this // method does nothing. if (!this.useFixedPanelHeights && this.currentPanel) { var panel = this.currentPanel; var content = this.getPanelContent(panel); if (content) { if (this.enableAnimation) { if (this.animator) this.animator.stop(); this.animator = new Spry.Widget.Accordion.PanelAnimator(this, null, { duration: this.duration, fps: this.fps, transition: this.transition }); this.animator.start(); } else { content.style.display = "none"; content.style.height = "0px"; } } this.removeClassName(panel, this.openClass); this.addClassName(panel, this.closedClass); this.currentPanel = null; } }; Spry.Widget.Accordion.prototype.openNextPanel = function() { return this.openPanel(this.getCurrentPanelIndex() + 1); }; Spry.Widget.Accordion.prototype.openPreviousPanel = function() { return this.openPanel(this.getCurrentPanelIndex() - 1); }; Spry.Widget.Accordion.prototype.openFirstPanel = function() { return this.openPanel(0); }; Spry.Widget.Accordion.prototype.openLastPanel = function() { var panels = this.getPanels(); return this.openPanel(panels[panels.length - 1]); }; Spry.Widget.Accordion.prototype.onPanelTabClick = function(e, panel) { if (panel != this.currentPanel) this.openPanel(panel); else this.closePanel(); if (this.enableKeyboardNavigation) this.focus(); if (e.preventDefault) e.preventDefault(); else e.returnValue = false; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; return false; }; Spry.Widget.Accordion.prototype.onFocus = function(e) { this.hasFocus = true; this.addClassName(this.element, this.focusedClass); return false; }; Spry.Widget.Accordion.prototype.onBlur = function(e) { this.hasFocus = false; this.removeClassName(this.element, this.focusedClass); return false; }; Spry.Widget.Accordion.KEY_UP = 38; Spry.Widget.Accordion.KEY_DOWN = 40; Spry.Widget.Accordion.prototype.onKeyDown = function(e) { var key = e.keyCode; if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode)) return true; var panels = this.getPanels(); if (!panels || panels.length < 1) return false; var currentPanel = this.currentPanel ? this.currentPanel : panels[0]; var nextPanel = (key == this.nextPanelKeyCode) ? currentPanel.nextSibling : currentPanel.previousSibling; while (nextPanel) { if (nextPanel.nodeType == 1 /* Node.ELEMENT_NODE */) break; nextPanel = (key == this.nextPanelKeyCode) ? nextPanel.nextSibling : nextPanel.previousSibling; } if (nextPanel && currentPanel != nextPanel) this.openPanel(nextPanel); if (e.preventDefault) e.preventDefault(); else e.returnValue = false; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; return false; }; Spry.Widget.Accordion.prototype.attachPanelHandlers = function(panel) { if (!panel) return; var tab = this.getPanelTab(panel); if (tab) { var self = this; Spry.Widget.Accordion.addEventListener(tab, "click", function(e) { return self.onPanelTabClick(e, panel); }, false); Spry.Widget.Accordion.addEventListener(tab, "mouseover", function(e) { return self.onPanelTabMouseOver(e, panel); }, false); Spry.Widget.Accordion.addEventListener(tab, "mouseout", function(e) { return self.onPanelTabMouseOut(e, panel); }, false); } }; Spry.Widget.Accordion.addEventListener = function(element, eventType, handler, capture) { try { if (element.addEventListener) element.addEventListener(eventType, handler, capture); else if (element.attachEvent) element.attachEvent("on" + eventType, handler); } catch (e) {} }; Spry.Widget.Accordion.prototype.initPanel = function(panel, isDefault) { var content = this.getPanelContent(panel); if (isDefault) { this.currentPanel = panel; this.removeClassName(panel, this.closedClass); this.addClassName(panel, this.openClass); // Attempt to set up the height of the default panel. We don't want to // do any dynamic panel height calculations here because our accordion // or one of its parent containers may be display:none. if (content) { if (this.useFixedPanelHeights) { // We are in fixed panel height mode and the user passed in // a panel height for us to use. if (this.fixedPanelHeight) content.style.height = this.fixedPanelHeight + "px"; } else { // We are in variable panel height mode, but since we can't // calculate the panel height here, we just set the height to // auto so that it expands to show all of its content. content.style.height = "auto"; } } } else { this.removeClassName(panel, this.openClass); this.addClassName(panel, this.closedClass); if (content) { content.style.height = "0px"; content.style.display = "none"; } } this.attachPanelHandlers(panel); }; Spry.Widget.Accordion.prototype.attachBehaviors = function() { var panels = this.getPanels(); for (var i = 0; i < panels.length; i++) this.initPanel(panels[i], i == this.defaultPanel); // Advanced keyboard navigation requires the tabindex attribute // on the top-level element. this.enableKeyboardNavigation = (this.enableKeyboardNavigation && this.element.attributes.getNamedItem("tabindex")); if (this.enableKeyboardNavigation) { var self = this; Spry.Widget.Accordion.addEventListener(this.element, "focus", function(e) { return self.onFocus(e); }, false); Spry.Widget.Accordion.addEventListener(this.element, "blur", function(e) { return self.onBlur(e); }, false); Spry.Widget.Accordion.addEventListener(this.element, "keydown", function(e) { return self.onKeyDown(e); }, false); } }; Spry.Widget.Accordion.prototype.getPanels = function() { return this.getElementChildren(this.element); }; Spry.Widget.Accordion.prototype.getCurrentPanel = function() { return this.currentPanel; }; Spry.Widget.Accordion.prototype.getPanelIndex = function(panel) { var panels = this.getPanels(); for( var i = 0 ; i < panels.length; i++ ) { if( panel == panels[i] ) return i; } return -1; }; Spry.Widget.Accordion.prototype.getCurrentPanelIndex = function() { return this.getPanelIndex(this.currentPanel); }; Spry.Widget.Accordion.prototype.getPanelTab = function(panel) { if (!panel) return null; return this.getElementChildren(panel)[0]; }; Spry.Widget.Accordion.prototype.getPanelContent = function(panel) { if (!panel) return null; return this.getElementChildren(panel)[1]; }; Spry.Widget.Accordion.prototype.getElementChildren = function(element) { var children = []; var child = element.firstChild; while (child) { if (child.nodeType == 1 /* Node.ELEMENT_NODE */) children.push(child); child = child.nextSibling; } return children; }; Spry.Widget.Accordion.prototype.focus = function() { if (this.element && this.element.focus) this.element.focus(); }; Spry.Widget.Accordion.prototype.blur = function() { if (this.element && this.element.blur) this.element.blur(); }; ///////////////////////////////////////////////////// Spry.Widget.Accordion.PanelAnimator = function(accordion, panel, opts) { this.timer = null; this.interval = 0; this.fps = 60; this.duration = 500; this.startTime = 0; this.transition = Spry.Widget.Accordion.PanelAnimator.defaultTransition; this.onComplete = null; this.panel = panel; this.panelToOpen = accordion.getElement(panel); this.panelData = []; this.useFixedPanelHeights = accordion.useFixedPanelHeights; Spry.Widget.Accordion.setOptions(this, opts, true); this.interval = Math.floor(1000 / this.fps); // Set up the array of panels we want to animate. var panels = accordion.getPanels(); for (var i = 0; i < panels.length; i++) { var p = panels[i]; var c = accordion.getPanelContent(p); if (c) { var h = c.offsetHeight; if (h == undefined) h = 0; if (p == panel && h == 0) c.style.display = "block"; if (p == panel || h > 0) { var obj = new Object; obj.panel = p; obj.content = c; obj.fromHeight = h; obj.toHeight = (p == panel) ? (accordion.useFixedPanelHeights ? accordion.fixedPanelHeight : c.scrollHeight) : 0; obj.distance = obj.toHeight - obj.fromHeight; obj.overflow = c.style.overflow; this.panelData.push(obj); c.style.overflow = "hidden"; c.style.height = h + "px"; } } } }; Spry.Widget.Accordion.PanelAnimator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); }; Spry.Widget.Accordion.PanelAnimator.prototype.start = function() { var self = this; this.startTime = (new Date).getTime(); this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval); }; Spry.Widget.Accordion.PanelAnimator.prototype.stop = function() { if (this.timer) { clearTimeout(this.timer); // If we're killing the timer, restore the overflow // properties on the panels we were animating! for (i = 0; i < this.panelData.length; i++) { obj = this.panelData[i]; obj.content.style.overflow = obj.overflow; } } this.timer = null; }; Spry.Widget.Accordion.PanelAnimator.prototype.stepAnimation = function() { var curTime = (new Date).getTime(); var elapsedTime = curTime - this.startTime; var i, obj; if (elapsedTime >= this.duration) { for (i = 0; i < this.panelData.length; i++) { obj = this.panelData[i]; if (obj.panel != this.panel) { obj.content.style.display = "none"; obj.content.style.height = "0px"; } obj.content.style.overflow = obj.overflow; obj.content.style.height = (this.useFixedPanelHeights || obj.toHeight == 0) ? obj.toHeight + "px" : "auto"; } if (this.onComplete) this.onComplete(); return; } for (i = 0; i < this.panelData.length; i++) { obj = this.panelData[i]; var ht = this.transition(elapsedTime, obj.fromHeight, obj.distance, this.duration); obj.content.style.height = ((ht < 0) ? 0 : ht) + "px"; } var self = this; this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval); }; })(); // EndSpryComponent /* dropdown menus based on son of suckerfish. Beefed up a little by Grae to allow for multiple suckerfish drop downs within the one page, from one linked javascript. Checks to ensure presence of element by id before attaching function. */ /* #nav dropdown */ function dropDownNav() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i is released under the MIT License */ var swfobject = function() { var UNDEF = "undefined", OBJECT = "object", SHOCKWAVE_FLASH = "Shockwave Flash", SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash", FLASH_MIME_TYPE = "application/x-shockwave-flash", EXPRESS_INSTALL_ID = "SWFObjectExprInst", ON_READY_STATE_CHANGE = "onreadystatechange", win = window, doc = document, nav = navigator, plugin = false, domLoadFnArr = [main], regObjArr = [], objIdArr = [], listenersArr = [], storedAltContent, storedAltContentId, storedCallbackFn, storedCallbackObj, isDomLoaded = false, isExpressInstallActive = false, dynamicStylesheet, dynamicStylesheetMedia, autoHideShow = true, /* Centralized function for browser feature detection - User agent string detection is only used when no good alternative is possible - Is executed directly for optimal performance */ ua = function() { var w3cdom = typeof doc.getElementById != UNDEF && typeof doc.getElementsByTagName != UNDEF && typeof doc.createElement != UNDEF, u = nav.userAgent.toLowerCase(), p = nav.platform.toLowerCase(), windows = p ? /win/.test(p) : /win/.test(u), mac = p ? /mac/.test(p) : /mac/.test(u), webkit = /webkit/.test(u) ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : false, // returns either the webkit version or false if not webkit ie = !+"\v1", // feature detection based on Andrea Giammarchi's solution: http://webreflection.blogspot.com/2009/01/32-bytes-to-know-if-your-browser-is-ie.html playerVersion = [0,0,0], d = null; if (typeof nav.plugins != UNDEF && typeof nav.plugins[SHOCKWAVE_FLASH] == OBJECT) { d = nav.plugins[SHOCKWAVE_FLASH].description; if (d && !(typeof nav.mimeTypes != UNDEF && nav.mimeTypes[FLASH_MIME_TYPE] && !nav.mimeTypes[FLASH_MIME_TYPE].enabledPlugin)) { // navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin indicates whether plug-ins are enabled or disabled in Safari 3+ plugin = true; ie = false; // cascaded feature detection for Internet Explorer d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1"); playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10); playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10); playerVersion[2] = /[a-zA-Z]/.test(d) ? parseInt(d.replace(/^.*[a-zA-Z]+(.*)$/, "$1"), 10) : 0; } } else if (typeof win.ActiveXObject != UNDEF) { try { var a = new ActiveXObject(SHOCKWAVE_FLASH_AX); if (a) { // a will return null when ActiveX is disabled d = a.GetVariable("$version"); if (d) { ie = true; // cascaded feature detection for Internet Explorer d = d.split(" ")[1].split(","); playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)]; } } } catch(e) {} } return { w3:w3cdom, pv:playerVersion, wk:webkit, ie:ie, win:windows, mac:mac }; }(), /* Cross-browser onDomLoad - Will fire an event as soon as the DOM of a web page is loaded - Internet Explorer workaround based on Diego Perini's solution: http://javascript.nwbox.com/IEContentLoaded/ - Regular onload serves as fallback */ onDomLoad = function() { if (!ua.w3) { return; } if ((typeof doc.readyState != UNDEF && doc.readyState == "complete") || (typeof doc.readyState == UNDEF && (doc.getElementsByTagName("body")[0] || doc.body))) { // function is fired after onload, e.g. when script is inserted dynamically callDomLoadFunctions(); } if (!isDomLoaded) { if (typeof doc.addEventListener != UNDEF) { doc.addEventListener("DOMContentLoaded", callDomLoadFunctions, false); } if (ua.ie && ua.win) { doc.attachEvent(ON_READY_STATE_CHANGE, function() { if (doc.readyState == "complete") { doc.detachEvent(ON_READY_STATE_CHANGE, arguments.callee); callDomLoadFunctions(); } }); if (win == top) { // if not inside an iframe (function(){ if (isDomLoaded) { return; } try { doc.documentElement.doScroll("left"); } catch(e) { setTimeout(arguments.callee, 0); return; } callDomLoadFunctions(); })(); } } if (ua.wk) { (function(){ if (isDomLoaded) { return; } if (!/loaded|complete/.test(doc.readyState)) { setTimeout(arguments.callee, 0); return; } callDomLoadFunctions(); })(); } addLoadEvent(callDomLoadFunctions); } }(); function callDomLoadFunctions() { if (isDomLoaded) { return; } try { // test if we can really add/remove elements to/from the DOM; we don't want to fire it too early var t = doc.getElementsByTagName("body")[0].appendChild(createElement("span")); t.parentNode.removeChild(t); } catch (e) { return; } isDomLoaded = true; var dl = domLoadFnArr.length; for (var i = 0; i < dl; i++) { domLoadFnArr[i](); } } function addDomLoadEvent(fn) { if (isDomLoaded) { fn(); } else { domLoadFnArr[domLoadFnArr.length] = fn; // Array.push() is only available in IE5.5+ } } /* Cross-browser onload - Based on James Edwards' solution: http://brothercake.com/site/resources/scripts/onload/ - Will fire an event as soon as a web page including all of its assets are loaded */ function addLoadEvent(fn) { if (typeof win.addEventListener != UNDEF) { win.addEventListener("load", fn, false); } else if (typeof doc.addEventListener != UNDEF) { doc.addEventListener("load", fn, false); } else if (typeof win.attachEvent != UNDEF) { addListener(win, "onload", fn); } else if (typeof win.onload == "function") { var fnOld = win.onload; win.onload = function() { fnOld(); fn(); }; } else { win.onload = fn; } } /* Main function - Will preferably execute onDomLoad, otherwise onload (as a fallback) */ function main() { if (plugin) { testPlayerVersion(); } else { matchVersions(); } } /* Detect the Flash Player version for non-Internet Explorer browsers - Detecting the plug-in version via the object element is more precise than using the plugins collection item's description: a. Both release and build numbers can be detected b. Avoid wrong descriptions by corrupt installers provided by Adobe c. Avoid wrong descriptions by multiple Flash Player entries in the plugin Array, caused by incorrect browser imports - Disadvantage of this method is that it depends on the availability of the DOM, while the plugins collection is immediately available */ function testPlayerVersion() { var b = doc.getElementsByTagName("body")[0]; var o = createElement(OBJECT); o.setAttribute("type", FLASH_MIME_TYPE); var t = b.appendChild(o); if (t) { var counter = 0; (function(){ if (typeof t.GetVariable != UNDEF) { var d = t.GetVariable("$version"); if (d) { d = d.split(" ")[1].split(","); ua.pv = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)]; } } else if (counter < 10) { counter++; setTimeout(arguments.callee, 10); return; } b.removeChild(o); t = null; matchVersions(); })(); } else { matchVersions(); } } /* Perform Flash Player and SWF version matching; static publishing only */ function matchVersions() { var rl = regObjArr.length; if (rl > 0) { for (var i = 0; i < rl; i++) { // for each registered object element var id = regObjArr[i].id; var cb = regObjArr[i].callbackFn; var cbObj = {success:false, id:id}; if (ua.pv[0] > 0) { var obj = getElementById(id); if (obj) { if (hasPlayerVersion(regObjArr[i].swfVersion) && !(ua.wk && ua.wk < 312)) { // Flash Player version >= published SWF version: Houston, we have a match! setVisibility(id, true); if (cb) { cbObj.success = true; cbObj.ref = getObjectById(id); cb(cbObj); } } else if (regObjArr[i].expressInstall && canExpressInstall()) { // show the Adobe Express Install dialog if set by the web page author and if supported var att = {}; att.data = regObjArr[i].expressInstall; att.width = obj.getAttribute("width") || "0"; att.height = obj.getAttribute("height") || "0"; if (obj.getAttribute("class")) { att.styleclass = obj.getAttribute("class"); } if (obj.getAttribute("align")) { att.align = obj.getAttribute("align"); } // parse HTML object param element's name-value pairs var par = {}; var p = obj.getElementsByTagName("param"); var pl = p.length; for (var j = 0; j < pl; j++) { if (p[j].getAttribute("name").toLowerCase() != "movie") { par[p[j].getAttribute("name")] = p[j].getAttribute("value"); } } showExpressInstall(att, par, id, cb); } else { // Flash Player and SWF version mismatch or an older Webkit engine that ignores the HTML object element's nested param elements: display alternative content instead of SWF displayAltContent(obj); if (cb) { cb(cbObj); } } } } else { // if no Flash Player is installed or the fp version cannot be detected we let the HTML object element do its job (either show a SWF or alternative content) setVisibility(id, true); if (cb) { var o = getObjectById(id); // test whether there is an HTML object element or not if (o && typeof o.SetVariable != UNDEF) { cbObj.success = true; cbObj.ref = o; } cb(cbObj); } } } } } function getObjectById(objectIdStr) { var r = null; var o = getElementById(objectIdStr); if (o && o.nodeName == "OBJECT") { if (typeof o.SetVariable != UNDEF) { r = o; } else { var n = o.getElementsByTagName(OBJECT)[0]; if (n) { r = n; } } } return r; } /* Requirements for Adobe Express Install - only one instance can be active at a time - fp 6.0.65 or higher - Win/Mac OS only - no Webkit engines older than version 312 */ function canExpressInstall() { return !isExpressInstallActive && hasPlayerVersion("6.0.65") && (ua.win || ua.mac) && !(ua.wk && ua.wk < 312); } /* Show the Adobe Express Install dialog - Reference: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75 */ function showExpressInstall(att, par, replaceElemIdStr, callbackFn) { isExpressInstallActive = true; storedCallbackFn = callbackFn || null; storedCallbackObj = {success:false, id:replaceElemIdStr}; var obj = getElementById(replaceElemIdStr); if (obj) { if (obj.nodeName == "OBJECT") { // static publishing storedAltContent = abstractAltContent(obj); storedAltContentId = null; } else { // dynamic publishing storedAltContent = obj; storedAltContentId = replaceElemIdStr; } att.id = EXPRESS_INSTALL_ID; if (typeof att.width == UNDEF || (!/%$/.test(att.width) && parseInt(att.width, 10) < 310)) { att.width = "310"; } if (typeof att.height == UNDEF || (!/%$/.test(att.height) && parseInt(att.height, 10) < 137)) { att.height = "137"; } doc.title = doc.title.slice(0, 47) + " - Flash Player Installation"; var pt = ua.ie && ua.win ? "ActiveX" : "PlugIn", fv = "MMredirectURL=" + encodeURI(window.location).toString().replace(/&/g,"%26") + "&MMplayerType=" + pt + "&MMdoctitle=" + doc.title; if (typeof par.flashvars != UNDEF) { par.flashvars += "&" + fv; } else { par.flashvars = fv; } // IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it, // because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work if (ua.ie && ua.win && obj.readyState != 4) { var newObj = createElement("div"); replaceElemIdStr += "SWFObjectNew"; newObj.setAttribute("id", replaceElemIdStr); obj.parentNode.insertBefore(newObj, obj); // insert placeholder div that will be replaced by the object element that loads expressinstall.swf obj.style.display = "none"; (function(){ if (obj.readyState == 4) { obj.parentNode.removeChild(obj); } else { setTimeout(arguments.callee, 10); } })(); } createSWF(att, par, replaceElemIdStr); } } /* Functions to abstract and display alternative content */ function displayAltContent(obj) { if (ua.ie && ua.win && obj.readyState != 4) { // IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it, // because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work var el = createElement("div"); obj.parentNode.insertBefore(el, obj); // insert placeholder div that will be replaced by the alternative content el.parentNode.replaceChild(abstractAltContent(obj), el); obj.style.display = "none"; (function(){ if (obj.readyState == 4) { obj.parentNode.removeChild(obj); } else { setTimeout(arguments.callee, 10); } })(); } else { obj.parentNode.replaceChild(abstractAltContent(obj), obj); } } function abstractAltContent(obj) { var ac = createElement("div"); if (ua.win && ua.ie) { ac.innerHTML = obj.innerHTML; } else { var nestedObj = obj.getElementsByTagName(OBJECT)[0]; if (nestedObj) { var c = nestedObj.childNodes; if (c) { var cl = c.length; for (var i = 0; i < cl; i++) { if (!(c[i].nodeType == 1 && c[i].nodeName == "PARAM") && !(c[i].nodeType == 8)) { ac.appendChild(c[i].cloneNode(true)); } } } } } return ac; } /* Cross-browser dynamic SWF creation */ function createSWF(attObj, parObj, id) { var r, el = getElementById(id); if (ua.wk && ua.wk < 312) { return r; } if (el) { if (typeof attObj.id == UNDEF) { // if no 'id' is defined for the object element, it will inherit the 'id' from the alternative content attObj.id = id; } if (ua.ie && ua.win) { // Internet Explorer + the HTML object element + W3C DOM methods do not combine: fall back to outerHTML var att = ""; for (var i in attObj) { if (attObj[i] != Object.prototype[i]) { // filter out prototype additions from other potential libraries if (i.toLowerCase() == "data") { parObj.movie = attObj[i]; } else if (i.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword att += ' class="' + attObj[i] + '"'; } else if (i.toLowerCase() != "classid") { att += ' ' + i + '="' + attObj[i] + '"'; } } } var par = ""; for (var j in parObj) { if (parObj[j] != Object.prototype[j]) { // filter out prototype additions from other potential libraries par += ''; } } el.outerHTML = '' + par + ''; objIdArr[objIdArr.length] = attObj.id; // stored to fix object 'leaks' on unload (dynamic publishing only) r = getElementById(attObj.id); } else { // well-behaving browsers var o = createElement(OBJECT); o.setAttribute("type", FLASH_MIME_TYPE); for (var m in attObj) { if (attObj[m] != Object.prototype[m]) { // filter out prototype additions from other potential libraries if (m.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword o.setAttribute("class", attObj[m]); } else if (m.toLowerCase() != "classid") { // filter out IE specific attribute o.setAttribute(m, attObj[m]); } } } for (var n in parObj) { if (parObj[n] != Object.prototype[n] && n.toLowerCase() != "movie") { // filter out prototype additions from other potential libraries and IE specific param element createObjParam(o, n, parObj[n]); } } el.parentNode.replaceChild(o, el); r = o; } } return r; } function createObjParam(el, pName, pValue) { var p = createElement("param"); p.setAttribute("name", pName); p.setAttribute("value", pValue); el.appendChild(p); } /* Cross-browser SWF removal - Especially needed to safely and completely remove a SWF in Internet Explorer */ function removeSWF(id) { var obj = getElementById(id); if (obj && obj.nodeName == "OBJECT") { if (ua.ie && ua.win) { obj.style.display = "none"; (function(){ if (obj.readyState == 4) { removeObjectInIE(id); } else { setTimeout(arguments.callee, 10); } })(); } else { obj.parentNode.removeChild(obj); } } } function removeObjectInIE(id) { var obj = getElementById(id); if (obj) { for (var i in obj) { if (typeof obj[i] == "function") { obj[i] = null; } } obj.parentNode.removeChild(obj); } } /* Functions to optimize JavaScript compression */ function getElementById(id) { var el = null; try { el = doc.getElementById(id); } catch (e) {} return el; } function createElement(el) { return doc.createElement(el); } /* Updated attachEvent function for Internet Explorer - Stores attachEvent information in an Array, so on unload the detachEvent functions can be called to avoid memory leaks */ function addListener(target, eventType, fn) { target.attachEvent(eventType, fn); listenersArr[listenersArr.length] = [target, eventType, fn]; } /* Flash Player and SWF content version matching */ function hasPlayerVersion(rv) { var pv = ua.pv, v = rv.split("."); v[0] = parseInt(v[0], 10); v[1] = parseInt(v[1], 10) || 0; // supports short notation, e.g. "9" instead of "9.0.0" v[2] = parseInt(v[2], 10) || 0; return (pv[0] > v[0] || (pv[0] == v[0] && pv[1] > v[1]) || (pv[0] == v[0] && pv[1] == v[1] && pv[2] >= v[2])) ? true : false; } /* Cross-browser dynamic CSS creation - Based on Bobby van der Sluis' solution: http://www.bobbyvandersluis.com/articles/dynamicCSS.php */ function createCSS(sel, decl, media, newStyle) { if (ua.ie && ua.mac) { return; } var h = doc.getElementsByTagName("head")[0]; if (!h) { return; } // to also support badly authored HTML pages that lack a head element var m = (media && typeof media == "string") ? media : "screen"; if (newStyle) { dynamicStylesheet = null; dynamicStylesheetMedia = null; } if (!dynamicStylesheet || dynamicStylesheetMedia != m) { // create dynamic stylesheet + get a global reference to it var s = createElement("style"); s.setAttribute("type", "text/css"); s.setAttribute("media", m); dynamicStylesheet = h.appendChild(s); if (ua.ie && ua.win && typeof doc.styleSheets != UNDEF && doc.styleSheets.length > 0) { dynamicStylesheet = doc.styleSheets[doc.styleSheets.length - 1]; } dynamicStylesheetMedia = m; } // add style rule if (ua.ie && ua.win) { if (dynamicStylesheet && typeof dynamicStylesheet.addRule == OBJECT) { dynamicStylesheet.addRule(sel, decl); } } else { if (dynamicStylesheet && typeof doc.createTextNode != UNDEF) { dynamicStylesheet.appendChild(doc.createTextNode(sel + " {" + decl + "}")); } } } function setVisibility(id, isVisible) { if (!autoHideShow) { return; } var v = isVisible ? "visible" : "hidden"; if (isDomLoaded && getElementById(id)) { getElementById(id).style.visibility = v; } else { createCSS("#" + id, "visibility:" + v); } } /* Filter to avoid XSS attacks */ function urlEncodeIfNecessary(s) { var regex = /[\\\"<>\.;]/; var hasBadChars = regex.exec(s) != null; return hasBadChars && typeof encodeURIComponent != UNDEF ? encodeURIComponent(s) : s; } /* Release memory to avoid memory leaks caused by closures, fix hanging audio/video threads and force open sockets/NetConnections to disconnect (Internet Explorer only) */ var cleanup = function() { if (ua.ie && ua.win) { window.attachEvent("onunload", function() { // remove listeners to avoid memory leaks var ll = listenersArr.length; for (var i = 0; i < ll; i++) { listenersArr[i][0].detachEvent(listenersArr[i][1], listenersArr[i][2]); } // cleanup dynamically embedded objects to fix audio/video threads and force open sockets and NetConnections to disconnect var il = objIdArr.length; for (var j = 0; j < il; j++) { removeSWF(objIdArr[j]); } // cleanup library's main closures to avoid memory leaks for (var k in ua) { ua[k] = null; } ua = null; for (var l in swfobject) { swfobject[l] = null; } swfobject = null; }); } }(); return { /* Public API - Reference: http://code.google.com/p/swfobject/wiki/documentation */ registerObject: function(objectIdStr, swfVersionStr, xiSwfUrlStr, callbackFn) { if (ua.w3 && objectIdStr && swfVersionStr) { var regObj = {}; regObj.id = objectIdStr; regObj.swfVersion = swfVersionStr; regObj.expressInstall = xiSwfUrlStr; regObj.callbackFn = callbackFn; regObjArr[regObjArr.length] = regObj; setVisibility(objectIdStr, false); } else if (callbackFn) { callbackFn({success:false, id:objectIdStr}); } }, getObjectById: function(objectIdStr) { if (ua.w3) { return getObjectById(objectIdStr); } }, embedSWF: function(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj, callbackFn) { var callbackObj = {success:false, id:replaceElemIdStr}; if (ua.w3 && !(ua.wk && ua.wk < 312) && swfUrlStr && replaceElemIdStr && widthStr && heightStr && swfVersionStr) { setVisibility(replaceElemIdStr, false); addDomLoadEvent(function() { widthStr += ""; // auto-convert to string heightStr += ""; var att = {}; if (attObj && typeof attObj === OBJECT) { for (var i in attObj) { // copy object to avoid the use of references, because web authors often reuse attObj for multiple SWFs att[i] = attObj[i]; } } att.data = swfUrlStr; att.width = widthStr; att.height = heightStr; var par = {}; if (parObj && typeof parObj === OBJECT) { for (var j in parObj) { // copy object to avoid the use of references, because web authors often reuse parObj for multiple SWFs par[j] = parObj[j]; } } if (flashvarsObj && typeof flashvarsObj === OBJECT) { for (var k in flashvarsObj) { // copy object to avoid the use of references, because web authors often reuse flashvarsObj for multiple SWFs if (typeof par.flashvars != UNDEF) { par.flashvars += "&" + k + "=" + flashvarsObj[k]; } else { par.flashvars = k + "=" + flashvarsObj[k]; } } } if (hasPlayerVersion(swfVersionStr)) { // create SWF var obj = createSWF(att, par, replaceElemIdStr); if (att.id == replaceElemIdStr) { setVisibility(replaceElemIdStr, true); } callbackObj.success = true; callbackObj.ref = obj; } else if (xiSwfUrlStr && canExpressInstall()) { // show Adobe Express Install att.data = xiSwfUrlStr; showExpressInstall(att, par, replaceElemIdStr, callbackFn); return; } else { // show alternative content setVisibility(replaceElemIdStr, true); } if (callbackFn) { callbackFn(callbackObj); } }); } else if (callbackFn) { callbackFn(callbackObj); } }, switchOffAutoHideShow: function() { autoHideShow = false; }, ua: ua, getFlashPlayerVersion: function() { return { major:ua.pv[0], minor:ua.pv[1], release:ua.pv[2] }; }, hasFlashPlayerVersion: hasPlayerVersion, createSWF: function(attObj, parObj, replaceElemIdStr) { if (ua.w3) { return createSWF(attObj, parObj, replaceElemIdStr); } else { return undefined; } }, showExpressInstall: function(att, par, replaceElemIdStr, callbackFn) { if (ua.w3 && canExpressInstall()) { showExpressInstall(att, par, replaceElemIdStr, callbackFn); } }, removeSWF: function(objElemIdStr) { if (ua.w3) { removeSWF(objElemIdStr); } }, createCSS: function(selStr, declStr, mediaStr, newStyleBoolean) { if (ua.w3) { createCSS(selStr, declStr, mediaStr, newStyleBoolean); } }, addDomLoadEvent: addDomLoadEvent, addLoadEvent: addLoadEvent, getQueryParamValue: function(param) { var q = doc.location.search || doc.location.hash; if (q) { if (/\?/.test(q)) { q = q.split("?")[1]; } // strip question mark if (param == null) { return urlEncodeIfNecessary(q); } var pairs = q.split("&"); for (var i = 0; i < pairs.length; i++) { if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) { return urlEncodeIfNecessary(pairs[i].substring((pairs[i].indexOf("=") + 1))); } } } return ""; }, // For internal usage only expressInstallCallback: function() { if (isExpressInstallActive) { var obj = getElementById(EXPRESS_INSTALL_ID); if (obj && storedAltContent) { obj.parentNode.replaceChild(storedAltContent, obj); if (storedAltContentId) { setVisibility(storedAltContentId, true); if (ua.ie && ua.win) { storedAltContent.style.display = "block"; } } if (storedCallbackFn) { storedCallbackFn(storedCallbackObj); } } isExpressInstallActive = false; } } }; }();