<!--
function loadComments() {
    var topicid = $('topicid').value;
    var page = $('compage').value;
    var param = "topicid="+topicid+"&page="+page;
    var url = "../interface/comList.php";
    new AjaxRequest('POST',url,param,getCommentInfo);
}

function getCommentInfo(jsonStr) {
	if (null != jsonStr && "" != jsonStr) {
		var myJSON = eval("(" + jsonStr +")");
		if(0 == myJSON.exitcode){
			// topicDetailInfo.js
			displayComments(myJSON);
		} else {
			//showStatus('loading');
		}
	}
}


function showStatus(status){
	var commentLoading =$('commentLoading');
	var commentNone = $("commentNone");
	
	switch(status){
		case 'loading':
			commentLoading.style.display = 'block';
			commentNone.style.display = 'none';
			break;
		case 'success':
			commentLoading.style.display = 'none';
			commentNone.style.display = 'none';
			break;
		case 'none':
			commentLoading.style.display = 'none';
			commentNone.style.display = 'block';
			break;
		case 'faile':
		default:
			commentLoading.style.display = 'none';
			commentNone.style.display = 'none';
			break;
	}
}

function displayComments(myJSON) {
	if(null != myJSON && 0 == myJSON.detail.length){
		showStatus('none');
	}else{
		if(0 == myJSON.detail.length){
			showStatus('none');
		}else{
			showStatus('success');
			cleanComments();
			var myCommentDiv = $("commentListTable");
			var mycommentbody = document.createElement("DIV");
			mycommentbody.id = "commentBody";	
			for (var index = 0; index < myJSON.detail.length; index++) {
				var content = myJSON.detail[index].content;
				var date = myJSON.detail[index].date;
				var author = myJSON.detail[index].author;		
				//create comment list
				var comCell = document.createElement("DIV"); 
				comCell.className = "commentCell"; 
				var comAuthor = document.createElement("DIV");
				comAuthor.className = "commentAuthor"; 
				var authorDateTxt = document.createTextNode(author + "(" + date + "):");
				comAuthor.appendChild(authorDateTxt);
				comCell.appendChild(comAuthor);
				var comContent = document.createElement("DIV");
				comContent.className = "commentContent";
				var preElem = document.createElement("PRE");
				var contentTxt = document.createTextNode(content);
				preElem.appendChild(contentTxt);
				comContent.appendChild(preElem); 
				comCell.appendChild(comContent);
				mycommentbody.appendChild(comCell);	
			}
			myCommentDiv.appendChild(mycommentbody);
			//addScrollBar('commentListTable');
			pagination(myJSON.totalcount);
		}
	}
}

function cleanComments() {
	var commentDiv  = $('commentListTable');
	if(null != commentDiv){
		var mybody = $("commentBody");
		if(null != mybody){
			commentDiv.removeChild(mybody);
		}
	}
}
function pagination(listCount){
	var pagesize = 25;
	var totalpage = Math.ceil(listCount/pagesize);
	var maxpageObj = $('maxpage');
	maxpageObj.value = totalpage;
	if(1<maxpageObj.value){
		var commentListBtn = $("commentListBtn");
		commentListBtn.style.display = 'block';
	}
}

function prePage() {
	var compageObj = $('compage');
	var currenPage = compageObj.value;
	if (parseInt(currenPage) > 1) {
		compageObj.value = parseInt(currenPage) - 1;	
		loadComments();
		$('nextCommentBtn').src = '../image/nextPage.gif';
		$('nextCommentBtn').style.cursor = 'pointer';
	}
	if (parseInt(currenPage) == 1) {
		$('preCommentBtn').src = '../image/previousPage_d.gif';
		$('preCommentBtn').style.cursor = 'auto';
	}	
}

function nextPage() {
	var compageObj = $('compage');
	var currenPage = compageObj.value;
	var maxPage = $('maxpage').value;
	if ( parseInt(currenPage) < parseInt(maxPage)) {
		compageObj.value = parseInt(currenPage) + 1;	
		loadComments();
		$('preCommentBtn').src = '../image/previousPage.gif';
		$('preCommentBtn').style.cursor = 'pointer';
	}
	if (parseInt(currenPage) == (parseInt(maxPage) - 1)) {
		$('nextCommentBtn').src = '../image/nextPage_d.gif';
		$('nextCommentBtn').style.cursor = 'auto';
	}
}
//-->