var s = 1; // this sets speed of animation, higher nunber means higher speed
var shortlistClassname = 'shortRoll'; // this is class of div that will be rolled
var holderId = 'shortScreen'; // this is id of div that hold animation
var maxScreenHeight = 180; // this sets maximal height (in px) of div that hold animation

//don't edit things under this

var c;
var rollerHolder;
var rollerHolderCon;
var dists;
var itWid;
var scrWid;
var choser;
var ds;
var lists;
var roller;
var a;
var b;
var roller0;
var roller1;
var firstTopper;
var secondTopper;


c = 0;
rollerHolder = document.getElementById(holderId);
rollerHolder.innerHTML = rollerHolder.innerHTML + rollerHolder.innerHTML;
ds = s;
rollerHolder.onmouseover = function(){
ds=0;
}
rollerHolder.onmouseout = function(){
ds=s;
}
function multiplicator(){
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');
a = 0;
b = 0;
roller0.style.bottom = a + 'px';
roller1.style.bottom = roller0.scrollHeight + 'px';
firstTopper = roller0.style.bottom;
firstTopper = firstTopper.replace('px','');
firstTopper = eval(firstTopper);
secondTopper = roller1.style.bottom;
secondTopper = secondTopper.replace('px','');
secondTopper = eval(secondTopper);


if( maxScreenHeight && roller0.offsetHeight > maxScreenHeight ){
rollerHolder.style.height = maxScreenHeight + 'px';
}
else{
rollerHolder.style.height = roller0.offsetHeight + 'px';
}
setInterval('toto()', 60);
}

function toto(){
roller0.style.bottom = firstTopper + a + 'px';
roller1.style.bottom = secondTopper + b + 'px';
a = a - ds;
b = b - ds;
if(a < -secondTopper){
a = secondTopper;
}
if(b < -2*secondTopper){
b = 0;
}
}
setTimeout("multiplicator()", 1500);