function name_area(ccc){
	if(ccc.checked){
    	document.getElementById("name_area").style.display='none';
        writeCookie('nameshow',1,720)
    }else{
    	document.getElementById("name_area").style.display='';
        writeCookie('nameshow',0,720)
    }
}
function readCookie(name){
  var cookieValue = "";
  var search = name + "=";
  if(document.cookie.length > 0){ 
    offset = document.cookie.indexOf(search);
    if (offset != -1){ 
      offset += search.length;
      end = document.cookie.indexOf(";", offset);
      if (end == -1) end = document.cookie.length;
      cookieValue = unescape(document.cookie.substring(offset, end))
    }
  }
  return cookieValue;
}
function writeCookie(name, value, hours){
    var expire = "";
    var domain = "; path=/; domain=.hangzhou.com.cn";
    if(hours != null){
    expire = new Date((new Date()).getTime() + hours * 3600000);
    expire = "; expires=" + expire.toGMTString();
    }
    document.cookie = name + "=" + escape(value) + expire + domain;
}
function comcheck(frm){
	if(frm.content.value==''){
    	alert("请输入评论类容！");
        frm.content.focus();
        return false;
    }
	if(frm.niming.checked===false && frm.name.value==''){
    	alert("请输入昵称,或者勾选匿名发表！");
        frm.name.focus();
        return false;
    }else{
    	writeCookie('namecom',frm.name.value,720);
    }
    return true;
}
function byteLength (sStr) {
	aMatch = sStr.match(/[^\x00-\x80]/g);
	return (sStr.length + (! aMatch ? 0 : aMatch.length));
}
function getStrbylen(str, len) {
	var num = 0;
	var strlen = 0;
	var newstr = "";
	var laststrlen = 1;
	var obj_value_arr = str.split("");
	for(var i = 0; i < obj_value_arr.length; i ++) {
		if(i < len && num + byteLength(obj_value_arr[i]) <= len) {
			num += byteLength(obj_value_arr[i]);
			strlen = i + 1;
		}
	}
	if(str.length > strlen) {
		if(byteLength(str.charAt(strlen-1)) == 1){
			laststrlen = 2;
		}
		newstr = str.substr(0, strlen-laststrlen) + '…';
	} else {
		newstr = str;
	}
	return newstr;
}
function textCounter(obj, maxlimit) {
	var len = strLen(obj.value);
	if(len > maxlimit) {
    	obj.value = getStrbylen(obj.value, maxlimit);
		alert("最多"+maxlimit+"个字节");
	}
}
function strLen(str) {
	var charset = document.charset; 
	var len = 0;
	for(var i = 0; i < str.length; i++) {
		len += str.charCodeAt(i) < 0 || str.charCodeAt(i) > 255 ? (charset == "utf-8" ? 3 : 2) : 1;
	}
	return len;
}

document.write('<link href="https://web.hangzhou.com.cn/comment/css/style.css" rel="stylesheet" type="text/css" />');
document.write('<script src="https://web.hangzhou.com.cn/comment/js/jquery-1.9.1.min.js" type="text/javascript" language="javascript" charset="utf-8"></script>');
document.write('<div class="height10"></div>');
document.write('<div class="comment_body">');

