PBv3 Styled Navigation Tree

[iAlex]

This code will change your navigation tree into a similar navigation tree that was used in Proboards v3. If you want you can change the images URLs at the top of the code or just use the ones hosted by me.

Preview: Click

Global Footer.

Cross Browser.

Open Source.

---

<script type="text/javascript">
<!--

/*PBv3 Styled Navigation Tree - By iAlex - Open Source*/

var iNavigation_Folder="http://img512.imageshack.us/img512/5721/inavigationfourkd2.gif";
var iNavigation_Images=[
["http://img512.imageshack.us/img512/1286/inavigationoneff4.gif"],
["http://img512.imageshack.us/img512/8217/inavigationtwoqk3.gif"],
["http://img512.imageshack.us/img512/2157/inavigationthreelx6.gif"]
];

var iLink=document.getElementsByTagName('a');
var i=iLink.length;
var iImage_Number=0;
while(--i){
        if(iLink.item(i).className=="nav" && iLink.item(i).href.match(/cgi$/)){
                var iNavigation_Link=iLink.item(i).nextSibling;
                var iNavigation_Parent=iLink.item(i).parentNode;
                var iNavigation_Open=document.createElement('img');
                iNavigation_Open.src=iNavigation_Folder;
                iNavigation_Parent.insertBefore(iNavigation_Open, iLink.item(i));
                while(!iNavigation_Link.nodeName.match(/table|script/i)){
                        if(iNavigation_Link.nodeName.match(/text/i) && iNavigation_Link.data.match(/::/)){
                                var iNavigation_Break=document.createElement('img');
                                iNavigation_Break.src=iNavigation_Images[iImage_Number];
                                iNavigation_Parent.insertBefore(document.createElement('br'), iNavigation_Link);
                                iNavigation_Parent.insertBefore(iNavigation_Break, iNavigation_Link);
                                iNavigation_Parent.insertBefore(iNavigation_Open.cloneNode(true), iNavigation_Link);
                                iImage_Number++;
                                iNavigation_Link.data=iNavigation_Link.data.replace(/\s::\s/, '');
                                iNavigation_Link=iNavigation_Link.nextSibling;
                        }
                        else{
                                iNavigation_Link=iNavigation_Link.nextSibling;
                        }
                }
                break;
        }
}

//-->
</script>

---