

var s = 1; // this sets speed of animation
var holderId = 'teasScreen'; // this is id of element which is holding animation
var shortlistClassname = 'teasRoll'; // this is class of div that will be aimated

//don't edit things under this
var c = 0;
var rollerHolder = document.getElementById(holderId);
var rollerHolderCon = rollerHolder.innerHTML;
var dists = rollerHolder.getElementsByTagName('div');
var itWid = dists[0].offsetWidth;
var scrWid = rollerHolder.offsetWidth;
var choser = scrWid/itWid;

if(choser > 2 && choser < 100){
choser = Math.ceil(choser);
}
else{
choser = 2;
}

for(i=0;i<choser;i++){
rollerHolder.innerHTML = rollerHolder.innerHTML + rollerHolderCon;
}

var ds = s;
rollerHolder.onmouseover = function(){
ds=0;
}
rollerHolder.onmouseout = function(){
ds=s;
}

var lists = rollerHolder.getElementsByTagName('div');
var roller = new Array();
var a = new Array();
for(i=0;i<lists.length;i++){
if(lists[i].className == shortlistClassname){
lists[i].id = 'roller' + c;
roller[c] = document.getElementById('roller' + c);
a[c] = 0;
c++;
}
}

var c = new Array();
function animate(){
for(k=0;k<roller.length;k++){
c[k] = k*itWid;

roller[k].style.left = c[k] + a[k] + 'px';
if(c[k] + a[k] < -itWid){
a[k] = eval(choser*itWid) - c[k];
}
a[k] = a[k] - ds;
}
window.setTimeout("animate();", 50);
// number here also changes speed of animation.
// lower you set it the fasteranimation goes and also more processor hungry it is.
// setting it under 50 isn't recomended in this case
}
animate();

