﻿function Trim() {
	return this.replace(/\s+$|^\s+/g,"");
}

String.prototype.Trim=Trim;

function getObject(id) {
	if (document.getElementById) {
		return document.getElementById(id);
	} else if (document.all) {
		return document.all[id];
	} else if (document.layers) {
		return document.layers[id];
	} 
}

function getObjValue(id) {
	if(getObject(id).value!=undefined)
		return getObject(id).value.Trim();
	else
		return "";
}

function HXCMSXHR() {
	var xhr;
	try {
		xhr=new XMLHttpRequest();
	} catch(e) {
    		var a=['MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP','MICROSOFT.XMLHTTP.1.0','MICROSOFT.XMLHTTP.1','MICROSOFT.XMLHTTP'];
    		for (var i=0;i<a.length;i++){
      			try {
        			xhr = new ActiveXObject(a[i]);
        			break;
      			} catch(e) {}
    		}
  	}
	return xhr;
}

function checkForm(){
	if(getObjValue("usernames")==""||getObjValue("title")==""||getObjValue("contents")==""){
		alert("請將必填選項填寫完整！");
		return false;
	}
	if(getObjValue("usernames").length>20){
		alert("暱稱請勿超過20個中文字！");
		return false;
	}
	if(getObjValue("title").length>30){
		alert("標題請勿超過30個中文字！");
		return false;
	}
	if(getObjValue("contents").length>1000){
		alert("留言內容請勿超過1000個中文字！");
		return false;
	}
	if(getObjValue("msn")!="" && !/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(getObjValue("msn"))){
		alert("請將 MSN 填寫完整！");
		return false;
	}
	if(getObjValue("email")!="" && !/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(getObjValue("email"))){
		alert("E-Mail格式錯誤！");
		return false;
	}
	if(getObjValue("web").length>100){
		alert("網站網址請勿超過100個字元！");
		return false;
	}
	return true;
}
function checkrepForm(){
	if(getObjValue("contents")==""){
		alert("請填寫回覆內容！");
		return false;
	}
	return true;
}
function sendword() {
	var xhr=HXCMSXHR();
	if(xhr&&checkForm()) {
		getObject("submit").value="送出中...";
		getObject("submit").disabled=true;
		xhr.open("POST", "../cms_guestbook/add.asp?a=add", true);
		xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		var aIdArray=new Array("flag="+Math.random());
		var argLen=arguments.length;
		for(i=0;i<argLen;i++) {
			aIdArray[i+1]="&"+arguments[i]+"="+escape(getObjValue(arguments[i]));
		}
    	var data =aIdArray.join('');
		xhr.onreadystatechange=function() {
			if(xhr.readyState==4) {
				if(xhr.status==200) {
					alert(unescape(xhr.responseText));
                                        getObject("submit").value="確  定";
					getObject("submit").disabled=false;
                                        clearForm();
					addNew();
				} else {
					alert("網頁發生錯誤！！請返回重新操作！#1 \n\n 若有相關疑問請聯絡我們！！");
				}
			}	
		};
    		xhr.send(data);
  	}
}
function sendreplyer() {
	var xhr=HXCMSXHR();
	if(xhr&&checkrepForm()) {
		getObject("submit").value="Sending...";
		getObject("submit").disabled=true;
		xhr.open("POST", "../cms_guestbook/add.asp?a=replyer", true);
		xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		var aIdArray=new Array("flag="+Math.random());
		var argLen=arguments.length;
		for(i=0;i<argLen;i++) {
			aIdArray[i+1]="&"+arguments[i]+"="+escape(getObjValue(arguments[i]));
		}
    	var data =aIdArray.join('');
		xhr.onreadystatechange=function() {
			if(xhr.readyState==4) {
				if(xhr.status==200) {
					alert(unescape(xhr.responseText));
                                        getObject("submit").value="確  定";
					getObject("submit").disabled=false;
                                        clearrepForm();
					repNew();
				} else {
					alert("網頁發生錯誤！！請返回重新操作！#2 \n\n 若有相關疑問請聯絡我們！！");
				}
			}
		};
    		xhr.send(data);
  	}
}
function clearForm() {
	getObject("usernames").value="";
	getObject("msn").value="";
	getObject("email").value="";
	getObject("web").value="";
	getObject("title").value="";
	getObject("contents").value="";
}

