function updateLetters(params, pageNum){
  if(params) window.LETTER_PARAMS = params;
  else params = window.LETTER_PARAMS;//....
  var xhr = window.XMLHttpRequest ? new window.XMLHttpRequest : new ActiveXObject('Microsoft.XMLHTTP');
  xhr.onreadystatechange = updateData;
  xhr.open('GET', 'index.php?action=News&method=indexNews&' + params + '&' + new Date().getTime() + (pageNum ? '&newsp=' + pageNum : ''), true);
  xhr.send(null);
  function updateData(){
    //proccessing();
    if(xhr.readyState == 4 && xhr.status == 200) {
    //proccessed();
      var data = eval('(' + xhr.responseText + ')');
      //alert(xhr.responseText);
      update(data);
    }
	//animatedcollapse.init();
  }


  function update(data){
    //close();
	var news = document.getElementById("letter_details");
	var newsDetial	=	"";
	
	news.innerHTML	=	newsDetial;
	var j = 0;
	for(var i = 0, len = data.letters.length; i < len; i ++){
		j = i+1;
		if(i%2 == 0) sty = "newsGray";
		else sty = "newsWhite";

		dis	=	"news" + j;

		newsDetial	+=	"<div class='floater'><div class='" + sty + "'><div class='floater'><div class='newsTtl'>";
		//newsDetial	+=	"<a href='?action=App&method=newsContent&id=" + data.letters[i].id + "'>" + data.letters[i].title + "</a>";
		//newsDetial	+=	"<a href=\"#nogo\" onClick=\"javascript:animatedcollapse.toggle('" + dis + "')\">" + data.letters[i].title + "</a>";
		newsDetial	+=	"<a href=\"#nogo\" onClick=\"showPopWin('newsLoad.php?id=" + data.letters[i].id + "', 700, 360, null);\">" + data.letters[i].title + "</a>";
		newsDetial	+=	"</div></div><br><div class='floater'>";
		newsDetial	+=	"<div class='newsPost'>Date Posted: " + data.letters[i].pdate + "</div>";
		newsDetial	+=	"</div></div></div>";


		//newsDetial	+=	"<div class='floater' id='" + dis + "'><div class='" + sty + "'><div class='floater'><div class='newsTtl'>";
		//newsDetial	+=	"<a href='?action=App&method=newsContent&id=" + data.letters[i].id + "'>" + data.letters[i].title + "</a>";
		//newsDetial	+=	"<a>" + data.letters[i].content + "</a>";
		//newsDetial	+=	"</div></div><br><div class='floater'>";
		//newsDetial	+=	"<div class='newsPost'>Date Posted: " + data.letters[i].pdate + "</div>";
		//newsDetial	+=	"</div></div></div>";
	}
	news.innerHTML	=	newsDetial;
	
    var pageIndex = data.index ? parseInt(data.index) : 1;
    var pageCount = Math.ceil(data.pages / 7);
    var pageStart = Math.floor((pageIndex - 1)/ 10) * 10 + 1;
    var pagePrev = pageIndex > 1 ? pageIndex - 1 : false;
    var pageNext = pageIndex < pageCount ? pageIndex + 1 : false;
	var pageDetial	=	"";
	if(data.pages){
		for(var p = pageStart, len = pageStart + 9; p <= len; p ++){
			if(p > pageCount) break;
			var current = (p == pageIndex);
			//上十頁
			//if(p == pageStart && pageStart > 10) pageDetial += '<a href="letters.php?' + params + '&index=' + (p - 1) + '" onclick="updateLetters(\'' + params + '\', ' + (p - 1) + ');return false;">上十頁</a>';
			//上一頁
			//if(p == pageStart && pagePrev) pageDetial += '<a href="letters.php?' + params + '&index=' + pagePrev + '" onclick="updateLetters(\'' + params + '\', ' + pagePrev + ');return false;">上一頁</a>';
			if(p == pageStart && pagePrev) {
				document.getElementById("prevPage").innerHTML = '<a href="?' + params + '&index=' + pagePrev + '" onclick="updateLetters(\'' + params + '\', ' + pagePrev + ');return false;"><img src=\"images/msgPrev.jpg\" border=\"none\"></a>';
			}
			//頁碼
			//pageDetial += current ? '<strong>' + p + '</strong>' : '<a href="letters.php?' + params + '&index=' + p + '" onclick="updateLetters(\'' + params + '\', ' + p + ');return false;">' + p + '</a>';
			
			//下一頁
			if((p == len || p == pageCount) && pageNext) {
				document.getElementById("nextPage").innerHTML = '<a href="?' + params + '&index=' + pageNext + '" onclick="updateLetters(\'' + params + '\', ' + pageNext + ');return false;"><img src=\"images/msgNxt.jpg\" border=\"none\"></a>';	
			}													 
			//if((p == len || p == pageCount) && pageNext) pageDetial += '<a href="letters.php?' + params + '&index=' + pageNext + '" onclick="updateLetters(\'' + params + '\', ' + pageNext + ');return false;">下一頁</a>';
			//console.log((p == len) + ': ' + pageNext + '');
			//下十頁
			//if(p == len) pageDetial += '<a href="letters.php?' + params + '&index=' + (p + 1) + '" onclick="updateLetters(\'' + params + '\', ' + (p + 1) + ');return false;">下十頁</a>';
		}
		pageDetial	=	pageIndex + " - 7 of " + data.pages;
		document.getElementById("allPage").innerHTML = pageDetial;
		
	}
  }

}