/**
    @name Edo.managers.TipManager
    @class 
    @single
    @description 提示信息管理器   
    @example 
*/ 
Edo.managers.TipManager = {        
    tips: {},    
    //tpl: new Edo.util.Template('<table class="e-tip <%=this.cls%>" cellspacing="0" border="0" cellpadding="0"><tr class="e-group-t"><td class="e-group-tl"></td><td class="e-group-tc"></td><td class="e-group-tr"></td></tr><tr class="e-group-m"><td class="e-group-ml"></td><td class="e-group-mc"><%if(this.showTitle){%><div class="e-tip-header"><%= this.title%><%if(this.showClose){%><div class="e-tip-close" onclick="Edo.managers.TipManager.hide(\'<%= this.target.id%>\')"></div><%}%></div><%}%><div class="e-group-body"><%= this.html%></div></td><td class="e-group-mr"></td></tr><tr class="e-group-b"><td class="e-group-bl"></td><td class="e-group-bc"></td><td class="e-group-br"></td></tr></table>'),
    tpl: new Edo.util.Template('<div class="e-tip <%=this.cls%>"><%if(this.showTitle){%><div class="e-tip-header"><%= this.title%><%if(this.showClose){%><div class="e-tip-close" onclick="Edo.managers.TipManager.hide(\'<%= this.target.id%>\')"></div><%}%></div><%}%><div class="e-group-body"><%= this.html%></div></div>'),
    show: function(x, y, cfg){
        var target =cfg.target;
        clearTimeout(cfg.hideTimer);
        if(!cfg.tipEl){
            
            var s = this.tpl.run(cfg);
           
            cfg.tipEl = Edo.util.Dom.append(document.body, s);
            
//            var w = Edo.util.Dom.getWidth(cfg.tipEl);
//            Edo.util.Dom.setWidth(cfg.tipEl, w);
            //Edo.util.Dom.repaint(cfg.tipEl);
        }                            
        Edo.util.Dom.setXY(cfg.tipEl, [x+cfg.mouseOffset[0], y+cfg.mouseOffset[1]]);
                    
    },
    hide: function(cfg){
        if(!cfg) return;
        if(typeof cfg === 'string') cfg = this.tips[cfg];                                                
        Edo.util.Dom.remove(cfg.tipEl);
        cfg.tipEl = null;
    },
    clear: function(tip){
        if(tip.tipEl){
            Edo.util.Dom.remove(tip.tipEl);
            tip.tipEl = null;
        }
        return tip;
    },
    /**        
        @name Edo.managers.TipManager#reg
        @function 
        @description 注册提示器
        @param {Object} config 提示器配置对象<br/>
<pre>
{
    target: null,               //注册提示的对象
    cls: '',                    //
    html: '',
    title: '',
    
    ontipshow: Edo.emptyFn,
    ontiphide: Edo.emptyFn,
    
    showTitle: false,           //是否显示标题
    autoShow: true,             //是否mouseover显示
    autoHide: true,             //是否mouseout隐藏
    showClose: false,           //是否显示关闭按钮
    showImage: false,           //
    trackMouse: false,          //是否跟随鼠标移动而显示
    showDelay: 200,             //显示延迟
    hideDelay: 100,             //隐藏延迟            
    
    mouseOffset:[15,18]         //显示的偏移坐标
}
</pre>        
    */          
    reg: function(cfg){
        cfg = Edo.apply({},cfg, {
            target: null,               //注册提示的对象
            cls: '',                    //
            html: '',
            title: '',
            
            ontipshow: Edo.emptyFn,
            ontiphide: Edo.emptyFn,
            
            showTitle: false,           //是否显示标题
            autoShow: true,             //是否mouseover显示
            autoHide: true,             //是否mouseout隐藏
            showClose: false,           //是否显示关闭按钮
            showImage: false,           //
            trackMouse: false,          //是否跟随鼠标移动而显示
            showDelay: 200,             //显示延迟
            hideDelay: 100,             //隐藏延迟            
            
            mouseOffset:[15,18]         //显示的偏移坐标
        });
        
        if(!cfg.target) return false;
        
        //注册提示配置信息
        this.unreg(cfg.target);
        
        var target = cfg.target;
        this.tips[target.id] = cfg;

        //if(target.id == 'btn2') debugger;
        if(cfg.autoShow){
            if(cfg.trackMouse){
                target.on('mousemove', this.onmousemove, this);
            }else{
                target.on('mouseover', this.onmouseover, this);
            }
        }
        //如果是autoHide,则绑定上去,要不不绑定
        target.on('mouseout', this.onmouseout, this);
        return cfg;
    },
    /**        
        @name Edo.managers.TipManager#unreg
        @function 
        @description 注销提示器
        @param {UIComponent} 组件
    */        
    unreg: function(cmp){
        //取消提示
        var tip = this.tips[cmp.id];
        if(tip){
            this.hide(tip);
            var target = tip.target;
            target.un('mouseover', this.onmouseover, this);
            target.un('mousemove', this.onmousemove, this);
            target.un('mouseout', this.onmouseout, this);
            
            delete this.tips[cmp.id];
        }
    },
    //private
    onmouseover: function (e){                        
        var tip = this.tips[e.source.id];
        if(tip.tipEl){
            var el = e.getRelatedTarget();        
            if(Edo.util.Dom.contains(e.source.el, el)) return;
        }
        if(tip.ontipshow(e) !== false){
            this.showTimer = this.show.defer(tip.showDelay, this, [e.xy[0], e.xy[1], tip]);
        }else{
            if(tip.autoHide) tip.hideTimer = this.hide.defer(tip.hideDelay, this, [tip]);
        }
    },
    onmousemove: function (e){
        var tip = this.tips[e.source.id];
        
        if(tip.ontipshow(e) !== false){
            this.show(e.xy[0], e.xy[1], tip);
        }else{
            if(tip.autoHide) tip.hideTimer = this.hide.defer(tip.hideDelay, this, [tip]);
        }
    },
    onmouseout: function(e){
        var el = e.getRelatedTarget();
        var tip = this.tips[e.source.id];
        if(Edo.util.Dom.contains(e.source.el, el)) return;        
        //alert(1);
        if(tip.autoHide){       
            tip.ontiphide(e);
            if(this.showTimer) {
                clearTimeout(this.showTimer);
                this.showTimer = null;
            }
            
            tip.hideTimer = this.hide.defer(tip.hideDelay, this, [tip]);
            
        }
    }    
}