ToolTip_JS

//SCRIPT_START
//#namespace SysTool

function _toolTip( id, nLayerNumber, oParent )
{
     this.oToolTip = document.createElement('div');
     SysTool.addProperty(this.oToolTip.style,["display@none","position@absolute"]);
     this.oToolTip.id = id;
     oParent.appendChild(this.oToolTip);
     this.bShow = false;     
     //<----- this.oToolTip &  arrLayers[0] is the same object ---->//
     this.arrLayers = new Array( this.oToolTip );
     this.nLayerNumber = nLayerNumber<1?1:nLayerNumber;
     for( var i=1 ; i<this.nLayerNumber; i++ )
     {
           this.arrLayers.push( document.createElement('div') );
           this.oToolTip.appendChild(this.arrLayers[this.arrLayers.length-1]);
     }
   this.oToolTipContentLayer = this.arrLayers[this.arrLayers.length-1];
     
     this.OnBeforeShow = function(){return;};
     this.OnBeforeHide = function(){return;};
     this.OnAfterShow  = function(){return;};
     this.OnAfterHide  = function(){return;};


     this.SetStyle = function( arrStyle , nLayer )
     {
           nLayer = (nLayer<1||nLayer>this.nLayerNumber)?0:nLayer;
           SysTool.addProperty( this.arrLayers[nLayer].style,arrStyle);
     }
     this.SetContent = function( strContent )
     {
           SysTool.addProperty( this.oToolTipContentLayer, ["innerHTML@"+strContent]);
     }
     
     this.ShowToolTip = function( bShow,nX,nY )
     {
           if(!bShow)
           {
               this.OnBeforeHide();
               SysTool.addProperty(this.oToolTip.style,["display@none"]);
               this.bShow = false;
               this.OnAfterHide();
           }
           else
           {
               this.OnBeforeShow();
               SysTool.addProperty(this.oToolTip.style,["display@block","left@"+nX,"top@"+nY]);
               this.bShow = true;
               this.OnAfterShow();
           }
     }
}
 //SCRIPT_END