/* Description: Left to right autoplaying image slideshow Author: ricocheting.com Copyright 2007-2009 webdesignersnyc.com Last Update: 5/4/2009 Version: v2.3-autoslide */ //set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow var scrollerwidth='158'; var scrollerheight='69'; var speed=30; // speed to every increment (40 = 0.4 sec) var increment=1; // pixels to move every var scrollerwindow=5; // number of images to show at once //configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate tag var slideimages=new Array() slideimages[0]='

'; slideimages[1]='

'; slideimages[2]='

'; slideimages[3]='

'; slideimages[4]='

'; slideimages[5]='

'; slideimages[6]='

'; slideimages[7]='

'; slideimages[8]='

'; slideimages[9]='

'; slideimages[10]='

'; slideimages[11]='

'; slideimages[12]='

'; slideimages[13]='

'; slideimages[14]='

'; //extend this list //################################### //### Do not edit below this line ### i=0; x=slideimages.length; var timer = ""; function startscroll(sign){ tdiv=document.getElementById("first") udiv=document.getElementById("second") //if halfway and scrolling left if( parseInt(tdiv.style.left) > (scrollerwidth*(scrollerwindow+1))*-1 && parseInt(udiv.style.left) > (scrollerwidth*(scrollerwindow+1))*-1 ){ tdiv.style.left=(parseInt(tdiv.style.left)-increment) +"px" udiv.style.left=(parseInt(udiv.style.left)-increment) +"px" timer = setTimeout("startscroll(-1)",speed) } //if at the end of it's movement else{ // if first block needs moved to the right if(parseInt(tdiv.style.left) < parseInt(udiv.style.left)){ tdiv.innerHTML='' tdiv.style.left=(scrollerwidth*(scrollerwindow+1)) +"px" for(y=0; y<=scrollerwindow; y++){ tdiv.innerHTML+=code((i++)%x); } } // if second block needs moved to the right else{ udiv.innerHTML='' udiv.style.left=(scrollerwidth*(scrollerwindow+1)) +"px" for(y=0; y<=scrollerwindow; y++){ udiv.innerHTML+=code((i++)%x); } } // keep auto scrolling tdiv.style.left=(parseInt(tdiv.style.left)-increment) +"px" udiv.style.left=(parseInt(udiv.style.left)-increment) +"px" timer = setTimeout("startscroll(-1)",speed) } }//#-#startscroll() // code used surround each slide/image (to keep width mainly) function code(idx,i,y,x){ return '

'+slideimages[idx]+'

'; }//#-#code()