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=0000058911' title='变味的“十小”行业质量安全整治和规范'>变味的“十小”行业质量安全整治和规...(2010-3-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=0000052136' title='强烈要求解决金丽温高速公路对沿线50米留地造成农户无法改造危旧房的报告'>强烈要求解决金丽温高速公路对沿线5...(2010-3-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=0000051837' title='高速多收费，要求退回'>高速多收费，要求退回(2010-3-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=0000049371' title='拆迁户何去何从'>拆迁户何去何从(2010-3-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=0000046143' title='投诉因长安高速出口关闭被迫从海宁高速出口下高速时被收取5元代收费！'>投诉因长安高速出口关闭被迫从海宁高...(2010-3-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=0000039801' title='杭州绕城出口新街、坎山的代收费是否合理（交了统交费的杭州市牌车辆）'>杭州绕城出口新街、坎山的代收费是否...(2010-3-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=0000059154' title='投诉'>投诉(2010-3-17)</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);