$(document).ready(
function()
{

	//-- add an onclick event to the button
	$("#refreshBtn").click(function(event) 
	{
		//-- disable the button until the ajax response comes back
		$("#refreshBtn").attr("disabled", "true");
		$("#refreshBtn").html("Waiting for response");
		
		//-- get the xml to send to the server
		var message = "<request><type>game list</type></request>";
		//-- make the ajax request 
		//$.post()
		$.post(
			"php/battleshipRequest.php",
			{language: "php", version: 5, message: message},
			function(responseText)
			{
				//what to do with the response
				parseGamesList(stringToXMLDoc(responseText));
				
				//-- add the text to the response log
//				$("#responses").append("<pre>"+responseText.replace(/</g,"&lt;").replace(/>/g,"&gt;")+"</pre>");
				//-- enable the button again
				$("#refreshBtn").removeAttr("disabled");
				$("#refreshBtn").html("Refresh");
			},
			"html"
		);
		event.preventDefault();
		
	});
});
function parseGamesList(xmlDoc)
{
	//The tag to change
	document.getElementById('gameList').innerHTML = "";
	//String to add each game to
	var gamesList = "";
	var game = xmlDoc.getElementsByTagName("game");
	if(game.length == 0){
		gamesList +="There are currently no games.";
	}
	for( i = 0; i < game.length; i++)
	{
//		gamesList += '<li id="game' + (i+1) + '"><li id="game' + (i+1) + '"><a href="board.html" >Game ' + (i+1) + '</a><ul><li id="gameID' + (i+1) + '">' + game[i].getElementsByTagName("gameID")[0].childNodes[0].nodeValue + '</li><li id="turn' + (i+1) + '">' + game[i].getElementsByTagName("turn")[0].childNodes[0].nodeValue + '</li></ul></li>';
		
		gamesList += '<li id="game' + (i+1) + '">';
		gamesList += '<input type="radio" value="'+game[i].getElementsByTagName("gameID")[0].childNodes[0].nodeValue+'" name="opponentType">Game ' + (i+1);
		gamesList += '<br/>';
		gamesList += '<ul>';
		gamesList += '<li id="gameID' + (i+1) + '">';
		gamesList += 'Game ID: ';
		gamesList += game[i].getElementsByTagName("gameID")[0].childNodes[0].nodeValue;
		gamesList += '</li>';
		gamesList += '<li id="turn' + (i+1) + '">';
		gamesList += 'Opponent: ';
		gamesList += game[i].getElementsByTagName("turn")[0].childNodes[0].nodeValue;
		gamesList += '</li>';
		gamesList += '<li id="rows' + (i+1) + '">';
		gamesList += 'Rows: ';
		gamesList += game[i].getElementsByTagName("rows")[0].childNodes[0].nodeValue;
		gamesList += '</li>';
		gamesList += '<li id="col' + (i+1) + '">';
		gamesList += 'Cols: ';
		gamesList += game[i].getElementsByTagName("cols")[0].childNodes[0].nodeValue;
		gamesList += '</li>';
		gamesList += '</ul>';
		gamesList += '</li>';
		
//		game[i].getElementsByTagName("state")[0].childNodes[0].nodeValue);
	}
	document.getElementById('gameList').innerHTML = gamesList;
}