function addNew(){	
	getList(1);	
}
function clearrepForm(){
	getObject("contents").value="";
}
function repNew(){	
	getList();	
}
/*瀏覽留言內容**********************************************************************************/
function makBookStr(title,username,touxian,content,tools) {
	var tempStr='<div class="book_title"><ul><li>'+unescape(title)+'</li></ul></div>\
		<div class="clear_float"></div>\
		<div class="mod_float_left width_120 other_2">\
		<div class="other_16" style="word-break:break-all;font-size:13px;font-weight:bold;">'+unescape(username)+'</div>\
			<div class="other_16">'+touxian+'</div>\
		</div>\
		<div class="mod_float_right width_550">\
			<div class="book_body">'+unescape(content)+'</div>\
		</div>\
		<div class="clear_float"></div>\
		<div class="book_tool">'+unescape(tools)+'</div>';
	return tempStr;
}
/**********************************************************************************************/

function writeBookArr(Str){
	if(Str!=0){
		var bookList=eval("new Array("+Str+")");
		var allStr="";
		for(var i=0;i<bookList.length;i++){
		allStr+=makBookStr(bookList[i].title,bookList[i].username,bookList[i].touxian,bookList[i].content,bookList[i].tools);
		}
	}else{
		allStr="<div style='color: #336699; text-align: center; border: 1px solid #d3d3d3; width: 96%; line-height: 50px; margin-top: 10px; margin-left: 10px;'>目前尚無留言！</div>"
	}
	getObject("bookList").innerHTML=allStr;
}
function getList(page){
	getObject("bookList").innerHTML="<div style='padding-top:10px;padding-left:10px;color:#336699;'><img src='../cms_img/share/images/loading_1.gif'>&nbsp;&nbsp;載入中......</div>";
	var xhr=HXCMSXHR();
	xhr.open("GET", "getrecord.asp?page="+page+"&r="+Math.random(), true);
	xhr.onreadystatechange=function(){
		if(xhr.readyState==4){
			if(xhr.status==200){
				writeBookArr(xhr.responseText);
				getPage();	
			}else{
				alert("網頁發生錯誤！！請返回重新操作！#3 \n\n 若有相關疑問請聯絡我們！！");
			}
		}
		
	}
	xhr.send(null);
}
function getadd(){
	getObject("bookList").innerHTML="<div style='padding-top:10px;padding-left:10px;color:#336699;'><img src='../cms_img/share/images/loading_1.gif'>&nbsp;&nbsp;載入中......</div>";
	var xhr=HXCMSXHR();
	xhr.open("GET", "add.asp?a=addform", true);
	xhr.onreadystatechange=function(){
		if(xhr.readyState==4){
			if(xhr.status==200){
                                var msg=unescape(xhr.responseText);
				getObject("bookList").innerHTML=msg;
				getObject("pageList").innerHTML="";	
			}else{
				alert("網頁發生錯誤！！請返回重新操作！#4 \n\n 若有相關疑問請聯絡我們！！");
			}
		}
		
	}
	xhr.send(null);
}
function opencat(cat){
  if(cat.style.display=="none"){
    cat.style.display="";
  	} else {
    cat.style.display="none"; 
  	}
}
function getreplyer(id){
        opencat(getObject("replyer"+id))
        getObject("replyer"+id).innerHTML="<div style='padding-top:10px;padding-left:10px;color:#336699;'><img src='../cms_img/share/images/loading_1.gif'>&nbsp;&nbsp;載入中......</div>";
	var xhr=HXCMSXHR();
	xhr.open("GET", "../cms_guestbook/add.asp?a=replyerform&b="+id, true);
	xhr.onreadystatechange=function(){
		if(xhr.readyState==4){
			if(xhr.status==200){
                                var msg=unescape(xhr.responseText);
				getObject("replyer"+id).innerHTML=msg;
			}else{
				alert("網頁發生錯誤！！請返回重新操作！#5 \n\n 若有相關疑問請聯絡我們！！");
			}
		}
		
	}
	xhr.send(null);
}
function getdels(id){
        if (!confirm("確定要刪除這則留言？"))
		{
			return;
		}
	var xhr=HXCMSXHR();
	xhr.open("GET", "add.asp?a=dels&rid="+id, true);
	xhr.onreadystatechange=function(){
		if(xhr.readyState==4){
			if(xhr.status==200){
                                repNew();
			}else{
				alert("刪除失敗！！");
			}
		}
		
	}
	xhr.send(null);
}
function getPage(){/*訊息*/
	getObject("pageList").innerHTML="<div style='padding-top:10px;padding-left:10px;color:#336699;'><img src='../cms_img/share/images/loading_1.gif'>&nbsp;&nbsp;載入中......</div>";
	var xhr=HXCMSXHR();
	xhr.open("GET", "../cms_guestbook/getrecord.asp?act=getPageInfo&r="+Math.random(), true);
	xhr.onreadystatechange=function(){
		if(xhr.readyState==4){
			if(xhr.status==200){
				var Result=xhr.responseText.split("|");
				var tempPageStr=new Array("<div class=\"book_page\" style='padding:3px;'><a href=\"#\" onclick=\"javascript:getList('1');\">首<img src='../cms_img/share/images/space.gif' width='5px' height='1px'>頁</a><img src='../cms_img/share/images/space.gif' width='10px' height='1px'> | <img src='../cms_img/share/images/space.gif' width='10px' height='1px'><a href=\"#\" onclick=\"javascript:getList("+Result[4]+");\">上一頁</a><img src='../cms_img/share/images/space.gif' width='10px' height='1px'> | <img src='../cms_img/share/images/space.gif' width='10px' height='1px'><a href=\"#\" onclick=\"javascript:getList("+Result[5]+");\">下一頁</a><img src='../cms_img/share/images/space.gif' width='10px' height='1px'> | <img src='../cms_img/share/images/space.gif' width='10px' height='1px'><a href=\"#\" onclick=\"javascript:getList("+Result[2]+");\">尾<img src='../cms_img/share/images/space.gif' width='5px' height='1px'>頁</a> <br /> 共有<img src='../cms_img/share/images/space.gif' width='5px' height='1px'><span class=\"font_12\">"+Result[0]+"</span><img src='../cms_img/share/images/space.gif' width='5px' height='1px'>條留言<img src='../cms_img/share/images/space.gif' width='10px' height='1px'> | <img src='../cms_img/share/images/space.gif' width='10px' height='1px'>每頁<img src='../cms_img/share/images/space.gif' width='5px' height='1px'><span class=\"font_12\">"+Result[1]+"</span><img src='../cms_img/share/images/space.gif' width='5px' height='1px'>則留言<img src='../cms_img/share/images/space.gif' width='10px' height='1px'> | <img src='../cms_img/share/images/space.gif' width='10px' height='1px'>目前第<img src='../cms_img/share/images/space.gif' width='5px' height='1px'><span class=\"red\">"+Result[3]+"<img src='../cms_img/share/images/space.gif' width='5px' height='1px'>/<img src='../cms_img/share/images/space.gif' width='5px' height='1px'>"+Result[2]+"</span><img src='../cms_img/share/images/space.gif' width='5px' height='1px'>頁<img src='../cms_img/share/images/space.gif' width='10px' height='1px'>移至第 <select name=\"page\" onchange=\"getList(this.value)\" style=\"width:50px;\">");
				for(var i=1;i<=Result[2];i++){
					if(i!=Result[3])
						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("pageList").innerHTML=ResultStr;
			}else{
				alert("網頁發生錯誤！！請返回重新操作！#6 \n\n 若有相關疑問請聯絡我們！！");
			}
		}
		
	}
	xhr.send(null);
}

