﻿  
    
    var isShowTip=false;
        
    function showMsgTip (elId,msg,width,height,X,Y)
    {
        
       setTmpDv();
       document.getElementById(elId).onmouseout=function ev() {mousOut();}
       isShowTip=true;
       var dv_con=document.getElementById("dv_msgTip_con");
       dv_con.innerHTML=msg;
       dv_con.style.width=width-4+"px";
       dv_con.style.height=height-4+"px";

       var o=getObjectPosition(elId);
       var dv_msg=document.getElementById("dv_msgTip");
       dv_msg.style.top=o.y+Y+"px";
       dv_msg.style.left=o.x+X+"px";           
       dv_msg.style.width=width+"px";
       dv_msg.style.height=height+"px";
       dv_msg.style.display="block";
       
    }  
    
    function setTmpDv()
    {
    
        if(!document.getElementById("dv_msgTip"))
        {
            var dvmsgTip = document.createElement("div");  
            dvmsgTip.style.cssText = "text-align:left;width: 350px; height: 130px; position: absolute; background-color: #EEEEEE;border: solid 1px #CCCCCC; display: none;";  
            dvmsgTip.id="dv_msgTip";
            dvmsgTip.onmousemove=function ev() {isShowTip=true;};//"JavaScript:isShowTip=true;";
            dvmsgTip.onmouseout=function ev() {mousOut();}
            var img=document.createElement("img");  
            img.src="/img/ic_cp_arr.gif";
            img.style.cssText="margin-left: 20px; position: absolute; margin-top: -6px;";
            dvmsgTip.appendChild(img);        

            var msgTip_con=document.createElement("div");  
            msgTip_con.style.cssText ="margin: 2px 2px 2px 2px; overflow-y: auto; width: 346px; height: 126px;background-color: White;";
            msgTip_con.id="dv_msgTip_con";        
            dvmsgTip.appendChild(msgTip_con);
            
            document.body.appendChild(dvmsgTip);
        }
    }
   
    function mousOut()
    {
        isShowTip=false;
        window.setTimeout('HidMsgTip()',300);
    }

    function HidMsgTip()
    {        
        if(!isShowTip)            
        {
            document.getElementById("dv_msgTip").style.display="none";
        }
    }
        function getObjectPosition(obj)
    {
       var ua = navigator.userAgent.toLowerCase();
      var isOpera = (ua.indexOf('opera') != -1);
      var isIE = (ua.indexOf('msie') != -1 && !isOpera); 
      var el=typeof(obj)=='string'?document.getElementById(obj):obj;    
      if(el.parentNode == null || (el.style && el.style.display == 'none')) 
      {
          return false;
      }               
      var parent = null;
     var pos = [];     
      var box;         
      
     if(el.getBoundingClientRect)    //IE
      {         
        
          box = el.getBoundingClientRect();
          
          var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
          var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
          return {x:box.left + scrollLeft, y:box.top + scrollTop};
          
      }
      else if(document.getBoxObjectFor)       
      {
          box = document.getBoxObjectFor(el); 
          alert("a");
          var borderLeft = (el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0; 
          var borderTop = (el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0; 
          pos = [box.x - borderLeft, box.y - borderTop];
      }
      else  
      {
          pos = [el.offsetLeft, el.offsetTop];  
          parent = el.offsetParent;  
         
          while (parent) 
          {  
              pos[0] += parent.offsetLeft; 
              pos[1] += parent.offsetTop; 
              parent = parent.offsetParent;
          }  
    
         if (ua.indexOf('opera') != -1 || ( ua.indexOf('safari') != -1 && el.style.position == 'absolute' )) 
          { 
              pos[0] -= document.body.offsetLeft;
              pos[1] -= document.body.offsetTop;         
          }    
      } 
                   
     if (el.parentNode) 
      { 
          parent = el.parentNode;
      } 
      else 
      {
          parent = null;
      }
      
      while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML') 
      { 
          pos[0] -= parent.scrollLeft;
          pos[1] -= parent.scrollTop;
          
          if (parent.parentNode) 
         {
             parent = parent.parentNode;
         } 
         else 
         {
             parent = null;
         }
     }
     
     return {x:pos[0], y:pos[1]};
    }

