var delta=0.08;
var collection;
var closeB=false;
function floaters() {
  	this.items = [];
  	this.addItem = function(id,x,y,content){
	     document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;  width:100px; height:150px;right:20px;top:'+(typeof(y)=='string'?eval(y):y)+'">'+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
     	play();
    }
}
function play(){
	if(screen.width<=860 || closeB){
    	for(var i=0;i<collection.length;i++){
     		collection[i].object.style.display = 'none';
    	}
    	return;
   	}
   	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.right="20px";//followObj.offsetLeft+dx;
     	}*/

    	if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
     		var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
     		dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
     		followObj.style.top=followObj.offsetTop+dy;
     	}
    	followObj.style.display = '';
   	}
   	setTimeout('play()',1);
}
function closeBanner(){
   	closeB=true;
   	return;
}

var theFloaters  = new floaters();

theFloaters.addItem('followDiv1','document.body.clientWidth-170',96,d1.innerHTML);
theFloaters.addItem('followDiv2',10,96,d2.innerHTML);
theFloaters.play();