//BB_ this script contains parts to be executed not just defined //so must be placed in the body of the document //Also Note: the images needed for the conveyor are ALL written into the documents HTML tree //there are no-rollovers displaying yet unseen images and so NO image preloading need take place! //the conveyor is fully ready to go when the onload event of the document is triggered //Specify the slider's width (in pixels) var sliderwidth="500px" //Specify the slider's height var sliderheight="60px" //configure background color: slidebgcolor="#EAEAEA" //speed var slidespeed = 1; //width, now specified absolutely var actualwidth = 1564; //991; /* BB_ **************** make the html to fill the products conveyor table *******************/ var leftrightslide=new Array() var finalslide='' var spacer = '

'; leftrightslide[0]='

'; leftrightslide[1]=spacer; leftrightslide[2]='

'; leftrightslide[3]=spacer; leftrightslide[4]='

'; leftrightslide[5]=spacer; leftrightslide[6]='

'; leftrightslide[7]=spacer; leftrightslide[8]='

'; leftrightslide[9]=spacer; leftrightslide[10]='

'; leftrightslide[11]=spacer; leftrightslide[12]='

'; leftrightslide[13]=spacer; leftrightslide[14]='

'; leftrightslide[15]=spacer; leftrightslide[16]='

'; leftrightslide[17]=spacer; leftrightslide[18]='

'; leftrightslide[19]=spacer; leftrightslide[20]='

'; leftrightslide[21]=spacer; leftrightslide[22]='

'; leftrightslide[23]=spacer; leftrightslide[24]='

'; leftrightslide[25]=spacer; leftrightslide[26]='

'; leftrightslide[27]=spacer; leftrightslide[28]='

'; leftrightslide[29]=spacer; /****************************************************/ var copyspeed=slidespeed leftrightslide=''+leftrightslide.join(" ")+'

' var iedom=document.all||document.getElementById if (iedom) //BB_ this line positions temporary span way out of doc window (it is only used to get a width) //but is not used in this version because actualWidth is specified absolutely //document.write(''+leftrightslide+'') var cross_slide, ns_slide /* BB_ Put initial HTML into conveyor * */ function fillup(){ if (iedom){ cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2 cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3 cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide //BB_ the code below has been taken out becuause all netscape 6x and 7x browsers calc the //actual width to be an astronomic value! IE and Mozilla work as expected though. //actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth //.offsetWidth seems to get the display width of the

tag contents } else if (document.layers){ ns_slide=document.ns_slidemenu.document.ns_slidemenu2; ns_slide2=document.ns_slidemenu.document.ns_slidemenu3; ns_slide.document.write(leftrightslide); ns_slide.document.close(); actualwidth=ns_slide.document.width; ns_slide2.left=actualwidth+0; ns_slide2.document.write(leftrightslide); ns_slide2.document.close(); } //BB_ Go!!!! lefttime=setInterval("slideleft()",30); } /* BB_ move both conveyor layers to the left, or re-stack them * in a one-potato two-potato style to give seemless conveyor * */ function slideleft(){ if (iedom){ if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8)) //BB_ move layer 1 left cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"; else //BB_ put layer 1 to the right of layer 2 cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+0+"px"; if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8)) //BB_ move layer 2 left cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"; else //BB_ put layer 2 to the right of layer 1 (exe by default when conveyor starts) cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+0+"px"; } else if (document.layers){ if (ns_slide.left>(actualwidth*(-1)+8)) ns_slide.left-=copyspeed; else ns_slide.left=ns_slide2.left+actualwidth+0; if (ns_slide2.left>(actualwidth*(-1)+8)) ns_slide2.left-=copyspeed; else ns_slide2.left=ns_slide.left+actualwidth+0; } } /* BB_ ************** write the HTML for the control into the document **************/ if (iedom||document.layers){ with (document){ write('

'); if (iedom){ write('

'); write('

'); write('

'); write('

'); write('

') } else if (document.layers){ //BB_ note: you cant actually stop the conveyor in Netscape 4.x (which uses the layers part of this code) write(''); write(''); write(''); write(''); } write('

'); } }