// the image path to use, with an {ITEMID} placeholder embedded in it var WOWstrCoverPath = "http://contentcafe2.btol.com/ContentCafe/Jacket.aspx?Return=1&Type=S&Value={ITEMID}&userID=OPL76352&password=CC28793"; // the widget's width (in pixels) var WOWiWidgetWidth=250; // the widget's height var WOWiWidgetHeight=135; // the slide speed (larger is faster 1-10) var WOWslidespeed=2; // cycles to pause per title var WOWiPause=100; // max width of visible titles in characters - however, a more precise method is used to ensure title fits onscreen var WOWiTitleMaxShowingLength = 70; // configure S curve - this is really percentages var WOWarraySpeedRamp = new Array(-0.50,-0.37,-0.26,-0.17,-0.10,-0.05,-0.02,-0.01,0,0.01,0.02,0.05,0.10,0.17,0.26,0.37); // bar-separated list of ASIN-or-ISBN/WowbraryURL/Title (no final bar) var WOWstrRawData = "9780448453729|http://www.wowbrary.org/l.aspx?l=1820&c=574352&i=9780448453729&t=Topsy-Turvy+%2324+(Camp+Confidential)&widget|Topsy-Turvy #24 (Camp Confidential)|9781554692248|http://www.wowbrary.org/l.aspx?l=1820&c=574349&i=9781554692248&t=Reckless+(Orca+Currents)&widget|Reckless (Orca Currents)|9781604539462|http://www.wowbrary.org/l.aspx?l=1820&c=574480&i=9781604539462&t=Trail+of+Tears+(Essential+Events+Set+4)&widget|Trail of Tears (Essential Events Set 4)|9781591164661|http://www.wowbrary.org/l.aspx?l=1820&c=573510&i=9781591164661&t=Megaman+Nt+Warrior%2c+Volume+2+(Megaman+Nt+Warrior)&widget|Megaman Nt Warrior, Volume 2 (Megaman Nt Warrior)|9781414301563|http://www.wowbrary.org/l.aspx?l=1820&c=573256&i=9781414301563&t=The+Sword+of+the+Wormling+(The+Wormling)&widget|The Sword of the Wormling (The Wormling)|9780763646554|http://www.wowbrary.org/l.aspx?l=1820&c=573141&i=9780763646554&t=Toby+and+the+Secrets+of+the+Tree&widget|Toby and the Secrets of the Tree|9781595140272|http://www.wowbrary.org/l.aspx?l=1820&c=573188&i=9781595140272&t=Enemies+%234+(The+Hollow)&widget|Enemies #4 (The Hollow)|9780061138492|http://www.wowbrary.org/l.aspx?l=1820&c=573182&i=9780061138492&t=Wicked+Dead%3a+Lurker&widget|Wicked Dead: Lurker|9781420502862|http://www.wowbrary.org/l.aspx?l=1820&c=573580&i=9781420502862&t=Leukemia+(Diseases+and+Disorders)&widget|Leukemia (Diseases and Disorders)|9780060594947|http://www.wowbrary.org/l.aspx?l=1820&c=573000&i=9780060594947&t=Jim+%26amp%3b+Me+(Baseball+Card+Adventures)&widget|Jim & Me (Baseball Card Adventures)|9781600069482|http://www.wowbrary.org/l.aspx?l=1820&c=572419&i=9781600069482&t=Forgotten%3a+Seventeen+and+Homeless+(Secrets)&widget|Forgotten: Seventeen and Homeless (Secrets)|9781595140241|http://www.wowbrary.org/l.aspx?l=1820&c=572457&i=9781595140241&t=Horseman+%231+(The+Hollow)&widget|Horseman #1 (The Hollow)|9780757313646|http://www.wowbrary.org/l.aspx?l=1820&c=571839&i=9780757313646&t=Boys+Lie%3a+How+Not+to+Get+Played&widget|Boys Lie: How Not to Get Played|9781582463230|http://www.wowbrary.org/l.aspx?l=1820&c=571889&i=9781582463230&t=Brand-New+Emily&widget|Brand-New Emily|9780061134081|http://www.wowbrary.org/l.aspx?l=1820&c=571908&i=9780061134081&t=Bruiser&widget|Bruiser|9781442412095|http://www.wowbrary.org/l.aspx?l=1820&c=571960&i=9781442412095&t=Buffy+the+Vampire+Slayer+1%3a+Coyote+Moon%3b+Night+of+the+Living+Rerun%3b+Portal+Through+Time&widget|Buffy the Vampire Slayer 1: Coyote Moon; Night of the Living Rerun; Portal Through Time|9780374308636|http://www.wowbrary.org/l.aspx?l=1820&c=571788&i=9780374308636&t=Dirt+Road+Home&widget|Dirt Road Home|9780803733725|http://www.wowbrary.org/l.aspx?l=1820&c=571971&i=9780803733725&t=Extraordinary&widget|Extraordinary|9780316123594|http://www.wowbrary.org/l.aspx?l=1820&c=571838&i=9780316123594&t=Glee%3a+The+Beginning%3a+An+Original+Novel+(Glee+Original+Novels)&widget|Glee: The Beginning: An Original Novel (Glee Original Novels)|9780805090109|http://www.wowbrary.org/l.aspx?l=1820&c=571786&i=9780805090109&t=Harmonic+Feedback&widget|Harmonic Feedback"; // gap between each image (use HTML): var WOWimagegap="    " var WOWslidebgcolor="white"; var WOWiMoveDirection = 1; // -1, 0, 1 var WOWarraySlideWidths = new Array(); var WOWstrSlideContents = ""; var WOWarrayRawData = WOWstrRawData.split("|"); for (WOWi = 0; WOWi < WOWarrayRawData.length; WOWi += 3) WOWstrSlideContents += ""; WOWstrSlideContents += ''; var WOWiedom=document.all||document.getElementById; if (WOWiedom) document.write('') var WOWiSlides = 0; var WOWarraySlideCenters = new Array(); var WOWarraySlideTitles = new Array(); var WOWactualwidth; var WOWcross_slide, WOWcross_slide2, WOWns_slide, WOWns_slide2; // this isn't called until all images have loaded function WOWfillup(){ // figure out which images loaded and use just those to create the title array, eliminate gaps in the width array, // recreate WOWstrSlideContents for display, sum the image widths, and count valid slides var iTotalWidths = 0; WOWstrSlideContents = ""; WOWiSlides = 0; var i; for (i = 0; i < WOWarrayRawData.length; i += 3) if (document.getElementById("WOWimage" + i).width > 1) { WOWarraySlideTitles[WOWiSlides] = WOWarrayRawData[i+2], WOWarraySlideWidths[WOWiSlides] = document.getElementById("WOWimage" + i).width; iTotalWidths += WOWarraySlideWidths[WOWiSlides]; WOWstrSlideContents += ""; // +WOWimagegap; WOWiSlides++; } WOWstrSlideContents += ''; // for unclear reasons, sometimes the slides haven't really loaded in yet, so if none have arrived, exit and try again later if (WOWiSlides == 0) { setTimeout("WOWfillup()",100); return; } if (WOWiedom){ WOWcross_slide = document.getElementById? document.getElementById("WOWtest2") : document.all.WOWtest2; WOWcross_slide2 = document.getElementById? document.getElementById("WOWtest3") : document.all.WOWtest3; WOWcross_slide.innerHTML = WOWcross_slide2.innerHTML = WOWstrSlideContents; // bug: Firefox reports wrong .offsetWidth initially (it takes it a bit to calculate it) - so we use a different method // WOWactualwidth = document.all ? WOWcross_slide.offsetWidth : document.getElementById("WOWtest2").offsetWidth; WOWactualwidth = iTotalWidths + 10*WOWiSlides; WOWcross_slide2.style.left = WOWactualwidth + "px"; } else if (document.layers){ WOWns_slide=document.ns_slidemenu.document.ns_slidemenu2; WOWns_slide2=document.ns_slidemenu.document.ns_slidemenu3; WOWns_slide.document.write(WOWstrSlideContents); WOWns_slide.document.close(); WOWactualwidth=WOWns_slide.document.width; WOWns_slide2.left=WOWactualwidth; WOWns_slide2.document.write(WOWstrSlideContents); WOWns_slide2.document.close(); } // alert("WOWactualwidth: " + WOWactualwidth + "; slides: " + WOWiSlides + "; sum of widths: " + iTotalWidths + "; widths: " + strWidths); // alert("try2: WOWactualwidth: " + WOWcross_slide.offsetWidth); // compute the distance between each image (this is slightly off) // var fDistanceBetweenImages = (WOWactualwidth - iTotalWidths)/WOWiSlides; // compute the mid position of each slide var fSpot = 0; var strWidths = ""; var i; for (i = 0; i < WOWiSlides; i++) { WOWarraySlideCenters[i] = Math.round(fSpot + WOWarraySlideWidths[i]/2); fSpot += WOWarraySlideWidths[i] + 10; strWidths += WOWarraySlideWidths[i] + ":" + WOWarraySlideCenters[i] + " "; } // alert(strWidths + ' | ' + WOWiSlides + ' ' + iTotalWidths + ' | ' + WOWarrayRawData.length + ' ' + WOWstrSlideContents); // use timer to start slides moving lefttime=setInterval("WOWmoveSlides()",30); } function WOWAddOnload() { if(window.addEventListener) window.addEventListener('load', WOWfillup, false); else if(window.attachEvent) window.attachEvent('onload', WOWfillup); else window.onload = WOWfillup; } // put self into calling chain WOWAddOnload() // converts a number up to 255 to a two-digit hex representation function WOWtoHex(iValue) { var strHex = "0123456789ABCDEF"; return String(strHex.charAt(Math.floor(iValue / 16))) + String(strHex.charAt(iValue % 16)); } // low level: simply sets slide 1 or 2 so that its iPosition'th part is at the left of the slider area function WOWsetSlide(iSlide, iPosition) { // determine the slide var slide = WOWiedom ? (iSlide == 1 ? WOWcross_slide : WOWcross_slide2) : (iSlide == 1 ? WOWns_slide : WOWns_slide2); // put the new position in if (WOWiedom) slide.style.left = -iPosition + "px"; else slide.left = -iPosition; } // sets the two slides to the indicated position function WOWsetPosition(iPosition) { // the first slide goes at the position WOWsetSlide(1, iPosition); // the second slide goes after it if necessary, or else before WOWsetSlide(2, iPosition + (WOWactualwidth - iPosition >= WOWiWidgetWidth ? WOWactualwidth : -WOWactualwidth)); } // returns the x position associated with the given step, using ramping function WOWStepToX(WOWiStep) { // determine which slides we are between var bBeforeSlide = (WOWiStep % WOWarraySpeedRamp.length) < (WOWarraySpeedRamp.length / 2); var iSlide1 = Math.floor(WOWiStep / WOWarraySpeedRamp.length); var iSlide2 = (bBeforeSlide ? iSlide1 - 1 + WOWiSlides : iSlide1 + 1) % WOWiSlides; // compute the distance between the slides, taking into account that iSlide1 may be before or after iSlide2 AND they may be on opposing ends of the slider var iDistance = Math.min(Math.abs(WOWarraySlideCenters[iSlide1] - WOWarraySlideCenters[iSlide2]), Math.min((WOWarraySlideCenters[iSlide1] - WOWarraySlideCenters[iSlide2] + WOWactualwidth) % WOWactualwidth, (WOWarraySlideCenters[iSlide2] - WOWarraySlideCenters[iSlide1] + WOWactualwidth) % WOWactualwidth)); // return the x position return Math.round(WOWarraySlideCenters[iSlide1] + iDistance*WOWarraySpeedRamp[WOWiStep % WOWarraySpeedRamp.length]); } // returns the slide nearest to the given step - this can be off if a wide slide is near a thin one function WOWStepToSlide(WOWiStep) { // step 0 .. WOWarraySpeedRamp.length - 1 is slide 0, etc. return Math.floor(WOWiStep / WOWarraySpeedRamp.length); } // returns the distance as a percentage to the nearest slide (0 means on top of it and 1 means between slides) - this can be off if a wide slide is near a thin one function WOWDistanceToSlide(WOWiStep) { return Math.abs(WOWarraySpeedRamp[WOWiStep % WOWarraySpeedRamp.length]*2.0); } var WOWiSlideShowing = -1; // this causes the first slide to roll in immediately var WOWbSuspended = false; var WOWiPausing = 0; var WOWiPauseSuppression = 0; // number of next steps to not pause during var WOWiStep = 0; function WOWmoveSlides() { // do nothing if suspended if (WOWbSuspended) return; // reduce pause suppression if it's on if (WOWiPauseSuppression > 0) WOWiPauseSuppression--; // countdown timer for when paused on an image if (WOWiPausing > 0) { WOWiPausing--; return; } // do nothing if not supposed to move if (!WOWiMoveDirection) return; // advance the step var iTotalSteps = WOWiSlides*WOWarraySpeedRamp.length; WOWiStep = (WOWiStep + WOWiMoveDirection + iTotalSteps) % iTotalSteps; // if this puts us at a slide, pause unless pause suppression is in place if (WOWDistanceToSlide(WOWiStep) == 0 && WOWiPauseSuppression == 0) WOWiPausing = WOWiPause; // set the new position WOWsetPosition((WOWStepToX(WOWiStep) - WOWiWidgetWidth/2) % WOWactualwidth); // see if the slide has changed if (WOWStepToSlide(WOWiStep) != WOWiSlideShowing) { // set the new slide WOWiSlideShowing = WOWStepToSlide(WOWiStep); // shorten titles initially var strTitle = WOWarraySlideTitles[WOWiSlideShowing]; while (strTitle.length > WOWiTitleMaxShowingLength) strTitle = strTitle.replace(/ [^ ]*( ...)?$/," ..."); // put the possibly shortened title in place document.getElementById("WOWTitle").innerHTML = strTitle; // if the title is too long, truncate it (20 is used for the height because the type is set at 16 pt below while (document.getElementById("WOWTitle").offsetWidth > WOWiWidgetWidth || document.getElementById("WOWTitle").offsetHeight > 20) document.getElementById("WOWTitle").innerHTML = document.getElementById("WOWTitle").innerHTML.replace(/ [^ ]*( ...)?$/," ..."); } // adjust the title color var iIntensity = Math.round(WOWDistanceToSlide(WOWiStep)*255); document.getElementById("WOWTitle").style.color = "#" + WOWtoHex(iIntensity) + WOWtoHex(iIntensity)+ WOWtoHex(iIntensity); } function WOWsetSpeed(iSpeedNew) { WOWiMoveDirection = iSpeedNew; WOWiPausing = 0; if (iSpeedNew) WOWiPauseSuppression = Math.round(WOWarraySpeedRamp.length/3); } // write out material for the area if (WOWiedom||document.layers){ with (document){ write(''); write('') write('
New Teen Books
 
') if (WOWiedom){ write('
') write('
'); // write('
') write('
') write('
') } else if (document.layers){ write('') write(''); // onMouseover="copyspeed=0" onMouseout="copyspeed=WOWslidespeed" write(''); // onMouseover="copyspeed=0" onMouseout="copyspeed=WOWslidespeed" write('') } write('
 
     
') } }