Como aplicar un ordeno burbuja a una tabla?

[milomondo]

Buenas tardes!
Veran, tengo el siguiente muy problematico problema:

Tengo que hacer un programita en Javascript, donde cuando ingreso un usuario, unos datos en una casillas de texto, deben de ir apareciendo filas dinamicamente en una tabla mostrando los datos ingresados (como nombre,datos y puntos de un jugador).
Ya tengo la tabla y en ella aparecen los datos que quiero, pero necesito lo siguiente:

Que las filas de la tabla cambien de orden segun que "jugador" tiene mas puntos.
es decir, que en algun momento del programa, la tabla se actualize cmiabnado de lugar la fila que muestra todos los datos del jugador que tiene mas puntaje al principio, y el que va perdiendo al final.
hasta ahora los datos de los usuarios solo quedan en orden segun los fui ingresando.
Ayuda porfavor! :(

Este es el codigo de la funcion por si ayuda:

Código Javascript:

function agregaFila(tableId)
{
var table = document.getElementById(tableId);
//for(var i=0; i<nombres.length;i++){
var pos = table.rows.length;
var row = table.insertRow(pos);
var cell_0 = row.insertCell(0);
var cell_1 = row.insertCell(1);
var cell_2 = row.insertCell(2);
var cell_3 = row.insertCell(3);
var cell_4 = row.insertCell(4);
cell_0.style.border='solid 3px blue';
cell_0.innerHTML=nombres[nombres.length -1];
cell_1.style.border='solid 3px blue';
cell_1.innerHTML=apellidos[apellidos.length -1];
cell_2.style.border='solid 3px blue';
cell_2.innerHTML=numeros[numeros.length -1];
cell_3.style.border='solid 3px blue';
cell_3.innerHTML=numeros[escuderias.length -1];
cell_4.style.border='solid 3px blue';
cell_4.innerHTML=numeros[puntos.length -1];
}
 

("numeros","nombres","escuderias","puntos" y "apellidos" son los nombres de los Arrays donde ingresan los datos para luego pasarlos a la tabla en orden)

La tabla la genero en un html aparte que es:

Código HTML:

<p align="right"><table id="mitabla">
<tr>
<td style="border: solid 4px blue;">Nombres</td>
<td style="border: solid 4px blue;">Apellidos</td>
<td style="border: solid 4px blue;">N°de.Auto</td>
<td style="border: solid 4px blue;">Escuderia</td>
<td style="border: solid 4px blue;">Puntos</td>
</tr>
</table></p>
 

Estoy ya desesperado xD, cualquier ayuda es muy agradecida.