function formatearRankingGlobal(ajax) {
					 	div = document.getElementById('losMejores');
					 	respuestaXML = ajax.responseXML;
					 	raizXML = respuestaXML.documentElement;

					 	listaNicks   =  raizXML.getElementsByTagName("nick");
					 	listaVcoins  =  raizXML.getElementsByTagName("vcoins");
					 	listaTrofeos =  raizXML.getElementsByTagName("trofeos");
						listaScores =  raizXML.getElementsByTagName("score");
						listaCuentas =  raizXML.getElementsByTagName("cuenta");

					 	html = "<table border=\"0\" cellpadding=\"1\" cellspacing=\"0\" width=\"130\"><tbody>";

					 	for (var i=0; i < listaNicks.length; i++) {
					 		nick = listaNicks.item(i).firstChild.data;
					 		nickNormalizado = (nick.charAt(0)).toUpperCase() + (nick.substring(1,nick.length)).toLowerCase();

					 		vcoins = listaVcoins.item(i).firstChild.data;
					 		trofeos = listaTrofeos.item(i).firstChild.data;
							score = listaScores.item(i).firstChild.data;
							cuenta = listaCuentas.item(i).firstChild.data;
							
							if (cuenta === "Premium") { 
								cuenta = "<img src=\"images/g_premium.gif\" alt=\"Premium Member\" width=\"32\" height=\"32\" title=\"Premium Member\">"; 
							}
							else {
								cuenta = "";
							}

					 		html += "<tr> <td> <table width=\"130\"><tbody><tr width=\"100%\" height=\"32\" valign=\"center\"><td width=\"100%\" ><table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\"><tbody><tr><td width=\"80\" valign=\"top\"><font size=\"5\" color=\"#666666\">" + (i+1) + "<br></font></font>"+cuenta+"</td><td valign=\"center\" width=\"64\"><a href=\"http://www.vampiretwins.com/frontController.FC?comando=chest&usuario="+nick+"\"><img alt=\"Personal icon\" src =\"./images/avatars/iconos/"+nickNormalizado+".jpg\" style=\"border: medium\"; width=\"64\" height=\"64\"></a></td></tr></tbody></table></td></tr><tr height=\"10\" valign=\"top\"><td class=\"fuente-chica\"><a href=\"http://www.vampiretwins.com/frontController.FC?comando=chest&usuario="+nick+"\">"+nick+"</a></td></tr> <tr height=\"10\" valign=\"top\">	<td class=\"fuente-chica\">MONEY: <b> $"+vcoins+"</b></td></tr><tr height=\"10\" valign=\"top\"><td class=\"fuente-chica\">Trophies: "+ trofeos +"</td></tr><tr height=\"10\" valign=\"top\"><td class=\"fuente-chica\">Experience: "+score+"</td></tr><tr height=\"10\" valign=\"top\"><td class=\"fuente-chica\">&nbsp;&nbsp;&nbsp;<br><center><a href=\"http://www.vampiretwins.com/frontController.FC?comando=chest&usuario="+nick+"\"><font class=\"fuente-chica\" color=\"white\"> <u>VIEW TROPHIES</u></font></a></center></td></tr><tr height=\"10\" valign=\"top\"><td class=\"fuente-chica\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></tbody></table></td></tr>";
					
					 	}

					 	html += "</tbody></table>";

					 	div.innerHTML = html;

}
					 
					 
function cargaAsincronica(httpRequest, url, params, idDivDestino, callback) {
	httpRequest.encolarPedido(params, url, function (miHttpRequest) {

		if (idDivDestino) {
			destino = document.getElementById(idDivDestino);
			destino.innerHTML = miHttpRequest.responseText;
		}

		if (callback) { callback(miHttpRequest); }
	}
	);
}

