Info center help!

[Nooki]

Okay I have this info center and it used to work but after a while bam! it isn't working at all .

anyone could fix it I would appreatiate it.

It suppose to look like this:


The code:

<script language="javascript">
if(location.href.match(/com\/?((index\.cgi)?\??(action=(logout|home))?(#.+)?)?$/i)){
var td = document.getElementsByTagName('td');

var events = 'V3 is here!';

//Total Topics
for(t=0;t<td.length;t++){
if(td[t].width=="60%" && td[t].vAlign=="top" && td[t].innerHTML.match("Total Topics:") && td[t].innerHTML.match("Total Posts:")){
var splitTTopics = td[t].innerHTML.split("Total Topics:")[1];
var splitTTopics2 = (document.all)? splitTTopics.split("<BR>")[0] : splitTTopics.split("<br>")[0];
var totalTopics = splitTTopics2.split(" - ")[0];
}}

//Total Posts
for(p=0;p<td.length;p++){
if(td[p].width=="60%" && td[p].vAlign=="top" && td[p].innerHTML.match("Total Topics:") && td[p].innerHTML.match("Total Posts:")){
var splitTPosts = td[p].innerHTML.split("Total Posts:")[1];
var totalPosts = (document.all)? splitTPosts.split("<BR>")[0] : splitTPosts.split("<br>")[0];
}}

//Last Post
for(h=0;h<td.length;h++){
if(td[h].align=="left" && td[h].vAlign=="top" && td[h].width=="60%" && td[h].innerHTML.match(/Total Topics:/)){
var splitLPost = td[h].innerHTML.split("Last Updated Topic: ")[1];
var splitLPost2 = splitLPost.split("<br>")[0];
var lastPost = splitLPost2.split("\(")[0];
}}

//Users Online
for(u=0;u<td.length;u++){
if(td[u].align=="left" && td[u].vAlign=="top" && td[u].innerHTML.match(/Most users online was/i)){
var splitUOnline = (document.all)? td[u].innerHTML.split("<BR>")[0] : td[u].innerHTML.split("<br>")[0];
var usersOnline = splitUOnline.innerHTML.split(/Guest?(</a>)./)[0];
}}

//Total Members and Newest Member and Misc
for(m=0;m<td.length;m++){
if(td[m].width=="60%" && td[m].vAlign=="top" && td[m].innerHTML.match("Total Topics:") && td[m].innerHTML.match("Total Posts:")){
td[m].width="70%";
var splitTMembers = td[m+1].innerHTML.split("Total Members:")[1];
var totalMembers = (document.all)? splitTMembers.split("<BR>")[0] : splitTMembers.split("<br>")[0];
var splitNMember = (document.all)? splitTMembers.split("<BR>")[1] : splitTMembers.split("<br>")[1];
var newMember = splitNMember.split(":")[1];
}}

//Insert Into Table
for(i=0;i<td.length;i++){
if(td[i].width=="70%" && td[i].vAlign=="top" && td[i].innerHTML.match("Total Topics:") && td[i].innerHTML.match("Total Posts:")){
td[i].innerHTML = '<font size="1">'+usersOnline+'<hr size="1" color="222222" width="90%">Staff Legend: <font color="000000">[Admin]</font> <font color="000000">[G-mod]</font> <font color="000000">[Mod]</font> <font color="000000">[Member]</font><br><center><br><i>Events this month:</i><br>'+events+'</center></font></center>';
}}}

//Insert Into Table 2
for(d=0;d<td.length;d++){
if(td[d].width=="70%" && td[d].vAlign=="top" && td[d].innerHTML.match(/Events this month:/)){
td[d+1].innerHTML = '<center><table border="0" width="100%"><tr><td align="center" width="50%"><a href="?action=members&view=staff">View Staff</a>    |    <a href="?action=markallboardsread">Mark as Read</a><hr color="222222" size="1"></td></tr><tr><td><font size="1">Total Topics: '+totalTopics+'<br>Total Posts: '+totalPosts+'<br>Total Members: '+totalMembers+'<br>Newest Member: '+newMember+'<br>Last Post: '+lastPost+'</font></td></tr></table></center>';
}}

//Remove Second Row
for(s=0;s<td.length;s++){
if(td[s].colSpan=="2" && td[s].className=="catbg" && td[s].innerHTML.match(/>Users Online</)){
td[s].parentNode.style.display = "none";
td[s].parentNode.nextSibling.style.display = "none";
}}
</script>

If you can also organize the lines and make it look like the sketch I will thank you alot

anyone could help me to get it work and organized.