

function GetContentsInfo () {

	var AjaxRequest = new Ajax.Request(
		'./contents.xml', 
		{
			method: 'get', 
			onComplete: function (request) {
					
				var s = '';
				var xmlDoc = request.responseXML;
				var panels = xmlDoc.documentElement.getElementsByTagName("panel");
				var s = ""
	
				for ( var i = 0 ; i < panels.length ; i ++ ) {
					
					var divid = panels[i].getAttribute('id');
					var name  = panels[i].getAttribute('name');
					
					var s = "<br/><table width=\"250\" align=\"center\" cellspacing=\"2\">"
				
					var contents = panels[i].getElementsByTagName("contents");
					for ( var j = 0 ; j < contents.length ; j ++ ) {
						var name = contents[j].getAttribute('name');
						var url = contents[j].getAttribute('url');
						var smileurl = contents[j].getAttribute('smileurl');
						var img = contents[j].getAttribute('img');
						var description = contents[j].getAttribute('description');
						var pnl_smile = 'pnl_smile';
						s += '<tr>';
						s += '<td align="center" class=\"contentsTitle\" colspan=\"2\">';
						s += name;
						s += '</td>';
						s += '<tr>';
						s += '<td>'
						s += '<img src=\"' + img + '\" width=\"120\" height=\"90\"/>';
						s += '</td>';
						s += '<td>';
						s += '<div class=\"tabContentBox\" style=\"height:45px\">'+ description + '</div>';
						s += '</td>';
						s += '</tr>';
						s += '<tr>';
						s += '<td align="right" colspan=\"2\">';
						name = name.replace("'","\\'");
						
						if ( smileurl == null ) {
							s += '<a href=\"javascript:Play(\'' + name + '\',\'' + url + '\',null,\'' + pnl_smile + '\')\"><image src=\"./images/start.gif\" border=\"0\"/></a>';
						}
						else {
							s += "<img src=\"./images/caption.gif\" width=\"45\" height=\"18\"/>";
							s += '<a href=\"javascript:Play(\'' + name + '\',\'' + url + '\',\'' + smileurl + '\',\'' + pnl_smile + '\')\"><image src=\"./images/start.gif\" border=\"0\"/></a>';					
						}
						s += '</td>';
						s += '</tr>';
					}
					s += "</table>"
					$(divid).innerHTML = s;
		 		}
		 	}
		}
	);
}

