//*******************************************
//   XML函数
//*******************************************
var xmlHttp = createXmlHttpRequestObject();

// creates an XMLHttpRequest instance
function createXmlHttpRequestObject() 
{
  // will store the reference to the XMLHttpRequest object
  var xmlHttp;
  // this should work for all browsers except IE6 and older
  try {
    // try to create XMLHttpRequest object
    xmlHttp = new XMLHttpRequest();
  }
  catch(e) {
    // assume IE6 or older
    var XmlHttpVersions = new Array('MSXML2.XMLHTTP.6.0',
                                    'MSXML2.XMLHTTP.5.0',
                                    'MSXML2.XMLHTTP.4.0',
                                    'MSXML2.XMLHTTP.3.0',
                                    'MSXML2.XMLHTTP',
                                    'Microsoft.XMLHTTP');
    // try every prog id until one works
    for (var i=0; i<XmlHttpVersions.length && !xmlHttp; i++)
    {
      try { 
        // try to create XMLHttpRequest object
        xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
      } 
      catch (e) {}
    }
  }
  // return the created object or display an error message
  if (!xmlHttp)
    alert("Error creating the XMLHttpRequest object.");
  else 
    return xmlHttp;
}

var iDiv;

// read a file from the server
function icon_process(date)
{
  // only continue if xmlHttp isn't void
  if (xmlHttp)
  {
    // try to connect to the server
    try
    {
		iDiv = document.getElementById("ICONS_BODY");
		iDiv.innerHTML = "<img src='img/loading.gif' width='20' height='20'> 正在读取数据，请稍等...";
		xmlHttp.open("GET", 'html/icons.xml?now=' + date, true);
		xmlHttp.onreadystatechange = handleRequestStateChange;
		xmlHttp.send(null);
    }
    catch (e)
    {
      alert("Can't connect to server:\n" + e.toString());
    }
  }
}

function GenerateHtml(iconID)
{
	var xmlResponse = xmlHttp.responseXML;
	xmlRoot = xmlResponse.documentElement;
	iconArray = xmlRoot.getElementsByTagName("icon");

	iconName = iconArray[iconID].firstChild.data;
	iconAuthor = iconArray[iconID].getAttribute('author');
	iconModify = iconArray[iconID].getAttribute('modify');
	iconDate = iconArray[iconID].getAttribute('date');
	iconBig = iconArray[iconID].getAttribute('big');

	var BODY = '<table border="0" width="100%">\n<tr>';

    for (var i=0; i < iconArray.length; i++)
    {
    	if(i>1 && i% 5 == 0)
    		BODY += '</tr><tr>';

		showName = iconArray[i].firstChild.data;

    	if(i == iconID)
       		BODY += '<td>' + showName + '</td>';
    	else {
       		BODY += '<td><a onclick="javascript:GenerateHtml(' + i + '); return false;" href="#">' + showName + '</a></td>';
       	}

    }
    BODY +='</tr>\n</table>\n=========================================';

	BODY += '<br><br><li>Name: ' + iconName + '</li>';
	BODY += '<li>Author: ' + iconAuthor + '</li>';
	if(iconModify != null)
		BODY += '<li>Modifier: ' + iconModify + '</li>';
	if(iconDate != null)
		BODY += '<li>Date: ' + iconDate + '</li>';
	BODY += '<li>Download: <a href="http://sourceforge.net/projects/mplayer-ww/files/Other/Icons/' + iconName + '.7z/download" target="_blank">' + iconName + '.7z</a></li>';
	BODY += '<li>Preview: </li><br><img border="0" src="micons/' + iconName + '.jpg"><br>';
	if(iconBig == "yes")
		BODY += '<img border="0" src="micons/' + iconName + '_big.jpg"><br>';

	iDiv.innerHTML = BODY;
}

// function called when the state of the HTTP request changes
function handleRequestStateChange() 
{
  // when readyState is 4, we are ready to read the server response
  if (xmlHttp.readyState == 4) 
  {
    // continue only if HTTP status is "OK"
    if (xmlHttp.status == 200) 
    {
      try
      {
        handleServerResponse();
      }
      catch(e)
      {
        alert("Error reading the response: " + e.toString());
      }
    } 
    else
    {
      alert("There was a problem retrieving the data:\n" + xmlHttp.statusText);
    }
  }
}

// handles the response received from the server
function handleServerResponse()
{
	GenerateHtml(0);
}