var message=new Array();
message[0]=new Array();
message[0]["title"]="测试标题";
message[0]["content"]="测试内容";



var html="";
html += "<div id=\"helpbox\" style=\"border:1px solid #666; width:450px; background-color:#ffffff; position:absolute; padding:5px; display:none;\">";
html += "<div style=\"border-bottom:dotted 1px #666666; padding:5px;\">";
html += "<div style=\"float:left; height:15px; line-height:15px; font-weight:bold;\" id=\"helpbox_title\">标题</div>";
html += "<div style=\"float:right; height:15px; line-height:15px;\"><a href=\"javascript:close_helpbox();\">[关闭]</a></div>";
html += "<div style=\"clear:both;\"></div>";
html += "</div>";
html += "<div style=\"line-height:22px; padding:5px\" id=\"helpbox_content\">sdfasdfasdf<br />sdfsdf</div>";
html += "</div>";

document.write(html);

function close_helpbox()
{
	document.getElementById("helpbox").style.display="none";
}
function open_helpbox(obj, index)
{
	var top=getY(obj);
	var left=getX(obj);
	
	var dochw=GetDocumentHW();
	if(left+470 > dochw.width)
	{
		left=dochw.width-470;
	}
	
	document.getElementById("helpbox").style.top=(top+15)+"px";
	document.getElementById("helpbox").style.left=(left)+"px";
	document.getElementById("helpbox").style.display="";
	
	document.getElementById("helpbox_title").innerHTML=message[index]["title"];
	document.getElementById("helpbox_content").innerHTML=message[index]["content"];
}

function getX(obj){
	return obj.offsetLeft + (obj.offsetParent ? getX(obj.offsetParent) : obj.x ? obj.x : 0);
}
function getY(obj){
	return (obj.offsetParent ? obj.offsetTop + getY(obj.offsetParent) : obj.y ? obj.y : 0);
}