function getTopVideos(video_id,channel_id,group_id)
{
	var cols = 3;
	var counter = 0;
	var objPanel = document.getElementById("top_video_panel");
	objPanel.style.display = "block";
	var xmlHttp = getXmlHttp();
	var hasdata	= 0;
	if(!xmlHttp) return false;

	xmlHttp.onreadystatechange = function()
	{
		if(xmlHttp.readyState == 4)
		{
			var xmlDoc	= xmlHttp.responseXML.documentElement;
			var records	= xmlDoc.getElementsByTagName("record");
			var rows = Math.ceil((records.length / cols));

			var objTableObj = new _IC_Table("top_video");
			var objTable = objTableObj.getTableObj();
				objTable.setAttribute("border", "0");
				objTable.setAttribute("width", "100%");
				objTable.setAttribute("cellPadding", "5");
				objTable.setAttribute("cellSpacing", "0");
			var objBody = objTableObj.getTableBodyObj();

			for(var r = 0; r < rows; r++)
			{
				var row1 = addRow();
				row1.setAttribute("align", "center");
				var row2 = addRow();
				var row3 = addRow();

				for(var c = 0; c < cols; c++)
				{
					var objTableImage = new _IC_Table("image_table_" + counter);
					var objImgTable = objTableImage.getTableObj();
						objImgTable.setAttribute("width", "1");
						objImgTable.setAttribute("align", "center");
						objImgTable.setAttribute("cellSpacing", "0");
					var objImgBody = objTableImage.getTableBodyObj();

					var imgRow = addRow();
					var imgCol = addCol();
						imgCol.setAttribute("align", "center");
						imgCol.setAttribute("vAlign", "middle");
						if(counter < records.length)
						{
							imgCol.setAttribute("bgColor", "#FFFFFF");

							var group_id = records.item(counter).getAttribute("gid");
							if (group_id==1){
								imgCol.innerHTML = "<a href=\"../news_video/index.php?video_id="+records.item(counter).getAttribute("id")+"\" target=\"_parent\"><img src=\"" + getXMLValue(records.item(counter).getElementsByTagName("picture")) + "\" border=\"0\" height=\"69\" width=\"92\"></a>";

							}else if (group_id==8){
								imgCol.innerHTML = "<a href=\"http://"+location.hostname+"/quaker/index/index.php?video_id="+records.item(counter).getAttribute("id")+"\" target=\"_parent\"><img src=\"" + getXMLValue(records.item(counter).getElementsByTagName("picture")) + "\" border=\"0\" height=\"69\" width=\"92\"></a>";

							}else if (group_id>=23 && group_id<=25){
								imgCol.innerHTML = "<a href=\"../johnny_video/index.php?video_id="+records.item(counter).getAttribute("id")+"\" target=\"_parent\"><img src=\"" + getXMLValue(records.item(counter).getElementsByTagName("picture")) + "\" border=\"0\" height=\"69\" width=\"92\"></a>";

							}else if ((group_id>=26 && group_id<=33)||group_id==35){
								imgCol.innerHTML = "<a href=\"../program_onehourso_video/index.php?video_id="+records.item(counter).getAttribute("id")+"\" target=\"_parent\"><img src=\"" + getXMLValue(records.item(counter).getElementsByTagName("picture")) + "\" border=\"0\" height=\"69\" width=\"92\"></a>";

							}else if (group_id==34){
								imgCol.innerHTML = "<a href=\"../program_budweiser/index.php?video_id="+records.item(counter).getAttribute("id")+"\" target=\"_parent\"><img src=\"" + getXMLValue(records.item(counter).getElementsByTagName("picture")) + "\" border=\"0\" height=\"69\" width=\"92\"></a>";

							}else if (group_id>=36 && group_id<=50){
								imgCol.innerHTML = "<a href=\"../program_fengshui_video/index.php?video_id="+records.item(counter).getAttribute("id")+"\" target=\"_parent\"><img src=\"" + getXMLValue(records.item(counter).getElementsByTagName("picture")) + "\" border=\"0\" height=\"69\" width=\"92\"></a>";

							}else{
								imgCol.innerHTML = "<a href=\"../program_video/index.php?video_id="+records.item(counter).getAttribute("id")+"\" target=\"_parent\"><img src=\"" + getXMLValue(records.item(counter).getElementsByTagName("picture")) + "\" border=\"0\" height=\"69\" width=\"92\"></a>";
							}
						}
						else
						{
							imgCol.innerHTML = "<img src=\"images/spacer.gif\" width=\"92\" border=\"0\">";
						}

					imgRow.appendChild(imgCol);
					objImgBody.appendChild(imgRow);
					objImgTable.appendChild(objImgBody);

					var objOuterImgTable = new _IC_Table("outer_image_table_" + counter);
					var objOImgTable = objOuterImgTable.getTableObj();
						objOImgTable.setAttribute("width", "1");
						objOImgTable.setAttribute("cellSpacing", "1");
					var objOImgBody = objOuterImgTable.getTableBodyObj();
					var oImgRow = addRow();
					var oImgCol = addCol();
						if(counter < records.length)
						{
							oImgCol.setAttribute("bgColor", "#CCCCCC");
						}
						oImgCol.appendChild(objImgTable);

						oImgRow.appendChild(oImgCol);
						objOImgBody.appendChild(oImgRow);
						objOImgTable.appendChild(objOImgBody);

					var col_image = addCol();
						col_image.setAttribute("width", "33%");
						col_image.appendChild(objOImgTable);

					var col_title = addCol();
						col_title.setAttribute("vAlign", "top");
						if(counter < records.length)
						{
							var group_id = records.item(counter).getAttribute("gid");
							if (group_id==1){
								col_title.innerHTML += "<b><a href=\"../news_video/index.php?video_id="+records.item(counter).getAttribute("id")+"\" target=\"_parent\" class=\"title\">" + getXMLValue(records.item(counter).getElementsByTagName("title")) + "</a></b>";
							}else if (group_id==8){
								col_title.innerHTML += "<b><a href=\"http://"+location.hostname+"/quaker/index/index.php?video_id="+records.item(counter).getAttribute("id")+"\" target=\"_parent\" class=\"title\">" + getXMLValue(records.item(counter).getElementsByTagName("title")) + "</a></b>";
							}else{
								col_title.innerHTML += "<b><a href=\"../program_video/index.php?video_id="+records.item(counter).getAttribute("id")+"\" target=\"_parent\" class=\"title\">" + getXMLValue(records.item(counter).getElementsByTagName("title")) + "</a></b>";
							}
						}
						else
						{
							col_title.innerHTML = "&nbsp;";
						}

					var col_date_hit = addCol();
						col_date_hit.setAttribute("vAlign", "top");
						if(counter < records.length)
						{
							col_date_hit.innerHTML = "上載："+getXMLValue(records.item(counter).getElementsByTagName("video_created_date")) + "<br>觀看：" + getXMLValue(records.item(counter).getElementsByTagName("video_hit"));
						}
						else
						{
							col_date_hit.innerHTML ="&nbsp;";
						}

					row1.appendChild(col_image);
					row2.appendChild(col_title);
					row3.appendChild(col_date_hit);

					counter++;
				}
				objBody.appendChild(row1);
				objBody.appendChild(row2);
				objBody.appendChild(row3);
				hasdata++;
			}
			objTable.appendChild(objBody);

			var objOuterTableObj = new _IC_Table("outer_table_top_video");
			var objOTable = objOuterTableObj.getTableObj();
				objOTable.setAttribute("border", "0");
				objOTable.setAttribute("width", "100%");
				objOTable.setAttribute("cellPadding", "4");
				objOTable.setAttribute("cellSpacing", "0");
			var objOBody = objOuterTableObj.getTableBodyObj();

			var oRow = addRow();
			var oCol = addCol();
				oCol.appendChild(objTable);
				oRow.appendChild(oCol);
			
			var oMoreRow = addRow();
			var oMoreCol = addCol();
				//oMoreCol.setAttribute("align", "right");
				if (hasdata > 0){
					//oMoreCol.innerHTML = "更多";
					oMoreRow.appendChild(oMoreCol);
				}else{
					oMoreCol.innerHTML = "沒有相關資料";
					oMoreRow.appendChild(oMoreCol);
					parent.document.getElementById("top_video_panel").style.height ="40px";
				}
			
			objOBody.appendChild(oRow);
			objOBody.appendChild(oMoreRow);
			objOTable.appendChild(objOBody);

			objPanel.appendChild(objOTable);

			var header_topvideo = document.getElementById("header_topvideo");
			if(header_topvideo != null)
			{
				header_topvideo.setAttribute("src", "images/header_topvideo_on.jpg");
				header_topvideo.onclick = function()
				{
					closeTopVideos(video_id,channel_id,group_id);
				}
			}
		}
	}

	xmlHttp.open("GET", "ajax/video.php?type=top&channel_id="+channel_id+"&group_id="+group_id+"&video_id="+video_id, true);
	xmlHttp.send(null);
}

function closeTopVideos(video_id,channel_id,group_id)
{
	var objPanel = document.getElementById("top_video_panel");

	if(objPanel != null)
	{
		objPanel.style.display = "none";

		for(var i = 0; i < objPanel.childNodes.length; i++)
		{
			objPanel.removeChild(objPanel.childNodes[i]);
		}
		
		var header_topvideo = document.getElementById("header_topvideo");
		if(header_topvideo != null)
		{
			header_topvideo.setAttribute("src", "images/header_topvideo.jpg");
			header_topvideo.onclick = function()
			{
				getTopVideos(video_id,channel_id,group_id);
			}
		}
	}
}