var page = 1;
var startPage = 1;
var pageStart = 0;
var pageEnd = 0;
var boardPages = 10;
var news_id;

function goToPage(startNo, pageNo, video_id)
{
	page = pageNo;
	startPage = startNo;
	video_id = video_id;
	resetBlogMessages();
	getBlogMessages(blog_id, pageNo, video_id);
}

function getBlogMessages(blog_id, pageNo,video_id)
{
	var html = "";
	var objPanel = document.getElementById("blog_panel");
	var xmlHttp = getXmlHttp();
	if(!xmlHttp) return false;

	xmlHttp.onreadystatechange = function()
	{
		if(xmlHttp.readyState == 4)
		{
			var xmlDoc	= xmlHttp.responseXML.documentElement;
			var records	= xmlDoc.getElementsByTagName("record");

			if(startPage > 1)
			{
				pageStart = (startPage * boardPages) - boardPages;
				pageEnd = (startPage * boardPages);
			}
			else
			{
				pageStart	= 0;
				pageEnd = boardPages;
			}

			if(startPage > 1)
			{
				html = "<a class=\"style03\" href=\"JavaScript:goToPage(" + (startPage - 1) + ", " + pageStart + ","+video_id+")\">&lt;&lt;</a> ";
			}

			for(var i = pageStart; i < pageEnd; i++)
			{
				if((i + 1) == page)
				{
					html += "<strong><span class=\"style59\">" + (i + 1) + "</span></strong> | ";
				}
				else
				{
					if(i < xmlDoc.getAttribute("total_page"))
					{
						html += "<a class=\"style03\" href=\"JavaScript:goToPage(" + startPage + ", " + (i + 1) + ","+video_id+")\">" + (i + 1) + "</a> | ";
					}
				}
			}

			if(startPage < (Math.ceil(xmlDoc.getAttribute("total_page") / boardPages)))
			{
				html += "<a class=\"style03\" href=\"JavaScript:goToPage(" + (startPage + 1) + ", " + (pageEnd + 1) + ","+video_id+")\">&gt;&gt;</a> ";
			}

			var objTopTable = new _IC_Table("top_table_blog");
			var objTTable = objTopTable.getTableObj();
				objTTable.setAttribute("border", "0");
				objTTable.setAttribute("width", "100%");
				objTTable.setAttribute("cellPadding", "2");
				objTTable.setAttribute("cellSpacing", "0")
			var objTBody = objTopTable.getTableBodyObj();

			var tRow = addRow();
				tRow.setAttribute("id", "1");
			var tCol1 = addCol();
				tCol1.setAttribute("width", "10%");
				tCol1.setAttribute("noWrap", "true");
				tCol1.innerHTML = "<a href=\"#\" onClick=\"javascript:window.open ('message.php?topic_id="+xmlDoc.getAttribute("topic_id")+"', 'newwindow', 'height=500, width=460, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');return false;\" class=\"style03\">我要留言</a> | 留言次數 : " + xmlDoc.getAttribute("total_records");
			var tCol2 = addCol();
				tCol2.setAttribute("width", "90%");
				tCol2.setAttribute("noWrap", "true");
				tCol2.setAttribute("align", "right");
				tCol2.innerHTML = html;
			var html_bottom_page_index = html;
	
			tRow.appendChild(tCol1);
			tRow.appendChild(tCol2);
	
			objTBody.appendChild(tRow);
			objTTable.appendChild(objTBody);
	
			var objBlogTable = new _IC_Table("table_blog_message");
			var objTable = objBlogTable.getTableObj();
				objTable.setAttribute("border", "0");
				objTable.setAttribute("width", "100%");
				objTable.setAttribute("cellPadding", "5");
				objTable.setAttribute("cellSpacing", "0");
			var objBody = objBlogTable.getTableBodyObj();
			
			var row1 = addRow();
				row1.setAttribute("id", "1");
			var col1 = addCol();
				col1.appendChild(objTTable);

				row1.appendChild(col1);
				objBody.appendChild(row1);

			if(records.length > 0)
			{
				for(var r = 0; r < records.length; r++)
				{
					var objMessageTable = new _IC_Table("table_message_" + r);
					var objMsgTable = objMessageTable.getTableObj();
						objMsgTable.setAttribute("border", "0");
						objMsgTable.setAttribute("width", "100%");
						objMsgTable.setAttribute("cellPadding", "5");
						objMsgTable.setAttribute("cellSpacing", "0");
					var objMsgBody = objMessageTable.getTableBodyObj();

					var msgRow1 = addRow();
					var msgRow1Col1 = addCol();
						msgRow1Col1.setAttribute("width", "50%");
						msgRow1Col1.setAttribute("align", "left");
						msgRow1Col1.setAttribute("className", "style54");
						msgRow1Col1.innerHTML = getXMLValue(records.item(r).getElementsByTagName("name"));
					var msgRow1Col2 = addCol();
						msgRow1Col2.setAttribute("width", "50%");
						msgRow1Col2.innerHTML = "留言︰" + getXMLValue(records.item(r).getElementsByTagName("date"));
						msgRow1Col2.setAttribute("align", "right");

					var msgRow2 = addRow();
					var msgRow2Col = addCol();
						msgRow2Col.setAttribute("colSpan", "2");
						msgRow2Col.setAttribute("align", "left");
						msgRow2Col.setAttribute("className", "style51");
						msgRow2Col.innerHTML = getXMLValue(records.item(r).getElementsByTagName("content"));
					//var msgRow3 = addRow();

					msgRow1.appendChild(msgRow1Col1);
					msgRow1.appendChild(msgRow1Col2);

					msgRow2.appendChild(msgRow2Col);

					objMsgBody.appendChild(msgRow1);
					objMsgBody.appendChild(msgRow2);

					objMsgTable.appendChild(objMsgBody);

					var row = addRow();
						row.setAttribute("id", (r + 1));
					var col = addCol();
						col.appendChild(objMsgTable);

					row.appendChild(col);
					objBody.appendChild(row);

					var row_partition = addRow();
						row_partition.setAttribute("id", (r + 1));
					var col_partition = addCol();
						col_partition.setAttribute("align", "center");
						col_partition.innerHTML = "<img src=\"images/message_partition.jpg\" width=\"466\" height=\"1\" border=\"0\">";
					
					row_partition.appendChild(col_partition);
					objBody.appendChild(row_partition);
				}
			}
			else
			{
				var row = addRow();
					row.setAttribute("id", "1");
				var col = addCol();
					col.setAttribute("align", "left");
					col.innerHTML = "<font color=\"#000000\">沒有相關資料</font>";
				
				row.appendChild(col);
				objBody.appendChild(row);
			}

				
			var objTopTable = new _IC_Table("bottom_table_blog");
			var objTTable = objTopTable.getTableObj();
				objTTable.setAttribute("border", "0");
				objTTable.setAttribute("width", "100%");
				objTTable.setAttribute("cellPadding", "2");
				objTTable.setAttribute("cellSpacing", "0")
			var objTBody = objTopTable.getTableBodyObj();

			var tRow = addRow();
				tRow.setAttribute("id", "1");
			var tCol1 = addCol();
				tCol1.setAttribute("width", "10%");
				tCol1.setAttribute("noWrap", "true");
				tCol1.innerHTML = "<a href=\"#\" onClick=\"javascript:window.open ('message.php?topic_id="+xmlDoc.getAttribute("topic_id")+"', 'newwindow', 'height=500, width=460, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');return false;\" class=\"style03\">我要留言</a> | 留言次數：" + xmlDoc.getAttribute("total_records");
			var tCol2 = addCol();
				tCol2.setAttribute("width", "90%");
				tCol2.setAttribute("noWrap", "true");
				tCol2.setAttribute("align", "right");
				tCol2.innerHTML = html;
	
			tRow.appendChild(tCol1);
			tRow.appendChild(tCol2);
	
			objTBody.appendChild(tRow);
			objTTable.appendChild(objTBody);

		    var row_bottom = addRow();
				row_bottom.setAttribute("id", "1");
			var col1_bottom = addCol();
				col1_bottom.appendChild(objTTable);

				row_bottom.appendChild(col1_bottom);
				objBody.appendChild(row_bottom);

			objTable.appendChild(objBody);
			objPanel.appendChild(objTable);

		}
	}

	xmlHttp.open("GET", "ajax/blog.php?id="+video_id+"&blog_id=" + blog_id + "&page=" + pageNo + "&ref_date=" + Date(), true);
	xmlHttp.send(null);
}

function resetBlogMessages()
{
	var objTable = document.getElementById("table_blog_message");

	if(objTable != null)
	{
		for(var r = 0; r < objTable.rows.length; r++)
		{
			if(objTable.rows[r].getAttribute("id") > 0)
			{
				objTable.deleteRow(r);
			}
		}

		for(var r = 0; r < objTable.rows.length; r++)
		{
			if(objTable.rows[r].getAttribute("id") > 0)
			{
				resetBlogMessages();
			}
		}
	}
}