var COS=COS||{};COS.widgets={};COS.widgets.SimpleTooltip=function(B,C){this.id=typeof C=="string"?Ext.get(C):C;this.html=B;if(arguments.length>2){Ext.apply(this,arguments[2])}if(typeof this.html==="undefined"){var A=(this.separator!=null?this.id.dom.title.split(this.separator):this.id.dom.title);this.id.set({title:""});this.html=(A.constructor==Array&&A.length==2?A[1]:"");this.title=(A.constructor==Array&&A.length==2?A[0]:A)}this.init()};COS.widgets.SimpleTooltip.prototype={TOOLTIP_ID:"cos-tooltip",minWidth:"30px",maxWidth:"250px",opacity:"0.85",title:"",separator:null,init:function(){var B=this;if(!Ext.get(this.TOOLTIP_ID)){var C=Ext.get(document.body||document.documentElement).createChild({tag:"div",id:"cos-tooltip-wrapper"});C.applyStyles({display:"none",minWidth:this.minWidth,opacity:this.opacity});var A='<div id="cos-tip-header"><span id="cos-tip-title"></span></div>';C.dom.innerHTML=A;Ext.get(C).createChild({tag:"div",id:this.TOOLTIP_ID,style:"overflow:auto"})}this.helper=Ext.get("cos-tooltip-wrapper");this.id.on({mouseover:function(D){B.showTooltip(D,B)},mouseout:function(){B.hideTooltip(B)},click:function(){B.hideTooltip(B)}})},showTooltip:function(B,C){Ext.getDom("cos-tip-title").innerHTML=C.title;var A=B.getXY();Ext.get(this.TOOLTIP_ID).dom.innerHTML=C.html;this.helper.applyStyles({display:"block",top:A[1]+15+"px",left:A[0]+15+"px"})},hideTooltip:function(){Ext.getDom("cos-tip-title").innerHTML="";this.helper.setDisplayed("none")}};Ext.Element.prototype.addTooltip=function(){var A=arguments.length>0?arguments[0]:{};return new COS.widgets.SimpleTooltip(A.html,this,A.config)};