document.write('<div class="comment_top">');
document.write('<a name="commenttop" id="commenttop"></a>');
document.write('<h2>网友提问选登</h2>');
document.write('<p><a href="https://web.hangzhou.com.cn/comment/list.php?news_id=1771" target="_blank">所有发帖(已有<span class=num_pass>47</span>位网友发帖)</a></p>');
document.write('</div>');
document.write('<div id="comment_list">');
document.write('<div class="comment_list">');
document.write('<p>小恩　2013-06-28 11:55:07</p>');
document.write('<div>我觉得只是图案设计太浮于表面，不实用，设计应该注重它的实际的作用，</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>强市办杨　2013-06-22 21:33:47</p>');
document.write('<div>个人认为，美化窨井盖可能有点舍本逐末了，窨井盖重要的不是美观，而是实用。美化需要成本不说，行车行路也不可能去细赏它，欣赏它而忽略道路安全，有一定的潜在危险性！相反，我认为在防滑的基础上，表面颜色与地面颜色接近一点会更好，因为布置不规划，弄得越美越显眼反而越刺眼，吃力不讨好。市政部门应该多花点工夫做窨井盖的安全方面，以前好象有井盖下方装网绳，这个工作做得就非常好。本人再提一个点子：井盖损坏或遗失了会自动报警。这样一来会提醒路人，二来市政会及时知道并处理，具体措施很简单，成本也很低。这样的工作更实用，民众也更需要。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>杭州网网友　2013-06-09 12:52:33</p>');
document.write('<div>可以来几个银魂海贼啥的吗</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>杭州网网友　2013-06-08 08:18:11</p>');
document.write('<div>这个活动真不错！</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>吴山天风　2013-06-06 14:38:39</p>');
document.write('<div>美化窨井盖，美化城市，是好事！但作为市政设施的窨井盖，牢固是硬道理！一是材质要牢，二是安装要牢，三是有防意外翻转、滑落措施！</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>风景　2013-06-06 14:35:53</p>');
document.write('<div>那又是一道风景线路，喜欢</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>倔强的排骨　2013-06-06 14:33:08</p>');
document.write('<div>形成系列,比如360行的形象，就可以做成360个盖子了，动物系列，植物系列等等等。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>杭州网网友　2013-06-06 14:02:09</p>');
document.write('<div>水墨类和西湖风光的很好 有杭州特点</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>杭州网网友　2013-06-06 13:09:13</p>');
document.write('<div>古钱的那个真的很漂亮哦！</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>卡地度亚　2013-06-06 12:45:16</p>');
document.write('<div>觉得颜色还是和路面相符为好，因为从驾驶员视觉角度来看，太花哨的影响行车安全，在人行道上的可以考虑有特色一点。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>虞厦　2013-06-06 11:10:02</p>');
document.write('<div>生活在杭州真幸福，近年来背街小巷变靓丽了，如今人行道窨井盖又要变得漂亮了。让杭州人走到哪里，哪里都是美丽的风景。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>凌宛如　2013-06-06 11:08:48</p>');
document.write('<div>杭州的东西当然要用杭州的十景了。那是杭州最有特色的呀~~</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>麟旻　2013-06-06 10:30:12</p>');
document.write('<div>杭州在实行对市政窨井盖“三保险”（加装防护网、使用无偷窃价值的钢纤维井盖、给窨井买保险）的基础上，将开展对素颜窨井盖美化，让路人赏心悦目，提升了生活品质。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>牧马人　2013-06-06 09:26:42</p>');
document.write('<div>关键是要做到实用性、耐用性、功能性、安全性等方面的同意统一，具备易识别、易保养，其承重、自重要符合国家有关规范等基本要求。文化特色应居于次要地位，华而不实的设施再好看也没用的。</div>');
document.write('</div>');
document.write('<div class="comment_list">');
document.write('<p>杭州网网友　2013-06-06 08:53:56</p>');
document.write('<div>杭州有很深的文化底蕴,所设计的窨井盖不要局限在某一图案上,可结合不同功能区设计出不同的图案,体现与时俱进.比如在西湖边可围绕西湖十景来设计,主要街道可从文字或主要街道的标志性建筑来考虑.文字设计上既要让人看得懂,还得要包含文明城市所需要市民配合的内容.</div>');
document.write('</div>');
document.write('</div>');
document.write('<div class="comment_bottom">');
document.write('<div class="page_area" id="page_area">');
document.write('<div class=\"page\"><span>选登 <strong>47</strong> 条 显示 <strong>1</strong> - <strong>15</strong> 条</span><b>1</b><a  href=\'#commenttop\' onclick=getpage(\'2\')>2</a><a  href=\'#commenttop\' onclick=getpage(\'3\')>3</a><a  href=\'#commenttop\' onclick=getpage(\'4\')>4</a></div>');
document.write('</div>');
document.write('<p>');
document.write('<a href="https://web.hangzhou.com.cn/comment/list.php?news_id=1771" target="_blank">所有发帖(已有<span class=num_pass>47</span>位网友发帖)</a>');
document.write('</p>');
document.write('</div>');
document.write('<div class="comment_frm">');
document.write('<a name="comment" id="comment"></a><ul>');
document.write('<form id="comfrm" name="comfrm" method="post" action="https://web.hangzhou.com.cn/comment/comment.php" onsubmit="return comcheck(this)" target="_blank">');
document.write('<li>');
document.write('<textarea name="content" id="content" cols="45" rows="5" class="frm_content" onkeyup="textCounter(this, 2000);" onchange="textCounter(this, 2000);"></textarea>');
document.write('</li>');
document.write('<li><span id="name_area">');
document.write('昵称：<input name="name" type="text" id="name" maxlength="20" /></span> ');
document.write('<label id="niming_area"><input name="niming" type="checkbox" id="niming" value="1" onclick="name_area(this)" />匿名发表</label>');
document.write('<p><input type="submit" name="comsumbit" id="comsumbit" value="  提交评论  " /><input name="news_id" type="hidden" id="news_id" value="1771" /><input name="url_charset" type="hidden" id="url_charset" value="utf-8" /></p>');
document.write('</li>');
document.write('</form>');
document.write('</ul>');
document.write('</div>');
document.write('<div class="clear"></div>');
document.write('</div>');
var nameshow = readCookie('nameshow');
if(nameshow==1){
document.getElementById("name_area").style.display='none';
document.comfrm.niming.checked=true;
}else{
if(document.getElementById("name_area")){
document.getElementById("name_area").style.display='';
}
}
var namecom = readCookie('namecom');
if(namecom){
	document.comfrm.name.value=namecom;
    //document.comfrm.name.readOnly=true;
    //document.getElementById("niming_area").style.display='none';
}
function getpage(page){
	var news_id=1771;
   // $("#comment_list").load("https://web.hangzhou.com.cn/comment/ajax/index.php?action=getpage&news_id="+news_id+"&page="+page+"&i="+Math.random(),function(){$(this).fadeIn();}); 
   // parent.document.getElementById("hzcomment").src="https://web.hangzhou.com.cn/comment/index.php?news_id=1771&page="+page;
    //alert(parent.document.getElementById("hzcomment").src)
    
    $.getJSON("https://web.hangzhou.com.cn/comment/ajax/index.php?action=getpage&news_id="+news_id+"&page="+page+"&jsoncallback=?",{bian:"是"},
	function(json){
    	//alert(json.pagelist)
		$("#comment_list").html(json.infolist);
		$("#page_area").html(json.pagelist);
	})
    
}