votesRefresher = null;
voteEnabled = true;
var voteBase = '';

function rankingVote(id) {
	datos = 'action=vote&id=' + id;
	makeHttpRequest(voteBase + 'js.voteR', '_rankingVote', false, datos);
}

function _rankingVote(data) {
	clearInterval(rankingVotesRefresher);
	refreshRankingVotes();
	rankingVotesRefresher = setInterval('refreshRankingVotes();', 10000);
}

function refreshRankingVotes() {
	makeHttpRequest(voteBase + 'js.voteR?action=list', '_refreshRankingVotes');	
}

function _refreshRankingVotes(data) {
	lines = data.split("\n");
	
	if (lines[0] == 'Error') {
		return false;	
	}
	
	var container = document.getElementById('rankingVoto');
	container.style.textAlign = 'left';
	container.innerHTML = '';
	
	if (lines[0] == 'canVote') {
		voteEnabled = true;
	}
	else if (lines[0] == 'noVote'){
		container.innerHTML = "";
		return true;
	}
	else {
		voteEnabled = false;	
	}
	
	for (i=1; i <lines.length; i++) {
		tema = lines[i].split('<!>');
		
		//infoTema = tema[1].split('-');
		//if (infoTema.length >= 2) {			
		//	nombreTrim = infoTema[1].replace(/^\s+|\s+$|.mp3/gi,"");
		//}
		//else {
		//	nombreTrim = infoTema[0].replace(/^\s+|\s+$|.mp3/gi,"");
		//}
		
		/*nombreTrim = nombreTrim.replace(/\w+/g,
			function(a){
        		return a.charAt(0).toUpperCase() + a.slice(1).toLowerCase();
			}
		);*/
		nombreTrim = tema[2];
		autorTrim = tema[1];
		
		div = document.createElement('div');
		div.className = 'cuadroTema';

		span = document.createElement('span');
		span.idVoto = tema[0];
		span.style.cssFloat = 'right';
		span.style.styleFloat = 'right';
		
		span.className = 'porcentajeNumero';
		
		if (voteEnabled) {
			span.innerHTML = 'votar';//Math.floor(parseInt(tema[3], 10)).toString() + ' %';
			span.onclick = function() {
				rankingVote(this.idVoto);
			}
		}
		else {
			span.innerHTML = Math.floor(parseInt(tema[3], 10)).toString() + ' %';
			span.style.cursor = 'default';
		}
		
		div.appendChild(span);
		
		span = document.createElement('div');
		span.idVoto = tema[0];
		span.className = 'nombreTema';
		span.title = tema[1];
		span.innerHTML = nombreTrim;

		div.appendChild(span);
		
		span = document.createElement('div');
		span.idVoto = tema[0];
		span.className = 'autorTema';
		span.title = tema[1];
		span.innerHTML = 'de &ldquo;' + autorTrim +'&rdquo;';

		div.appendChild(span);

		container.appendChild(div);
	}
}