/* Styles for scrolling layers Specify width and height in hold and wn and in clip for wn */ div#hold { position:relative; overflow:hidden; width:560px; height:88px; z-index:100 } div#wn { position:absolute; left:0px; top:0px; width:560px; height:88px; clip:rect(0px 560px 84px 0px); overflow:hidden; z-index:1; } div#lyr1 { position:absolute; visibility:hidden; left:0px; top:0px; z-index:1; width:100% } photo = new Array(); caption = new Array(); photo[0]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/DOcAAOSwKrhVeHTV/$_4.JPG"; caption[0]=""; photo[1]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/SOUAAOSwBLlVeHTd/$_4.JPG"; caption[1]=""; photo[2]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/bZ4AAOSwrklVeHTl/$_4.JPG"; caption[2]=""; photo[3]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/ihkAAOSwpdpVeHTs/$_4.JPG"; caption[3]=""; photo[4]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/wIEAAOSwstxVeHT0/$_4.JPG"; caption[4]=""; photo[5]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/TCQAAOSwBLlVeHT5/$_4.JPG"; caption[5]=""; photo[6]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/uzAAAOSweW5VeHUB/$_4.JPG"; caption[6]=""; photo[7]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/LCcAAOSwZd1VeHUJ/$_4.JPG"; caption[7]=""; photo[8]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/LWcAAOSwZd1VeHUQ/$_4.JPG"; caption[8]=""; photo[9]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/vBoAAOSw~OdVeHUY/$_4.JPG"; caption[9]=""; photo[10]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/ME4AAOSwZd1VeHUj/$_4.JPG"; caption[10]=""; photo[11]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/EaUAAOSwv0tVeHUu/$_4.JPG"; caption[11]=""; photo[12]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/EuEAAOSwv0tVeHU5/$_4.JPG"; caption[12]=""; photo[13]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/ya0AAOSwstxVeHVF/$_4.JPG"; caption[13]=""; photo[14]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/NdUAAOSwl8NVeHVQ/$_4.JPG"; caption[14]=""; photo[15]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/ZNgAAOSwpDdVeHVZ/$_4.JPG"; caption[15]=""; photo[16]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/ZbMAAOSwpDdVeHVg/$_4.JPG"; caption[16]=""; photo[17]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/OtgAAOSwZd1VeHVm/$_4.JPG"; caption[17]=""; photo[18]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/WT0AAOSwBLlVeHVu/$_4.JPG"; caption[18]=""; photo[19]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/fZsAAOSwrklVeHV2/$_4.JPG"; caption[19]=""; photo[20]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/oCAAAOSwpdpVeHV-/$_4.JPG"; caption[20]=""; photo[21]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/0DYAAOSwstxVeHWF/$_4.JPG"; caption[21]=""; photo[22]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/OkAAAOSwNSxVeHWM/$_4.JPG"; caption[22]=""; photo[23]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/y7sAAOSweW5VeHWU/$_4.JPG"; caption[23]=""; photo[24]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/bBcAAOSwpDdVeHWc/$_4.JPG"; caption[24]=""; photo[25]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/pZ8AAOSwpdpVeHWk/$_4.JPG"; caption[25]=""; photo[26]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/H78AAOSwv0tVeHWs/$_4.JPG"; caption[26]=""; photo[27]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/b1YAAOSwpDdVeHW0/$_4.JPG"; caption[27]=""; photo[28]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/1vgAAOSwstxVeHW6/$_4.JPG"; caption[28]=""; photo[29]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/n1cAAOSwBahVeHXA/$_4.JPG"; caption[29]=""; photo[30]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/0tYAAOSweW5VeHXH/$_4.JPG"; caption[30]=""; photo[31]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/06wAAOSweW5VeHXN/$_4.JPG"; caption[31]=""; photo[32]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/iQ8AAOSwrklVeHXS/$_4.JPG"; caption[32]=""; photo[33]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/QisAAOSwNSxVeHXe/$_4.JPG"; caption[33]=""; photo[34]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/1OoAAOSw~OdVeHXp/$_4.JPG"; caption[34]=""; photo[35]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/anAAAOSwBLlVeHX2/$_4.JPG"; caption[35]=""; photo[36]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/j~0AAOSwrklVeHYA/$_4.JPG"; caption[36]=""; photo[37]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/SpAAAOSwl8NVeHYL/$_4.JPG"; caption[37]=""; photo[38]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/YlkAAOSw3xJVeHYW/$_4.JPG"; caption[38]=""; photo[39]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/rcMAAOSwBahVeHYj/$_4.JPG"; caption[39]=""; photo[40]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/N2YAAOSwKrhVeHYv/$_4.JPG"; caption[40]=""; photo[41]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/tEQAAOSwpdpVeHY5/$_4.JPG"; caption[41]=""; photo[42]="http://i.ebayimg.com/00/s/MTYwMFgxMDY2/z/NQkAAOSwv0tVeHZD/$_4.JPG"; caption[42]=""; photo[43]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/ULQAAOSwl8NVeHZP/$_4.JPG"; caption[43]=""; photo[44]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/OwoAAOSwKrhVeHZW/$_4.JPG"; caption[44]=""; photo[45]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/iEEAAOSwpDdVeHZg/$_4.JPG"; caption[45]=""; photo[46]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/8RwAAOSwstxVeHZp/$_4.JPG"; caption[46]=""; photo[47]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/oFcAAOSwrklVeHZx/$_4.JPG"; caption[47]=""; photo[48]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/jK0AAOSwpDdVeHZ6/$_4.JPG"; caption[48]=""; photo[49]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/UGcAAOSwNSxVeHaC/$_4.JPG"; caption[49]=""; photo[50]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/j1MAAOSwpDdVeHaL/$_4.JPG"; caption[50]=""; photo[51]="http://i.ebayimg.com/00/s/MTA2NlgxNjAw/z/QlAAAOSwv0tVeHaW/$_4.JPG"; caption[51]=""; function showupdate(photoIndex) { document['bigPhoto'].src = photo[photoIndex]; var caption1; if (document.getElementById) { // W3C caption1 = document.getElementById("captionID"); } else if (document.all) { // IE4 caption1 = document.all("captionID"); } caption1.innerHTML=caption[photoIndex]; } /************************************************************************* This code is from Dynamic Web Coding at dyn-web.com Copyright 2001-5 by Sharon Paine See Terms of Use at www.dyn-web.com/bus/terms.html regarding conditions under which you may use this code. This notice must be retained in the code as is! *************************************************************************/ /* dw_scrollObj.js version date: March 2005 GeckoTableBugFix algorithm revised and now excludes Safari and Konqueror. dw_scrollObj.js contains constructor and basic methods for scrolling layers. Use with dw_hoverscroll.js and/or dw_glidescroll.js and for scrollbars: dw_scroll-aux.js and dw_slidebar.js */ dw_scrollObjs = {}; dw_scrollObj.speed = 100; // default speed for mouseover scrolling // constructor arguments: id of layer containing scrolling layers (clipped layer) id of layer to scroll // id of table or other element that scrolling content is nested in. // ns6+/moz need that extra container to get width for horizontal scrolling. // (not needed for vertical scrolling) function dw_scrollObj(wnId lyrId cntId) { this.id = wnId; dw_scrollObjs[this.id] = this; this.cntId = cntId; this.animString = "dw_scrollObjs." + this.id; this.load(lyrId cntId); } dw_scrollObj.loadLayer = function(wnId id cntId) { if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].load(id cntId); } dw_scrollObj.prototype.load = function(lyrId cntId) { if (!document.getElementById) return; var wndo lyr; if (this.lyrId) { lyr = document.getElementById(this.lyrId); lyr.style.visibility = "hidden"; } lyr = document.getElementById(lyrId); wndo = document.getElementById(this.id); lyr.style.top = this.y = 0; lyr.style.left = this.x = 0; this.maxY = (lyr.offsetHeight - wndo.offsetHeight > 0)? lyr.offsetHeight - wndo.offsetHeight: 0; this.wd = cntId? document.getElementById(cntId).offsetWidth: lyr.offsetWidth; this.maxX = (this.wd - wndo.offsetWidth > 0)? this.wd - wndo.offsetWidth: 0; this.lyrId = lyrId; // hold id of currently visible layer lyr.style.visibility = "visible"; this.on_load(); this.ready = true; } dw_scrollObj.prototype.on_load = function() {} dw_scrollObj.prototype.deferredLoad = function() { if (!document.getElementById) return; if (this.deferredLoadCalled == true) return; var wndo lyr; lyr = document.getElementById(this.lyrId); wndo = document.getElementById(this.id); lyr.style.top = this.y = 0; lyr.style.left = this.x = 0; this.maxY = (lyr.offsetHeight - wndo.offsetHeight > 0)? lyr.offsetHeight - wndo.offsetHeight: 0; this.wd = this.cntId? document.getElementById(this.cntId).offsetWidth: lyr.offsetWidth; this.maxX = (this.wd - wndo.offsetWidth > 0)? this.wd - wndo.offsetWidth: 0; this.deferredLoadCalled = true; } dw_scrollObj.prototype.shiftTo = function(lyr x y) { lyr.style.left = (this.x = x) + "px"; lyr.style.top = (this.y = y) + "px"; } // remove layers from table for ns6+/mozilla (needed for scrolling inside tables) // recent versions of ns/moz (ns7.2 and moz 1.73) don't need it (ns 7.1 and moz 1.5 do) dw_scrollObj.GeckoTableBugFix = function() { var ua = navigator.userAgent; if ( ua.indexOf("Gecko") > -1 && ua.indexOf("Firefox") == -1 && ua.indexOf("Safari") == -1 && ua.indexOf("Konqueror") == -1 ) { dw_scrollObj.hold = []; // holds id's of wndo and its container for (var i=0; arguments[i]; i++) { if ( dw_scrollObjs[ arguments[i] ] ) { var wndo = document.getElementById( arguments[i] ); var holderId = wndo.parentNode.id; var holder = document.getElementById(holderId); document.body.appendChild( holder.removeChild(wndo) ); wndo.style.zIndex = 1000; var pos = getPageOffsets(holder); wndo.style.left = pos.x + "px"; wndo.style.top = pos.y + "px"; dw_scrollObj.hold[i] = [ arguments[i] holderId ]; } } window.addEventListener("resize" dw_scrollObj.rePositionGecko true); } } // ns6+/mozilla need to reposition layers onresize when scrolling inside tables. dw_scrollObj.rePositionGecko = function() { if (dw_scrollObj.hold) { for (var i=0; dw_scrollObj.hold[i]; i++) { var wndo = document.getElementById( dw_scrollObj.hold[i][0] ); var holder = document.getElementById( dw_scrollObj.hold[i][1] ); var pos = getPageOffsets(holder); wndo.style.left = pos.x + "px"; wndo.style.top = pos.y + "px"; } } } function getPageOffsets(el) { var left = el.offsetLeft; var top = el.offsetTop; if ( el.offsetParent && el.offsetParent.clientLeft || el.offsetParent.clientTop ) { left += el.offsetParent.clientLeft; top += el.offsetParent.clientTop; } while ( el = el.offsetParent ) { left += el.offsetLeft; top += el.offsetTop; } return { x:left y:top }; } /************************************************************************* This code is from Dynamic Web Coding at www.dyn-web.com Copyright 2001-4 by Sharon Paine See Terms of Use at www.dyn-web.com/bus/terms.html regarding conditions under which you may use this code. This notice must be retained in the code as is! *************************************************************************/ /* dw_glidescroll.js version date: June 2004 glide onclick scrolling for dw_scrollObj (in dw_scrollObj.js) */ dw_scrollObj.slideDur = 500; // duration of glide // intermediary functions needed to prevent errors before page loaded dw_scrollObj.scrollBy = function(wnId x y dur) { if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].glideBy(x y dur); } dw_scrollObj.scrollTo = function(wnId x y dur) { if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].glideTo(x y dur); } // Resources for time-based slide algorithm: // DHTML chaser tutorial at DHTML Lab - www.webreference.com/dhtml // and cbe_slide.js from www.cross-browser.com by Mike Foster dw_scrollObj.prototype.glideBy = function(dx dy dur) { if ( !document.getElementById || this.sliding ) return; this.deferredLoad(); this.slideDur = dur || dw_scrollObj.slideDur; this.destX = this.destY = this.distX = this.distY = 0; this.lyr = document.getElementById(this.lyrId); this.startX = this.x; this.startY = this.y; if (dy < 0) this.distY = (this.startY + dy >= -this.maxY)? dy: -(this.startY + this.maxY); else if (dy > 0) this.distY = (this.startY + dy = -this.maxX)? dx: -(this.startX + this.maxX); else if (dx > 0) this.distX = (this.startX + dx initScrollLayer();