// JavaScript Document
//var delta=0.15
var collection;
var IntervalId;
function closefloater(id){
	clearInterval(IntervalId);
	var obj = document.getElementById(id);
	obj.style.display = 'none';
};
function floaters() {
	this.items = [];
	this.addItem = function(id,width,x,y,content)
	{
		document.write('<div id='+id+' style="z-index: 10; position: absolute;  width:'+ width +'px;left:'+(typeof(x)=='string'?eval(x):x)+';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;
		IntervalId = setInterval('play()',1);
	}
}
var myScrollTop=function(){
	return document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;
};
var myScrollLeft=function(){
	return document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft;
}
function play(){
	/*if(screen.width<=800)
	{
		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.left=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.top = myScrollTop() + followObj_y + 'px';
		followObj.style.left = myScrollLeft() + followObj_x + 'px';
		followObj.style.display = '';
	}
}


var theFloaters = new floaters();

var width = 128;
theFloaters.addItem("yuandan", width, 4, 150,
    "<div style='width:100%; font-size:larger; background:#9DDBFF;'>" +
        "<img style='width:"+ width +"px;'alt='新年快乐' src='extjs/ny4.jpg' />"+
    "</div>"+
    "<div style='width:100%;font-size:14px;background-color:#cccccc;text-align:right;'>" +
		"<a href='#' onclick=closefloater('yuandan'); >[关闭]</a>&nbsp;" +
	"</div>");
	
theFloaters.play();