var styleHolder = null;
var clickedRow = null;
var clickedRowClassName = null;

function onRowOver(elmt) { 
	if(elmt.className != 'linha-selecionada') { 
		styleHolder = elmt.className; 
		elmt.className = styleHolder+'-hover'; 
	}
} 
			
function onRowOut(elmt) { 
	if(elmt.className != 'linha-selecionada') { 
		elmt.className = styleHolder; 
	}
}

function onRowClick(elmt) { 
	var mesmaLinha = false;
	
	if (clickedRow!=null) {
	
		// verificação para descobrir se o 
		// usuário clicou na linha já clicada
		var elmtClassName = elmt.className;
		clickedRow.className = "teste";
		if (elmt.className=="teste") {
			mesmaLinha = true;
		}
		elmt.className = elmtClassName;
		
		if (clickedRowClassName.indexOf('-hover')>=0) {
			clickedRow.className = clickedRowClassName.substring(0,clickedRowClassName.indexOf('-hover'));
		} else {
			clickedRow.className = clickedRowClassName;		
		}
	}
	
	if (mesmaLinha) {
		styleHolder = clickedRow.className;
		clickedRow = null;
		clickedRowClassName = null;
	} else {
		clickedRow = elmt;	
		clickedRowClassName = elmt.className;
		elmt.className = 'linha-selecionada';
	}
}