// 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 = "9780794526153|http://www.wowbrary.org/l.aspx?l=1820&c=571082&i=9780794526153&t=1001+Things+to+Spot+in+the+Sea&widget|1001 Things to Spot in the Sea|9780764162916|http://www.wowbrary.org/l.aspx?l=1820&c=571051&i=9780764162916&t=3D+Optical+Illusions&widget|3D Optical Illusions|9781422205631|http://www.wowbrary.org/l.aspx?l=1820&c=571056&i=9781422205631&t=A+History+of+the+FBI+(The+Fbi+Story)&widget|A History of the FBI (The Fbi Story)|9780803733589|http://www.wowbrary.org/l.aspx?l=1820&c=571042&i=9780803733589&t=Adventure+Annie+Goes+to+Kindergarten&widget|Adventure Annie Goes to Kindergarten|9780448060040|http://www.wowbrary.org/l.aspx?l=1820&c=571095&i=9780448060040&t=Alice+in+Wonderland+and+Through+the+Looking+Glass+(Illustrated+Junior+Library)&widget|Alice in Wonderland and Through the Looking Glass (Illustrated Junior Library)|9781846962097|http://www.wowbrary.org/l.aspx?l=1820&c=571102&i=9781846962097&t=Be+a+Creative+Writer&widget|Be a Creative Writer|9780981969718|http://www.wowbrary.org/l.aspx?l=1820&c=571055&i=9780981969718&t=Benjamin+and+Bumper+to+the+Rescue&widget|Benjamin and Bumper to the Rescue|9780471753094|http://www.wowbrary.org/l.aspx?l=1820&c=571061&i=9780471753094&t=Betty+Crocker%27s+Kids+Cook!&widget|Betty Crocker\'s Kids Cook!|9781416979364|http://www.wowbrary.org/l.aspx?l=1820&c=571103&i=9781416979364&t=Boo!&widget|Boo!|9781416991137|http://www.wowbrary.org/l.aspx?l=1820&c=571050&i=9781416991137&t=Broom%2c+Zoom!&widget|Broom, Zoom!|9780756661663|http://www.wowbrary.org/l.aspx?l=1820&c=570985&i=9780756661663&t=Bug+Zoo&widget|Bug Zoo|9781404857285|http://www.wowbrary.org/l.aspx?l=1820&c=571080&i=9781404857285&t=Bunny+Eats+Lunch+(Hello+Genius)&widget|Bunny Eats Lunch (Hello Genius)|9781404857735|http://www.wowbrary.org/l.aspx?l=1820&c=571079&i=9781404857735&t=Chuckle+Squad%3a+Jokes+About+Teachers%2c+Classrooms%2c+Sports%2c+Food%2c+and+Other+School+Stuff+(Michael+Dahl+Presents+Super+Funny+Joke+Books)&widget|Chuckle Squad: Jokes About Teachers, Classrooms, Sports, Food, and Other School Stuff (Michael Dahl Presents Super Funny Joke Books)|9780375958557|http://www.wowbrary.org/l.aspx?l=1820&c=570999&i=9780375958557&t=Come+Fall&widget|Come Fall|9781582463094|http://www.wowbrary.org/l.aspx?l=1820&c=570956&i=9781582463094&t=Confessions+of+a+Former+Bully&widget|Confessions of a Former Bully|9781416974826|http://www.wowbrary.org/l.aspx?l=1820&c=571044&i=9781416974826&t=Daddy+Loves+His+Little+Girl&widget|Daddy Loves His Little Girl|9780545164962|http://www.wowbrary.org/l.aspx?l=1820&c=571018&i=9780545164962&t=Daddy%27s+Little+Scout&widget|Daddy\'s Little Scout|9780807516003|http://www.wowbrary.org/l.aspx?l=1820&c=571097&i=9780807516003&t=Dinosaur+Starts+School&widget|Dinosaur Starts School|9780375834257|http://www.wowbrary.org/l.aspx?l=1820&c=571032&i=9780375834257&t=Dirtball+Pete&widget|Dirtball Pete|9780763637095|http://www.wowbrary.org/l.aspx?l=1820&c=571046&i=9780763637095&t=Don%27t+Slam+the+Door!&widget|Don\'t Slam the Door!"; // 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('
Kids New 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('
 
     
') } }