var s = 1; // this sets speed of animation, higher nunber means higher speed
var shortlistClassname = 'teasRoll'; // this is class of div that will be rolled
var holderId = 'teasScreen'; // this is id of div that hold animation

//don't edit things under this
var rollerHolder;
var lists;
var roller0;
var roller1;
var firstTopper;
var secondTopper;
var c = 0;
var a = 0;
var b = 0;
var ds = s;
function duplo(){
rollerHolder.onmouseover = function(){
ds=0;
}
rollerHolder.onmouseout = function(){
ds=s;
}
lists = rollerHolder.getElementsByTagName('div');

for(i=0;i<lists.length;i++){
if(lists[i].className == shortlistClassname){
lists[i].id = 'roller' + c;
c++;
}
}
roller0 = document.getElementById('roller0');
roller1 = document.getElementById('roller1');

if(roller0){
roller0.style.left = a + 'px';
roller1.style.left = roller0.offsetWidth + 'px';
firstTopper = roller0.style.left;
firstTopper = firstTopper.replace('px','');
firstTopper = eval(firstTopper);
secondTopper = roller1.style.left;
secondTopper = secondTopper.replace('px','');
secondTopper = eval(secondTopper);
}
setInterval('toto()', 60);
}

function toto(){
roller0.style.left = firstTopper + a + 'px';
roller1.style.left = secondTopper + b + 'px';
a = a - ds;
b = b - ds;
if(a < -secondTopper){
a = secondTopper;
}
if(b < -2*secondTopper){
b = 0;
}
}
function makeRollie(){
rollerHolder = document.getElementById(holderId);
rollerHolder.innerHTML = rollerHolder.innerHTML + rollerHolder.innerHTML;
setTimeout("duplo()", 1500)
}
makeRollie();