function innerTable(){

	var boxDiv = document.getElementById('commentBox');
	//up bottom table frame
	tableFrm = "<div id='commentList' style='padding:5 0 0 0'></div>";

	boxDiv.innerHTML = tableFrm;
        boxDiv.style.display = '';
}
function loadCommentList(pcode) {
        var params = "pcode="+pcode;
	new ajax.xhr.Request("ajax_list.html", params, loadCommentResult, 'POST');
}
function loadCommentResult(req) {
	if (req.readyState == 4) {
		if (req.status == 200) {
			var xmlDoc = req.responseXML;
			var code = xmlDoc.getElementsByTagName('code').item(0)
					 .firstChild.nodeValue;
			var cntreply = xmlDoc.getElementsByTagName('cntreply').item(0).firstChild.nodeValue;
			var cntpoint = xmlDoc.getElementsByTagName('cntpoint').item(0).firstChild.nodeValue;
			var cnttotal = xmlDoc.getElementsByTagName('cnttotal').item(0).firstChild.nodeValue;
			var replySpan = document.getElementById("cont_reply");
			replySpan.innerHTML = cntreply;
			var pointSpan = document.getElementById("cont_point");
			pointSpan.innerHTML = cntpoint;
			var totalSpan = document.getElementById("cont_total");
			totalSpan.innerHTML = cnttotal;

			if (code == 'success') {
				var commentList = eval( "(" +
				    xmlDoc.getElementsByTagName('data').item(0)
					  .firstChild.nodeValue +
				")" );


				if(commentList.length > 0){

					innerTable();

					var listDiv = document.getElementById('commentList');

					for (var i = 0 ; i < commentList.length ; i++) {
						var commentDiv = makeCommentView(commentList[i]);
						listDiv.appendChild(commentDiv);
					}

				}
			} else if (code == 'error') {
				var message = xmlDoc.getElementsByTagName('message')
						    .item(0).firstChild.nodeValue;
				alert(message);
			}
		} else {
			alert("loading fail :"+req.status);
		}
	}
}
function makeCommentView(comment) {
	var commentDiv = document.createElement('div');
	commentDiv.setAttribute('id', 'c'+comment.ap_idx);

	html = "<table border='0' width='500'><tr>";
	html += "<td width='100' height='24' align='left'>";
	html += comment.ap_name;
	html += "</td>";
	html += "<td width='15'>";
	html += "</td>";
	html += "<td align='left'>";
	html += " "+comment.ap_content.replace(/\n/g,"<br>");
	html += "</td><td width='90' align='right'>"+comment.ap_writedate+"</td>";
        html += "</tr><tr><td height='1' colspan='4' background='/img/open/dott_line_five.gif'>";
        html += "</td>";
	html += "</tr>";
	html += "</table>";

	commentDiv.innerHTML = html;
	commentDiv.comment = comment;
	return commentDiv;
}
function trim(txt){
	return txt.replace(/(^\s*)|(\s*$)/g, "");
}
function addComment(pcode,fromChk) {

	var select_name = document.R_comment.select_name;
	var content = document.R_comment.input_comment.value;

	var nameChk = false;
	for(i=0;i<select_name.length;i++){
		if(select_name[i].checked){
			var name = select_name[i].value;
			nameChk = true;
			break;
		}
	}
	if(nameChk == false){
		alert("お名前を選択してください。");
		return;
	}

	var recheck = "";
	if(document.R_comment.recheck.checked){
		recheck = document.R_comment.recheck.value;
	}

	if(trim(content) == "" && recheck == ""){
		alert("コメントを入力してください。");
		return;
	}

	var params = "pcode="+pcode+"&"+"recheck="+recheck+"&"+"name="+encodeURIComponent(name)+"&"+"content="+encodeURIComponent(content);
	new ajax.xhr.Request('ajax_write.php', params, addResult, 'POST');
}
function addResult(req) {
	if (req.readyState == 4) {
		if (req.status == 200) {
			var xmlDoc = req.responseXML;
			var code = xmlDoc.getElementsByTagName('code').item(0)
					 .firstChild.nodeValue;
			if (code == 'success') {
				var restCnt = xmlDoc.getElementsByTagName('rest').item(0).firstChild.nodeValue;
				var nocomment = xmlDoc.getElementsByTagName('nocomment').item(0).firstChild.nodeValue;
				var addreply = xmlDoc.getElementsByTagName('addreply').item(0).firstChild.nodeValue;
				var addpoint = xmlDoc.getElementsByTagName('addpoint').item(0).firstChild.nodeValue;
				var addtotal = xmlDoc.getElementsByTagName('addtotal').item(0).firstChild.nodeValue;
				var addrank = xmlDoc.getElementsByTagName('addrank').item(0).firstChild.nodeValue;

				if(nocomment == '0'){

					var comment = eval( "(" +
					    xmlDoc.getElementsByTagName('data').item(0)
						  .firstChild.nodeValue +
					")" );

					var commentDiv = makeCommentView(comment);

					if(restCnt == '1'){
						innerTable();
					}

					var listDiv = document.getElementById('commentList');
					listDiv.insertBefore(commentDiv,listDiv.firstChild);

					document.R_comment.input_comment.value = '';
				
				}


					//alert("拍手しました。");

				var message = xmlDoc.getElementsByTagName('message').item(0).firstChild.nodeValue;
				if(message != "0"){
					alert(message);
				}

				//추천,코멘트,랭킹순위 변경
				var pointSpan = document.getElementById('cont_point');
				var pointCnt = parseInt(pointSpan.innerHTML) + parseInt(addpoint);
				pointSpan.innerHTML = pointCnt;				

				var pointSuSpan = document.getElementById('su_point');
				pointSuSpan.innerHTML = pointCnt;				

				var replySpan = document.getElementById('cont_reply');
				var replyCnt = parseInt(replySpan.innerHTML) + parseInt(addreply);
				replySpan.innerHTML = replyCnt;				

				var replySuSpan = document.getElementById('su_reply');
				replySuSpan.innerHTML = replyCnt * 2;				

				var totalSpan = document.getElementById('cont_total');
				var totalCnt = parseInt(totalSpan.innerHTML) + parseInt(addtotal);
				totalSpan.innerHTML = totalCnt;				

				var rankSpan = document.getElementById('cont_rank');
				rankSpan.innerHTML = addrank;				


			} else if (code == 'error') {
				var message = xmlDoc.getElementsByTagName('message')
						    .item(0).firstChild.nodeValue;
				alert(message);
			}
		} else {
			alert("server error: " + req.status);
		}
	}
}