Как прочесть html

Есть страница со статусом серверов. Хочу сделать свой статус бар но немогу найти откуда они берут информацию.
Как вариант читать страницу и искать сервера по названию и сравнивать онлайн, больше 10, значит ON.
Ниже кусок html и js. Помогите пожалуйста. Дико извиняюсь за размер кода, codeboxа нет.

HTML:

1.  
2.         <script type="text/javascript" src="style/js/status.js"></script>
3. <h2>Статус серверов</h2>
4.  
5. <table class="status-table">
6.         <tr>
7.         <td width="15%">
8.             <a href="javascript: ShowStatusGraph('Cadmus', 'day');">Cadmus</a>
9.         </td>
10.         <td nowrap="nowrap">
11.             <img border="0" alt="*" src="style/images/sbar-left-green.jpg" /><img alt="*" height="10px" width="60.95px" src="style/images/sbar-green.jpg" /><img alt="*" src="style/images/sbar-right-green.jpg" /></div>
12.         </td>
13.         <td width="30%">
14.             1219 / 5000
15.         </td>
16.     </tr>
17.         <tr>
18.         <td width="15%">
19.             <a href="javascript: ShowStatusGraph('Athebaldt', 'day');">Athebaldt</a>
20.         </td>
21.         <td nowrap="nowrap">
22.             <img border="0" alt="*" src="style/images/sbar-left-green.jpg" /><img alt="*" height="10px" width="54.25px" src="style/images/sbar-green.jpg" /><img alt="*" src="style/images/sbar-right-green.jpg" /></div>
23.         </td>
24.         <td width="30%">
25.             1085 / 5000
26.         </td>
27.     </tr>
28.         <tr>
29.         <td width="15%">
30.             <a href="javascript: ShowStatusGraph('BlackBird', 'day');">BlackBird</a>
31.         </td>
32.         <td nowrap="nowrap">
33.             <img border="0" alt="*" src="style/images/sbar-left-green.jpg" /><img alt="*" height="10px" width="64.15px" src="style/images/sbar-green.jpg" /><img alt="*" src="style/images/sbar-right-green.jpg" /></div>
34.         </td>
35.         <td width="30%">
36.             1283 / 5000
37.         </td>
38.     </tr>
39.         <tr>
40.         <td width="15%">
41.             <a href="javascript: ShowStatusGraph('Ramsheart', 'day');">Ramsheart</a>
42.         </td>
43.         <td nowrap="nowrap">
44.             <img border="0" alt="*" src="style/images/sbar-left-green.jpg" /><img alt="*" height="10px" width="48.6px" src="style/images/sbar-green.jpg" /><img alt="*" src="style/images/sbar-right-green.jpg" /></div>
45.         </td>
46.         <td width="30%">
47.             972 / 5000
48.         </td>
49.     </tr>
50.         <tr>
51.         <td width="15%">
52.             <a href="javascript: ShowStatusGraph('Esthus', 'day');">Esthus</a>
53.         </td>
54.         <td nowrap="nowrap">
55.             <img border="0" alt="*" src="style/images/sbar-left-green.jpg" /><img alt="*" height="10px" width="51.2px" src="style/images/sbar-green.jpg" /><img alt="*" src="style/images/sbar-right-green.jpg" /></div>
56.         </td>
57.         <td width="30%">
58.             1024 / 5000
59.         </td>
60.     </tr>
61.         <tr>
62.         <td width="15%">
63.             <a href="javascript: ShowStatusGraph('Vasper', 'day');">Vasper</a>
64.         </td>
65.         <td nowrap="nowrap">
66.             <img border="0" alt="*" src="style/images/sbar-left-green.jpg" /><img alt="*" height="10px" width="50.45px" src="style/images/sbar-green.jpg" /><img alt="*" src="style/images/sbar-right-green.jpg" /></div>
67.         </td>
68.         <td width="30%">
69.             1009 / 5000
70.         </td>
71.     </tr>
72.         <tr>
73.         <td width="15%">
74.             <a href="javascript: ShowStatusGraph('Lancer', 'day');">Lancer</a>
75.         </td>
76.         <td nowrap="nowrap">
77.             <img border="0" alt="*" src="style/images/sbar-left-green.jpg" /><img alt="*" height="10px" width="58.7px" src="style/images/sbar-green.jpg" /><img alt="*" src="style/images/sbar-right-green.jpg" /></div>
78.         </td>
79.         <td width="30%">
80.             1174 / 5000
81.         </td>
82.     </tr>
83.         <tr>
84.         <td width="15%">
85.             <a href="javascript: ShowStatusGraph('Waytrel', 'day');">Waytrel</a>
86.         </td>
87.         <td nowrap="nowrap">
88.             <img border="0" alt="*" src="style/images/sbar-left-green.jpg" /><img alt="*" height="10px" width="55.95px" src="style/images/sbar-green.jpg" /><img alt="*" src="style/images/sbar-right-green.jpg" /></div>
89.         </td>
90.         <td width="30%">
91.             1119 / 5000
92.         </td>
93.     </tr>
94.         <tr>
95.         <td width="15%">
96.             <a href="javascript: ShowStatusGraph('Faris', 'day');">Faris</a>
97.         </td>
98.         <td nowrap="nowrap">
99.             <img border="0" alt="*" src="style/images/sbar-left-green.jpg" /><img alt="*" height="10px" width="74.25px" src="style/images/sbar-green.jpg" /><img alt="*" src="style/images/sbar-right-green.jpg" /></div>
100.         </td>
101.         <td width="30%">
102.             1485 / 5000
103.         </td>
104.     </tr>
105.     </table>
106. <br /><br />

