//---------------JsGuestBookForm----------------
//显示留言簿form
//提示:对Javascript熟练时,可根据需要修改样式
//---------------JsGuestBookForm----------------
function changeimage(ImagesPath)
{ 
	 $("showimages").src = ImagesPath + $("ddlPic").value + '.gif';
}

function RefleshCode(input)
{
    var CodeFile = input + "AjaxPage/Gif.aspx";
	if(document.getElementById("BookFormPasscode"));
	document.getElementById("BookFormPasscode").innerHTML = '<img src="'+CodeFile+'?t='+Math.random()+'" alt="点击刷新验证码" style="cursor:pointer;border:0;vertical-align:middle;height:20px;" onclick="this.src=\''+CodeFile+'?t=\'+Math.random()" />';
}

function JsGuestBookForm(input,ImgPath)
{
	var str = '';
	var selectface=1;
	var selectpic=201;
	//留言簿表单
    str += '<TABLE class=right_table cellSpacing=1 cellPadding=4 width="100%" align=center bgColor=#cccccc border=0>';
    str += '<TR bgColor=#ffffff>';
    str += '<TD align=right width="20%">主题：</TD>';
    str += '<TD><input class=AyText id=tbxTitle maxLength=30 size=30 name=tbxTitle><FONT color=#ff0000>*</FONT></TD>';
    str += '</TR>';
    str += '<TR bgColor=#ffffff><TD align=right width="20%">隐藏：</TD>';
    str += '<TD><input name=chkIsHidden type=checkbox id=chkIsHidden value="1">* 选择隐藏后，此留言只有管理员可以看到</TD>';
	str += '</TR>';
    str += '<TR bgColor=#ffffff><TD align=right width="20%">您的昵称：</TD>';
    str += '<TD><input class=AyText id=tbxNickName maxLength=15 size=30 name=tbxNickName><FONT color=#ff0000>*</FONT></TD>';
    str += '</TR>';
    str += '<TR bgColor=#ffffff><TD align=right width="20%">您的邮箱：</TD>';
    str += '<TD><input class=AyText id=tbxEmail maxLength=25 size=30 name=tbxEmail><FONT color=#ff0000>* </FONT></TD>';
    str += '</TR>';
    str += '<TR bgColor=#ffffff><TD align=right width="20%">您的网站：</TD>';
    str += '<TD><input class=AyText id=tbxHomepage  maxLength=80 size=30 value=http://  name=tbxHomepage></TD>';
    str += '</TR>';
    str += '<TR bgColor=#ffffff><TD align=right width="20%">QQ：</TD>';
    str += '<TD><input class=AyText id=tbxQQ maxLength=18 size=15 name=tbxQQ>（如QQ、MSN等）</TD>';
    str += '</TR>';
    str += '<TR bgColor=#ffffff><TD align=right width="20%">请选择表情：</TD>';
	str += '<TD>';
    for(i=1;i<=8;i++)
	{
		if(i==selectface)
		{
			str += "<input value=\""+i+"\" name=\"rblFace\" type=\"radio\" checked><img src=\""+(ImgPath + i)+".gif\" height=\"19\" width=\"19\">";
		}
		else
		{
			str += "<input value=\""+i+"\" name=\"rblFace\" type=\"radio\"><img src=\""+(ImgPath + i)+".gif\" height=\"19\" width=\"19\">";
		}
	}
	str += '</TD></TR>';
	
	str += '<TR bgColor=#ffffff><TD align=right width="20%">请选择头像：</TD>';
    str += "<TD><SELECT id=ddlPic onChange=\"changeimage('"+ImgPath+"');\" name=ddlPic>";
    for(i=201;i<=208;i++)
	{
		if(i==selectpic)
		{
			str += "<OPTION value=\""+i+"\" selected>"+i+"</OPTION>";
		}
		else
		{
			str += "<OPTION value=\""+i+"\">"+i+"</OPTION>";
		}
	}
    str += '</SELECT>';
    str += '<img id="showimages" src="'+ImgPath+selectpic+'.gif"></TD>';
    str += '</TR>';
	
    str += '<TR bgColor=#ffffff>';
    str += '<TD align=right width="20%">留言内容：<BR><FONT color=red>（900字以内）</FONT></TD>';
    str += '<TD><textarea class=\"AyText\" id=\"tbxMsg\"  name=\"tbxMsg\" rows=\"8\" cols=\"48\"></textarea><FONT color=#ff0000>* </FONT>';
    str += '</TD></TR>';
    str += '<TR bgColor=#ffffff><TD align=right>验证码：</TD>';
    str += '<TD><input class="AyText" id="tbxPasscode" maxLength="4" size="4" name="tbxPasscode" >&nbsp;';
    str += '<table border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000" align="left">';
    str += '<tr>';
    str += "<td><span id='BookFormPasscode' style=\"cursor:pointer;\" onclick=\"RefleshCode('"+input+"')\" style='color:red'></span></td>";
    str += '</tr>';
    str += '</table>';
    //str += "<span id='BookFormPasscode' style=\"cursor:pointer;\" onclick=\"RefleshCode('"+input+"')\" style='color:red'></span><FONT color=#ff0000><-点击空白处获取验证码 *</FONT>";
    str += '<FONT color=#ff0000>点击下面的红方框获取验证码 *</FONT></TD></TR>';
    str += '<TR bgColor=#ffffff>';
    str += '<TD>&nbsp;</TD>';
    str += "<TD><input class=AyBtn id=btnSend onClick=\"javascript:JsGuestBookAdd('"+input+"','"+ImgPath+"');\" type=button value=提交留言 name=btnSend>";
    str += '&nbsp;<input class=AyBtn id=btnReset type=reset value=重新填写 name=btnReset>';
    str += '</TD>';
    str += '</TR>';
    str += ' </TABLE>';
	getObject("GuestBookList").innerHTML = str;
	//alert("图片地址："+document.getElementById("BookFormPasscode").src);
	eval("editor_generate('tbxMsg');");
	eval("RefleshCode('"+input+"');");
	getObject("GuestBookListPage").innerHTML='';
}




