var i=0;
var sliding=false;
//To add more, just add a div to the page, and add entries in the following two arrays:
//var divId=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16];
var divId = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
//var pos=[-145,0,145,290,435,580,725,870,1015,1160,1305,1450,1595,1740,1885,2030,2175];
var pos=[-145,0,145,290,435,580,725,870,1015,1160,1305,1450,1595];
function slide(dir) { 
    if(!sliding){   //prevents multiple calls
        sliding=true;
        if(dir=='L'){i = setInterval("slideLeft()",50);setTimeout("stop(i,'L')",400);}  //begin sliding left
        if(dir=='R'){i = setInterval("slideRight()",50);setTimeout("stop(i,'R')",400);} //begin sliding right
        }
}
function slideLeft() {
    for (x=0;x<=divId.length-1;x++) {
        var obj=document.getElementById('div'+divId[x]);
        obj.style.left=parseInt(obj.style.left)-20;
    }
}
function slideRight() { 
    for (x=0;x<=divId.length-1;x++) {
        var obj=document.getElementById('div'+divId[x]);
        obj.style.left=parseInt(obj.style.left)+20;
    }
}
function stop(i,dir) {
    clearInterval(i); //stops sliding
    sliding=false;
    var start = divId[0];
    var end = divId[divId.length-1];

//    var test = '<table width=300>';
//    for (a=0;a<=divId.length-1;a++) {
//        test+="<tr><td>array"+a+"</td><td>"+divId[a]+"</td><td>"+pos[a]+"</td></tr>";
//    }
//    document.getElementById('test').innerHTML=test+"</table>";

    if(dir=='L'){
        divId.shift(); //removes first element
        divId.push(start); //adds to the end
    }
    if(dir=='R'){
        divId.pop();  //removes last element
        divId.unshift(end); //adds to the beginning
    }

//    var test = '<table width=300>';
//    for (a=0;a<=divId.length-1;a++) {
//        test+="<tr><td>array"+a+"</td><td>"+divId[a]+"</td><td>"+pos[a]+"</td></tr>";
//    }
//    document.getElementById('test2').innerHTML=test+"</table>";
  
    for (x=0;x<=divId.length-1;x++) {
        stopPosition(x);
    }
}
function stopPosition(x) {
    document.getElementById('div'+divId[x]).style.left=pos[x];
}