function OP(objId,conId,srcs,proid){
var arrayPageSize   = getPageSize();
var arrayPageScroll = getPageScroll();
if (!document.getElementById("popupAddr")){
var popupDiv = document.createElement("div");
popupDiv.setAttribute("id","popupAddr")
popupDiv.style.position = "absolute";
popupDiv.style.border = "3px solid #666666";
popupDiv.style.padding = "0px";
popupDiv.style.background = "#fff";
popupDiv.style.zIndex = 99;
var bodyBack = document.createElement("div");
bodyBack.setAttribute("id","bodybg")
bodyBack.style.position = "absolute";
bodyBack.style.width = "100%";
bodyBack.style.height = (arrayPageSize[1] + 35 + 'px');
bodyBack.style.zIndex = 98;
bodyBack.style.top = 0;
bodyBack.style.left = 0;
bodyBack.style.filter = "alpha(opacity=20)";
bodyBack.style.opacity = 0.8;
bodyBack.style.background = "#000000";
var mybody = document.getElementById(objId);
insertAfter(popupDiv,mybody);
insertAfter(bodyBack,mybody);
}
document.getElementById("bodybg").style.display = "";
var popObj=document.getElementById("popupAddr")
popObj.innerHTML = document.getElementById(conId).innerHTML;
popObj.style.display = "";
var arrayConSize=getConSize(conId)
popObj.style.top  = arrayPageScroll[1] + (arrayPageSize[3] - arrayConSize[1]) / 6-50 + 'px';
popObj.style.left = (arrayPageSize[0] - arrayConSize[0]) / 2 -30 + 'px';
document.getElementById("pic").src =srcs;
document.getElementById('proid').value=proid;
}
function getConSize(conId){
var conObj=document.getElementById(conId)
conObj.style.position = "absolute";
conObj.style.left=-1000+"px";
conObj.style.display="";
var arrayConSize=[conObj.offsetWidth,conObj.offsetHeight]
conObj.style.display="none";
return arrayConSize;
}
function insertAfter(newElement,targetElement){
var parent = targetElement.parentNode;
if(parent.lastChild == targetElement){
parent.appendChild(newElement);
}
else{
parent.insertBefore(newElement,targetElement.nextSibling);
}}
function getPageScroll(){
var yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop){
yScroll = document.documentElement.scrollTop;
} else if (document.body) {
yScroll = document.body.scrollTop;
}
arrayPageScroll = new Array('',yScroll)
return arrayPageScroll;
}
function getPageSize(){
var xScroll,yScroll;

if (window.innerHeight && window.scrollMaxY){
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){
sScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else {
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth,windowHeight;
if (self.innerHeight) {
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) {
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}

var pageWidth,pageHeight
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
if(xScroll < windowWidth) {
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
function closeLayer(){
document.getElementById("popupAddr").style.display = "none";
document.getElementById("bodybg").style.display = "none";
return false;
}

document.writeln("<div style=\'visibility: hidden;position: fixed;\' id=\'k111\'>");
document.writeln("<form action=\'"+root_path+"\/include\/gbook.php\' method=post>");
document.writeln("<table border=0 cellpadding=0 cellspacing=1 bgcolor=#FFFFFF class=\"tanchu\">");
document.writeln("  <tr>");
document.writeln("    <td colspan=\"2\" align=right bgcolor=#F9F9F9><img id=pic name=pic style=\'MAX-WIDTH: 455px;MAX-HEIGHT: 330px;\'\/><\/td>");
document.writeln("    <\/tr>");
document.writeln("  <tr>");
document.writeln("    <td align=right bgcolor=#F9F9F9>Name:<\/td>");
document.writeln("    <td bgcolor=#F9F9F9 align=left><input type=text name=name id=name style=\'font-size: 11px;width:200px;border:1px solid #cccccc;\'\/><\/td>");
document.writeln("  <\/tr>");
document.writeln("  <tr>");
document.writeln("    <td align=right bgcolor=#F9F9F9>E-mail:<\/td>");
document.writeln("    <td bgcolor=#F9F9F9 align=left><input type=text name=title id=title style=\'font-size: 11px;width:200px;border:1px solid #cccccc;\'\/><\/td>");
document.writeln("  <\/tr>");
document.writeln("  <tr>");
document.writeln("    <td align=right bgcolor=#F9F9F9>Country:<\/td>");
document.writeln("    <td bgcolor=#F9F9F9 align=left><input type=text name=contact id=contact style=\'font-size: 11px;width:200px;border:1px solid #cccccc;\'\/><\/td>");
document.writeln("  <\/tr>");
document.writeln("  <tr>");
document.writeln("    <td align=right bgcolor=#F9F9F9>Content:<\/td>");
document.writeln("    <td bgcolor=#F9F9F9 align=left><textarea name=content id=content cols=45 rows=8 style=\'font-size: 11px;width:100%;border:1px solid #cccccc;\'><\/textarea><\/td>");
document.writeln("  <\/tr>");
document.writeln("  <tr>");
document.writeln("    <td colspan=2 align=center bgcolor=#F9F9F9>");
document.writeln("    <input type=\'submit\' name=\'button\' id=\'button\' value=\'Submit\' style=\'border:1px solid #666666;\' \/>");
document.writeln("    <input type=reset name=button2 id=button2 value=Cancel style=\'border:1px solid #666666;cursor:hand;\' onclick=closeLayer()  \/>");
document.writeln("    <input name=proid type=hidden id=proid>    <\/td>");
document.writeln("  <\/tr>");
document.writeln("<\/table>");
document.writeln("<\/form><\/div>")