//---------------JsGuestBookList----------------
//检查表单
//---------------JsGuestBookList----------------
function GuestBookcheckForm(){	
	if(getObjValue("tbxTitle")==""||getObjValue("tbxNickName")==""||getObjValue("tbxEmail")==""||getObjValue("tbxPasscode")==""){
		alert("请把带 * 号的项填写完整！");
		return false;
	}
	if(getObjValue("tbxTitle").length>30){
		alert("主题不能大于30字");
		document.all('tbxTitle').focus();
		return false;
	}
	if(getObjValue("tbxNickName").length>20){
		alert("昵称不能大于20字");
		return false;
	}
	if(getObjValue("tbxEmail")!="" && !/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(getObjValue("tbxEmail"))){
		alert("email格式错误！");
		document.all('tbxEmail').focus();
		return false;
	}
	//if(getObjValue("tbxQQ")!="" && !/^[0-9]{5,15}$/.test(getObjValue("tbxQQ"))){
	//	alert("qq号应是5-15位纯数字");
	//	return false;
	//}
	//if(getObjValue("tbxHomepage").length>50){
	//	alert("主页地址大于50字");
	//	return false;
	//}
	if(getObjValue("tbxMsg").length>500){
		alert("留言内容大于500字");
		return false;
	}
	if(getObjValue("tbxPasscode").length>4){
		alert("验证码不能为空");
		return false;
	}
	return true;
}


//---------------JsGuestBookList----------------
//留言列表
//---------------JsGuestBookList----------------
function JsGuestBookList(RootPath,ImagesPath,page)
{
	getObject("GuestBookList").innerHTML="<center><br><br>数据正在加载中...<br><br></center>";	
	var xhr = GetXmlHttp();
	xhr.open("GET", RootPath + "AjaxPage/AjaxPost.aspx?action=booklist&page="+page+"&ImagesPath="+ImagesPath+"&r="+Math.random(), true);
	xhr.setRequestHeader("Content-Type", "gb2312");
	xhr.onreadystatechange = function()
	{
		if(xhr.readyState == 4)
		{
			if(xhr.status == 200)
			{
				var msg = xhr.responseText;
				if(msg!='undefined' && msg!=null && msg!='')
				{
					var msgArr = msg.split('$');
					WriteBook(ImagesPath,msgArr[1]);
					JsGuestBookListPage(RootPath,ImagesPath,msgArr[0]);
				}
				else
				{
					getObject("GuestBookList").innerHTML = "<center><br><br>暂无留言<br><br></center>";
				}
				
			}
			else
			{
				alert("您请求的页面出现异常错误！请刷新重试！");	
			}
		}
	}
	xhr.send(null);
}


