var estrelaCheia = '<img src="imagens/estrelaCheia.gif" border="0">';
var estrelaLadoA = '<img src="imagens/estrelaLadoA.gif" border="0">';
var estrelaLadoB = '<img src="imagens/estrelaLadoB.gif" border="0">';

// acende as estrelas
function loadStar(objTd, param) {
	var myNun = param.substr(param.length-1, param.length);
	var paramName = param.substr(0, param.length-1);
	for(i=0; i<=myNun; i++) {
		document.getElementById(paramName+i).className = "starOn";
	}
}

// apaga as estrelas
function unloadStar(objTd, param) {
	var myNun = param.substr(param.length-1, param.length);
	var paramName = param.substr(0, param.length-1);
	for(i=0; i<=myNun; i++) {
		document.getElementById(paramName+i).className = "starOff";
	}

}

// constroi o html das estrelas
function constroiEstrelas(qtde, name, videoId) {
	var estrelas = "";
	estrelas += '<table border="0" cellspacing="0" cellpadding="0">\n';
	estrelas += '	<tr>\n';
	for(i=0; i<qtde; i++) {
		estrelas += '		<td id="'+name+''+i+'" class="starOff" onclick="constroiEstrelasEstaticas('+qtde+', \''+name+''+i+'\', \''+name+'\', '+videoId+')"  onmouseover="loadStar(this, \''+name+''+i+'\')" onmouseout="unloadStar(this, \''+name+''+i+'\')"><a href="#" onclick="return false">'+estrelaCheia+'</a></td>\n'
	}
	estrelas += '	</tr>\n';
	estrelas += '</table>\n';
	document.getElementById(name).innerHTML = estrelas;

}

// constroi o html estatico
function constroiEstrelasEstaticas(qtde, param, name, videoId) {
	var myNun = param.substr(param.length-1, param.length);
	var paramName = param.substr(0, param.length-1);
	
	var estrelas = "";
	estrelas += '<table border="0" cellspacing="0" cellpadding="0">\n';
	estrelas += '	<tr>\n';
	for(i=0; i<qtde; i++) {
		estrelas += '		<td id="'+name+''+i+'" class="starOff">'+estrelaCheia+'</td>\n'
	}
	estrelas += '	</tr>\n';
	estrelas += '</table>\n';
	document.getElementById(name).innerHTML = estrelas;
	
	for(i=0; i<=myNun; i++) {
		document.getElementById(name+i).className = "starStatic";
	}
	insereVoto((parseInt(myNun)+1), videoId); // chama a função do AJAX
}


// constroi o html do rating
function constroiRating(votos, maxStar, name) {

	var estrelas = "";
	var aux = 0;
	votos = votos*2;
	estrelas += '<table border="0" cellspacing="0" cellpadding="0">\n';
	estrelas += '	<tr>\n';
	for(i=0; i<maxStar; i++) {
		estrelas += '		<td id="'+name+''+(i+aux)+'" class="starOff">'+estrelaLadoA+'</td>\n'
		aux = aux+1;
		estrelas += '		<td id="'+name+''+(i+aux)+'" class="starOff">'+estrelaLadoB+'</td>\n'
	}
	estrelas += '	</tr>\n';
	estrelas += '</table>\n';
	document.getElementById(name).innerHTML = estrelas;


	for(f=0; f<votos; f++) {
		document.getElementById(name+f).className = "starStatic";
	}
}