function formatearRanking(ajax, idDivDestino, idJuego, colorFondo) {

	respuestaXML = ajax.responseXML;
	raizXML = respuestaXML.documentElement;

	nicks =  raizXML.getElementsByTagName("nick");
	iconos = raizXML.getElementsByTagName("icono");
	puntajes = raizXML.getElementsByTagName("puntos");
	idBanderas = raizXML.getElementsByTagName("idBandera");
	paises = raizXML.getElementsByTagName("pais");

	var html = "<table width=\"210\" border=\"0\" cellspacing=\"0\" cellpadding=\"2\" bgcolor=\""+colorFondo+"\"> <tr> <td class=\"fuente-Tituloranking\"> <center> <b> <font color=\"#FFFFFF\" > Best 3 Players </b> </font> </center> </td> </tr> </table> <table width=\"210\" border=\"0\" cellspacing=\"0\" cellpadding=\"2\" bgcolor=\""+colorFondo+"\"> <tr> <td widht=\"70%\"align=\"left\" class=\"fuente-ranking\"> <b> <font color=\"#FFFFFF\"> <center> Player </center> </font></b></td>         <td widht=\"15\"align=\"left\" class=\"fuente-ranking\"> <b> <font color=\"#FFFFFF\"> <center> Icon </center> </font></b></td>         <td align=\"left\" class=\"fuente-ranking\"><font color=\"#FFFFFF\"><b> Score </b></font></td> <td align=\"left\" class=\"fuente-ranking\"></td> </tr>";

	var idBandera;
	var pais;
	var nick;
	var icono;
	var puntaje;

	var bandera;
	var tooltip;
	var boveda;
	var fotito;

	for (var i=0; i < nicks.length; i++) {

		if (idBanderas.item(i).firstChild) {
			idBandera = idBanderas.item(i).firstChild.data;
			pais = paises.item(i).firstChild.data;
			
			bandera = "/images/flags/" + idBandera + ".png";
			bandera = "&nbsp;<img src=\""+bandera+"\" width=\"20\" height=\"13\" alt=\""+pais+"\">";
			
			icono = iconos.item(i).firstChild.data;
			fotito = "<img src=\"./images/avatars/iconos/"+ icono +".jpg\" width=\"15\" height=\"15\" border=\"0\" alt=\"Personal icon\">";
		}
		else {
			idBandera = "";
			pais = "";
			bandera = "";
			icono = "";
			fotito = "";
		}
				
		nick = nicks.item(i).firstChild.data;		
		puntaje = puntajes.item(i).firstChild.data;

		

		tooltip = "";

		boveda = "<a href=\"http://www.vampiretwins.com/frontController.FC?comando=chest&usuario=" + nick + "  \" " + tooltip + ">" ;
		if (i === 0) {
			boveda += "<font color=\"yellow\"><b>"+nick+"</font></a>";
		}
		else {
			boveda += nick+"</a>";
		}
			
		boveda += bandera;

		

		html += "<tr>";

		if (i === 0) {
			html += "<td class=\"fuente-chica\">&nbsp;&nbsp;&nbsp;<font color=\"yellow\"><b>" + (i+1) + "  -   " + boveda + "</b></font></td>   <td align=\"center\"> "+ fotito +" </td>  <td class=\"fuente-chica\"><font color=\"yellow\"><b> " + puntaje + "</b></font></td>";
		}
		else {
			html += "<td class=\"fuente-chica\">&nbsp;&nbsp;&nbsp;<b>" + (i+1) + "  -   " + boveda + "</b></td> <td align=\"center\"> "+ fotito +" </td> <td class=\"fuente-chica\"><b> " + puntaje + "</b></td>";
		}

		html += "</tr>";
	}

	html += "</font></td></tr></table> <center><a href=\"javascript:rankingCompleto('"+idJuego+"');\">[Full Scoreboard]</a></center>  ";

	destino = document.getElementById(idDivDestino);
	destino.innerHTML = html;

}


function formatearMasJugados(ajax, idDivDestino, colorFondo) {

	respuestaXML = ajax.responseXML;
	raizXML = respuestaXML.documentElement;

	juegos =  raizXML.getElementsByTagName("juego");
	ids = raizXML.getElementsByTagName("id");

	var html = "<table width=\"120\" border=\"0\"> <tr> <td class=\"fuente-Tituloranking\"> <center> <b> <font color=\"yellow\" > Most Played </b> </font> </center> </td> </tr> </table> <table width=\"120\" border=\"0\" cellspacing=\"0\" cellpadding=\"2\" bgcolor=\""+colorFondo+"\">";

	var juego;
	var id;
	
	for (var i=0; i < juegos.length; i++) {
						
		juego = juegos.item(i).firstChild.data;		
		id = ids.item(i).firstChild.data;		
		
		juego = "<a href=\"./scr/cargarJuego.php?id="+id+"\">"+juego+"</a>";
		
		html += "<tr>";
		html += "<td class=\"fuente-chica\">" + (i+1) + "  -   " + juego + "</td>";
		html += "</tr>";
	}

	html += "</font></table>";

	destino = document.getElementById(idDivDestino);
	destino.innerHTML = html;

}