//---------------WriteBook----------------
//显示留言列表
//提示:对Javascript熟练时,可根据需要修改样式
//---------------WriteBook----------------
function WriteBook(ImagesPath,strArray)
{
	var str = "";
    if(strArray!="")
	{
		if(strArray.substr(strArray.length-1) == ',')
		{
			strArray = strArray.substr(0,strArray.length-1);
		}
		var bookList = eval("new Array("+strArray+")");
		for(var i=0;i<bookList.length;i++)
		{
			str += "<TABLE cellSpacing=\"1\" cellPadding=\"2\" align=\"center\" bgColor=\"#9395c0\" border=\"0\" width=\"100%\">";
            str += "<TR bgColor=#ffffff>";
            str += "<TD vAlign=top width=100 rowSpan=3><DIV align=center>";
            str += "<TABLE cellSpacing=1 cellPadding=0 width=\"90%\" align=center border=0>";
            str += "<TR>";
            str += "<TD>&nbsp;</TD>";
            str += "</TR>";
            str += "<TR>";
            str += "<TD><DIV align=center><P><IMG src=\"" + ImagesPath + bookList[i].Pic + ".gif\" width=\"75\" height=\"75\" border=\"0\" align=\"absmiddle\"></P></DIV></TD>";
            str += "</TR>";
            str += "<TR>";
            str += "<TD><DIV align=center>" + unescape(bookList[i].NickName) + "<BR></DIV></TD>";
            str += "</TR>";
            str += "</TABLE>";
            str += "</DIV></TD>";
            str += "<TD height=25>第" + bookList[i].RecNo + "楼&nbsp;[" + bookList[i].AddTime + "]&nbsp;&nbsp;<IMG src=\"" + ImagesPath + bookList[i].Face + ".gif\" border=\"0\" align=\"absmiddle\"></TD>";
            str += "</TR>";
            str += "<TR bgColor=#ffffff>";
            str += "<TD>";
            str += "<TABLE cellSpacing=1 cellPadding=1 width=\"98%\" align=center border=0>";
            str += "<TR bgColor=#ffffff>";
            str += "<TD>";
            str += BBS_TitleCheck(unescape(bookList[i].Title),unescape(bookList[i].Msg),bookList[i].IsPass,bookList[i].IsHidden);
            str += "</TD>";
            str += "</TR></TABLE>";
            str += "<TABLE cellSpacing=1 cellPadding=1 width=\"98%\" align=center border=0>";
            str += "<TR>";
            str += "<TD vAlign=bottom><FONT color=#cd3610>回复：</FONT></TD>";
            str += "<TD width=\"94%\"><TABLE height=56 cellSpacing=0 cellPadding=0 border=0>";
            str += "<TR>";
            str += "<TD width=14 height=8><IMG height=8 src=\"" + ImagesPath + "top_l.gif\" width=14></TD>";
            str += "<TD background=" + ImagesPath + "top_c.gif height=8></TD>";
            str += "<TD width=16 height=8><IMG height=8 src=\"" + ImagesPath + "top_r.gif\" width=16></TD>";
            str += "</TR>";
            str += "<TR>";
            str += "<TD vAlign=top width=14 background=" + ImagesPath + "center_l.gif height=6></TD>";
            str += "<TD bgColor=#fffff1>" + BBS_ReplyCheck(unescape(bookList[i].Reply),bookList[i].ReplyTime,bookList[i].IsReply) + "</TD>";
            str += "<TD vAlign=top width=16  background=" + ImagesPath + "center_r.gif height=6><IMG  height=8 src=\"" + ImagesPath + "top_r2.gif\" width=16></TD>";
            str += "</TR>";
            str += "<TR>";
            str += "<TD vAlign=top width=14 height=42><IMG height=42 src=\"" + ImagesPath + "foot_l1.gif\" width=14></TD>";
            str += "<TD background=" + ImagesPath + "foot_c.gif height=42><IMG height=42 src=\"" + ImagesPath + "foot_l3.gif\" width=36></TD>";
            str += "<TD align=right width=16 height=42><IMG height=42 src=\"" + ImagesPath + "foot_r.gif\" width=16></TD>";
            str += "</TR>";
            str += "</TABLE></TD>";
            str += "</TR>";
            str += "</TABLE></TD>";
            str += "</TR>";
            str += "<TR bgColor=#ffffff>";
            str += "<TD bgColor=#eeeeee height=20><TABLE cellSpacing=0 cellPadding=0 width=\"100%\" border=0>";
            str += "<TR>";
            str += "<TD><A href=\"mailto:" + unescape(bookList[i].Email) + "\" target=\"_blank\"><IMG src=\"" + ImagesPath + "Mail.gif\" width=\"16\" height=\"16\" border=\"0\" align=\"absmiddle\">邮件</A><A href=" + unescape(bookList[i].Homepage) + " target=\"_blank\"><IMG src=\"" + ImagesPath + "Url.gif\" alt=\"主页\" width=\"16\" height=\"16\" border=\"0\" align=\"absmiddle\">主页</A> <A href=\"http://friend.qq.com/cgi-bin/friend/user_show_info?ln=" + unescape(bookList[i].QQ) + "\" target=\"_blank\"><IMG src=\"" + ImagesPath + "oicq.gif\" width=\"16\" height=\"16\" border=\"0\" align=\"absmiddle\">OICQ</A>&nbsp;<SPAN title=\"IP是：" + unescape(bookList[i].IP) + "\"><IMG src=\"" + ImagesPath + "Ip.gif\" width=\"13\" height=\"15\" border=\"0\" align=\"absmiddle\">IP</SPAN></TD>";
            str += "</TR>";
            str += "</TABLE></TD>";
            str += "</TR>";
            str += "</TABLE>";
            str += "<TABLE width=\"100%\" border=\"0\" align=\"center\" cellPadding=\"0\" cellSpacing=\"0\" bgcolor=\"#FFFFFF\">";
            str += "<TR><TD height=\"8\"></TD>";
            str += "</TR></TABLE>";
		}
	}
	else
	{
		str="<center><br><br>暂无留言<br><br></center>";
	}
	getObject("GuestBookList").innerHTML = str;
}

