var lastWeek = null;

function addWeek(weekTitle, weekID, tableID, id) {

	var table = document.getElementById(tableID);
	var weekHTML = '';
	
	weekHTML += '<div id="' + weekID + '" style="clear: both;">';
	weekHTML += '	<div class="weekTitle">';
	weekHTML += '		<span style="float: left; margin-top: 10px; padding-left: 10px; display: inline;">' + weekTitle + '</span>';
	weekHTML += '		<span style="float: left; margin-top: 10px; padding-left: 80px; cursor: pointer; font-size:10px; display: inline;" onclick="toggleWeekWinnersList(\'PopupRanking' + id + '\')">ver todos [+]</span>';
	weekHTML += '		<img id="' + weekID + '_img" onclick="toggleWeek(\'' + weekID + '\');" style="float: right; margin-right: 11px; cursor: pointer; display: inline;" src="images/tabela_vencedores_plus.png"/>';
	weekHTML += '	</div>';
	weekHTML += '	<div class="weekWinners" id="' + weekID + '_winners">';
	weekHTML += '	</div>';
	weekHTML += '</div>';
	
	table.innerHTML += weekHTML;
}

function addWinner(winner, winnerNumber, winnerPoints, winnerPrize, weekID) {
	var table = document.getElementById(weekID + "_winners");
	var winnerHTML = '';
	
	if (winnerPrize == "-"){
	    winnerHTML += '		<div style="clear: both; vertical-align: middle; padding: 5px; margin-right: 10px; height: 20px;">';
	} else {
	    winnerHTML += '		<div style="clear: both; vertical-align: middle; padding: 5px; margin-right: 10px; height: 20px; background:url(images/tabela_vencedores_lista.png) no-repeat;">';
	}
	
	
	winnerHTML += '			<span style="color: #3b1e07; margin-top: 0px; padding-left: 10px; display: inline; float: left;">' + winnerNumber + '</span>';
	winnerHTML += '			<span style="color: #6f4d31; margin-top: 0px; padding-left: 18px; display: inline; float: left;">' + winner + '</span>';
	
	winnerHTML += '		</div>';
	
	table.innerHTML += winnerHTML;
}

function toggleWeek(weekID) {
    
	var table = document.getElementById(weekID + "_winners");
	var image = document.getElementById(weekID + "_img");

	if (table.style.display == '' || table.style.display == null || table.style.display == 'none') {
		table.style.display = 'block';
		image.src = 'images/tabela_vencedores_minus.png';
		if (lastWeek != null && lastWeek != weekID) {
			document.getElementById(lastWeek + "_winners").style.display = 'none';
			document.getElementById(lastWeek + "_img").src = 'images/tabela_vencedores_plus.png';
		}
		lastWeek = weekID;
	}
	else {
		table.style.display = 'none';
		image.src = 'images/tabela_vencedores_plus.png';
	}
}

function addCompleteRanking(id){
    //alert(document.getElementById("completeRanking"));
    
    var weekHTML = '';
    var table = document.getElementById("completeRanking");
    
    
    weekHTML +='<div id="PopupRanking'+id+'" class="PopupRanking">';
    weekHTML +='<div>';
    weekHTML +='   <img src="images/bt_closePopup.gif" onclick="toggleWeekWinnersList(\'PopupRanking'+id+'\')" style="position:absolute; margin-left: 141px; margin-top: 395px; padding:0; cursor:pointer;" >';
    weekHTML +='</div>';
    weekHTML +='<div id="completeRankingWeek'+id+'" style="position:absolute; width:373px; height:302px; top:79px; left:9px; overflow:auto;">';
    weekHTML +='</div>';
    weekHTML +='</div>';
    
    table.innerHTML += weekHTML;	
}

function addWinnerToCompleteRanking(id, numberOfWinners, name, nclient, prize){

    var weekHTML = '';
    var table = document.getElementById("completeRankingWeek"+id);

    weekHTML +='<!--bloco para ciclo-->'; 
    weekHTML +=' <div style="border-bottom: 1px solid #d9c0c0; height:25px; padding-top:10px; width:100%;">';
    weekHTML +='    <div style="position:absolute;left:12px;"><span>'+numberOfWinners+'&ordm;</span></div>';
    weekHTML +='    <div style="position:absolute;left:20px;"><span style="padding-left:5px; float:left; display:inline;">- '+name+'</span></div>';
    weekHTML +='    <div style="position:absolute;left:107px;"><span style="padding-left:43px; float:left; display:inline;">'+nclient+'</span></div>';
    weekHTML +='    <div style="position:absolute;right:0;"><span style="padding-right:37px; float:right; display:inline;">'+prize+'</span></div>';
    weekHTML +=' </div>';
    weekHTML +='<!--bloco para ciclo-->';
      
    table.innerHTML += weekHTML;
}


