//单击显示层
   function checkclick1(id)
    {
    document.getElementById("bgdiv").style.width = document.body.offsetWidth + "px";
    document.getElementById("bgdiv").style.height = document.body.offsetHeight + "px"; 
    document.getElementById("pic").style.left=((document.documentElement.clientWidth- getdiv(document.getElementById("pic"),"width").replace("px","") )/2)+"px";
    document.getElementById("pic").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("pic"),"height").replace("px","")/2 )+"px";
    document.getElementById("pic").style.display="block";
    document.getElementById("bgdiv").style.display="block";
    document.getElementById("listmsg").style.left=(document.documentElement.clientWidth-getdiv(document.getElementById("listmsg"),"width").replace("px","") )/2+"px";
    document.getElementById("listmsg").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("listmsg"),"height").replace("px","")/2 )+"px";
    document.getElementById("listmsg").style.display="block";
    document.getElementById("pic").innerHTML="<iframe id='piciframe' scrolling='no' frameborder='0' src='checks"+id+".html'></iframe>";
    movediv();
    }  
    function checkclick(id)
    {
    document.getElementById("bgdiv").style.width = document.body.offsetWidth + "px";
    document.getElementById("bgdiv").style.height = document.body.offsetHeight + "px"; 
    document.getElementById("pic").style.left=((document.documentElement.clientWidth- getdiv(document.getElementById("pic"),"width").replace("px","") )/2)+"px";
    document.getElementById("pic").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("pic"),"height").replace("px","")/2 )+"px";
    document.getElementById("pic").style.display="block";
    document.getElementById("bgdiv").style.display="block";
    document.getElementById("listmsg").style.left=(document.documentElement.clientWidth-getdiv(document.getElementById("listmsg"),"width").replace("px","") )/2+"px";
    document.getElementById("listmsg").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("listmsg"),"height").replace("px","")/2 )+"px";
    document.getElementById("listmsg").style.display="block";
    document.getElementById("pic").innerHTML="<iframe id='piciframe' scrolling='no' frameborder='0' src='check"+id+".html'></iframe>";
    movediv();
    }
   function planclick(id)
    {
    document.getElementById("bgdiv").style.width = document.body.offsetWidth + "px";
    document.getElementById("bgdiv").style.height = document.body.offsetHeight + "px"; 
    document.getElementById("planpic").style.left=((document.documentElement.clientWidth- getdiv(document.getElementById("pic"),"width").replace("px","") )/2)+"px";
    document.getElementById("planpic").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("planpic"),"height").replace("px","")/2 )+"px";
    document.getElementById("planpic").style.display="block";
    document.getElementById("bgdiv").style.display="block";
    document.getElementById("planpic").innerHTML="<div style='float:left;color:#006699;font-weight:bold;'>Floorplan</div><div style='background-color:#cccccc;text-align:right;'><img src='/image/close.gif' onclick='closeplan()' style='cursor:pointer'></div><table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'><tr><td align='center' height='320'><img src='/minpic.html?im="+id+"&pw=480&ph=320'/></td></tr></table>";
    movespan();
    }
   function mapclick(id)
    {
    document.getElementById("bgdiv").style.width = document.body.offsetWidth + "px";
    document.getElementById("bgdiv").style.height = document.body.offsetHeight + "px"; 
    document.getElementById("pic").style.left=((document.documentElement.clientWidth- getdiv(document.getElementById("pic"),"width").replace("px","") )/2)+"px";
    document.getElementById("pic").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("pic"),"height").replace("px","")/2 )+"px";
    document.getElementById("pic").style.display="block";
    document.getElementById("bgdiv").style.display="block";
    document.getElementById("listmsg").style.left=(document.documentElement.clientWidth-getdiv(document.getElementById("listmsg"),"width").replace("px","") )/2+"px";
    document.getElementById("listmsg").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("listmsg"),"height").replace("px","")/2 )+"px";
    document.getElementById("listmsg").style.display="block";
    document.getElementById("pic").innerHTML="<iframe id='piciframe' scrolling='no' frameborder='0' src='map"+id+".html'></iframe>";
    movediv();
    }
    function picclick(id)
    {
    document.getElementById("bgdiv").style.width = document.body.offsetWidth + "px";
    document.getElementById("bgdiv").style.height = document.body.offsetHeight + "px"; 
    document.getElementById("pic1").style.left=((document.documentElement.clientWidth- getdiv(document.getElementById("pic"),"width").replace("px","") )/2)+"px";
    document.getElementById("pic1").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("pic"),"height").replace("px","")/2 )+"px";
    document.getElementById("pic1").style.display="block";
    document.getElementById("bgdiv").style.display="block";
    document.getElementById("listmsg").style.left=(document.documentElement.clientWidth-getdiv(document.getElementById("listmsg"),"width").replace("px","") )/2+"px";
    document.getElementById("listmsg").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("listmsg"),"height").replace("px","")/2 )+"px";
    document.getElementById("listmsg").style.display="block";
    document.getElementById("pic1").innerHTML="<iframe id='piciframe1' scrolling='no' frameborder='0' src='pic"+id+".html'></iframe>";
    movepic1();
    }

    //获取div的值
function getdiv (obj, prop) {     
 if (obj.currentStyle) { 
        return obj.currentStyle[prop];     
  } 
 else if (window.getComputedStyle) {
        propprop = prop.replace (/([A-Z])/g, "-$1");           
       propprop = prop.toLowerCase ();        
   return document.defaultView.getComputedStyle (obj,null)[prop];     
  }      
return null;
}

function movediv() {

var tt=10;

document.getElementById("pic").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("pic"),"height").replace("px","")/2)+"px";
document.getElementById("listmsg").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("listmsg"),"height").replace("px","")/2)+"px";
setTimeout(movediv,tt);

}
function movespan() {

var tt=10;

document.getElementById("planpic").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("planpic"),"height").replace("px","")/2)+"px";
setTimeout(movespan,tt);

}
function closeplan()
{
document.getElementById("planpic").style.display="none";
document.getElementById("bgdiv").style.display="none";
}
function movepic1() {

var tt=10;

document.getElementById("pic1").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("pic"),"height").replace("px","")/2)+"px";
document.getElementById("listmsg").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight/2-getdiv(document.getElementById("listmsg"),"height").replace("px","")/2)+"px";
setTimeout(movepic1,tt);

}