function formatearRankingCompleto(ajax, idDivDestino, idJuego, colorFondo) {

	respuestaXML = ajax.responseXML;
	raizXML = respuestaXML.documentElement;

	nicks =  raizXML.getElementsByTagName("nick");
	iconos = raizXML.getElementsByTagName("icono");
	puntajes = raizXML.getElementsByTagName("puntos");
	idBanderas = raizXML.getElementsByTagName("idBandera");
	paises = raizXML.getElementsByTagName("pais");

	var html = "<table width=\"410\" border=\"0\" cellspacing=\"0\" cellpadding=\"2\" bgcolor=\""+colorFondo+"\"> <tr> <td class=\"fuente-Tituloranking\"> <center> <b> <font size=\"5\" color=\"#FFFFFF\" > FULL SCOREBOARD </b> </font> </center> </td> </tr> </table> <table width=\"410\" border=\"0\" cellspacing=\"0\" cellpadding=\"2\" bgcolor=\""+colorFondo+"\"> <tr> <td widht=\"70%\"align=\"left\" class=\"fuente-ranking\"> <b> <font color=\"#FFFFFF\"> <center> Player </center> </font></b></td>         <td widht=\"15\"align=\"left\" class=\"fuente-ranking\"> <b> <font color=\"#FFFFFF\"> <center> Icon </center> </font></b></td>         <td align=\"left\" class=\"fuente-ranking\"><font color=\"#FFFFFF\"><b> Score </b></font></td> <td align=\"left\" class=\"fuente-ranking\"></td> </tr>";

	var idBandera;
	var pais;
	var nick;
	var icono;
	var puntaje;

	var bandera;
	var tooltip;
	var boveda;
	var fotito;

	for (var i=0; i < nicks.length; i++) {

		if (idBanderas.item(i).firstChild) {
			idBandera = idBanderas.item(i).firstChild.data;
			pais = paises.item(i).firstChild.data;
			
			bandera = "/images/flags/" + idBandera + ".png";
			bandera = "&nbsp;<img src=\""+bandera+"\" width=\"20\" height=\"13\" alt=\""+pais+"\">";
			
			icono = iconos.item(i).firstChild.data;
			fotito = "<img src=\"./images/avatars/iconos/"+ icono +".jpg\" width=\"15\" height=\"15\" border=\"0\" alt=\"Personal icon\">";
		}
		else {
			idBandera = "";
			pais = "";
			bandera = "";
			icono = "";
			fotito = "";
		}
				
		nick = nicks.item(i).firstChild.data;		
		puntaje = puntajes.item(i).firstChild.data;

		

		tooltip = "";

		boveda = "<a href=\"http://www.vampiretwins.com/frontController.FC?comando=chest&usuario=" + nick + "  \" " + tooltip + ">" ;
		if (i === 0) {
			boveda += "<font color=\"yellow\"><b>"+nick+"</font></a>";
		}
		else {
			boveda += nick+"</a>";
		}
			
		boveda += bandera;

		

		html += "<tr>";

		if (i === 0){
			html += "<td class=\"fuente-chica\">&nbsp;&nbsp;&nbsp;<font color=\"yellow\"><b>" + (i+1) + "  -   " + boveda + "</b></font></td>   <td align=\"center\"> "+ fotito +" </td>  <td class=\"fuente-chica\"><font color=\"yellow\"><b> " + puntaje + "</b></font></td>";
		}
		else {
			html += "<td class=\"fuente-chica\">&nbsp;&nbsp;&nbsp;<b>" + (i+1) + "  -   " + boveda + "</b></td> <td align=\"center\"> "+ fotito +" </td> <td class=\"fuente-chica\"><b> " + puntaje + "</b></td>";
		}

		html += "</tr>";
	}

	html += "</font></td></tr></table>";

	destino = document.getElementById(idDivDestino);
	destino.innerHTML = html;

}

function rankingCompleto(juego) {
	var div = document.getElementById('rankingCompleto');
	mostrarDiv(div, 465);
	div.innerHTML = "<font color=\"white\">Loading Scoreboard...</font>";
	acomodarRankingCompleto();

	var params = "id=" + encodeURIComponent(juego) + "&cant=" + encodeURIComponent('todos') ;

	cargaAsincronica(ajaxRankings, "getResumenJuego.php", params, null, function (ajax) {
		formatearRankingCompleto(ajax, 'rankingCompleto', juego, '');
		acomodarRankingCompleto();
		div.innerHTML =  "<p align=\"right\"><a href=\"javascript: cerrarRankingCompleto();\">[Close]</a></p>" + div.innerHTML;
		div.style.height = "435px";		
	}
	);
}

function cerrarRankingCompleto() {
	var div = document.getElementById('rankingCompleto');
	setTimeout(function () {
		div = document.getElementById('rankingCompleto');
		ocultarDiv(div);
	}, 10);
}

function acomodarRankingCompleto() {
	var div = document.getElementById('rankingCompleto');
	div.style.top = document.body.scrollTop;
	setTimeout(acomodarRankingCompleto, 40);
}

function centrarElemento(e, w, h) {
	e.style.display = "block";
	e.style.left = (((anchoPagina()/2) - (w/2)) + document.body.scrollLeft ) +'px';
	//e.style.top = (((largoPagina()/2) - (h/2)) + document.body.scrollTop)  +'px';
}

function anchoPagina() {
	return document.body.clientWidth ? document.body.clientWidth : window.innerWidth;
}


function largoPagina() {
	return document.body.clientHeight ? document.body.clientHeight : window.innerHeight;
}


function mostrarDiv(div, ancho) {
	div.style.backgroundColor='blue';
	div.style.width=ancho;
	div.style.visibility="visible";
	centrarElemento(div, ancho, div.style.height);
}

function ocultarDiv(div){
	div.style.visibility="hidden";
	div.style.left="-1000px";
	div.style.width='';
}