function postSData()
{
    
    var stritemId = document.getElementById("itemIDSup").value;
    var strvalidateCode = document.getElementById("validateCodeSup").value;
    if (stritemId == "")
    {
	alert("请输入投诉编号！");
	return false;
    }
    if (strvalidateCode == "")
    {
	alert("请输入信件查询码！");
	return false;
    }
    var strurl = "http://portal.zhejiang.gov.cn/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?ItemId=";
        strurl += stritemId + "&ValidationCode=" + strvalidateCode;
    window.open(strurl);
}
//declear html header

var html_header='<TABLE style="MARGIN-BOTTOM: 1px" height="27" cellSpacing="0" cellPadding="0" width="100%" border="0">';
    html_header +='<TR>';
    html_header +='<TD align="right" width="41%"><IMG  src="/zjimages/images/toolbar_intendee.gif"  /></TD>';
    html_header +='<TD style="COLOR: #1278a0" width="59%" bgColor=#efefef>&nbsp;&nbsp;';
    html_header +='<A style="COLOR: #3b67a1" href="http://www.zhejiang.gov.cn/gb/zjnew/node3/node23/node2144/userobject1ai3396.html">我要投诉</A> ';
    html_header +='| <A style="COLOR: #3b67a1" href="http://www.zhejiang.gov.cn/gb/zjnew/node3/node23/node2144/index.html">更多...</A>';
    html_header +='</TD></TR></TABLE>';
    
    html_header += '<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#d2d2d2">';
    html_header += '<tr>';
    html_header += '<td bgcolor="#FFFFFF"><table width="100%" height="90" border="0" cellpadding="0" cellspacing="1">';
    html_header += '<tr>';
    html_header += '<td width="66%" valign="top"><table width="96%" border="0" align="center" cellpadding="1" cellspacing="1">';
    
//deaclear html content    
var html_content = "<tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000031280' title='省直机关的普通公务员太可怜了'>省直机关的普通公务员太可怜了(2008-11-21)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000031066' title='浙江大学招收研究生行政干预、不公平！！！！'>浙江大学招收研究生行政干预、不公平...(2008-11-19)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000031064' title='浙江大学招收医学硕士研究生存在行政干预、不公平现象！！！'>浙江大学招收医学硕士研究生存在行政...(2008-11-19)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000031078' title=' 小区内无证经营冷库存在噪音废气污染，向有关部门和市政府反映一年，却得不到任何解决措施！！！'> 小区内无证经营冷库存在噪音废气污...(2008-11-18)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000030800' title='临海市白水洋镇后周村张文中违章建房一案'>临海市白水洋镇后周村张文中违章建房...(2008-11-17)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000028460' title='关于<宁波市泌尿肾病医院命名>存在误导患者识别名称与级别的不良后果的质疑及该院违法违规行为的举报'>关于<宁波市泌尿肾病医院命名>存在...(2008-10-27)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000027186' title='温州市政府部门管不管'>温州市政府部门管不管(2008-10-21)</a></td></tr>";   
    
//deaclaet html footer                        
var html_footer = '</table></td>';
    html_footer += '<td width="34%" valign="top" style="padding:4px;"><table width="100%" border="0" cellpadding="5" cellspacing="1" bgcolor="#d2d2d2">';
    html_footer += '<tr>';
    html_footer += '<td bgcolor="#FFFFFF" style="line-height:24px;"><table width="100%" border="0" cellspacing="4" cellpadding="0">';
    html_footer += '<tr>';
    html_footer += '<td><img src="/zjimages/images/item_greydoublearrows.gif" width="9" height="12" align="absmiddle" /><span style="font-weight: bold; color: #3b67a1">&nbsp;&nbsp;{办理状态查询}</span></td>';
    html_footer += '</tr>';
    html_footer += '<tr>';
    html_footer += '<td> 编　号：'; 
    html_footer += '<input type="text" id="itemID" name="itemIDSup" class="rounderctInput91" />';
    html_footer += '</td>';
    html_footer += '</tr>';
    html_footer += '<tr>';
    html_footer += '<td>验证码：'; 
    html_footer += '<input type="text" id="validateCode" name="validateCodeSup" class="rounderctInput91" /></td>';
    html_footer += '</tr>';
    html_footer += '<tr>';   
    html_footer += '<tr>';
    html_footer += '<td align="center"><span style="font-weight: bold; color: #868A89">';
    html_footer += '<input name="imageField52" type="image" src="/zjimages/images/button_query.gif" align="top" onclick="postSData();"/>';
    html_footer += '</span></td>';
    html_footer += '</tr>';
    html_footer += '</table></td>';
    html_footer += '</tr>';
    html_footer += '</table>';
    html_footer += '<table width="100%" border="0" cellpadding="2" cellspacing="1" bgcolor="#d2d2d2" style="margin-top:4px; ">';
    html_footer += '<tr>';
    html_footer += '<td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">';
    html_footer += '<tr>';
    html_footer += '<td rowspan="2" align="center"><img src="/zjimages/images/smallicon_intendee.gif" width="38" height="38" /></td>';
    html_footer += '<td><span><a href="http://www.zhejiang.gov.cn/gb/zjnew/node3/node23/node2144/index.html" style="color: #386AAF">各部门监督投诉</a></span></td>';
    html_footer += '</tr>';
    html_footer += '<tr>';
    html_footer += '<td><span><a href="http://www.zhejiang.gov.cn/gb/zjnew/node3/node23/node2144/index.html" style="color: #386AAF">各地市监督投诉</a></span></td>';
    html_footer += '</tr>';
    html_footer += '</table></td>';
    html_footer += '</tr>';
    html_footer += '</table></td>';
    html_footer += '</tr>'
    html_footer += '</table></td>';
    html_footer += '</tr>';
    html_footer += '</table>';
    
//print js
document.write(html_header + html_content + html_footer);