function getRelatedVideos(video_id,channel_id,group_id)

{

	var objPanel = document.getElementById("video_panel");
	//objPanel.style.height="300px";
	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 objVTableObj = new _IC_Table("video_table");
			var objVTable = objVTableObj.getTableObj();
				objVTable.setAttribute("border", "0");
				objVTable.setAttribute("width", "430");
				objVTable.setAttribute("cellSpacing", "0");
				objVTable.setAttribute("cellPadding", "0");
			var objVBody = objVTableObj.getTableBodyObj();


			for(var i = 0; i < records.length; i++)
			{
				v_content		= "";
				numOfStar		= "";
				numOfGreyStar	= "";

				var objVCideoTable = new _IC_Table("video_content_table" + (i + 1));
				var objVCTable = objVCideoTable.getTableObj();
					objVCTable.setAttribute("border", "0");
					objVCTable.setAttribute("width", "100%");
					objVCTable.setAttribute("cellSpacing", "0");
					objVCTable.setAttribute("cellPadding", "0");
				var objVCBody = objVCideoTable.getTableBodyObj();

				var tRow = addRow();
					tRow.setAttribute("valign", "top");
				var tCol = addCol();
					tCol.setAttribute("valign", "top");

				video_rating = getXMLValue(records.item(i).getElementsByTagName("video_rating"));

				for (var s = 0; s < video_rating; s++){
					numOfStar += "<IMG height=\"11\" src=\"images/star_rating.jpg\" width=\"11\">";
				}
				for (var s = 0; s < 5-video_rating; s++){
					numOfGreyStar += "<IMG height=\"11\" src=\"images/star_rating_grey.jpg\" width=\"11\">";
				}

				v_content += "  <tr>";
				v_content += "	<td><table width=\"430\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
				v_content += "		<tr>";
				v_content += "		  <td colspan=\"2\"><img src=\"images/spacer.gif\" width=\"17\" height=\"5\"></td>";
				v_content += "		</tr>";
				v_content += "		<tr>";
				v_content += "		  <td width=\"126\" rowspan=\"3\" valign=\"top\"><div align=\"center\"><a href=\"index.php?video_id="+records.item(i).getAttribute("id")+"\"><img src=\""+ getXMLValue(records.item(i).getElementsByTagName("picture")) +"\" width=\"92\" height=\"69\" border=\"0\"></a></div></td>";
				v_content += "		  <td width=\"322\" height=\"23\" valign=\"top\"><a href=\"index.php?video_id="+records.item(i).getAttribute("id")+"\" class=\"news_title\">"+getXMLValue(records.item(i).getElementsByTagName("title"))+"</a></td>";
				v_content += "		</tr>";
				v_content += "		<tr>";
				v_content += "		  <td height=\"23\">"+getXMLValue(records.item(i).getElementsByTagName("content")).substr(0,30)+" ...</td>";
				v_content += "		</tr>";
				v_content += "		<tr>";
				v_content += "		  <td height=\"23\" valign=\"bottom\">上載："+ getXMLValue(records.item(i).getElementsByTagName("video_created_date")) +" │ 觀看："+ getXMLValue(records.item(i).getElementsByTagName("video_hit")) +" │ 人氣："+numOfStar+numOfGreyStar+"</td>";
				v_content += "		</tr>";
				v_content += "		<tr>";
				v_content += "		  <td colspan=\"2\"><img src=\"images/spacer.gif\" width=\"17\" height=\"5\"></td>";
				v_content += "		</tr>";
				v_content += "	  </table></td>";
				v_content += "  </tr>";
				v_content += "  <tr>";
				v_content += "	<td><table width=\"410\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">";
				v_content += "		<tr>";
				v_content += "		  <td bgcolor=\"#CCCCCC\"><img src=\"images/spacer.gif\" width=\"17\" height=\"1\"></td>";
				v_content += "		</tr>";
				v_content += "	  </table></td>";
				v_content += "  </tr>";
				
			
				tCol.innerHTML = v_content;
		
				tRow.appendChild(tCol);
				objVCBody.appendChild(tRow);
				objVCTable.appendChild(objVCBody);
				
				var row = addRow();
				var col = addCol();
					col.appendChild(objVCTable);

				row.appendChild(col);
				objVBody.appendChild(row);
				hasdata++;
			}

			objVTable.appendChild(objVBody);


			var objOuterTableObj = new _IC_Table("outer_table_video_news"); 
			var objOTable = objOuterTableObj.getTableObj();
				objOTable.setAttribute("border", "0");
				objOTable.setAttribute("width", "100%");
				objOTable.setAttribute("cellPadding", "0");
				objOTable.setAttribute("cellSpacing", "0");
			var objOBody = objOuterTableObj.getTableBodyObj();

			var oRow = addRow();
			var oCol = addCol();
				oCol.appendChild(objVTable);
				oRow.appendChild(oCol);
			
			var oMoreRow = addRow();
			var oMoreCol = addCol();
				oMoreCol.setAttribute("align", "center");
				if (hasdata <= 0){
					oMoreCol.innerHTML = "資料稍後提供";
					oMoreRow.appendChild(oMoreCol);
					parent.document.getElementById("video_panel").style.height ="580px";
				}
				
			objOBody.appendChild(oRow);
			objOBody.appendChild(oMoreRow);
			objOTable.appendChild(objOBody);

			objPanel.appendChild(objOTable);
			



			var header_videonews = document.getElementById("header_relatedvideo");

			if(header_videonews != null)

			{

				header_videonews.setAttribute("src", "images/bar_related_calculate.jpg");

				header_videonews.onclick = function()

				{

					closeRelatedVideos(video_id,channel_id,group_id);

				}

			}						
			
			if (records.length>6)
			{
				myHeight = 100*6+"px";
			}else{
				myHeight = records.length*100+"px";
			}
			objPanel.style.height=myHeight;

		}

	}



	xmlHttp.open("GET", "ajax/video.php?type=related&video_id="+video_id+"&channel_id="+channel_id+"&group_id="+group_id, true);
	xmlHttp.send(null);

}



function closeRelatedVideos(video_id,channel_id,group_id)

{

	var objPanel = document.getElementById("video_panel");


				
	if(objPanel != null)

	{

		//objPanel.style.height="0px";
		objPanel.style.display = "none";

		for(var i = 0; i < objPanel.childNodes.length; i++)

		{

			objPanel.removeChild(objPanel.childNodes[i]);

		}

		

		var header_videonews = document.getElementById("header_relatedvideo");

		if(header_videonews != null)

		{

			header_videonews.setAttribute("src", "images/bar_related_calculate_off.jpg");

			header_videonews.onclick = function()

			{

				getRelatedVideos(video_id,channel_id,group_id);

			}

		}

	}

}