document.writeln("<div id=\"onlineim\" style=\"width:140px;border:1px #eee solid;background:#fff\">");
document.writeln("<div style=\"float:left;font-size:12px;color:#000067;background:#CAEBFE;border-bottom:0; width:140px;\">");
document.writeln("<div  style=\" float:left;\">Online Service<\/div>");
document.writeln("<div style=\" float:right;color:#fff;cursor: pointer;\" onclick=\"document.getElementById(\'onlineim\').style.display=\'none\'\">X<\/div>");
document.writeln("<\/div>");
document.writeln("");
document.writeln("<div style=\"text-align:center; margin-top:5px;\">");
document.writeln("<a href=\"msnim:chat?contact=ashine@ashinetools.com\"><img src=\"/images/msn.jpg\" width=\"88\" height=\"30\" alt=\"MSN\" style=\"border-width:0px;\" \/><\/a>");
document.writeln("<a href=\"skype:ashine-american?chat\"><img src=\"/images/skype.jpg\" width=\"88\" height=\"30\" alt=\"Skype\" style=\"border-width:0px;\" \/><\/a><\/div>");
document.writeln(" <\/div>")
var Class = {
    create: function() {
        return function() {
            this.initialize.apply(this, arguments);
        }
    }
}
Function.prototype.bind = function() {
    var __method = this, args = $A(arguments), object = args.shift();
    return function() {
        return __method.apply(object, args.concat($A(arguments)));
    }
}
var $A = Array.from = function(iterable) {
    if (!iterable) return [];
    if (iterable.toArray) {
        return iterable.toArray();
    } else {
        var results = [];
        for (var i = 0; i < iterable.length; i++)
            results.push(iterable[i]);
        return results;
    }
}
var Float = Class.create();
Float.prototype = {
    initialize: function(elem, options) {
        this.toDo = options.toDo || function() { },
   this.bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop,
   this.bodyScrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft,
   this.element = document.getElementById(elem);
        this.dely = options.dely || 500;
        this.top = options.top || 0;
        this.left = options.left || 0;

    },
    start: function() {
        if (!this.element) {
            ('please set a element first!');
            return false;
        }
        this.element.style.position = 'absolute';
        this.toDo();
        setInterval(this.toDo.bind(this), this.dely)
    }
}
var f = new Float('onlineim', { dely: 100,
    toDo: function() {
        var isIE = document.all && window.external;
        this.bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        this.bodyScrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
        if (isIE) {
            this.docWidth = document.documentElement.clientWidth || document.body.clientWidth;
            this.docHeight = document.documentElement.clientHeight || document.body.clientHeight;
        } else {
            this.docWidth = (document.body.clientWidth > document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.clientWidth;
            this.docHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.clientHeight;
        }
        this.element.style.top = (this.docHeight - parseInt(this.element.offsetHeight, 10)) + parseInt(this.bodyScrollTop, 10) + 'px';
        this.element.style.left = (this.docWidth - parseInt(this.element.offsetWidth, 10)) + parseInt(this.bodyScrollLeft, 10) + 'px';
    }
});
f.start();