var lastPage = 0;

function addRanking(place, name, points, tableID) {
	var table = document.getElementById(tableID);
	var winnerHTML = '';
	
	winnerHTML += '		<div style="vertical-align: middle; margin-left: 50px;  margin-right: 10px; height: 35px; clear: both;">';
	if (place == 0) {
        winnerHTML += '			<span style="color: #f19100; margin-top: 0px; padding-left: 10px; display: inline; float: left;">&nbsp;</span>';
        winnerHTML += '			<span style="color: #9ebcda; margin-top: 0px; padding-left: 10px; display: inline; float: left;">&nbsp;</span>';
        winnerHTML += '			<span style="color: #e17048; margin-top: 0px; padding-left: 10px; display: inline; float: right; margin-right: 200px;">&nbsp;</span>';
	}
	else {
	    winnerHTML += '			<span style="color: #f19100; margin-top: 0px; padding-left: 10px; display: inline; float: left;">' + place + '&ordm;</span>';
	    winnerHTML += '			<span style="color: #9ebcda; margin-top: 0px; padding-left: 10px; display: inline; float: left;">' + name + '</span>';
	    //winnerHTML += '			<span style="color: #e17048; margin-top: 0px; padding-left: 10px; display: inline; float: right; margin-right: 200px;">' + points + ' </span>';
	}
	winnerHTML += '		</div>';
	
	table.innerHTML += winnerHTML;
}

function addLoggedUserRanking(place, name, points, tableID) {
	var table = document.getElementById(tableID);
	var innerHTML = '';
	
	innerHTML += '		<div style="vertical-align: middle; margin-left: 50px; margin-right: 10px; height: 35px; clear: both;">';
	if (place == 0 || place == '---') {
        innerHTML += '			<span style="color: #f19100; margin-top: 0px; padding-left: 10px; display: inline; float: left;">&nbsp;</span>';
        innerHTML += '			<span style="color: #9ebcda; margin-top: 0px; padding-left: 10px; display: inline; float: left;">&nbsp;</span>';
        innerHTML += '			<span style="color: #e17048; margin-top: 0px; padding-left: 10px; display: inline; float: right; margin-right: 200px;">&nbsp;</span>';
	}
	else {
        innerHTML += '			<span style="color: #f19100; margin-top: 0px; padding-left: 10px; display: inline; float: left;">' + place + '&ordm;</span>';
        innerHTML += '			<span style="color: #9ebcda; margin-top: 0px; padding-left: 10px; display: inline; float: left;">' + name + '</span>';
        //innerHTML += '			<span style="color: #e17048; margin-top: 0px; padding-left: 10px; display: inline; float: right; margin-right: 200px;">' + points + ' </span>';
	}
	innerHTML += '		</div>';
	
	table.innerHTML += innerHTML;
}

function initRankingTable(page, tableID, noNext) {
	var table = document.getElementById(tableID);
	var innerHTML = '';
	if (page != '') {
	    lastPage = Number(page + '');
	}
	else {
	    lastPage = 1;
	}

	innerHTML += '		<div id="ranking_navigation">';
	if (lastPage == 1) {
		innerHTML += '			<span style="color: #FFFFFF; font-size:12px;">5 anteriores</span> |';
	}
	else {
		innerHTML += '			<a style="font-size:12px;" href="ranking.aspx?page=' + (lastPage - 1) + '"><span>5 anteriores</span></a> |';		
	}
	if (lastPage == 6 || noNext) {
		innerHTML += '			<span style="color: #FFFFFF; font-size:12px;">pr&oacute;ximos 5</span>';
	}
	else {
		innerHTML += '			<a style="font-size:12px;" href="ranking.aspx?page=' + (lastPage + 1) + '"" onclick=""><span>pr&oacute;ximos 5</span></a>';
	}
	innerHTML += '		</div>';
	table.innerHTML = innerHTML;	
}