[js]$(document).ready(
function()
{
var servers = new Array("Cadmus","Athebaldt","BlackBird","Ramsheart","Esthus","Lancer","Waytrel","Faris","Vasper");

var query = document.location.href.toLowerCase();

for( var i = 0; i < servers.length; i++ )
{
var mod = "day";
if( query.indexOf("mod=day") != -1 )
{
mod = "day";
}
else if( query.indexOf("mod=week") != -1 )
{
mod = "week";
}

if( query.indexOf("s=" + servers.toLowerCase()) != -1 )
{
ShowStatusGraph(servers, mod);
break;
}
}
}
);

function ShowServerCode( server )
{
var url = "http://www.la2.ru/?act=status";

var urllight = "http://www.la2.ru/images/status/" + server + ".jpg";
var urldark = "http://www.la2.ru/images/status/" + server + "_dark.jpg";

$('#sites_code_light').attr('value', "<a href='" + url + "&s=" + server + "><img src='"+urllight+"' /></a>");
$('#sites_code_dark').attr('value', "<a href='" + url + "&s=" + server + "><img src='"+urldark+"' /></a>");

$('#forums_code_light').attr('value', "");
$('#forums_code_dark').attr('value', "");

$('#status-image-light').attr('innerHTML', "<img align='middle' src='"+urllight+"' />");
$('#status-image-dark').attr('innerHTML', "<img align='middle' src='"+urldark+"' />");
}

function ClearCodeFields()
{
$('#sites_code_light').attr('value', "");
$('#sites_code_dark').attr('value', "");

$('#forums_code_light').attr('value', "");
$('#forums_code_dark').attr('value', "");

$('#status-image-light').attr('innerHTML', "");
$('#status-image-dark').attr('innerHTML', "");
}

function ShowStatusGraph( server, mod )
{
var checked = "";
if( $('#compare_weekago').is(":checked") )
{
mod += "_weekago";
checked = "checked";
}

var url = "http://www.la2.ru/images/graph/" + server + "_" + mod + ".png";

if( $('#graph').is(":hidden") )
{
$('#graph').slideDown('slow');
}

if( $('#graph').is(":visible") )
{
$('#graph').fadeTo('fast', 0,
function()
{
var html = "<img src='"+url+"' /><br />";
html += "<a href=\"javascript: ShowStatusGraph('" + server + "', 'day');\">" + lang_day_graph + "</a> | ";
html += "<a href=\"javascript: ShowStatusGraph('" + server + "', 'week');\">" + lang_week_graph + "</a><br />";
html += "<input onclick=\"javascript: ShowStatusGraph('" + server + "', 'day');\" type=\"checkbox\" " + checked + " id=\"compare_weekago\" />" + lang_compare_weekago;

$('#graph').attr('innerHTML', html);

$('#graph img').show();

$('#graph').fadeTo('slow', 1);
});
}
}[/js]