if (typeof addNewBox == "undefined") { addNewBox = {}; } addNewBox = { //addNewBox v2.2 /* header: HTML string name null - no header x: "above" - HTML string: at the above of sibling box "below" - HTML string: at the below of sibling box null - HTML string: at the very bottom of box sibling:- /controlpanel/i - /photos/i - /blogs/i - /reviews/i - /moreabout/i - /publiccomments/i - /scrapbook/i - /meettrail/i - /friends/i - /ads/i - /fanof/i - /groups/i */ li: [], ul: [], HTML: function(head,code,id,sibling,x) { this.li = document.createElement("LI"); if (!head) head = ""; else head = "<h2>"+head+"</h2>"; this.li.innerHTML = "<div class=\"commonbox "+id+"\" id=\""+id+"\">"+ head+ "<div id=\"content_"+id+"\">"+ code+ "</div>"+ "</div>"; if (!x) this.getModuleByClassName(sibling)[0].parentNode.parentNode.appendChild(this.li); else if (x == "below") this.getModuleByClassName(sibling)[0].parentNode.appendChild(this.li); else if (x == "above") { this.ul = this.getModuleByClassName(sibling)[0]; this.ul.parentNode.parentNode.insertBefore(this.li,this.ul.parentNode); } }, getModuleByClassName: function(sClass) { var elm = []; var els = document.getElementsByTagName("*") || document.all; for (var j=0,k=els.length;j<k;j++) { if (new RegExp(sClass).test(els[j].className))elm.push(els[j]); } return elm; } }; where should i put this at my external js???