* De-crappified JS upload dest check feature. Converted to sajax framework. Comprehen...
[lhc/web/wiklou.git] / skins / common / wikibits.js
index 4f00294..d7b19c4 100644 (file)
@@ -5,55 +5,38 @@ var is_gecko = ((clientPC.indexOf('gecko')!=-1) && (clientPC.indexOf('spoofer')=
                 && (clientPC.indexOf('khtml') == -1) && (clientPC.indexOf('netscape/7.0')==-1));
 var is_safari = ((clientPC.indexOf('applewebkit')!=-1) && (clientPC.indexOf('spoofer')==-1));
 var is_khtml = (navigator.vendor == 'KDE' || ( document.childNodes && !document.all && !navigator.taintEnabled ));
-var is_ff2 = (clientPC.indexOf('firefox/2')!=-1 || clientPC.indexOf('minefield/3')!=-1); // For accesskeys
+// For accesskeys
+var is_ff2_win = (clientPC.indexOf('firefox/2')!=-1 || clientPC.indexOf('minefield/3')!=-1) && clientPC.indexOf('windows')!=-1;
+var is_ff2_x11 = (clientPC.indexOf('firefox/2')!=-1 || clientPC.indexOf('minefield/3')!=-1) && clientPC.indexOf('x11')!=-1;
 if (clientPC.indexOf('opera') != -1) {
        var is_opera = true;
        var is_opera_preseven = (window.opera && !document.childNodes);
        var is_opera_seven = (window.opera && document.childNodes);
 }
 
-// add any onload functions in this hook (please don't hard-code any events in the xhtml source)
+// Global external objects used by this script.
+/*extern ta, stylepath, skin */
 
+// add any onload functions in this hook (please don't hard-code any events in the xhtml source)
 var doneOnloadHook;
 
-if (!window.onloadFuncts)
+if (!window.onloadFuncts) {
        var onloadFuncts = [];
+}
 
 function addOnloadHook(hookFunct) {
        // Allows add-on scripts to add onload functions
        onloadFuncts[onloadFuncts.length] = hookFunct;
 }
 
-function runOnloadHook() {
-       // don't run anything below this for non-dom browsers
-       if (doneOnloadHook || !(document.getElementById && document.getElementsByTagName))
-               return;
-
-       histrowinit();
-       unhidetzbutton();
-       tabbedprefs();
-       akeytt();
-       scrollEditBox();
-       setupCheckboxShiftClick();
-
-       // Run any added-on functions
-       for (var i = 0; i < onloadFuncts.length; i++)
-               onloadFuncts[i]();
-
-       doneOnloadHook = true;
-}
-
 function hookEvent(hookName, hookFunct) {
-       if (window.addEventListener)
-               addEventListener(hookName, hookFunct, false);
-       else if (window.attachEvent)
-               attachEvent("on" + hookName, hookFunct);
+       if (window.addEventListener) {
+               window.addEventListener(hookName, hookFunct, false);
+       } else if (window.attachEvent) {
+               window.attachEvent("on" + hookName, hookFunct);
+       }
 }
 
-//note: all skins shoud call runOnloadHook() at the end of html output,
-//      so the below should be redundant. It's there just in case.
-hookEvent("load", runOnloadHook);
-
 // document.write special stylesheet links
 if (typeof stylepath != 'undefined' && typeof skin != 'undefined') {
        if (is_opera_preseven) {
@@ -64,9 +47,13 @@ if (typeof stylepath != 'undefined' && typeof skin != 'undefined') {
                document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/KHTMLFixes.css">');
        }
 }
-// Un-trap us from framesets
-if (window.top != window)
-       window.top.location = window.location;
+
+if (wgBreakFrames) {
+       // Un-trap us from framesets
+       if (window.top != window) {
+               window.top.location = window.location;
+       }
+}
 
 // for enhanced RecentChanges
 function toggleVisibility(_levelId, _otherId, _linkId) {
@@ -84,29 +71,13 @@ function toggleVisibility(_levelId, _otherId, _linkId) {
        }
 }
 
-// page history stuff
-// attach event handlers to the input elements on history page
-function histrowinit() {
-       var hf = document.getElementById('pagehistory');
-       if (!hf)
-               return;
-       var lis = hf.getElementsByTagName('li');
-       for (var i = 0; i < lis.length; i++) {
-               var inputs = historyRadios(lis[i]);
-               if (inputs[0] && inputs[1]) {
-                       inputs[0].onclick = diffcheck;
-                       inputs[1].onclick = diffcheck;
-               }
-       }
-       diffcheck();
-}
-
 function historyRadios(parent) {
        var inputs = parent.getElementsByTagName('input');
        var radios = [];
        for (var i = 0; i < inputs.length; i++) {
-               if (inputs[i].name == "diff" || inputs[i].name == "oldid")
+               if (inputs[i].name == "diff" || inputs[i].name == "oldid") {
                        radios[radios.length] = inputs[i];
+               }
        }
        return radios;
 }
@@ -116,15 +87,17 @@ function diffcheck() {
        var dli = false; // the li where the diff radio is checked
        var oli = false; // the li where the oldid radio is checked
        var hf = document.getElementById('pagehistory');
-       if (!hf)
+       if (!hf) {
                return true;
+       }
        var lis = hf.getElementsByTagName('li');
-       for (i=0;i<lis.length;i++) {
+       for (var i=0;i<lis.length;i++) {
                var inputs = historyRadios(lis[i]);
                if (inputs[1] && inputs[0]) {
                        if (inputs[1].checked || inputs[0].checked) { // this row has a checked radio button
-                               if (inputs[1].checked && inputs[0].checked && inputs[0].value == inputs[1].value)
+                               if (inputs[1].checked && inputs[0].checked && inputs[0].value == inputs[1].value) {
                                        return false;
+                               }
                                if (oli) { // it's the second checked radio
                                        if (inputs[1].checked) {
                                                oli.className = "selected";
@@ -133,23 +106,28 @@ function diffcheck() {
                                } else if (inputs[0].checked) {
                                        return false;
                                }
-                               if (inputs[0].checked)
+                               if (inputs[0].checked) {
                                        dli = lis[i];
-                               if (!oli)
+                               }
+                               if (!oli) {
                                        inputs[0].style.visibility = 'hidden';
-                               if (dli)
+                               }
+                               if (dli) {
                                        inputs[1].style.visibility = 'hidden';
+                               }
                                lis[i].className = "selected";
                                oli = lis[i];
                        }  else { // no radio is checked in this row
-                               if (!oli)
+                               if (!oli) {
                                        inputs[0].style.visibility = 'hidden';
-                               else
+                               } else {
                                        inputs[0].style.visibility = 'visible';
-                               if (dli)
+                               }
+                               if (dli) {
                                        inputs[1].style.visibility = 'hidden';
-                               else
+                               } else {
                                        inputs[1].style.visibility = 'visible';
+                               }
                                lis[i].className = "";
                        }
                }
@@ -157,38 +135,61 @@ function diffcheck() {
        return true;
 }
 
+// page history stuff
+// attach event handlers to the input elements on history page
+function histrowinit() {
+       var hf = document.getElementById('pagehistory');
+       if (!hf) {
+               return;
+       }
+       var lis = hf.getElementsByTagName('li');
+       for (var i = 0; i < lis.length; i++) {
+               var inputs = historyRadios(lis[i]);
+               if (inputs[0] && inputs[1]) {
+                       inputs[0].onclick = diffcheck;
+                       inputs[1].onclick = diffcheck;
+               }
+       }
+       diffcheck();
+}
+
 // generate toc from prefs form, fold sections
 // XXX: needs testing on IE/Mac and safari
 // more comments to follow
 function tabbedprefs() {
        var prefform = document.getElementById('preferences');
-       if (!prefform || !document.createElement)
+       if (!prefform || !document.createElement) {
                return;
-       if (prefform.nodeName.toLowerCase() == 'a')
+       }
+       if (prefform.nodeName.toLowerCase() == 'a') {
                return; // Occasional IE problem
+       }
        prefform.className = prefform.className + 'jsprefs';
-       var sections = new Array();
+       var sections = [];
        var children = prefform.childNodes;
        var seci = 0;
        for (var i = 0; i < children.length; i++) {
                if (children[i].nodeName.toLowerCase() == 'fieldset') {
                        children[i].id = 'prefsection-' + seci;
                        children[i].className = 'prefsection';
-                       if (is_opera || is_khtml)
+                       if (is_opera || is_khtml) {
                                children[i].className = 'prefsection operaprefsection';
+                       }
                        var legends = children[i].getElementsByTagName('legend');
-                       sections[seci] = new Object();
+                       sections[seci] = {};
                        legends[0].className = 'mainLegend';
-                       if (legends[0] && legends[0].firstChild.nodeValue)
+                       if (legends[0] && legends[0].firstChild.nodeValue) {
                                sections[seci].text = legends[0].firstChild.nodeValue;
-                       else
+                       } else {
                                sections[seci].text = '# ' + seci;
+                       }
                        sections[seci].secid = children[i].id;
                        seci++;
-                       if (sections.length != 1)
+                       if (sections.length != 1) {
                                children[i].style.display = 'none';
-                       else
+                       } else {
                                var selectedid = children[i].id;
+                       }
                }
        }
        var toc = document.createElement('ul');
@@ -196,8 +197,9 @@ function tabbedprefs() {
        toc.selectedid = selectedid;
        for (i = 0; i < sections.length; i++) {
                var li = document.createElement('li');
-               if (i == 0)
+               if (i === 0) {
                        li.className = 'selected';
+               }
                var a = document.createElement('a');
                a.href = '#' + sections[i].secid;
                a.onmousedown = a.onclick = uncoversection;
@@ -244,8 +246,9 @@ function checkTimezone(tz, msg) {
 
 function unhidetzbutton() {
        var tzb = document.getElementById('guesstimezonebutton');
-       if (tzb)
+       if (tzb) {
                tzb.style.display = 'inline';
+       }
 }
 
 // in [-]HH:MM format...
@@ -270,9 +273,10 @@ function showTocToggle() {
        if (document.createTextNode) {
                // Uses DOM calls to avoid document.write + XHTML issues
 
-               var linkHolder = document.getElementById('toctitle')
-               if (!linkHolder)
+               var linkHolder = document.getElementById('toctitle');
+               if (!linkHolder) {
                        return;
+               }
 
                var outerSpan = document.createElement('span');
                outerSpan.className = 'toctoggle';
@@ -291,22 +295,24 @@ function showTocToggle() {
                linkHolder.appendChild(outerSpan);
 
                var cookiePos = document.cookie.indexOf("hidetoc=");
-               if (cookiePos > -1 && document.cookie.charAt(cookiePos + 8) == 1)
+               if (cookiePos > -1 && document.cookie.charAt(cookiePos + 8) == 1) {
                        toggleToc();
+               }
        }
 }
 
 function changeText(el, newText) {
        // Safari work around
-       if (el.innerText)
+       if (el.innerText) {
                el.innerText = newText;
-       else if (el.firstChild && el.firstChild.nodeValue)
+       } else if (el.firstChild && el.firstChild.nodeValue) {
                el.firstChild.nodeValue = newText;
+       }
 }
 
 function toggleToc() {
        var toc = document.getElementById('toc').getElementsByTagName('ul')[0];
-       var toggleLink = document.getElementById('togglelink')
+       var toggleLink = document.getElementById('togglelink');
 
        if (toc && toggleLink && toc.style.display == 'none') {
                changeText(toggleLink, tocHideText);
@@ -324,11 +330,12 @@ var mwCustomEditButtons = []; // eg to add in MediaWiki:Common.js
 
 // this function generates the actual toolbar buttons with localized text
 // we use it to avoid creating the toolbar where javascript is not enabled
-function addButton(imageFile, speedTip, tagOpen, tagClose, sampleText) {
+function addButton(imageFile, speedTip, tagOpen, tagClose, sampleText, imageId) {
        // Don't generate buttons for browsers which don't fully
        // support it.
        mwEditButtons[mwEditButtons.length] =
-               {"imageFile": imageFile,
+               {"imageId": imageId,
+                "imageFile": imageFile,
                 "speedTip": speedTip,
                 "tagOpen": tagOpen,
                 "tagClose": tagClose,
@@ -341,6 +348,8 @@ function mwInsertEditButton(parent, item) {
        var image = document.createElement("img");
        image.width = 23;
        image.height = 22;
+       image.className = "mw-toolbar-editbutton";
+       if (item.imageId) image.id = item.imageId;
        image.src = item.imageFile;
        image.border = 0;
        image.alt = item.speedTip;
@@ -349,28 +358,29 @@ function mwInsertEditButton(parent, item) {
        image.onclick = function() {
                insertTags(item.tagOpen, item.tagClose, item.sampleText);
                return false;
-       }
-       
+       };
+
        parent.appendChild(image);
        return true;
 }
 
 function mwSetupToolbar() {
        var toolbar = document.getElementById('toolbar');
-       if (!toolbar) return false;
+       if (!toolbar) { return false; }
 
        var textbox = document.getElementById('wpTextbox1');
-       if (!textbox) return false;
-       
+       if (!textbox) { return false; }
+
        // Don't generate buttons for browsers which don't fully
        // support it.
-       if (!document.selection && textbox.selectionStart == null)
+       if (!document.selection && textbox.selectionStart === null) {
                return false;
-       
-       for (var i in mwEditButtons) {
+       }
+
+       for (var i = 0; i < mwEditButtons.length; i++) {
                mwInsertEditButton(toolbar, mwEditButtons[i]);
        }
-       for (var i in mwCustomEditButtons) {
+       for (var i = 0; i < mwCustomEditButtons.length; i++) {
                mwInsertEditButton(toolbar, mwCustomEditButtons[i]);
        }
        return true;
@@ -387,11 +397,11 @@ function escapeQuotes(text) {
 function escapeQuotesHTML(text) {
        var re = new RegExp('&',"g");
        text = text.replace(re,"&amp;");
-       var re = new RegExp('"',"g");
+       re = new RegExp('"',"g");
        text = text.replace(re,"&quot;");
-       var re = new RegExp('<',"g");
+       re = new RegExp('<',"g");
        text = text.replace(re,"&lt;");
-       var re = new RegExp('>',"g");
+       re = new RegExp('>',"g");
        text = text.replace(re,"&gt;");
        return text;
 }
@@ -400,19 +410,21 @@ function escapeQuotesHTML(text) {
 // use sampleText instead of selection if there is none
 // copied and adapted from phpBB
 function insertTags(tagOpen, tagClose, sampleText) {
-       if (document.editform)
-               var txtarea = document.editform.wpTextbox1;
-       else {
+       var txtarea;
+       if (document.editform) {
+               txtarea = document.editform.wpTextbox1;
+       } else {
                // some alternate form? take the first one we can find
                var areas = document.getElementsByTagName('textarea');
-               var txtarea = areas[0];
+               txtarea = areas[0];
        }
 
        // IE
        if (document.selection  && !is_gecko) {
                var theSelection = document.selection.createRange().text;
-               if (!theSelection)
+               if (!theSelection) {
                        theSelection=sampleText;
+               }
                txtarea.focus();
                if (theSelection.charAt(theSelection.length - 1) == " ") { // exclude ending space char, if any
                        theSelection = theSelection.substring(0, theSelection.length - 1);
@@ -426,12 +438,15 @@ function insertTags(tagOpen, tagClose, sampleText) {
                var replaced = false;
                var startPos = txtarea.selectionStart;
                var endPos = txtarea.selectionEnd;
-               if (endPos-startPos)
+               if (endPos-startPos) {
                        replaced = true;
+               }
                var scrollTop = txtarea.scrollTop;
                var myText = (txtarea.value).substring(startPos, endPos);
-               if (!myText)
+               if (!myText) {
                        myText=sampleText;
+               }
+               var subst;
                if (myText.charAt(myText.length - 1) == " ") { // exclude ending space char, if any
                        subst = tagOpen + myText.substring(0, (myText.length - 1)) + tagClose + " ";
                } else {
@@ -456,23 +471,146 @@ function insertTags(tagOpen, tagClose, sampleText) {
        // bar, but that caused more problems than it solved.
        }
        // reposition cursor if possible
-       if (txtarea.createTextRange)
+       if (txtarea.createTextRange) {
                txtarea.caretPos = document.selection.createRange().duplicate();
+       }
 }
 
-function akeytt() {
-       if (typeof ta == "undefined" || !ta)
+
+/**
+ * Set the accesskey prefix based on browser detection.
+ */
+var tooltipAccessKeyPrefix = 'alt-';
+if (is_opera) {
+       tooltipAccessKeyPrefix = 'shift-esc-';
+} else if (is_safari
+          || navigator.userAgent.toLowerCase().indexOf('mac') != -1
+          || navigator.userAgent.toLowerCase().indexOf('konqueror') != -1 ) {
+       tooltipAccessKeyPrefix = 'ctrl-';
+} else if (is_ff2_x11 || is_ff2_win) {
+       tooltipAccessKeyPrefix = 'alt-shift-';
+}
+var tooltipAccessKeyRegexp = /\[(ctrl-)?(alt-)?(shift-)?(esc-)?.\]$/;
+
+/**
+ * Add the appropriate prefix to the accesskey shown in the tooltip.
+ * If the nodeList parameter is given, only those nodes are updated;
+ * otherwise, all the nodes that will probably have accesskeys by
+ * default are updated.
+ *
+ * @param Array nodeList -- list of elements to update
+ */
+function updateTooltipAccessKeys( nodeList ) {
+       if ( !nodeList ) {
+               // skins without a "column-one" element don't seem to have links with accesskeys either
+               var columnOne = document.getElementById("column-one");
+               if ( columnOne )
+                       updateTooltipAccessKeys( columnOne.getElementsByTagName("a") );
+               // these are rare enough that no such optimization is needed
+               updateTooltipAccessKeys( document.getElementsByTagName("input") );
+               updateTooltipAccessKeys( document.getElementsByTagName("label") );
                return;
-       if (is_safari || navigator.userAgent.toLowerCase().indexOf('mac') + 1
-               || navigator.userAgent.toLowerCase().indexOf('konqueror') + 1 )
-               pref = 'control-';
-       else if (is_opera)
-               pref = 'shift-esc-';
-       else if (is_ff2)
-               pref = 'shift-alt-';
+       }
+
+       for ( var i = 0; i < nodeList.length; i++ ) {
+               var element = nodeList[i];
+               var tip = element.getAttribute("title");
+               var key = element.getAttribute("accesskey");
+               if ( key && tooltipAccessKeyRegexp.exec(tip) ) {
+                       tip = tip.replace(tooltipAccessKeyRegexp,
+                                         "["+tooltipAccessKeyPrefix+key+"]");
+                       element.setAttribute("title", tip );
+               }
+       }
+}
+
+/**
+ * Add a link to one of the portlet menus on the page, including:
+ *
+ * p-cactions: Content actions (shown as tabs above the main content in Monobook)
+ * p-personal: Personal tools (shown at the top right of the page in Monobook)
+ * p-navigation: Navigation
+ * p-tb: Toolbox
+ *
+ * This function exists for the convenience of custom JS authors.  All
+ * but the first three parameters are optional, though providing at
+ * least an id and a tooltip is recommended.
+ *
+ * By default the new link will be added to the end of the list.  To
+ * add the link before a given existing item, pass the DOM node of
+ * that item (easily obtained with document.getElementById()) as the
+ * nextnode parameter; to add the link _after_ an existing item, pass
+ * the node's nextSibling instead.
+ *
+ * @param String portlet -- id of the target portlet ("p-cactions", "p-personal", "p-navigation" or "p-tb")
+ * @param String href -- link URL
+ * @param String text -- link text (will be automatically lowercased by CSS for p-cactions in Monobook)
+ * @param String id -- id of the new item, should be unique and preferably have the appropriate prefix ("ca-", "pt-", "n-" or "t-")
+ * @param String tooltip -- text to show when hovering over the link, without accesskey suffix
+ * @param String accesskey -- accesskey to activate this link (one character, try to avoid conflicts)
+ * @param Node nextnode -- the DOM node before which the new item should be added, should be another item in the same list
+ *
+ * @return Node -- the DOM node of the new item (an LI element) or null
+ */
+function addPortletLink(portlet, href, text, id, tooltip, accesskey, nextnode) {
+       var node = document.getElementById(portlet);
+       if ( !node ) return null;
+       node = node.getElementsByTagName( "ul" )[0];
+       if ( !node ) return null;
+
+       var link = document.createElement( "a" );
+       link.appendChild( document.createTextNode( text ) );
+       link.href = href;
+
+       var item = document.createElement( "li" );
+       item.appendChild( link );
+       if ( id ) item.id = id;
+
+       if ( accesskey ) {
+               link.setAttribute( "accesskey", accesskey );
+               tooltip += " ["+accesskey+"]";
+       }
+       if ( tooltip ) {
+               link.setAttribute( "title", tooltip );
+       }
+       if ( accesskey && tooltip ) {
+               updateTooltipAccessKeys( new Array( link ) );
+       }
+
+       if ( nextnode && nextnode.parentNode == node )
+               node.insertBefore( item, nextnode );
        else
-               pref = 'alt-';
+               node.appendChild( item );  // IE compatibility (?)
+
+       return item;
+}
 
+
+/**
+ * Set up accesskeys/tooltips from the deprecated ta array.  If doId
+ * is specified, only set up for that id.  Note that this function is
+ * deprecated and will not be supported indefinitely -- use
+ * updateTooltipAccessKey() instead.
+ *
+ * @param mixed doId string or null
+ */
+function akeytt( doId ) {
+       // A lot of user scripts (and some of the code below) break if
+       // ta isn't defined, so we make sure it is.  Explictly using
+       // window.ta avoids a "ta is not defined" error.
+       if (!window.ta) window.ta = new Array;
+
+       // Make a local, possibly restricted, copy to avoid clobbering
+       // the original.
+       var ta;
+       if ( doId ) {
+               ta = [doId];
+       } else {
+               ta = window.ta;
+       }
+
+       // Now deal with evil deprecated ta
+       var watchCheckboxExists = document.getElementById( 'wpWatchthis' ) ? true : false;
        for (var id in ta) {
                var n = document.getElementById(id);
                if (n) {
@@ -489,10 +627,9 @@ function akeytt() {
                                }
                                // Don't add an accesskey for the watch tab if the watch
                                // checkbox is also available.
-                               if (a && ((id != 'ca-watch' && id != 'ca-unwatch') ||
-                               !(window.location.search.match(/[\?&](action=edit|action=submit)/i)))) {
+                               if (a && ((id != 'ca-watch' && id != 'ca-unwatch') || !watchCheckboxExists)) {
                                        a.accessKey = ta[id][0];
-                                       ak = ' ['+pref+ta[id][0]+']';
+                                       ak = ' ['+tooltipAccessKeyPrefix+ta[id][0]+']';
                                }
                        } else {
                                // We don't care what type the object is when assigning tooltip
@@ -529,12 +666,14 @@ function addRightClickEditHandler(el) {
                        if (prev && prev.nodeType == 1 &&
                        prev.nodeName.match(/^[Hh][1-6]$/)) {
                                prev.oncontextmenu = function(e) {
-                                       if (!e) e = window.event;
+                                       if (!e) { e = window.event; }
                                        // e is now the event in all browsers
-                                       if (e.target) var targ = e.target;
-                                       else if (e.srcElement) var targ = e.srcElement;
-                                       if (targ.nodeType == 3) // defeat Safari bug
+                                       var targ;
+                                       if (e.target) { targ = e.target; }
+                                       else if (e.srcElement) { targ = e.srcElement; }
+                                       if (targ.nodeType == 3) { // defeat Safari bug
                                                targ = targ.parentNode;
+                                       }
                                        // targ is now the target element
 
                                        // We don't want to deprive the noble reader of a context menu
@@ -545,78 +684,42 @@ function addRightClickEditHandler(el) {
                                                document.location = editHref;
                                                return false;
                                        }
-                               }
+                                       return true;
+                               };
                        }
                }
        }
 }
-/*
-function addRightClickEditHandler(el) {
-       // find the enclosing (parent) header
-       var par = el.parentNode;
-       if (par && par.nodeType == 1 && par.nodeName.match(/^[Hh][1-6]$/)) {
-               par.oncontextmenu = function(e) {
-                       if (!e) var e = window.event;
-                       // e is now the event in all browsers
-                       if (e.target) targ = e.target;
-                       else if (e.srcElement) targ = e.srcElement;
-                       if (targ.nodeType == 3) // defeat Safari bug
-                               targ = targ.parentNode;
-                       // targ is now the target element
-                       // We don't want to deprive the noble reader of a context menu
-                       // for the section edit link, do we?  (Might want to extend this
-                       // to all <a>'s.)links
-                       if (targ.className != 'editsection') {
-                               document.location = editHref;
-                               return false;
-                       }
-               }
-       }
-}
-*/
+
+var checkboxes;
+var lastCheckbox;
 
 function setupCheckboxShiftClick() {
-       if (document.getElementsByTagName) {
-               var uls = document.getElementsByTagName('ul');
-               var len = uls.length;
-               for (var i = 0; i < len; ++i) {
-                       addCheckboxClickHandlers(uls[i]);
-               }
-       }
+       checkboxes = [];
+       lastCheckbox = null;
+       var inputs = document.getElementsByTagName('input');
+       addCheckboxClickHandlers(inputs);
 }
 
-function addCheckboxClickHandlers(ul, start, finish) {
-       if (ul.checkboxHandlersTimer) {
-               clearInterval(ul.checkboxHandlersTimer);
-       }
-       if ( !ul.childNodes ) {
-               return;
-       }
-       var len = ul.childNodes.length;
-       if (len < 2) {
-               return;
-       }
-       start = start || 0;
-       finish = finish || start + 250;
-       if ( finish > len ) { finish = len; }
-       ul.checkboxes = ul.checkboxes || [];
-       ul.lastCheckbox = ul.lastCheckbox || null;
-       for (var i = start; i<finish; ++i) {
-               var child = ul.childNodes[i];
-               if ( child && child.childNodes && child.childNodes[0] ) {
-                       var cb = child.childNodes[0];
-                       if ( !cb.nodeName || cb.nodeName.toLowerCase() != 'input' ||
-                            !cb.type || cb.type.toLowerCase() != 'checkbox' ) {
-                               return;
-                       }
-                       cb.index = ul.checkboxes.push(cb) - 1;
-                       cb.container = ul;
-                       cb.onmouseup = checkboxMouseupHandler;
-               }
+function addCheckboxClickHandlers(inputs, start) {
+       if ( !start) start = 0;
+
+       var finish = start + 250;
+       if ( finish > inputs.length )
+               finish = inputs.length;
+
+       for ( var i = start; i < finish; i++ ) {
+               var cb = inputs[i];
+               if ( !cb.type || cb.type.toLowerCase() != 'checkbox' )
+                       continue;
+               cb.index = checkboxes.push(cb) - 1;
+               cb.onmouseup = checkboxMouseupHandler;
        }
-       if (finish < len) {
-         var f=function(){ addCheckboxClickHandlers(ul, finish, finish+250); };
-         ul.checkboxHandlersTimer=setInterval(f, 200);
+
+       if ( finish < inputs.length ) {
+               setTimeout( function () {
+                       addCheckboxClickHandlers(inputs, finish);
+               }, 200 );
        }
 }
 
@@ -624,8 +727,8 @@ function checkboxMouseupHandler(e) {
        if (typeof e == 'undefined') {
                e = window.event;
        }
-       if ( !e.shiftKey || this.container.lastCheckbox === null ) {
-               this.container.lastCheckbox = this.index;
+       if ( !e.shiftKey || lastCheckbox === null ) {
+               lastCheckbox = this.index;
                return true;
        }
        var endState = !this.checked;
@@ -633,167 +736,530 @@ function checkboxMouseupHandler(e) {
                endState = !endState;
        }
        var start, finish;
-       if ( this.index < this.container.lastCheckbox ) {
+       if ( this.index < lastCheckbox ) {
                start = this.index + 1;
-               finish = this.container.lastCheckbox;
+               finish = lastCheckbox;
        } else {
-               start = this.container.lastCheckbox;
+               start = lastCheckbox;
                finish = this.index - 1;
        }
        for (var i = start; i <= finish; ++i ) {
-               this.container.checkboxes[i].checked = endState;
+               checkboxes[i].checked = endState;
        }
-       this.container.lastCheckbox = this.index;
+       lastCheckbox = this.index;
        return true;
 }
 
 function toggle_element_activation(ida,idb) {
-       if (!document.getElementById)
+       if (!document.getElementById) {
                return;
+       }
        document.getElementById(ida).disabled=true;
        document.getElementById(idb).disabled=false;
 }
 
 function toggle_element_check(ida,idb) {
-       if (!document.getElementById)
+       if (!document.getElementById) {
                return;
+       }
        document.getElementById(ida).checked=true;
        document.getElementById(idb).checked=false;
 }
 
-function fillDestFilename(id) {
-       if (!document.getElementById)
-               return;
-       var path = document.getElementById(id).value;
-       // Find trailing part
-       var slash = path.lastIndexOf('/');
-       var backslash = path.lastIndexOf('\\');
-       var fname;
-       if (slash == -1 && backslash == -1) {
-               fname = path;
-       } else if (slash > backslash) {
-               fname = path.substring(slash+1, 10000);
-       } else {
-               fname = path.substring(backslash+1, 10000);
+function scrollEditBox() {
+       var editBoxEl = document.getElementById("wpTextbox1");
+       var scrollTopEl = document.getElementById("wpScrolltop");
+       var editFormEl = document.getElementById("editform");
+
+       if (editBoxEl && scrollTopEl) {
+               if (scrollTopEl.value) { editBoxEl.scrollTop = scrollTopEl.value; }
+               editFormEl.onsubmit = function() {
+                       document.getElementById("wpScrolltop").value = document.getElementById("wpTextbox1").scrollTop;
+               };
        }
+}
+
+hookEvent("load", scrollEditBox);
 
-       // Capitalise first letter and replace spaces by underscores
-       fname = fname.charAt(0).toUpperCase().concat(fname.substring(1,10000)).replace(/ /g, '_');
+var allmessages_nodelist = false;
+var allmessages_modified = false;
+var allmessages_timeout = false;
+var allmessages_running = false;
 
-       // Output result
-       var destFile = document.getElementById('wpDestFile');
-       if (destFile)
-               destFile.value = fname;
+function allmessagesmodified() {
+       allmessages_modified = !allmessages_modified;
+       allmessagesfilter();
 }
 
+function allmessagesfilter() {
+       if ( allmessages_timeout )
+               window.clearTimeout( allmessages_timeout );
 
-function considerChangingExpiryFocus() {
-       if (!document.getElementById)
-               return;
-       var drop = document.getElementById('wpBlockExpiry');
-       if (!drop)
+       if ( !allmessages_running )
+               allmessages_timeout = window.setTimeout( 'allmessagesfilter_do();', 500 );
+}
+
+function allmessagesfilter_do() {
+       if ( !allmessages_nodelist )
                return;
-       var field = document.getElementById('wpBlockOther');
-       if (!field)
+
+       var text = document.getElementById('allmessagesinput').value;
+       var nodef = allmessages_modified;
+
+       allmessages_running = true;
+
+       for ( var name in allmessages_nodelist ) {
+               var nodes = allmessages_nodelist[name];
+               var display = ( name.indexOf( text ) == -1 ? 'none' : '' );
+
+               for ( var i = 0; i < nodes.length; i++)
+                       nodes[i].style.display =
+                               ( nodes[i].className == "def" && nodef
+                                 ? 'none' : display );
+       }
+
+       if ( text != document.getElementById('allmessagesinput').value ||
+            nodef != allmessages_modified )
+               allmessagesfilter_do();  // repeat
+
+       allmessages_running = false;
+}
+
+function allmessagesfilter_init() {
+       if ( allmessages_nodelist )
                return;
-       var opt = drop.value;
-       if (opt == 'other')
-               field.style.display = '';
-       else
-               field.style.display = 'none';
+
+       var nodelist = new Array();
+       var templist = new Array();
+
+       var table = document.getElementById('allmessagestable');
+       if ( !table ) return;
+
+       var rows = document.getElementsByTagName('tr');
+       for ( var i = 0; i < rows.length; i++ ) {
+               var id = rows[i].getAttribute('id')
+               if ( id && id.substring(0,16) != 'sp-allmessages-r' ) continue;
+               templist[ id ] = rows[i];
+       }
+
+       var spans = table.getElementsByTagName('span');
+       for ( var i = 0; i < spans.length; i++ ) {
+               var id = spans[i].getAttribute('id')
+               if ( id && id.substring(0,17) != 'sp-allmessages-i-' ) continue;
+               if ( !spans[i].firstChild || spans[i].firstChild.nodeType != 3 ) continue;
+
+               var nodes = new Array();
+               var row1 = templist[ id.replace('i', 'r1') ];
+               var row2 = templist[ id.replace('i', 'r2') ];
+
+               if ( row1 ) nodes[nodes.length] = row1;
+               if ( row2 ) nodes[nodes.length] = row2;
+               nodelist[ spans[i].firstChild.nodeValue ] = nodes;
+       }
+
+       var k = document.getElementById('allmessagesfilter');
+       if (k) { k.style.display = ''; }
+
+       allmessages_nodelist = nodelist;
 }
 
-function scrollEditBox() {
-       var editBoxEl = document.getElementById("wpTextbox1");
-       var scrollTopEl = document.getElementById("wpScrolltop");
-       var editFormEl = document.getElementById("editform");
+hookEvent( "load", allmessagesfilter_init );
 
-       if (editBoxEl && scrollTopEl) {
-               if (scrollTopEl.value) editBoxEl.scrollTop = scrollTopEl.value;
-               editFormEl.onsubmit = function() {
-                       document.getElementById("wpScrolltop").value = document.getElementById("wpTextbox1").scrollTop;
+/*
+       Written by Jonathan Snook, http://www.snook.ca/jonathan
+       Add-ons by Robert Nyman, http://www.robertnyman.com
+       Author says "The credit comment is all it takes, no license. Go crazy with it!:-)"
+       From http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
+*/
+function getElementsByClassName(oElm, strTagName, oClassNames){
+       var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
+       var arrReturnElements = new Array();
+       var arrRegExpClassNames = new Array();
+       if(typeof oClassNames == "object"){
+               for(var i=0; i<oClassNames.length; i++){
+                       arrRegExpClassNames.push(new RegExp("(^|\\s)" + oClassNames[i].replace(/\-/g, "\\-") + "(\\s|$)"));
                }
        }
+       else{
+               arrRegExpClassNames.push(new RegExp("(^|\\s)" + oClassNames.replace(/\-/g, "\\-") + "(\\s|$)"));
+       }
+       var oElement;
+       var bMatchesAll;
+       for(var j=0; j<arrElements.length; j++){
+               oElement = arrElements[j];
+               bMatchesAll = true;
+               for(var k=0; k<arrRegExpClassNames.length; k++){
+                       if(!arrRegExpClassNames[k].test(oElement.className)){
+                               bMatchesAll = false;
+                               break;
+                       }
+               }
+               if(bMatchesAll){
+                       arrReturnElements.push(oElement);
+               }
+       }
+       return (arrReturnElements)
 }
 
-hookEvent("load", scrollEditBox);
+function redirectToFragment(fragment) {
+       var match = navigator.userAgent.match(/AppleWebKit\/(\d+)/);
+       if (match) {
+               var webKitVersion = parseInt(match[1]);
+               if (webKitVersion < 420) {
+                       // Released Safari w/ WebKit 418.9.1 messes up horribly
+                       // Nightlies of 420+ are ok
+                       return;
+               }
+       }
+       if (is_gecko) {
+               // Mozilla needs to wait until after load, otherwise the window doesn't scroll
+               addOnloadHook(function () {
+                       if (window.location.hash == "")
+                               window.location.hash = fragment;
+               });
+       } else {
+               if (window.location.hash == "")
+                       window.location.hash = fragment;
+       }
+}
 
-function allmessagesfilter() {
-       text = document.getElementById('allmessagesinput').value;
-       k = document.getElementById('allmessagestable');
-       if (!k) { return;}
+/*
+ * Table sorting script  by Joost de Valk, check it out at http://www.joostdevalk.nl/code/sortable-table/.
+ * Based on a script from http://www.kryogenix.org/code/browser/sorttable/.
+ * Distributed under the MIT license: http://www.kryogenix.org/code/browser/licence.html .
+ *
+ * Copyright (c) 1997-2006 Stuart Langridge, Joost de Valk.
+ *
+ * @todo don't break on colspans/rowspans (bug 8028)
+ * @todo language-specific digit grouping/decimals (bug 8063)
+ * @todo support all accepted date formats (bug 8226)
+ */
+
+var ts_image_path = stylepath+"/common/images/";
+var ts_image_up = "sort_up.gif";
+var ts_image_down = "sort_down.gif";
+var ts_image_none = "sort_none.gif";
+var ts_europeandate = wgContentLanguage != "en"; // The non-American-inclined can change to "true"
+var ts_alternate_row_colors = true;
+var SORT_COLUMN_INDEX;
+
+function sortables_init() {
+       var idnum = 0;
+       // Find all tables with class sortable and make them sortable
+       var tables = getElementsByClassName(document, "table", "sortable");
+       for (var ti = 0; ti < tables.length ; ti++) {
+               if (!tables[ti].id) {
+                       tables[ti].setAttribute('id','sortable_table_id_'+idnum);
+                       ++idnum;
+               }
+               ts_makeSortable(tables[ti]);
+       }
+}
 
-       var items = k.getElementsByTagName('span');
+function ts_makeSortable(table) {
+       var firstRow;
+       if (table.rows && table.rows.length > 0) {
+               if (table.tHead && table.tHead.rows.length > 0) {
+                       firstRow = table.tHead.rows[table.tHead.rows.length-1];
+               } else {
+                       firstRow = table.rows[0];
+               }
+       }
+       if (!firstRow) return;
 
-       if ( text.length > allmessages_prev.length ) {
-               for (var i = items.length-1, j = 0; i >= 0; i--) {
-                       j = allmessagesforeach(items, i, j);
+       // We have a first row: assume it's the header, and make its contents clickable links
+       for (var i = 0; i < firstRow.cells.length; i++) {
+               var cell = firstRow.cells[i];
+               if ((" "+cell.className+" ").indexOf(" unsortable ") == -1) {
+                       cell.innerHTML += '&nbsp;&nbsp;<a href="#" class="sortheader" onclick="ts_resortTable(this);return false;"><span class="sortarrow"><img src="'+ ts_image_path + ts_image_none + '" alt="&darr;"/></span></a>';
                }
-       } else {
-               for (var i = 0, j = 0; i < items.length; i++) {
-                       j = allmessagesforeach(items, i, j);
+       }
+       if (ts_alternate_row_colors) {
+               ts_alternate(table);
+       }
+}
+
+function ts_getInnerText(el) {
+       if (typeof el == "string") return el;
+       if (typeof el == "undefined") { return el };
+       if (el.innerText) return el.innerText;  // Not needed but it is faster
+       var str = "";
+
+       var cs = el.childNodes;
+       var l = cs.length;
+       for (var i = 0; i < l; i++) {
+               switch (cs[i].nodeType) {
+                       case 1: //ELEMENT_NODE
+                               str += ts_getInnerText(cs[i]);
+                               break;
+                       case 3: //TEXT_NODE
+                               str += cs[i].nodeValue;
+                               break;
                }
        }
-       allmessages_prev = text;
+       return str;
 }
 
-function allmessagesforeach(items, i, j) {
-       var hItem = items[i].getAttribute('id');
-       if (hItem.substring(0,17) == 'sp-allmessages-i-') {
-               if (items[i].firstChild && items[i].firstChild.nodeName == '#text' && items[i].firstChild.nodeValue.indexOf(text) != -1) {
-                       var itemA = document.getElementById( hItem.replace('i', 'r1') );
-                       var itemB = document.getElementById( hItem.replace('i', 'r2') );
-                       if ( itemA.style.display != '' ) {
-                               var s = "allmessageshider(\"" + hItem.replace('i', 'r1') + "\", \"" + hItem.replace('i', 'r2') + "\", '')";
-                               var k = window.setTimeout(s,j++*5);
-                       }
+function ts_resortTable(lnk) {
+       // get the span
+       var span = lnk.getElementsByTagName('span')[0];
+
+       var td = lnk.parentNode;
+       var tr = td.parentNode;
+       var column = td.cellIndex;
+
+       var table = tr.parentNode;
+       while (table && !(table.tagName && table.tagName.toLowerCase() == 'table'))
+               table = table.parentNode;
+       if (!table) return;
+
+       // Work out a type for the column
+       if (table.rows.length <= 1) return;
+
+       // Skip the first row if that's where the headings are
+       var rowStart = (table.tHead && table.tHead.rows.length > 0 ? 0 : 1);
+
+       var itm = "";
+       for (var i = rowStart; i < table.rows.length; i++) {
+               if (table.rows[i].cells.length > column) {
+                       itm = ts_getInnerText(table.rows[i].cells[column]);
+                       itm = itm.replace(/^[\s\xa0]+/, "").replace(/[\s\xa0]+$/, "");
+                       if (itm != "") break;
+               }
+       }
+
+       sortfn = ts_sort_caseinsensitive;
+       if (itm.match(/^\d\d[\/. -][a-zA-Z]{3}[\/. -]\d\d\d\d$/))
+               sortfn = ts_sort_date;
+       if (itm.match(/^\d\d[\/.-]\d\d[\/.-]\d\d\d\d$/))
+               sortfn = ts_sort_date;
+       if (itm.match(/^\d\d[\/.-]\d\d[\/.-]\d\d$/))
+               sortfn = ts_sort_date;
+       if (itm.match(/^[\u00a3$\u20ac]/)) // pound dollar euro
+               sortfn = ts_sort_currency;
+       if (itm.match(/^[\d.,]+\%?$/))
+               sortfn = ts_sort_numeric;
+
+       var reverse = (span.getAttribute("sortdir") == 'down');
+
+       var newRows = new Array();
+       for (var j = rowStart; j < table.rows.length; j++) {
+               var row = table.rows[j];
+               var keyText = ts_getInnerText(row.cells[column]);
+               var oldIndex = (reverse ? -j : j);
+
+               newRows[newRows.length] = new Array(row, keyText, oldIndex);
+       }
+
+       newRows.sort(sortfn);
+
+       var arrowHTML;
+       if (reverse) {
+                       arrowHTML = '<img src="'+ ts_image_path + ts_image_down + '" alt="&darr;"/>';
+                       newRows.reverse();
+                       span.setAttribute('sortdir','up');
+       } else {
+                       arrowHTML = '<img src="'+ ts_image_path + ts_image_up + '" alt="&uarr;"/>';
+                       span.setAttribute('sortdir','down');
+       }
+
+       // We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
+       // don't do sortbottom rows
+       for (var i = 0; i < newRows.length; i++) {
+               if ((" "+newRows[i][0].className+" ").indexOf(" sortbottom ") == -1)
+                       table.tBodies[0].appendChild(newRows[i][0]);
+       }
+       // do sortbottom rows only
+       for (var i = 0; i < newRows.length; i++) {
+               if ((" "+newRows[i][0].className+" ").indexOf(" sortbottom ") != -1)
+                       table.tBodies[0].appendChild(newRows[i][0]);
+       }
+
+       // Delete any other arrows there may be showing
+       var spans = getElementsByClassName(tr, "span", "sortarrow");
+       for (var i = 0; i < spans.length; i++) {
+               spans[i].innerHTML = '<img src="'+ ts_image_path + ts_image_none + '" alt="&darr;"/>';
+       }
+       span.innerHTML = arrowHTML;
+
+       ts_alternate(table);            
+}
+
+function ts_dateToSortKey(date) {      
+       // y2k notes: two digit years less than 50 are treated as 20XX, greater than 50 are treated as 19XX
+       if (date.length == 11) {
+               switch (date.substr(3,3).toLowerCase()) {
+                       case "jan": var month = "01"; break;
+                       case "feb": var month = "02"; break;
+                       case "mar": var month = "03"; break;
+                       case "apr": var month = "04"; break;
+                       case "may": var month = "05"; break;
+                       case "jun": var month = "06"; break;
+                       case "jul": var month = "07"; break;
+                       case "aug": var month = "08"; break;
+                       case "sep": var month = "09"; break;
+                       case "oct": var month = "10"; break;
+                       case "nov": var month = "11"; break;
+                       case "dec": var month = "12"; break;
+                       // default: var month = "00";
+               }
+               return date.substr(7,4)+month+date.substr(0,2);
+       } else if (date.length == 10) {
+               if (ts_europeandate == false) {
+                       return date.substr(6,4)+date.substr(0,2)+date.substr(3,2);
                } else {
-                       var itemA = document.getElementById( hItem.replace('i', 'r1') );
-                       var itemB = document.getElementById( hItem.replace('i', 'r2') );
-                       if ( itemA.style.display != 'none' ) {
-                               var s = "allmessageshider(\"" + hItem.replace('i', 'r1') + "\", \"" + hItem.replace('i', 'r2') + "\", 'none')";
-                               var k = window.setTimeout(s,j++*5);
-                       }
+                       return date.substr(6,4)+date.substr(3,2)+date.substr(0,2);
+               }
+       } else if (date.length == 8) {
+               yr = date.substr(6,2);
+               if (parseInt(yr) < 50) { 
+                       yr = '20'+yr; 
+               } else { 
+                       yr = '19'+yr; 
+               }
+               if (ts_europeandate == true) {
+                       return yr+date.substr(3,2)+date.substr(0,2);
+               } else {
+                       return yr+date.substr(0,2)+date.substr(3,2);
                }
        }
-       return j;
+       return "00000000";
 }
 
+function ts_parseFloat(num) {
+       if (!num) return 0;
+       num = parseFloat(num.replace(/,/, ""));
+       return (isNaN(num) ? 0 : num);
+}
 
-function allmessageshider(idA, idB, cstyle) {
-       var itemA = document.getElementById( idA );
-       var itemB = document.getElementById( idB );
-       if (itemA) { itemA.style.display = cstyle; }
-       if (itemB) { itemB.style.display = cstyle; }
+function ts_sort_date(a,b) {
+       var aa = ts_dateToSortKey(a[1]);
+       var bb = ts_dateToSortKey(b[1]);
+       return (aa < bb ? -1 : aa > bb ? 1 : a[2] - b[2]);
 }
 
-function allmessagesmodified() {
-       allmessages_modified = !allmessages_modified;
-       k = document.getElementById('allmessagestable');
-       if (!k) { return;}
-       var items = k.getElementsByTagName('tr');
-       for (var i = 0, j = 0; i< items.length; i++) {
-               if (!allmessages_modified ) {
-                       if ( items[i].style.display != '' ) {
-                               var s = "allmessageshider(\"" + items[i].getAttribute('id') + "\", null, '')";
-                               var k = window.setTimeout(s,j++*5);
-                       }
-               } else if (items[i].getAttribute('class') == 'def' && allmessages_modified) {
-                       if ( items[i].style.display != 'none' ) {
-                               var s = "allmessageshider(\"" + items[i].getAttribute('id') + "\", null, 'none')";
-                               var k = window.setTimeout(s,j++*5);
+function ts_sort_currency(a,b) {
+       var aa = ts_parseFloat(a[1].replace(/[^0-9.]/g,''));
+       var bb = ts_parseFloat(b[1].replace(/[^0-9.]/g,''));
+       return (aa != bb ? aa - bb : a[2] - b[2]);
+}
+
+function ts_sort_numeric(a,b) {
+       var aa = ts_parseFloat(a[1]);
+       var bb = ts_parseFloat(b[1]);
+       return (aa != bb ? aa - bb : a[2] - b[2]);
+}
+
+function ts_sort_caseinsensitive(a,b) {
+       var aa = a[1].toLowerCase();
+       var bb = b[1].toLowerCase();
+       return (aa < bb ? -1 : aa > bb ? 1 : a[2] - b[2]);
+}
+
+function ts_sort_default(a,b) {
+       return (a[1] < b[1] ? -1 : a[1] > b[1] ? 1 : a[2] - b[2]);
+}
+
+function ts_alternate(table) {
+       // Take object table and get all it's tbodies.
+       var tableBodies = table.getElementsByTagName("tbody");
+       // Loop through these tbodies
+       for (var i = 0; i < tableBodies.length; i++) {
+               // Take the tbody, and get all it's rows
+               var tableRows = tableBodies[i].getElementsByTagName("tr");
+               // Loop through these rows
+               // Start at 1 because we want to leave the heading row untouched
+               for (var j = 0; j < tableRows.length; j++) {
+                       // Check if j is even, and apply classes for both possible results
+                       var oldClasses = tableRows[j].className.split(" ");
+                       var newClassName = "";
+                       for (var k = 0; k < oldClasses.length; k++) {
+                               if (oldClasses[k] != "" && oldClasses[k] != "even" && oldClasses[k] != "odd")
+                                       newClassName += oldClasses[k] + " ";
                        }
+                       tableRows[j].className = newClassName + (j % 2 == 0 ? "even" : "odd");
                }
        }
 }
 
-function allmessagesshow() {
-       k = document.getElementById('allmessagesfilter');
-       if (k) { k.style.display = ''; }
+/*
+ * End of table sorting code
+ */
+/**
+ * Add a cute little box at the top of the screen to inform the user of
+ * something, replacing any preexisting message.
+ *
+ * @param String message HTML to be put inside the right div
+ * @param String className   Used in adding a class; should be different for each
+ *   call to allow CSS/JS to hide different boxes.  null = no class used.
+ * @return Boolean       True on success, false on failure
+ */
+function jsMsg( message, className ) {
+       if ( !document.getElementById ) {
+               return false;
+       }
+       // We special-case skin structures provided by the software.  Skins that
+       // choose to abandon or significantly modify our formatting can just define
+       // an mw-js-message div to start with.
+       var messageDiv = document.getElementById( 'mw-js-message' );
+       if ( !messageDiv ) {
+               messageDiv = document.createElement( 'div' );
+               if ( document.getElementById( 'column-content' )
+               && document.getElementById( 'content' ) ) {
+                       // MonoBook, presumably
+                       document.getElementById( 'content' ).insertBefore(
+                               messageDiv,
+                               document.getElementById( 'content' ).firstChild
+                       );
+               } else if ( document.getElementById('content')
+               && document.getElementById( 'article' ) ) {
+                       // Non-Monobook but still recognizable (old-style)
+                       document.getElementById( 'article').insertBefore(
+                               messageDiv,
+                               document.getElementById( 'article' ).firstChild
+                       );
+               } else {
+                       return false;
+               }
+       }
+
+       messageDiv.setAttribute( 'id', 'mw-js-message' );
+       if( className ) {
+               messageDiv.setAttribute( 'class', 'mw-js-message-'+className );
+       }
+       messageDiv.innerHTML = message;
+       return true;
+}
+
+function runOnloadHook() {
+       // don't run anything below this for non-dom browsers
+       if (doneOnloadHook || !(document.getElementById && document.getElementsByTagName)) {
+               return;
+       }
+
+       // set this before running any hooks, since any errors below
+       // might cause the function to terminate prematurely
+       doneOnloadHook = true;
 
-       allmessages_prev = '';
-       allmessages_modified = false;
+       histrowinit();
+       unhidetzbutton();
+       tabbedprefs();
+       updateTooltipAccessKeys( null );
+       akeytt( null );
+       scrollEditBox();
+       setupCheckboxShiftClick();
+       sortables_init();
+
+       // Run any added-on functions
+       for (var i = 0; i < onloadFuncts.length; i++) {
+               onloadFuncts[i]();
+       }
 }
 
-hookEvent("load", allmessagesshow);
+//note: all skins should call runOnloadHook() at the end of html output,
+//      so the below should be redundant. It's there just in case.
+hookEvent("load", runOnloadHook);
+
 hookEvent("load", mwSetupToolbar);