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=0000101453' title='300多亩农民耕地的非法租用'>300多亩农民耕地的非法租用(2012-2-9)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000101452' title='300多亩农民耕地的非法租用'>300多亩农民耕地的非法租用(2012-2-9)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000102360' title='绍兴嵊州市城关中学寒假要提前开学'>绍兴嵊州市城关中学寒假要提前开学(2012-2-6)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000102359' title='绍兴嵊州市城关中学寒假要提前开学'>绍兴嵊州市城关中学寒假要提前开学(2012-2-6)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000102358' title='绍兴嵊州市城关中学寒假要提前开学'>绍兴嵊州市城关中学寒假要提前开学(2012-2-6)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000102317' title='绍兴嵊州市城关中学寒假要提前开学'>绍兴嵊州市城关中学寒假要提前开学(2012-2-6)</a></td></tr><tr><td>· <a target='_blank' href='http://portal.zhejiang.gov.cn:80/PublicPortal/Portal/Interaction/Supervise/ItemDetail.aspx?public=1&ItemId=0000102315' title='绍兴嵊州市城关中学寒假要提前开学'>绍兴嵊州市城关中学寒假要提前开学(2012-2-6)</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);