// JavaScript Document
function resaltarFilas() 
{
	/*Este código localiza todas las etiquetas <tr> en el documento y asigna un evento mouse over y mouse out para cada caso. Estos eventos aplican la clase hilite CSS a cada fila cuando el mouse pasa sobre la fila y desapararece cuando el mouse deja de cubrirlos, produciendose el efecto.*/
    var rows = document.getElementsByTagName('tr');
    for ( var i = 0; i < rows.length; i++ ) 
	{
        // ... recorre todas las filas y añade los listeners ...
        // ... para que se resalte la fila al pasar el ratón por encima ...
        if ( navigator.appName == 'Microsoft Internet Explorer' ) 
		{
            // Solo para IE, en el resto de navegadores basta con definir :hover para la fila en la hoja de estilos css
			rows[i].onmouseover = function() 
			{
				if(this.className == 'imp' || this.className == 'par') //Si es una de las filas de datos.
				{
					this.className += ' hover';
				}
			}
            rows[i].onmouseout = function() 
			{	
                this.className = this.className.replace( ' hover', '' );
            }
        }
       
    }
}
window.onload=resaltarFilas;

//ESTE CÓDIGO HACE LO MISMO QUE EL ANTERIOR PERO NO FUNCIONABA (SERÍA POR LA DEFINICIÓN DE LOS ESTILOS)
/*var rows = document.getElementsByTagName('tr');
for (var i = 0; i < rows.length; i++) 
{
	rows[i].onmouseover = function() 
	{
		this.className += ' hilite';
	}
	rows[i].onmouseout = function() 
	{
		this.className = this.className.replace('hilite', '');
	}
}*/