// JavaScript Document /* Javascript for www.crowleyfurniture.com created 3.23.09 by Scott Wilmarth copyright 2009 River City Studio */ // This is for the home page IMAGE ROTATION ..... // /*********************************************** * Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************/ // Below are the images for HOME PAGE IMAGE ROTATION var fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed //fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax //fadeimages[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax //fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax fadeimages[0]=["/_img/photos/home/ColorCuisineDining.jpg", "", ""] fadeimages[1]=["/_img/photos/home/FLEXLCOLE.jpg", "", ""] fadeimages[2]=["/_img/photos/home/MadisonParkBedroom.jpg", "", ""] fadeimages[3]=["/_img/photos/home/OutfitterChair.jpg", "", ""] fadeimages[4]=["/_img/photos/home/ROWENOTTINGHILL.jpg", "", ""] fadeimages[5]=["/_img/photos/home/WillowLakeBedroom.jpg", "", ""] /* fadeimages[0]=["/_img/photos/home/Lea-Dillon-Youth-Bedroom.jpg", "", ""] fadeimages[1]=["/_img/photos/home/American-Drew-Hudson-Bedroom.jpg", "", ""] fadeimages[2]=["/_img/photos/home/Legacy-Cottage-Dining.jpg", "", ""] fadeimages[3]=["/_img/photos/home/Legacy-Kings-Park-Bedroom.jpg", "", ""] fadeimages[4]=["/_img/photos/home/Legacy-Willow-Lake-Dining.jpg", "", ""] fadeimages[5]=["/_img/photos/home/Lifestyle-Flexsteel-brown-couch.jpg", "", ""] fadeimages[6]=["/_img/photos/home/Livingroom-Flexsteel.jpg", "", ""] fadeimages[7]=["/_img/photos/home/Flexsteel-Cream-Sectional.jpg", "", ""] fadeimages[8]=["/_img/photos/home/flexsteel-wine-recliner-sofa.jpg", "", ""] */ // Below are the images for PRODUCTS IMAGE ROTATION var productImage=new Array() //SET IMAGE PATHS. Extend or contract array as needed //fadeimages[0]=["photo1.jpg", "", ""] //plain image syntax //fadeimages[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax //fadeimages[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax productImage[0]=["/_img/photos/productPage/AmerDrew_bedroom.jpg", "", ""] productImage[1]=["/_img/photos/productPage/BassettMirror_accents.jpg", "", ""] productImage[2]=["/_img/photos/productPage/Broyhill_dining.jpg", "", ""] productImage[3]=["/_img/photos/productPage/Flexsteel_leather.jpg", "", ""] productImage[4]=["/_img/photos/productPage/Flexsteel_living-room.jpg", "", ""] productImage[5]=["/_img/photos/productPage/Lane_recliners.jpg", "", ""] productImage[6]=["/_img/photos/productPage/Oriental_Weaver_rugs.jpg", "", ""] productImage[7]=["/_img/photos/productPage/Pulaski_curio.jpg", "", ""] productImage[8]=["/_img/photos/productPage/Riverside_home_office.jpg", "", ""] productImage[9]=["/_img/photos/productPage/Riverside_occasional.jpg", "", ""] productImage[10]=["/_img/photos/productPage/Stanley_YouthBedroom.jpg", "", ""] productImage[11]=["/_img/photos/productPage/TempurPedic_bedding.jpg", "", ""] productImage[12]=["/_img/photos/productPage/pDining.jpg", "", ""] //////// SLIDE SHOW FOR INDIVIDUAL PRODUCT PAGES /////// // // Below are the images for ACCENTS PAGE Image Rotation var accentImages=new Array() accentImages[0]=["/_img/photos/accents/BassettMirror_accents.jpg", "", ""] accentImages[1]=["/_img/photos/accents/Flexsteel-Cream-Sectional-cropped.jpg", "", ""] accentImages[2]=["/_img/photos/accents/Lane_brown_leather-cropped.jpg", "", ""] accentImages[3]=["/_img/photos/accents/WillowLakeBedroom-croppedAccents.jpg", "", ""] accentImages[4]=["/_img/photos/accents/Lane_brown_leather-cropped2.jpg", "", ""] // Below are the images for AREA RUGS PAGE Image Rotation var areaRugsImages=new Array() areaRugsImages[0]=["/_img/photos/area-rugs/Oriental_Weaver_rugs.jpg", "", ""] areaRugsImages[1]=["/_img/photos/area-rugs/HomePhoto-cropped2.jpg", "", ""] areaRugsImages[2]=["/_img/photos/area-rugs/976-121-140-180-cropped.jpg", "", ""] /* areaRugsImages[3]=["/_img/photos/area-rugs/OutfitterChair.jpg", "", ""] areaRugsImages[4]=["/_img/photos/area-rugs/ROWENOTTINGHILL.jpg", "", ""] areaRugsImages[5]=["/_img/photos/area-rugs/WillowLakeBedroom.jpg", "", ""] */ // Below are the images for BEDROOM PAGE Image Rotation var bedroomImages=new Array() bedroomImages[0]=["/_img/photos/bedroom/AmerDrew_bedroom.jpg", "", ""] bedroomImages[1]=["/_img/photos/bedroom/AmerDrew_bedroom-cropped_s02.jpg", "", ""] bedroomImages[2]=["/_img/photos/bedroom/American-Drew-Hudson-Bedroom-cropped.jpg", "", ""] bedroomImages[3]=["/_img/photos/bedroom/MadisonParkBedroomCropped_r2_c1.jpg", "", ""] bedroomImages[4]=["/_img/photos/bedroom/AmerDrew_bedroom-cropped_s01.jpg", "", ""] bedroomImages[5]=["/_img/photos/bedroom/WillowLakeBedroom-cropped-1.jpg", "", ""] bedroomImages[6]=["/_img/photos/bedroom/MadisonParkBedroomCropped_r1_c3.jpg", "", ""] bedroomImages[7]=["/_img/photos/bedroom/WillowLakeBedroom-cropped-2.jpg", "", ""] // Below are the images for CASUAL DINING PAGE Image Rotation var casualDiningImages=new Array() casualDiningImages[0]=["/_img/photos/casual-dining/Broyhill_dining.jpg", "", ""] casualDiningImages[1]=["/_img/photos/casual-dining/ColorCuisineDining-cropped-1.jpg", "", ""] casualDiningImages[2]=["/_img/photos/casual-dining/LegaCottagePub-cropped.jpg", "", ""] casualDiningImages[3]=["/_img/photos/casual-dining/976-121-140-180-cropped.jpg", "", ""] casualDiningImages[4]=["/_img/photos/casual-dining/ColorCuisineDining-cropped-2.jpg", "", ""] casualDiningImages[5]=["/_img/photos/casual-dining/pDining.jpg", "", ""] // Below are the images for CURIOS CLOCKS SPIRITS PAGE Image Rotation var ccsImages=new Array() ccsImages[0]=["/_img/photos/curios-clocks-spirits/Pulaski_curio.jpg", "", ""] /* ccsImages[1]=["/_img/photos/curios-clocks-spirits/yyy.jpg", "", ""] ccsImages[2]=["/_img/photos/curios-clocks-spirits/yyy.jpg", "", ""] ccsImages[3]=["/_img/photos/curios-clocks-spirits/yyy.jpg", "", ""] ccsImages[4]=["/_img/photos/curios-clocks-spirits/yyy.jpg", "", ""] ccsImages[5]=["/_img/photos/curios-clocks-spirits/yyy.jpg", "", ""] */ // Below are the images for FORMAL DINING PAGE Image Rotation var formDiningImages=new Array() formDiningImages[0]=["/_img/photos/formal-dining/976-121-140-180-cropped.jpg", "", ""] formDiningImages[1]=["/_img/photos/formal-dining/ColorCuisineDining-cropped-1.jpg", "", ""] formDiningImages[2]=["/_img/photos/formal-dining/ColorCuisineDining-cropped-2.jpg", "", ""] formDiningImages[3]=["/_img/photos/formal-dining/Lane_dining-cropped.jpg", "", ""] formDiningImages[4]=["/_img/photos/formal-dining/LegaCottagePub-cropped.jpg", "", ""] formDiningImages[5]=["/_img/photos/formal-dining/LegaCottageSideboard-cropped.jpg", "", ""] formDiningImages[5]=["/_img/photos/formal-dining/Legacy-Willow-Lake-Dining-cropped.jpg", "", ""] formDiningImages[5]=["/_img/photos/formal-dining/pDining.jpg", "", ""] // Below are the images for LEATHER PAGE Image Rotation var leatherImages=new Array() leatherImages[0]=["/_img/photos/leather/Flexsteel_leather.jpg", "", ""] leatherImages[1]=["/_img/photos/leather/1541_Lifestyle-cropped.jpg", "", ""] leatherImages[2]=["/_img/photos/leather/FLEXLCOLE-cropped-1.jpg", "", ""] leatherImages[3]=["/_img/photos/leather/HomePhoto-cropped.jpg", "", ""] leatherImages[4]=["/_img/photos/leather/Lane_brown_leather-cropped.jpg", "", ""] leatherImages[5]=["/_img/photos/leather/FLEXLCOLE-cropped-2.jpg", "", ""] leatherImages[6]=["/_img/photos/leather/1541_Lifestyle-cropped2.jpg", "", ""] leatherImages[7]=["/_img/photos/leather/OutfitterChair-cropped.jpg", "", ""] // Below are the images for LIVING ROOM PAGE Image Rotation var livingRoomImages=new Array() livingRoomImages[0]=["/_img/photos/living-room/Flexsteel_leather.jpg", "", ""] livingRoomImages[1]=["/_img/photos/living-room/1541_Lifestyle-cropped.jpg", "", ""] livingRoomImages[2]=["/_img/photos/living-room/5988_Lifestyle-cropped.jpg", "", ""] livingRoomImages[3]=["/_img/photos/living-room/FLEXLCOLE-cropped-1.jpg", "", ""] livingRoomImages[4]=["/_img/photos/living-room/Flexsteel_living room.jpg", "", ""] livingRoomImages[5]=["/_img/photos/living-room/HomePhoto-cropped2.jpg", "", ""] livingRoomImages[6]=["/_img/photos/living-room/Lane_brown_leather-cropped.jpg", "", ""] livingRoomImages[7]=["/_img/photos/living-room/1541_Lifestyle-cropped2.jpg", "", ""] livingRoomImages[8]=["/_img/photos/living-room/5988_Lifestyle-cropped2.jpg", "", ""] livingRoomImages[9]=["/_img/photos/living-room/FLEXLCOLE-cropped-2.jpg", "", ""] livingRoomImages[10]=["/_img/photos/living-room/HomePhoto-cropped.jpg", "", ""] livingRoomImages[11]=["/_img/photos/living-room/Lane_recliners.jpg", "", ""] livingRoomImages[12]=["/_img/photos/living-room/OutfitterChair-cropped.jpg", "", ""] livingRoomImages[13]=["/_img/photos/living-room/ROWENOTTINGHILL-cropped.jpg", "", ""] // Below are the images for MATTRESSES PAGE Image Rotation /* NO MATTRESSES YET var mattressesImages=new Array() mattressesImages[0]=["/_img/photos/home/ColorCuisineDining.jpg", "", ""] mattressesImages[1]=["/_img/photos/home/FLEXLCOLE.jpg", "", ""] mattressesImages[2]=["/_img/photos/home/MadisonParkBedroom.jpg", "", ""] mattressesImages[3]=["/_img/photos/home/OutfitterChair.jpg", "", ""] mattressesImages[4]=["/_img/photos/home/ROWENOTTINGHILL.jpg", "", ""] mattressesImages[5]=["/_img/photos/home/WillowLakeBedroom.jpg", "", ""] */ // Below are the images for OCCASIONAL PAGE Image Rotation var occasionalImages=new Array() occasionalImages[0]=["/_img/photos/occasional/Riverside_occasional.jpg", "", ""] occasionalImages[1]=["/_img/photos/occasional/Lane_brown_leather-cropped2.jpg", "", ""] occasionalImages[2]=["/_img/photos/occasional/FLEXLCOLE-cropped-1.jpg", "", ""] occasionalImages[3]=["/_img/photos/occasional/Lane_brown_leather-cropped.jpg", "", ""] /* occasionalImages[4]=["/_img/photos/occassional/yyy.jpg", "", ""] occasionalImages[5]=["/_img/photos/occassional/yyy.jpg", "", ""] */ // Below are the images for RECLINERS PAGE Image Rotation var reclinerImages=new Array() reclinerImages[0]=["/_img/photos/recliners/Lane_recliners.jpg", "", ""] reclinerImages[1]=["/_img/photos/recliners/FLEXLCOLE-cropped-2.jpg", "", ""] reclinerImages[2]=["/_img/photos/recliners/Lane_recliners.jpg", "", ""] /* reclinerImages[3]=["/_img/photos/home/OutfitterChair.jpg", "", ""] reclinerImages[4]=["/_img/photos/home/ROWENOTTINGHILL.jpg", "", ""] reclinerImages[5]=["/_img/photos/home/WillowLakeBedroom.jpg", "", ""] */ // Below are the images for YOUTH BEDROOM PAGE Image Rotation var youthBedroomImages=new Array() youthBedroomImages[0]=["/_img/photos/youth-bedroom/Stanley_YouthBedroom.jpg", "", ""] youthBedroomImages[1]=["/_img/photos/youth-bedroom/Stanley_girls room-cropped.jpg", "", ""] youthBedroomImages[2]=["/_img/photos/youth-bedroom/LegaSummertimeBunk-cropped.jpg", "", ""] youthBedroomImages[3]=["/_img/photos/youth-bedroom/LegaWaverunner-cropped.jpg", "", ""] youthBedroomImages[4]=["/_img/photos/youth-bedroom/LegaSummertime.jpg", "", ""] youthBedroomImages[5]=["/_img/photos/youth-bedroom/Lea-Dillon-Youth-Bedroom-cropped.jpg", "", ""] youthBedroomImages[6]=["/_img/photos/youth-bedroom/LegaWaverunner2.jpg", "", ""] var fadebgcolor="white" ////NO need to edit beyond here///////////// var fadearray=new Array() //array to cache fadeshow instances var fadeclear=new Array() //array to cache corresponding clearinterval pointers var dom=(document.getElementById) //modern dom browsers var iebrowser=document.all function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){ this.pausecheck=pause this.mouseovercheck=0 this.delay=delay this.degree=10 //initial opacity degree (10%) this.curimageindex=0 this.nextimageindex=1 fadearray[fadearray.length]=this this.slideshowid=fadearray.length-1 this.canvasbase="canvas"+this.slideshowid this.curcanvas=this.canvasbase+"_0" if (typeof displayorder!="undefined") theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :) this.theimages=theimages this.imageborder=parseInt(borderwidth) this.postimages=new Array() //preload images for (p=0;p
') else document.write('
') if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox this.startit() else{ this.curimageindex++ setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay) } } function fadepic(obj){ if (obj.degree<100){ obj.degree+=10 if (obj.tempobj.filters&&obj.tempobj.filters[0]){ if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+ obj.tempobj.filters[0].opacity=obj.degree else //else if IE5.5- obj.tempobj.style.filter="alpha(opacity="+obj.degree+")" } else if (obj.tempobj.style.MozOpacity) obj.tempobj.style.MozOpacity=obj.degree/101 else if (obj.tempobj.style.KhtmlOpacity) obj.tempobj.style.KhtmlOpacity=obj.degree/100 else if (obj.tempobj.style.opacity&&!obj.tempobj.filters) obj.tempobj.style.opacity=obj.degree/101 } else{ clearInterval(fadeclear[obj.slideshowid]) obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1" obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas) obj.populateslide(obj.tempobj, obj.nextimageindex) obj.nextimageindex=(obj.nextimageindex' slideHTML+='' if (this.theimages[picindex][1]!="") //if associated link exists for image slideHTML+='' picobj.innerHTML=slideHTML } fadeshow.prototype.rotateimage=function(){ if (this.pausecheck==1) //if pause onMouseover enabled, cache object var cacheobj=this if (this.mouseovercheck==1) setTimeout(function(){cacheobj.rotateimage()}, 100) else if (iebrowser&&dom||dom){ this.resetit() var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) crossobj.style.zIndex++ fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50) this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0" } else{ var ns4imgobj=document.images['defaultslide'+this.slideshowid] ns4imgobj.src=this.postimages[this.curimageindex].src } this.curimageindex=(this.curimageindex */ /* ********************************************** END GOOGLE MAP CODE ********************************************** */ /* ********************************************** BEGIN TABBED PANEL CODE FOR PRODUCTS PAGE ********************************************** */ /* SpryTabbedPanels.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.TabbedPanels = function(element, opts) { this.element = this.getElement(element); this.defaultTab = 0; // Show the first panel by default. this.bindings = []; this.tabSelectedClass = "TabbedPanelsTabSelected"; this.tabHoverClass = "TabbedPanelsTabHover"; this.tabFocusedClass = "TabbedPanelsTabFocused"; this.panelVisibleClass = "TabbedPanelsContentVisible"; this.focusElement = null; this.hasFocus = false; this.currentTabIndex = 0; this.enableKeyboardNavigation = true; 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.onTabClick = function(e, tab) { this.showPanel(tab); }; Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function(e, tab) { this.addClassName(tab, this.tabHoverClass); }; Spry.Widget.TabbedPanels.prototype.onTabMouseOut = function(e, tab) { this.removeClassName(tab, this.tabHoverClass); }; Spry.Widget.TabbedPanels.prototype.onTabFocus = function(e, tab) { this.hasFocus = true; this.addClassName(this.element, this.tabFocusedClass); }; Spry.Widget.TabbedPanels.prototype.onTabBlur = function(e, tab) { this.hasFocus = false; this.removeClassName(this.element, this.tabFocusedClass); }; Spry.Widget.TabbedPanels.ENTER_KEY = 13; Spry.Widget.TabbedPanels.SPACE_KEY = 32; Spry.Widget.TabbedPanels.prototype.onTabKeyDown = function(e, tab) { var key = e.keyCode; if (!this.hasFocus || (key != Spry.Widget.TabbedPanels.ENTER_KEY && key != Spry.Widget.TabbedPanels.SPACE_KEY)) return true; this.showPanel(tab); if (e.stopPropagation) e.stopPropagation(); if (e.preventDefault) e.preventDefault(); return false; }; 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); }; // END OF TABBED PANELS /* BEGIN NEW ADOBE SPRY WIDGET DROPDOWN MENUS */ // SpryMenuBar.js - version 0.12 - 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. /******************************************************************************* SpryMenuBar.js This file handles the JavaScript for Spry Menu Bar. You should have no need to edit this file. Some highlights of the MenuBar object is that timers are used to keep submenus from showing up until the user has hovered over the parent menu item for some time, as well as a timer for when they leave a submenu to keep showing that submenu until the timer fires. *******************************************************************************/ var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {}; Spry.BrowserSniff = function() { var b = navigator.appName.toString(); var up = navigator.platform.toString(); var ua = navigator.userAgent.toString(); this.mozilla = this.ie = this.opera = this.safari = false; var re_opera = /Opera.([0-9\.]*)/i; var re_msie = /MSIE.([0-9\.]*)/i; var re_gecko = /gecko/i; var re_safari = /(applewebkit|safari)\/([\d\.]*)/i; var r = false; if ( (r = ua.match(re_opera))) { this.opera = true; this.version = parseFloat(r[1]); } else if ( (r = ua.match(re_msie))) { this.ie = true; this.version = parseFloat(r[1]); } else if ( (r = ua.match(re_safari))) { this.safari = true; this.version = parseFloat(r[2]); } 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.BrowserSniff(); // Constructor for Menu Bar // element should be an ID of an unordered list (
    tag) // preloadImage1 and preloadImage2 are images for the rollover state of a menu Spry.Widget.MenuBar = function(element, opts) { this.init(element, opts); }; Spry.Widget.MenuBar.prototype.init = function(element, opts) { this.element = this.getElement(element); // represents the current (sub)menu we are operating on this.currMenu = null; this.showDelay = 250; this.hideDelay = 600; if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined')) { // bail on older unsupported browsers return; } // Fix IE6 CSS images flicker if (Spry.is.ie && Spry.is.version < 7){ try { document.execCommand("BackgroundImageCache", false, true); } catch(err) {} } this.upKeyCode = Spry.Widget.MenuBar.KEY_UP; this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN; this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT; this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT; this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC; this.hoverClass = 'MenuBarItemHover'; this.subHoverClass = 'MenuBarItemSubmenuHover'; this.subVisibleClass ='MenuBarSubmenuVisible'; this.hasSubClass = 'MenuBarItemSubmenu'; this.activeClass = 'MenuBarActive'; this.isieClass = 'MenuBarItemIE'; this.verticalClass = 'MenuBarVertical'; this.horizontalClass = 'MenuBarHorizontal'; this.enableKeyboardNavigation = true; this.hasFocus = false; // load hover images now if(opts) { for(var k in opts) { if (typeof this[k] == 'undefined') { var rollover = new Image; rollover.src = opts[k]; } } Spry.Widget.MenuBar.setOptions(this, opts); } // safari doesn't support tabindex if (Spry.is.safari) this.enableKeyboardNavigation = false; if(this.element) { this.currMenu = this.element; var items = this.element.getElementsByTagName('li'); for(var i=0; i 0 && this.enableKeyboardNavigation) items[i].getElementsByTagName('a')[0].tabIndex='-1'; this.initialize(items[i], element); if(Spry.is.ie) { this.addClassName(items[i], this.isieClass); items[i].style.position = "static"; } } if (this.enableKeyboardNavigation) { var self = this; this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false); } if(Spry.is.ie) { if(this.hasClassName(this.element, this.verticalClass)) { this.element.style.position = "relative"; } var linkitems = this.element.getElementsByTagName('a'); for(var i=0; i 0) { layers[0].parentNode.removeChild(layers[0]); } }; // clearMenus for Menu Bar // root is the top level unordered list (
      tag) Spry.Widget.MenuBar.prototype.clearMenus = function(root) { var menus = root.getElementsByTagName('ul'); for(var i=0; i 0 ? submenus[0] : null); if(menu) this.addClassName(link, this.hasSubClass); if(!Spry.is.ie) { // define a simple function that comes standard in IE to determine // if a node is within another node listitem.contains = function(testNode) { // this refers to the list item if(testNode == null) return false; if(testNode == this) return true; else return this.contains(testNode.parentNode); }; } // need to save this for scope further down var self = this; this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false); this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false); if (this.enableKeyboardNavigation) { this.addEventListener(link, 'blur', function(e){self.onBlur(listitem);}, false); this.addEventListener(link, 'focus', function(e){self.keyFocus(listitem, e);}, false); } }; Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e) { this.lastOpen = listitem.getElementsByTagName('a')[0]; this.addClassName(this.lastOpen, listitem.getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass); this.hasFocus = true; }; Spry.Widget.MenuBar.prototype.onBlur = function (listitem) { this.clearSelection(listitem); }; Spry.Widget.MenuBar.prototype.clearSelection = function(el){ //search any intersection with the current open element if (!this.lastOpen) return; if (el) { el = el.getElementsByTagName('a')[0]; // check children var item = this.lastOpen; while (item != this.element) { var tmp = el; while (tmp != this.element) { if (tmp == item) return; try{ tmp = tmp.parentNode; }catch(err){break;} } item = item.parentNode; } } var item = this.lastOpen; while (item != this.element) { this.hideSubmenu(item.parentNode); var link = item.getElementsByTagName('a')[0]; this.removeClassName(link, this.hoverClass); this.removeClassName(link, this.subHoverClass); item = item.parentNode; } this.lastOpen = false; }; Spry.Widget.MenuBar.prototype.keyDown = function (e) { if (!this.hasFocus) return; if (!this.lastOpen) { this.hasFocus = false; return; } var e = e|| event; var listitem = this.lastOpen.parentNode; var link = this.lastOpen; var submenus = listitem.getElementsByTagName('ul'); var menu = (submenus.length > 0 ? submenus[0] : null); var hasSubMenu = (menu) ? true : false; var opts = [listitem, menu, null, this.getSibling(listitem, 'previousSibling'), this.getSibling(listitem, 'nextSibling')]; if (!opts[3]) opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCase() == 'li')?listitem.parentNode.parentNode:null; var found = 0; switch (e.keyCode){ case this.upKeyCode: found = this.getElementForKey(opts, 'y', 1); break; case this.downKeyCode: found = this.getElementForKey(opts, 'y', -1); break; case this.leftKeyCode: found = this.getElementForKey(opts, 'x', 1); break; case this.rightKeyCode: found = this.getElementForKey(opts, 'x', -1); break; case this.escKeyCode: case 9: this.clearSelection(); this.hasFocus = false; default: return; } switch (found) { case 0: return; case 1: //subopts this.mouseOver(listitem, e); break; case 2: //parent this.mouseOut(opts[2], e); break; case 3: case 4: // left - right this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass); break; } var link = opts[found].getElementsByTagName('a')[0]; if (opts[found].nodeName.toLowerCase() == 'ul') opts[found] = opts[found].getElementsByTagName('li')[0]; this.addClassName(link, opts[found].getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass); this.lastOpen = link; opts[found].getElementsByTagName('a')[0].focus(); //stop further event handling by the browser return Spry.Widget.MenuBar.stopPropagation(e); }; Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e) { var link = listitem.getElementsByTagName('a')[0]; var submenus = listitem.getElementsByTagName('ul'); var menu = (submenus.length > 0 ? submenus[0] : null); var hasSubMenu = (menu) ? true : false; if (this.enableKeyboardNavigation) this.clearSelection(listitem); if(this.bubbledTextEvent()) { // ignore bubbled text events return; } if (listitem.closetime) clearTimeout(listitem.closetime); if(this.currMenu == listitem) { this.currMenu = null; } // move the focus too if (this.hasFocus) link.focus(); // show menu highlighting this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass); this.lastOpen = link; if(menu && !this.hasClassName(menu, this.subHoverClass)) { var self = this; listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu);}, this.showDelay); } }; Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e) { var link = listitem.getElementsByTagName('a')[0]; var submenus = listitem.getElementsByTagName('ul'); var menu = (submenus.length > 0 ? submenus[0] : null); var hasSubMenu = (menu) ? true : false; if(this.bubbledTextEvent()) { // ignore bubbled text events return; } var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement); if(!listitem.contains(related)) { if (listitem.opentime) clearTimeout(listitem.opentime); this.currMenu = listitem; // remove menu highlighting this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass); if(menu) { var self = this; listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, this.hideDelay); } if (this.hasFocus) link.blur(); } }; Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling) { var child = element[sibling]; while (child && child.nodeName.toLowerCase() !='li') child = child[sibling]; return child; }; Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir) { var found = 0; var rect = Spry.Widget.MenuBar.getPosition; var ref = rect(els[found]); var hideSubmenu = false; //make the subelement visible to compute the position if (els[1] && !this.hasClassName(els[1], this.MenuBarSubmenuVisible)) { els[1].style.visibility = 'hidden'; this.showSubmenu(els[1]); hideSubmenu = true; } var isVert = this.hasClassName(this.element, this.verticalClass); var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false; for (var i = 1; i < els.length; i++){ //when navigating on the y axis in vertical menus, ignore children and parents if(prop=='y' && isVert && (i==1 || i==2)) { continue; } //when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents if(prop=='x' && !isVert && !hasParent && (i==1 || i==2)) { continue; } if (els[i]) { var tmp = rect(els[i]); if ( (dir * tmp[prop]) < (dir * ref[prop])) { ref = tmp; found = i; } } } // hide back the submenu if (els[1] && hideSubmenu){ this.hideSubmenu(els[1]); els[1].style.visibility = ''; } return found; }; Spry.Widget.MenuBar.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.MenuBar.getStyleProp = function(element, prop) { var value; try { if (element.style) value = element.style[Spry.Widget.MenuBar.camelize(prop)]; 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[Spry.Widget.MenuBar.camelize(prop)]; } } catch (e) {} return value == 'auto' ? null : value; }; Spry.Widget.MenuBar.getIntProp = function(element, prop) { var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10); if (isNaN(a)) return 0; return a; }; Spry.Widget.MenuBar.getPosition = function(el, doc) { doc = doc || document; if (typeof(el) == 'string') { el = doc.getElementById(el); } if (!el) { return false; } if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') { //element must be visible to have a box return false; } var ret = {x:0, y: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; } else if (doc.getBoxObjectFor) { // gecko box = doc.getBoxObjectFor(el); ret.x = box.x; ret.y = box.y; } else { // safari/opera ret.x = el.offsetLeft; ret.y = el.offsetTop; parent = el.offsetParent; if (parent != el) { while (parent) { ret.x += parent.offsetLeft; ret.y += parent.offsetTop; parent = parent.offsetParent; } } // opera & (safari absolute) incorrectly account for body offsetTop if (Spry.is.opera || Spry.is.safari && Spry.Widget.MenuBar.getStyleProp(el, 'position') == 'absolute') ret.y -= doc.body.offsetTop; } if (el.parentNode) parent = el.parentNode; else parent = null; if (parent.nodeName){ var cas = parent.nodeName.toUpperCase(); while (parent && cas != 'BODY' && cas != 'HTML') { cas = parent.nodeName.toUpperCase(); ret.x -= parent.scrollLeft; ret.y -= parent.scrollTop; if (parent.parentNode) parent = parent.parentNode; else parent = null; } } return ret; }; Spry.Widget.MenuBar.stopPropagation = function(ev) { if (ev.stopPropagation) ev.stopPropagation(); else ev.cancelBubble = true; if (ev.preventDefault) ev.preventDefault(); else ev.returnValue = false; }; Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps) { if (!optionsObj) return; for (var optionName in optionsObj) { if (ignoreUndefinedProps && optionsObj[optionName] == undefined) continue; obj[optionName] = optionsObj[optionName]; } };