﻿

    function MessageBox(message)
    {
       var messageDiv = document.createElement("div");
       messageDiv.id="msg";
       messageDiv.style.width="200px";
       
       
       document.body.appendChild(messageDiv);
       $("#msg").html(message);   
           
       setDiv("msg");
       $("#msg").css({display:"block"});
       
      // $(window).scroll(function(){resetBg()});//是否一直在中间
       $(window).resize(function(){resetBg()});//是否一直在中间
      // $("#msg").show();
    }    
    function Loading(message)
    {
       var messageDiv = document.createElement("div");
       messageDiv.id="msg";
       messageDiv.style.width="200px";
       document.body.appendChild(messageDiv);
       
       $("#msg").html("<div style='float:left;margin-left:6px;'><img width='24px' height='24px' src='http://www.51yao.com.cn/images/loading.gif' style='margin-top:4px;margin-right:4px;' /></div>"+message);       
       
        setDiv("msg");
        $("#msg").css({display:"block"});
        $(window).resize(function(){resetBg()});//左右中间        
      // $(window).scroll(function(){resetBg()});//是否一直在中间   

    }
    
    function close()
    {
       $("#msg").css({display:"none"});
    }
    
    //设置层的样式
    function setDiv(objId)
    {
       
       var objWH=getObjWh(objId);
       var tbT=objWH.split("|")[0]+"px";
       var tbL=objWH.split("|")[1]+"px";
       $("#"+objId).css({
        position:"absolute",
        height:"32px",
		paddingRight:"8px",
		paddingLeft:"8px",
        lineHeight: "32px",
        fontSize:"12px",
        display: "none",
        zIndex: "999",
        textAlign:"center",
		background:"#F9F9F9",
        border:"1px solid #999",//边线
        color:"#000",//字体颜色
        padingLeft:"6px",
        left:tbL,
        top:tbT});
    }
    
    //方法用于取div左上角坐标
    function getObjWh(obj)
    {
        var st=document.documentElement.scrollTop;//滚动条距顶部的距离
        var sl=document.documentElement.scrollLeft;//滚动条距左边的距离
        var ch=document.documentElement.clientHeight;//屏幕的高度
        var cw=document.documentElement.clientWidth;//屏幕的宽度
        var objH=$("#"+obj).height();//浮动对象的高度
        var objW=$("#"+obj).width();//浮动对象的宽度
        var objT=Number(st)+(Number(ch)-Number(objH))/2;
        var objL=Number(sl)+(Number(cw)-Number(objW))/2;
        return objT+"|"+objL;
   }
   //这个方法用于使对象一直在中间
   function resetBg(){
       // var fullbg=$("#fullbg").css("display");
        //if(fullbg=="block")
        //{
       // var bH2=$("body").height();
       // var bW2=$("body").width()+16;
       // $("#fullbg").css({width:bW2,height:bH2});
        var objV=getObjWh("msg");
        var tbT=objV.split("|")[0]+"px";
        var tbL=objV.split("|")[1]+"px";
        $("#msg").css({top:tbT,left:tbL});
       // }
   }
   function showDiv(objId)
   {
       var messageDiv = document.createElement("div");
       messageDiv.id="msg";       
//       messageDiv.style.width=document.getElementById("#"+objId).style.width;
//       messageDiv.style.height=document.getElementById("#"+objId).style.height;
       messageDiv.style.width="500px";
       messageDiv.style.height="200px";
       
       document.body.appendChild(messageDiv);
       
       $("#msg").html($("#"+objId).html());     
        var objWH=getObjWh("#msg");
       var tbT=objWH.split("|")[0]+"px";
       var tbL=objWH.split("|")[1]+"px";
       $("#msg").css({
        position:"absolute",
        display: "none",
        zIndex: "999",
		background:"#F9F9F9",
        border:"1px solid #999",//边线
        color:"#000",//字体颜色
        padingLeft:"6px",
        left:tbL,
        top:tbT});
        
        $("#msg").css({display:"block"});
        resetBg();
        $(window).resize(function(){resetBg()});//左右中间 
        $(window).scroll(function(){resetBg()});//是否一直在中间 
   }
   
