// JavaScript Document
var nbStatsByPage = 10;

function OpenStatisticsPopup(evt)
{
	var content = CreateWindow("StatisticsWindow", "Statistiques", "CloseUserStatisticsPopup()", null, 500, 250, "#c0c0c0");
	if (content == null) return;
	
		content.style.backgroundColor = "#c0c0c0";
		
		var table = document.createElement("table"); table.cellSpacing = 0; table.cellPadding = 2;
			table.style.width = "100%"; table.style.height = "100%";
		var tr = table.insertRow(-1);
		var td = tr.insertCell(-1);
			td.style.backgroundColor = "#ebebeb"; td.style.height = "40px";
			var select = document.createElement("select"); select.id = "Select_Statistics_Game";
			select.onchange = LoadNbStatisticsPage;
			for (var k in gameFlash)
			//for (var i = 0; i < roomNames.length; i++)
			{
				var opt = new Option(gameFlash[k].name, k);
				select.options[select.options.length] = opt;
			}
			
		td.style.paddingLeft = "5px";
		td.appendChild(document.createTextNode("Jeu : "));
		td.appendChild(select);
		td.align = "left";
		
		var td = tr.insertCell(-1); 
			td.style.paddingRight = "5px";
			td.style.backgroundColor = "#ebebeb";
			var select = document.createElement("select"); select.onchange = LoadGameStatistics;
			select.options[select.options.length] = new Option("1 à 10", 1);
			select.disabled = true; select.id = "Select_Statistics_Count";
		
		td.appendChild(document.createTextNode("Page : "));
		td.appendChild(select);
		td.align = "right";
		
		var tr = table.insertRow(-1);
		var td = tr.insertCell(-1); td.id = "Main_Statistics_Panel"; td.vAlign = "top"; td.align = "center";
		td.style.backgroundColor = "#ebebeb"; td.colSpan=2;
		td.innerHTML = "Chargement en cours, veuillez patienter";
		td.style.height = "100%";
		
	content.appendChild(table);
		
	LoadNbStatisticsPage();
}

function CloseUserStatisticsPopup()
{
	var popup = document.getElementById("StatisticsWindow");
	if (popup)
	{
		document.body.removeChild(popup);	
	}
}

function LoadNbStatisticsPage()
{
	var gameId = document.getElementById("Select_Statistics_Game");
	gameId.disabled = true;
	var td = document.getElementById("Main_Statistics_Panel");
	td.innerHTML = "Chargement en cours, veuillez patienter";
	
	var params = new Array();
    params.push(new WSParams("gameId", gameId.value));
	params.push(new WSParams("statByPage", nbStatsByPage));
	
    AjaxRequest("sawale_ws.php", OnLoadNbStatisticsPage, "GetStatisticsPageNumer", params, "http://robatmac/Awale");	
}

function OnLoadNbStatisticsPage(res)
{
	var select = document.getElementById("Select_Statistics_Count");
	select.options.length = 0;
	
	if (res != null)
	{
		res = parseInt(res, 10);
		if (res == 0)
		{
			var td = document.getElementById("Main_Statistics_Panel");
			td.innerHTML = "Aucune partie n'a &eacute;t&eacute; jou&eacute;e sur ce jeu";
			
			var gameId = document.getElementById("Select_Statistics_Game");
			gameId.disabled = false;
		
			return;
		}
		else
		{
			for (var i = 0; i < res; i++)
			{
				select.options[select.options.length] = new Option(((i * nbStatsByPage) + 1) + " à " + ((i + 1) * nbStatsByPage), ((i * nbStatsByPage) + 1));
			}
			
			LoadGameStatistics();
		}
	}
	else
	{
		var td = document.getElementById("Main_Statistics_Panel");
		td.innerHTML = "Aucune partie n'a &eacute;t&eacute; jou&eacute;e sur ce jeu";
		
		var gameId = document.getElementById("Select_Statistics_Game");
		gameId.disabled = false;
	}
}

function LoadGameStatistics()
{
	var gameId = document.getElementById("Select_Statistics_Game");
	var select = document.getElementById("Select_Statistics_Count");
	
	gameId.disabled = true;
	var start = parseInt(select.value, 10);
	
	var params = new Array();
    params.push(new WSParams("gameId", gameId.value));
	params.push(new WSParams("start", start));
	params.push(new WSParams("end", start + (nbStatsByPage - 1)));
	
    AjaxRequest("sawale_ws.php", OnLoadGameStatistics, "GetGameStatistics", params, "robatmac/Awale");
}

function OnLoadGameStatistics(res)
{
	var gameId = document.getElementById("Select_Statistics_Game");
	gameId.disabled = false;
	
	var td = document.getElementById("Main_Statistics_Panel");
	
	if (res == null)
	{
		td.innerHTML = "Erreur lors du chargement des statistics";
	}
	else
	{
		var html = new Array();
		html.push("<table style=\"width:100%;margin:2px;padding:2px;padding-top:0px\" cellpadding=1 cellspacing=1 bgcolor=\"#666666\">");
		html.push("<tr><td class=Title1 style=\"height:20px\">&nbsp;&nbsp;</td><td class=Title1C style=\"width:100%\">&nbsp;Joueur&nbsp;</td><td class=Title1C>&nbsp;Classement&nbsp;</td><td class=Title1C>&nbsp;Points&nbsp;</td><td class=Title1C>&nbsp;Parties&nbsp;gagn&eacute;es&nbsp;</td><td class=Title1C>&nbsp;Parties&nbsp;perdues&nbsp;</td></tr>");
		
		for (var i = 0; i < res.length; i++)
		{
			html.push("<tr><td class=UserHistory style=\"height:15px;font-weight:bold;background:white\">&nbsp;"); html.push(res[i]["position"]); html.push("&nbsp;</td><td class=UserHistory>&nbsp;"); html.push(res[i]["login"]); html.push("</td>");
			html.push("<td class=UserHistory align=center>"); html.push(res[i]["classement"]); html.push("</td><td class=UserHistory align=right>"); html.push(res[i]["nbPoints"]); html.push("</td>");
			html.push("<td class=UserHistory align=right>"); html.push(res[i]["winGame"]); html.push("</td><td class=UserHistory align=right>"); html.push(res[i]["looseGame"]); html.push("</td></tr>");
		}
		
		html.push("</table>");
		
		td.innerHTML = html.join("");
		
		var select = document.getElementById("Select_Statistics_Count");
		select.disabled = false;
	}
}