function BBS_TitleCheck(title,Msg,IsPass,IsHidden)
{
    var TitleCheck = "主题: " + title + "<br>" + Msg;
    if(IsHidden==0)
    {
        if (IsPass == 0)
        TitleCheck = "<font color=red>待审核留言！</font>";
    }
    else
    {
        TitleCheck = "<font color=blue>秘密留言！管理员可见！</font>";
    }
    return TitleCheck;
}

function BBS_ReplyCheck(Reply,ReplyTime,IsReply)
{
    var ReplyCheck = "";
    if (IsReply == 1 && Reply!="")
    {
        ReplyCheck = Reply + "<br>[" + ReplyTime + "]";
    }
    else
    {
        ReplyCheck = "<FONT color=#cd3610>等待回复</font>";
    }
    return ReplyCheck;
}

//---------------JsGuestBookListPage----------------
//留言列表分页
//---------------JsGuestBookListPage----------------
function JsGuestBookListPage(RootPath,ImagesPath,pagelist)
{
	getObject("GuestBookListPage").innerHTML="<center>信息加载中...请稍后!</center>";
	var Result = pagelist.split("|");
	var PageCount = parseInt(Result[2]);
	var CurrPage = parseInt(Result[3]);
	if(CurrPage<1) CurrPage=1;
	if(CurrPage > PageCount) CurrPage=PageCount;
	//alert(CurrPage);
	 var pagelist1 = "";
	 if(CurrPage <=1)
	 {
	    pagelist1 += "<font color=\"#999999\">首页</font>&nbsp;";
		pagelist1 += "<font color=\"#999999\">上一页</font>&nbsp;"
	 }
	 else
	 {
		pagelist1 += "<a href=\"javascript:void(0)\" onclick=\"javascript:JsGuestBookList('"+RootPath+"','"+ImagesPath+"','1');\">首页</a>&nbsp;";
		pagelist1 += "<a href=\"javascript:void(0)\" onclick=\"javascript:JsGuestBookList('"+RootPath+"','"+ImagesPath+"',"+(CurrPage-1)+");\">上一页</a>&nbsp;"
	 }
	 
	 if (CurrPage>=PageCount)
	 {
	    pagelist1 += "<font color=\"#999999\">下一页</font>&nbsp;";
		pagelist1 += "<font color=\"#999999\">末页</font>&nbsp;";
	 }
	 else
	 {
	    pagelist1 += "<a href=\"javascript:void(0)\" onclick=\"javascript:JsGuestBookList('"+RootPath+"','"+ImagesPath+"',"+(CurrPage+1)+");\">下一页</a>&nbsp;";
		pagelist1 += "<a href=\"javascript:void(0)\" onclick=\"javascript:JsGuestBookList('"+RootPath+"','"+ImagesPath+"',"+PageCount+");\">尾页</a>";
	 }
	 
	var tempPageStr = new Array("<div class=\"book_page\">共有<font color=blue><b>"+Result[0]+"</b></font>条留言&nbsp;每页<font color=blue><b>"+Result[1]+"</b></font>条留言&nbsp;当前第<font color=red><b>"+CurrPage+"/"+PageCount+"</b></font>页&nbsp;"+pagelist1+"&nbsp;转向第 <select name=\"page\" onchange=\"JsGuestBookList('"+RootPath+"','"+ImagesPath+"',this.value)\">");
	for(var i=1;i<=PageCount;i++)
	{
		if(i!=CurrPage)
			tempPageStr[i]="<option value=\""+i+"\">"+i+"</option>";
		else
			tempPageStr[i]="<option selected=\"selected\" value=\""+i+"\">"+i+"</option>";
	}
	tempPageStr[i]="</select>页</div>";
	var ResultStr = tempPageStr.join('');
	getObject("GuestBookListPage").innerHTML = ResultStr;
}


