var delta=0.15;
var collection;

function floaters() {
	this.items = [];
	this.addItem = function(id,x,y,content){
		document.write('<DIV id='+id+' style="Z-INDEX: 30; POSITION: absolute; width:103px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+'px;top:'+(typeof(y)=='string'?eval(y):y)+'px">'+content+'</DIV>');
		var newItem = {};
		newItem.object = document.getElementById(id);
		newItem.x = x;
		newItem.y = y;
		this.items[this.items.length] = newItem;
	}
	this.play = function(){
		collection = this.items
		setInterval('play()',30);
	}
}

function play(){
	for(var i=0;i<collection.length;i++){
		var followObj = collection[i].object;
		var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
		var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
		if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
			var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
			dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
			followObj.style.left=followObj.offsetLeft+dx+"px";
		}
		if(followObj.offsetTop!=(document.documentElement.scrollTop+followObj_y)) {
			var dy=(document.documentElement.scrollTop+followObj_y-followObj.offsetTop)*delta;
			dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
			followObj.style.top=followObj.offsetTop+dy+"px";
		}
	followObj.style.display = '';
	}
}

var theFloaters = new floaters();
theFloaters.addItem('followDiv1','Math.floor((document.body.clientWidth/2)+151)',156,'<a href="javascript:PopDlPageTutorialVid();"><img src="/images-v2/floater_01_vidtutorial.jpg" width="230" height="250" alt="" border="0" /></a>');
theFloaters.play();