Category Splitter (Head/Base Images)

[Schubaltz]

Description: Splits the categories and adds head/base images above and below the new tables.

Source: Open

Cross-browser: Yes

Main Footer

---

<style type="text/css">
<!--
.head { height: 20px; margin-top: 15px;
      background: url('http://www.google.com/img.gif') no-repeat center center }
.base { height: 20px; margin-bottom: 15px;
      background: url('http://www.google.com/img.gif') no-repeat center center }
-->
</style>
<script type="text/javascript">
<!--
// Split Categories

var split = [ ];
if(/com\/(\w+\.cgi)?\??(#.+|\w+=home)?$/i.test(location.href))
for(var l = document.links, k = 4; k < l.length; k ++) if(l[k].className == "nav") {
      var t = l[k].parentNode.getElementsByTagName("table");
      for(var i = t[1].rows, x = 1; x < i.length; x ++)
            if(i[x].cells.length > 1 || i[x].cells[0].align == "right")
                  split[split.length - 1] += "<tr>" + i[x].innerHTML + "</tr>";
            else
                  split.push(["<div class='head'></div><table width='100%' cellspacing='1' cellpadding='4' class='bordercolor'><tr>" + i[0].innerHTML + "</tr><tr>" + i[x].innerHTML + "</tr>"]);
      var con = document.createElement("div");
            con.innerHTML = split.join("</table><div class='base'></div>") + "</table><div class='base'></div>";
            t[0].style.backgroundColor = "transparent";
            t[1].parentNode.replaceChild(con, t[1]);
      break;
}
//-->
</script>

---