//---------------JsGuestBookAdd----------------
//发送留言
//---------------JsGuestBookAdd----------------
function JsGuestBookAdd(RootPath,ImagesPath) 
{	
	var xhr = GetXmlHttp();
	if(xhr&&GuestBookcheckForm())
	{
		getObject("btnSend").value="正在提交中...";
		getObject("btnSend").disabled=true;
		xhr.open("POST", RootPath + "AjaxPage/AjaxPost.aspx?action=bookadd", true);
		xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		var data = 'tbxTitle='+escape(getObjValue('tbxTitle'));
		if(getObject("chkIsHidden").checked)
		    data += '&chkIsHidden=1';
		else
		    data += '&chkIsHidden=0';
		data += '&tbxNickName='+ escape(getObjValue('tbxNickName'));
		data += '&tbxEmail='+ escape(getObjValue('tbxEmail'));
		data += '&tbxHomepage='+ escape(getObjValue('tbxHomepage'));
		data += '&tbxQQ='+ escape(getObjValue('tbxQQ'));
		data += '&rblFace='+ GetCheckValue('rblFace');
		data += '&ddlPic='+ escape(getObjValue('ddlPic'));
		data += '&tbxMsg='+ escape(getObjValue('tbxMsg'));
		data += '&tbxPasscode='+ escape(getObjValue('tbxPasscode'));
		xhr.onreadystatechange=function()
		{
			if(xhr.readyState==4)
			{
				if(xhr.status==200)
				{
					var returnValue = xhr.responseText;
					//document.write(returnValue);
					var msgArr = returnValue.split('|');
					if(msgArr[0]=='1')
					{
						alert(msgArr[1]);
						getObject("btnSend").value="提交留言";
						getObject("btnSend").disabled=false;
						getObject("tbxTitle").value="";
						getObject("chkIsHidden").checked=false;
						getObject("tbxNickName").value="";
						getObject("tbxEmail").value="";
						getObject("tbxHomepage").value="";
						getObject("tbxQQ").value="";	
						getObject("tbxMsg").value="";
						getObject("tbxPasscode").value="";
						JsGuestBookList(RootPath,ImagesPath,1);	
					}
					else
					{
						alert(msgArr[1]);
						getObject("btnSend").value="提交留言";
						getObject("btnSend").disabled=false;
					}
				}
				else
				{
					alert("您请求的页面出现异常错误！请重试！");
					getObject("btnSend").value="提交留言";
					getObject("btnSend").disabled=false;
				}
			}	
		}
    	xhr.send(data);
  	}
}