﻿        Type.registerNamespace('Demo');

        Demo.ToolTipImage=function(panelid)
        {
            this._panelid=panelid;
            this.x=0;
            this.y=0;
        }
       
        Demo.ToolTipImage.prototype=
        {
            get_PanelID:function()
            {
                return this._panelid;
            },
            
            set_PanelID:function(panelid)
            {
                this._panelid=panelid;
            },
            
            BeginShowToolTipImage:function(img,menuid)
            {
                
                pos=this.findPos(img);
                var imgWidth=220;
                var imgHeight=220;
                //alert(event.x);
//              this.x=pos[0]+img.offsetWidth+4;
//              this.y=pos[1]+2;
                this.x=event.x;
                this.y=event.y;
                var temp="<img src='" + img.src + "' width='" + imgWidth + "' px height='" + imgHeight + "' px >";
                //WebService.GetImagePath(img.src,this.EndShowToolTipImage,this.OnError,this.OnTimeOut);
                this.EndShowToolTipImage(temp);
 
            },
            ContinueShowToolTipImage:function()
            {
                var pnl=$get(PopupImage.get_PanelID());
                this.x=event.x;
                this.y=event.y;
                pnl.style.left= PopupImage.x + "px";
                pnl.style.top= PopupImage.y + "px";
            },
            
            EndShowToolTipImage:function(result)
            {
                var pnl=$get(PopupImage.get_PanelID());
               // alert(pnl.innerText);
                if(pnl.innerText!=null)
                {
                    pnl.innerHTML=result;
                }
                else
                {
                    pnl.innerHTML=result;
                }
                pnl.style.visibility="visible";
                pnl.style.display="inline";
                pnl.style.position="absolute";
                pnl.style.left= PopupImage.x + "px";
                pnl.style.top= PopupImage.y + "px";
            },
            
            HideToolTipImage:function()
            {
                var pnl=$get(this.get_PanelID());
                pnl.style.visibility="hidden";
                pnl.style.display="none";
            },
            
           OnError:function(result)
           {
               // alert(result.get_message());
           },         
           
           OnTimeOut:function(result)
           {
                alert(result);
           },
           findPos:function (obj)
           {
    	        var curleft = curtop = 0;
	            if (obj.offsetParent) 
                {
	                curleft = obj.offsetLeft;
	                curtop = obj.offsetTop;
	                while (obj = obj.offsetParent)
                    {
	                    curleft += obj.offsetLeft;
	                    curtop += obj.offsetTop;
                    }
                }
	            return [curleft,curtop];
            }
        }
        
 //Demo.ToolTipImage.registerClass('Demo.ToolTipImage');