function toggleWeekWinnersList(id){

    var width = 393;
    var height = 434;

    var tableWeekWinners = document.getElementById(id);
    if (tableWeekWinners.style.display == '' || tableWeekWinners.style.display == null || tableWeekWinners.style.display == 'none') {
		tableWeekWinners.style.display = 'block';
		
		//centrar o popup na horizontal
	    if(window.innerWidth) {
		    tableWeekWinners.style.left = ((window.innerWidth / 2) - (width / 2)) + 'px';
	    } else {
		    tableWeekWinners.style.left = ((document.body.offsetWidth / 2) - (width / 2)) + 'px';
	    }
    	
	    //centrar o popup na vertical
	    if(window.innerHeight) {
		    tableWeekWinners.style.top = ((window.innerHeight / 2) - (height / 2)) + 'px';
	    } else {
		    tableWeekWinners.style.top = ((document.body.offsetHeight / 2) - (height / 2)) + 'px';
	    }
	    
	   document.getElementById('contentOverlay').style.display = 'block';		
    }
    else{
        tableWeekWinners.style.display = 'none';
        document.getElementById('contentOverlay').style.display = 'none';
    }
}


/*
var lastWeek = null;

function addWeek(weekTitle, weekID, tableID) {
	var table = document.getElementById(tableID);
	var weekHTML = '';
	
	weekHTML += '<div id="' + weekID + '" style="clear: both;">';
	weekHTML += '	<div class="weekTitle">';
	weekHTML += '		<span style="float: left; margin-top: 10px; padding-left: 10px; display: inline;">' + weekTitle + '</span>';
	weekHTML += '		<span style="float: left; margin-top: 10px; margin-left: 85px; width:70px; display: inline; cursor:pointer" onclick="alert(\'ver todos\');">&nbsp;&nbsp;</span>';
	weekHTML += '		<img id="' + weekID + '_img" onclick="toggleWeek(\'' + weekID + '\');" style="float: right; margin-right: 11px; cursor: pointer; display: inline;" src="images/tabela_vencedores_plus.png"/>';
	weekHTML += '	</div>';
	weekHTML += '	<div class="weekWinners" id="' + weekID + '_winners">';
	weekHTML += '	</div>';
	weekHTML += '</div>';
	
	table.innerHTML += weekHTML;
}

function addWinner(winner, winnerNumber, winnerPoints, winnerPrize, weekID) {
	var table = document.getElementById(weekID + "_winners");
	var winnerHTML = '';
	
	winnerHTML += '		<div style="clear: both; vertical-align: middle; padding: 5px; margin-right: 10px; height: 20px; background:url(images/tabela_vencedores_lista.png) no-repeat;">';
	winnerHTML += '			<span style="color: #3b1e07; margin-top: 0px; padding-left: 10px; display: inline; float: left;">' + winnerNumber + '</span>';
	winnerHTML += '			<span style="color: #6f4d31; margin-top: 0px; padding-left: 18px; display: inline; float: left;">' + winner + '</span>';
	//winnerHTML += '			<span style="color: #6f4d31; margin-top: 7px; padding-left: 10px; display: inline; float:right; ">' + winnerPrize + '</span>';
	//winnerHTML += '			<span style="color: #6f4d31; margin-top: 7px; padding-left: 10px; display: inline; float:right;">' + winnerPoints + '</span>';
	winnerHTML += '		</div>';
	
	table.innerHTML += winnerHTML;
}

function toggleWeek(weekID) {
	var table = document.getElementById(weekID + "_winners");
	var image = document.getElementById(weekID + "_img");

	if (table.style.display == '' || table.style.display == null || table.style.display == 'none') {
		table.style.display = 'block';
		image.src = 'images/tabela_vencedores_minus.png';
		if (lastWeek != null && lastWeek != weekID) {
			document.getElementById(lastWeek + "_winners").style.display = 'none';
			document.getElementById(lastWeek + "_img").src = 'images/tabela_vencedores_plus.png';
		}
		lastWeek = weekID;
	}
	else {
		table.style.display = 'none';
		image.src = 'images/tabela_vencedores_plus.png';
	}
}
*/