﻿    var delta=0.15;
    var collection;
    var documentBody = document.documentElement.clientHeight>0 ? document.documentElement : document.body;
    var date = new Date();
    var dateStr = date.getFullYear() + "" + date.getMonth() + "" + date.getDay() + "" + date.getHours();

    function floaters() {
        this.items = [];
        this.addItem = function(id,x,y,content) {
            document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;width:80px; height:60px;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
            setInterval('play()',30);
        }
    }
  
  
    function play() {
        if(screen.width<=800) {
            for(var i=0;i<collection.length;i++) collection[i].object.style.display = 'none';
            return;
        } else {
            for(var i=0;i<collection.length;i++) {
                var key = collection[i].object.id + dateStr;
	            var value = cook.get(key);
	            if (value==1) { 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!=(documentBody.scrollLeft+followObj_x)) {
                var dx=(documentBody.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!=(documentBody.scrollTop+followObj_y)) {
                var dy=(documentBody.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 = 'block';
        }
    }
  
    
	Cookie = function () {
	    this.get = function (Name) {
		    var search = Name + "=";
		    if(document.cookie.length > 0)
		    {
			    var offset = document.cookie.indexOf(search);
			    if(offset != -1)
			    {
				    offset += search.length;
				    var end = document.cookie.indexOf(";", offset);
				    if(end == -1) end = document.cookie.length;
				    return unescape(document.cookie.substring(offset, end));
			    }
			    else return "";
		    }
		    else return "";
	    }
	    this.set = function(name,value) {
		    var today = new Date();
		    var expires = new Date();
		    expires.setTime(today.getTime() + 1000*60*60*24*365);
		    document.cookie = name + "=" + escape(value) + "; path=/; expires=" + expires.toGMTString();
	    }
	    this.del = function (name) {
		    var today = new Date();
		    var expires = new Date();
		    expires.setTime(today.getTime() - 1);
		    document.cookie = name + "=0; path=/; expires=" + expires.toGMTString();
	    }
    }

    var cook = new Cookie();
    var theFloaters  = new floaters();

	function closeDiv(div) {
	    var key = div + dateStr;
	    cook.set(key, "1");
		document.getElementById(div).style.display = 'none';
	}


