var imgURLs = new Array(); //array to store the image urls
/* * PUT YOUR IMAGES HERE * */
imgURLs[0]="images/frontScroll/001.png";
imgURLs[1]="images/frontScroll/004.png";
imgURLs[2]="images/frontScroll/003.png";
imgURLs[3]="images/frontScroll/005.png";
imgURLs[4]="images/frontScroll/006.png";
imgURLs[5]="images/frontScroll/007.png";
imgURLs[6]="images/frontScroll/009.png";
imgURLs[7]="images/frontScroll/012.png";
imgURLs[8]="images/frontScroll/013.png";
imgURLs[9]="images/frontScroll/015.png";
imgURLs[10]="images/frontScroll/016.png";
imgURLs[11]="images/frontScroll/017.png";
imgURLs[12]="images/frontScroll/019.png";
var imgs = new Array();

var delay = 50; //tume in ms between change of position
var move = 1; //how far does it move at once
var imheight=230;
var i=0;
var wTrack=0;

var go=false;

function init() {
var xDIV=document.getElementById("scrollImages");
var xTR = document.getElementById("itr");
var xTD = document.createElement("TD");
var xIMG = document.createElement("IMG");
xTD.appendChild(xIMG);
xTR.appendChild(xTD);
xTD.id="xtd"+i;
xTD.setAttribute("id", "xtd"+i);
xIMG.src = imgURLs[i%imgURLs.length];
xIMG.height = imheight;
i++;
wTrack+=xIMG.width;
if(wTrack<2*screen.width || i%imgURLs.length>0) setTimeout("init()", 100);
else go=true;
}

function scroll() {
if(go) {
var xDIV=document.getElementById("scrollImages");
var xTR=document.getElementById("itr");
if(xDIV.offsetLeft<-xTR.firstChild.offsetWidth) {
xDIV.style.left=(xDIV.style.left.substring(0, xDIV.style.left.indexOf("p"))-0+xTR.firstChild.offsetWidth)+"px";
var tmpChild = xTR.firstChild;
xTR.removeChild(xTR.firstChild);
xTR.appendChild(tmpChild);
}
xDIV.style.left=(xDIV.style.left.substring(0, xDIV.style.left.indexOf("p"))-move)+"px";
}
setTimeout("scroll()", delay);
}

function preloadImages() {
for(var i=0; i<imgURLs.length; i++) {
imgs[i]=new Image();
imgs[i].src=imgURLs[i];
}
}
preloadImages();