(bug 19496) New pages don't have yellow background. Moving rules for .not-patrolled...
[lhc/web/wiklou.git] / skins / common / wikibits.js
index f466940..b81196f 100644 (file)
@@ -1,17 +1,28 @@
 // MediaWiki JavaScript support functions
 
 var clientPC = navigator.userAgent.toLowerCase(); // Get client info
-var is_gecko = ((clientPC.indexOf('gecko')!=-1) && (clientPC.indexOf('spoofer')==-1)
-                && (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 ));
-// 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;
+var is_gecko = /gecko/.test( clientPC ) &&
+       !/khtml|spoofer|netscape\/7\.0/.test(clientPC);
+var webkit_match = clientPC.match(/applewebkit\/(\d+)/);
+if (webkit_match) {
+       var is_safari = clientPC.indexOf('applewebkit') != -1 &&
+               clientPC.indexOf('spoofer') == -1;
+       var is_safari_win = is_safari && clientPC.indexOf('windows') != -1;
+       var webkit_version = parseInt(webkit_match[1]);
+}
+var is_khtml = navigator.vendor == 'KDE' ||
+       ( document.childNodes && !document.all && !navigator.taintEnabled );
+// For accesskeys; note that FF3+ is included here!
+var is_ff2 = /firefox\/[2-9]|minefield\/3/.test( clientPC );
+var is_ff2_ = /firefox\/2/.test( clientPC );
+// These aren't used here, but some custom scripts rely on them
+var is_ff2_win = is_ff2 && clientPC.indexOf('windows') != -1;
+var is_ff2_x11 = is_ff2 && 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);
+       var is_opera_preseven = window.opera && !document.childNodes;
+       var is_opera_seven = window.opera && document.childNodes;
+       var is_opera_95 = /opera\/(9.[5-9]|[1-9][0-9])/.test( clientPC );
 }
 
 // Global external objects used by this script.
@@ -26,25 +37,68 @@ if (!window.onloadFuncts) {
 
 function addOnloadHook(hookFunct) {
        // Allows add-on scripts to add onload functions
-       onloadFuncts[onloadFuncts.length] = hookFunct;
-}
-
-function hookEvent(hookName, hookFunct) {
-       if (window.addEventListener) {
-               window.addEventListener(hookName, hookFunct, false);
-       } else if (window.attachEvent) {
-               window.attachEvent("on" + hookName, hookFunct);
+       if(!doneOnloadHook) {
+               onloadFuncts[onloadFuncts.length] = hookFunct;
+       } else {
+               hookFunct();  // bug in MSIE script loading
        }
 }
 
-// document.write special stylesheet links
+function hookEvent(hookName, hookFunct) {
+       addHandler(window, hookName, hookFunct);
+}
+
+function importScript(page) {
+       // TODO: might want to introduce a utility function to match wfUrlencode() in PHP
+       var uri = wgScript + '?title=' +
+               encodeURIComponent(page.replace(/ /g,'_')).replace(/%2F/ig,'/').replace(/%3A/ig,':') +
+               '&action=raw&ctype=text/javascript';
+       return importScriptURI(uri);
+}
+var loadedScripts = {}; // included-scripts tracker
+function importScriptURI(url) {
+       if (loadedScripts[url]) {
+               return null;
+       }
+       loadedScripts[url] = true;
+       var s = document.createElement('script');
+       s.setAttribute('src',url);
+       s.setAttribute('type','text/javascript');
+       document.getElementsByTagName('head')[0].appendChild(s);
+       return s;
+}
+function importStylesheet(page) {
+       return importStylesheetURI(wgScript + '?action=raw&ctype=text/css&title=' + encodeURIComponent(page.replace(/ /g,'_')));
+}
+function importStylesheetURI(url) {
+       return document.createStyleSheet ? document.createStyleSheet(url) : appendCSS('@import "' + url + '";');
+}
+function appendCSS(text) {
+       var s = document.createElement('style');
+       s.type = 'text/css';
+       s.rel = 'stylesheet';
+       if (s.styleSheet) s.styleSheet.cssText = text //IE
+       else s.appendChild(document.createTextNode(text + '')) //Safari sometimes borks on null
+       document.getElementsByTagName('head')[0].appendChild(s);
+       return s;
+}
+
+// special stylesheet links
 if (typeof stylepath != 'undefined' && typeof skin != 'undefined') {
        if (is_opera_preseven) {
-               document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera6Fixes.css">');
-       } else if (is_opera_seven) {
-               document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera7Fixes.css">');
+               importStylesheetURI(stylepath+'/'+skin+'/Opera6Fixes.css');
+       } else if (is_opera_seven && !is_opera_95) {
+               importStylesheetURI(stylepath+'/'+skin+'/Opera7Fixes.css');
+       } else if (is_opera_95) {
+               importStylesheetURI(stylepath+'/'+skin+'/Opera9Fixes.css');
        } else if (is_khtml) {
-               document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/KHTMLFixes.css">');
+               importStylesheetURI(stylepath+'/'+skin+'/KHTMLFixes.css');
+       } else if (is_ff2_) {
+               importStylesheetURI(stylepath+'/'+skin+'/FF2Fixes.css');
        }
 }
 
@@ -55,226 +109,14 @@ if (wgBreakFrames) {
        }
 }
 
-// for enhanced RecentChanges
-function toggleVisibility(_levelId, _otherId, _linkId) {
-       var thisLevel = document.getElementById(_levelId);
-       var otherLevel = document.getElementById(_otherId);
-       var linkLevel = document.getElementById(_linkId);
-       if (thisLevel.style.display == 'none') {
-               thisLevel.style.display = 'block';
-               otherLevel.style.display = 'none';
-               linkLevel.style.display = 'inline';
-       } else {
-               thisLevel.style.display = 'none';
-               otherLevel.style.display = 'inline';
-               linkLevel.style.display = 'none';
-       }
-}
-
-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") {
-                       radios[radios.length] = inputs[i];
-               }
-       }
-       return radios;
-}
-
-// check selection and tweak visibility/class onclick
-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) {
-               return true;
-       }
-       var lis = hf.getElementsByTagName('li');
-       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) {
-                                       return false;
-                               }
-                               if (oli) { // it's the second checked radio
-                                       if (inputs[1].checked) {
-                                               oli.className = "selected";
-                                               return false;
-                                       }
-                               } else if (inputs[0].checked) {
-                                       return false;
-                               }
-                               if (inputs[0].checked) {
-                                       dli = lis[i];
-                               }
-                               if (!oli) {
-                                       inputs[0].style.visibility = 'hidden';
-                               }
-                               if (dli) {
-                                       inputs[1].style.visibility = 'hidden';
-                               }
-                               lis[i].className = "selected";
-                               oli = lis[i];
-                       }  else { // no radio is checked in this row
-                               if (!oli) {
-                                       inputs[0].style.visibility = 'hidden';
-                               } else {
-                                       inputs[0].style.visibility = 'visible';
-                               }
-                               if (dli) {
-                                       inputs[1].style.visibility = 'hidden';
-                               } else {
-                                       inputs[1].style.visibility = 'visible';
-                               }
-                               lis[i].className = "";
-                       }
-               }
-       }
-       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) {
-               return;
-       }
-       if (prefform.nodeName.toLowerCase() == 'a') {
-               return; // Occasional IE problem
-       }
-       prefform.className = prefform.className + 'jsprefs';
-       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) {
-                               children[i].className = 'prefsection operaprefsection';
-                       }
-                       var legends = children[i].getElementsByTagName('legend');
-                       sections[seci] = {};
-                       legends[0].className = 'mainLegend';
-                       if (legends[0] && legends[0].firstChild.nodeValue) {
-                               sections[seci].text = legends[0].firstChild.nodeValue;
-                       } else {
-                               sections[seci].text = '# ' + seci;
-                       }
-                       sections[seci].secid = children[i].id;
-                       seci++;
-                       if (sections.length != 1) {
-                               children[i].style.display = 'none';
-                       } else {
-                               var selectedid = children[i].id;
-                       }
-               }
-       }
-       var toc = document.createElement('ul');
-       toc.id = 'preftoc';
-       toc.selectedid = selectedid;
-       for (i = 0; i < sections.length; i++) {
-               var li = document.createElement('li');
-               if (i === 0) {
-                       li.className = 'selected';
-               }
-               var a = document.createElement('a');
-               a.href = '#' + sections[i].secid;
-               a.onmousedown = a.onclick = uncoversection;
-               a.appendChild(document.createTextNode(sections[i].text));
-               a.secid = sections[i].secid;
-               li.appendChild(a);
-               toc.appendChild(li);
-       }
-       prefform.parentNode.insertBefore(toc, prefform.parentNode.childNodes[0]);
-       document.getElementById('prefsubmit').id = 'prefcontrol';
-}
-
-function uncoversection() {
-       var oldsecid = this.parentNode.parentNode.selectedid;
-       var newsec = document.getElementById(this.secid);
-       if (oldsecid != this.secid) {
-               var ul = document.getElementById('preftoc');
-               document.getElementById(oldsecid).style.display = 'none';
-               newsec.style.display = 'block';
-               ul.selectedid = this.secid;
-               var lis = ul.getElementsByTagName('li');
-               for (var i = 0; i< lis.length; i++) {
-                       lis[i].className = '';
-               }
-               this.parentNode.className = 'selected';
-       }
-       return false;
-}
-
-// Timezone stuff
-// tz in format [+-]HHMM
-function checkTimezone(tz, msg) {
-       var localclock = new Date();
-       // returns negative offset from GMT in minutes
-       var tzRaw = localclock.getTimezoneOffset();
-       var tzHour = Math.floor( Math.abs(tzRaw) / 60);
-       var tzMin = Math.abs(tzRaw) % 60;
-       var tzString = ((tzRaw >= 0) ? "-" : "+") + ((tzHour < 10) ? "0" : "") + tzHour + ((tzMin < 10) ? "0" : "") + tzMin;
-       if (tz != tzString) {
-               var junk = msg.split('$1');
-               document.write(junk[0] + "UTC" + tzString + junk[1]);
-       }
-}
-
-function unhidetzbutton() {
-       var tzb = document.getElementById('guesstimezonebutton');
-       if (tzb) {
-               tzb.style.display = 'inline';
-       }
-}
-
-// in [-]HH:MM format...
-// won't yet work with non-even tzs
-function fetchTimezone() {
-       // FIXME: work around Safari bug
-       var localclock = new Date();
-       // returns negative offset from GMT in minutes
-       var tzRaw = localclock.getTimezoneOffset();
-       var tzHour = Math.floor( Math.abs(tzRaw) / 60);
-       var tzMin = Math.abs(tzRaw) % 60;
-       var tzString = ((tzRaw >= 0) ? "-" : "") + ((tzHour < 10) ? "0" : "") + tzHour +
-               ":" + ((tzMin < 10) ? "0" : "") + tzMin;
-       return tzString;
-}
-
-function guessTimezone(box) {
-       document.getElementsByName("wpHourDiff")[0].value = fetchTimezone();
-}
-
 function showTocToggle() {
        if (document.createTextNode) {
                // Uses DOM calls to avoid document.write + XHTML issues
 
                var linkHolder = document.getElementById('toctitle');
-               if (!linkHolder) {
+               var existingLink = document.getElementById('togglelink');
+               if (!linkHolder || existingLink) {
+                       // Don't add the toggle link twice
                        return;
                }
 
@@ -328,61 +170,6 @@ function toggleToc() {
 var mwEditButtons = [];
 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) {
-       // Don't generate buttons for browsers which don't fully
-       // support it.
-       mwEditButtons[mwEditButtons.length] =
-               {"imageFile": imageFile,
-                "speedTip": speedTip,
-                "tagOpen": tagOpen,
-                "tagClose": tagClose,
-                "sampleText": sampleText};
-}
-
-// this function generates the actual toolbar buttons with localized text
-// we use it to avoid creating the toolbar where javascript is not enabled
-function mwInsertEditButton(parent, item) {
-       var image = document.createElement("img");
-       image.width = 23;
-       image.height = 22;
-       image.src = item.imageFile;
-       image.border = 0;
-       image.alt = item.speedTip;
-       image.title = item.speedTip;
-       image.style.cursor = "pointer";
-       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; }
-
-       var textbox = document.getElementById('wpTextbox1');
-       if (!textbox) { return false; }
-       
-       // Don't generate buttons for browsers which don't fully
-       // support it.
-       if (!document.selection && textbox.selectionStart === null) {
-               return false;
-       }
-       
-       for (var i in mwEditButtons) {
-               mwInsertEditButton(toolbar, mwEditButtons[i]);
-       }
-       for (i in mwCustomEditButtons) {
-               mwInsertEditButton(toolbar, mwCustomEditButtons[i]);
-       }
-       return true;
-}
-
 function escapeQuotes(text) {
        var re = new RegExp("'","g");
        text = text.replace(re,"\\'");
@@ -403,76 +190,6 @@ function escapeQuotesHTML(text) {
        return text;
 }
 
-// apply tagOpen/tagClose to selection in textarea,
-// use sampleText instead of selection if there is none
-// copied and adapted from phpBB
-function insertTags(tagOpen, tagClose, sampleText) {
-       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');
-               txtarea = areas[0];
-       }
-
-       // IE
-       if (document.selection  && !is_gecko) {
-               var theSelection = document.selection.createRange().text;
-               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);
-                       document.selection.createRange().text = tagOpen + theSelection + tagClose + " ";
-               } else {
-                       document.selection.createRange().text = tagOpen + theSelection + tagClose;
-               }
-
-       // Mozilla
-       } else if(txtarea.selectionStart || txtarea.selectionStart == '0') {
-               var replaced = false;
-               var startPos = txtarea.selectionStart;
-               var endPos = txtarea.selectionEnd;
-               if (endPos-startPos) {
-                       replaced = true;
-               }
-               var scrollTop = txtarea.scrollTop;
-               var myText = (txtarea.value).substring(startPos, endPos);
-               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 {
-                       subst = tagOpen + myText + tagClose;
-               }
-               txtarea.value = txtarea.value.substring(0, startPos) + subst +
-                       txtarea.value.substring(endPos, txtarea.value.length);
-               txtarea.focus();
-               //set new selection
-               if (replaced) {
-                       var cPos = startPos+(tagOpen.length+myText.length+tagClose.length);
-                       txtarea.selectionStart = cPos;
-                       txtarea.selectionEnd = cPos;
-               } else {
-                       txtarea.selectionStart = startPos+tagOpen.length;
-                       txtarea.selectionEnd = startPos+tagOpen.length+myText.length;
-               }
-               txtarea.scrollTop = scrollTop;
-
-       // All other browsers get no toolbar.
-       // There was previously support for a crippled "help"
-       // bar, but that caused more problems than it solved.
-       }
-       // reposition cursor if possible
-       if (txtarea.createTextRange) {
-               txtarea.caretPos = document.selection.createRange().duplicate();
-       }
-}
-
 
 /**
  * Set the accesskey prefix based on browser detection.
@@ -480,34 +197,43 @@ function insertTags(tagOpen, tagClose, sampleText) {
 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 ) {
+} else if (!is_safari_win && is_safari && webkit_version > 526) {
+       tooltipAccessKeyPrefix = 'ctrl-alt-';
+} else if (!is_safari_win && (is_safari
+               || clientPC.indexOf('mac') != -1
+               || clientPC.indexOf('konqueror') != -1 )) {
        tooltipAccessKeyPrefix = 'ctrl-';
-} else if (is_ff2_x11) {
-       tooltipAccessKeyPrefix = 'ctrl-shift-';
-} else if (is_ff2_win) {
+} else if (is_ff2) {
        tooltipAccessKeyPrefix = 'alt-shift-';
 }
-var tooltipAccessKeyRegexp = /\[(ctrl-)?(alt-)?(shift-)?(esc-)?.\]$/;
+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.
+ * 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 )
-               nodeList = document.getElementsByTagName("*");
+       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;
+       }
 
        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) ) {
+               if ( tip && tooltipAccessKeyRegexp.exec(tip) ) {
                        tip = tip.replace(tooltipAccessKeyRegexp,
-                                         "["+tooltipAccessKeyPrefix+key+"]");
+                                         "["+tooltipAccessKeyPrefix+"$5]");
                        element.setAttribute("title", tip );
                }
        }
@@ -562,14 +288,40 @@ function addPortletLink(portlet, href, text, id, tooltip, accesskey, nextnode) {
        if ( tooltip ) {
                link.setAttribute( "title", tooltip );
        }
-       updateTooltipAccessKeys( new Array( link ) );
+       if ( accesskey && tooltip ) {
+               updateTooltipAccessKeys( new Array( link ) );
+       }
 
-       if ( nextnode && nextnode.parentNode != node ) nextnode = null;
-       node.insertBefore( item, nextnode );
+       if ( nextnode && nextnode.parentNode == node )
+               node.insertBefore( item, nextnode );
+       else
+               node.appendChild( item );  // IE compatibility (?)
 
        return item;
 }
 
+function getInnerText(el) {
+       if (typeof el == "string") return el;
+       if (typeof el == "undefined") { return el };
+       if (el.textContent) return el.textContent; // not needed but it is faster
+       if (el.innerText) return el.innerText;     // IE doesn't have textContent
+       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;
+               }
+       }
+       return str;
+}
+
 
 /**
  * Set up accesskeys/tooltips from the deprecated ta array.  If doId
@@ -589,13 +341,13 @@ function akeytt( doId ) {
        // the original.
        var ta;
        if ( doId ) {
-               ta = new Array;
-               ta[doId] = window.ta[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) {
@@ -612,8 +364,7 @@ function akeytt( doId ) {
                                }
                                // 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 = ' ['+tooltipAccessKeyPrefix+ta[id][0]+']';
                                }
@@ -630,122 +381,63 @@ function akeytt( doId ) {
        }
 }
 
-function setupRightClickEdit() {
-       if (document.getElementsByTagName) {
-               var spans = document.getElementsByTagName('span');
-               for (var i = 0; i < spans.length; i++) {
-                       var el = spans[i];
-                       if(el.className == 'editsection') {
-                               addRightClickEditHandler(el);
-                       }
-               }
-       }
-}
-
-function addRightClickEditHandler(el) {
-       for (var i = 0; i < el.childNodes.length; i++) {
-               var link = el.childNodes[i];
-               if (link.nodeType == 1 && link.nodeName.toLowerCase() == 'a') {
-                       var editHref = link.getAttribute('href');
-                       // find the enclosing (parent) header
-                       var prev = el.parentNode;
-                       if (prev && prev.nodeType == 1 &&
-                       prev.nodeName.match(/^[Hh][1-6]$/)) {
-                               prev.oncontextmenu = function(e) {
-                                       if (!e) { e = window.event; }
-                                       // e is now the event in all browsers
-                                       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
-                                       // for the section edit link, do we?  (Might want to extend this
-                                       // to all <a>'s?)
-                                       if (targ.nodeName.toLowerCase() != 'a'
-                                       || targ.parentNode.className != 'editsection') {
-                                               document.location = editHref;
-                                               return false;
-                                       }
-                                       return true;
-                               };
-                       }
-               }
-       }
-}
+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;
+               var end = checkboxes.length;
+               checkboxes[end] = cb;
+               cb.index = end;
+               cb.onclick = checkboxClickHandler;
        }
-       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 );
        }
 }
 
-function checkboxMouseupHandler(e) {
+function checkboxClickHandler(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;
-       if ( is_opera ) { // opera has already toggled the checkbox by this point
-               endState = !endState;
-       }
+       var endState = this.checked;
        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;
+               if( i > start && typeof checkboxes[i].onchange == 'function' )
+                       checkboxes[i].onchange(); // fire triggers
        }
-       this.container.lastCheckbox = this.index;
+       lastCheckbox = this.index;
        return true;
 }
 
@@ -765,153 +457,6 @@ function toggle_element_check(ida,idb) {
        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);
-       }
-
-       // Capitalise first letter and replace spaces by underscores
-       fname = fname.charAt(0).toUpperCase().concat(fname.substring(1,10000)).replace(/ /g, '_');
-
-       // Output result
-       var destFile = document.getElementById('wpDestFile');
-       if (destFile) {
-               destFile.value = fname;
-       }
-}
-
-
-function considerChangingExpiryFocus() {
-       if (!document.getElementById) {
-               return;
-       }
-       var drop = document.getElementById('wpBlockExpiry');
-       if (!drop) {
-               return;
-       }
-       var field = document.getElementById('wpBlockOther');
-       if (!field) {
-               return;
-       }
-       var opt = drop.value;
-       if (opt == 'other') {
-               field.style.display = '';
-       } else {
-               field.style.display = 'none';
-       }
-}
-
-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);
-
-var allmessages_nodelist = false;
-var allmessages_modified = false;
-var allmessages_timeout = false;
-var allmessages_running = false;
-
-function allmessagesmodified() {
-       allmessages_modified = !allmessages_modified;
-       allmessagesfilter();
-}
-
-function allmessagesfilter() {
-       if ( allmessages_timeout )
-               window.clearTimeout( allmessages_timeout );
-
-       if ( !allmessages_running )
-               allmessages_timeout = window.setTimeout( 'allmessagesfilter_do();', 500 );
-}
-
-function allmessagesfilter_do() {
-       if ( !allmessages_nodelist )
-               return;
-
-       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 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;
-}
-
-hookEvent( "load", allmessagesfilter_init );
-
 /*
        Written by Jonathan Snook, http://www.snook.ca/jonathan
        Add-ons by Robert Nyman, http://www.robertnyman.com
@@ -919,16 +464,29 @@ hookEvent( "load", allmessagesfilter_init );
        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();
+       if ( typeof( oElm.getElementsByClassName ) == "function" ) {
+               /* Use a native implementation where possible FF3, Saf3.2, Opera 9.5 */
+               var arrNativeReturn = oElm.getElementsByClassName( oClassNames );
+               if ( strTagName == "*" )
+                       return arrNativeReturn;
+               for ( var h=0; h < arrNativeReturn.length; h++ ) {
+                       if( arrNativeReturn[h].tagName.toLowerCase() == strTagName.toLowerCase() )
+                               arrReturnElements[arrReturnElements.length] = arrNativeReturn[h];
+               }
+               return arrReturnElements;
+       }
+       var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
        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|$)"));
+                       arrRegExpClassNames[arrRegExpClassNames.length] =
+                               new RegExp("(^|\\s)" + oClassNames[i].replace(/\-/g, "\\-") + "(\\s|$)");
                }
        }
        else{
-               arrRegExpClassNames.push(new RegExp("(^|\\s)" + oClassNames.replace(/\-/g, "\\-") + "(\\s|$)"));
+               arrRegExpClassNames[arrRegExpClassNames.length] =
+                       new RegExp("(^|\\s)" + oClassNames.replace(/\-/g, "\\-") + "(\\s|$)");
        }
        var oElement;
        var bMatchesAll;
@@ -942,18 +500,12 @@ function getElementsByClassName(oElm, strTagName, oClassNames){
                        }
                }
                if(bMatchesAll){
-                       arrReturnElements.push(oElement);
+                       arrReturnElements[arrReturnElements.length] = oElement;
                }
        }
        return (arrReturnElements)
 }
 
-function sortableTables() {
-       if (getElementsByClassName(document, "table", "sortable").length != 0) {
-               document.write('<script type="text/javascript" src="'+stylepath+'/common/sorttable.js"></script>');
-       }
-}
-
 function redirectToFragment(fragment) {
        var match = navigator.userAgent.match(/AppleWebKit\/(\d+)/);
        if (match) {
@@ -976,6 +528,418 @@ function redirectToFragment(fragment) {
        }
 }
 
+/*
+ * Table sorting script based on one (c) 1997-2006 Stuart Langridge and Joost
+ * de Valk:
+ * http://www.joostdevalk.nl/code/sortable-table/
+ * http://www.kryogenix.org/code/browser/sorttable/
+ *
+ * @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 = false;
+var ts_number_transform_table = null;
+var ts_number_regex = null;
+
+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]);
+       }
+}
+
+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;
+
+       // 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>';
+               }
+       }
+       if (ts_alternate_row_colors) {
+               ts_alternate(table);
+       }
+}
+
+function ts_getInnerText(el) {
+       return getInnerText( el );
+}
+
+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;
+
+       if (table.rows.length <= 1) return;
+
+       // Generate the number transform table if it's not done already
+       if (ts_number_transform_table == null) {
+               ts_initTransformTable();
+       }
+
+       // Work out a type for the column
+       // 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;
+               }
+       }
+
+       // TODO: bug 8226, localised date formats
+       var sortfn = ts_sort_generic;
+       var preprocessor = ts_toLowerCase;
+       if (/^\d\d[\/. -][a-zA-Z]{3}[\/. -]\d\d\d\d$/.test(itm)) {
+               preprocessor = ts_dateToSortKey;
+       } else if (/^\d\d[\/.-]\d\d[\/.-]\d\d\d\d$/.test(itm)) {
+               preprocessor = ts_dateToSortKey;
+       } else if (/^\d\d[\/.-]\d\d[\/.-]\d\d$/.test(itm)) {
+               preprocessor = ts_dateToSortKey;
+       // pound dollar euro yen currency cents
+       } else if (/(^[\u00a3$\u20ac\u00a4\u00a5]|\u00a2$)/.test(itm)) {
+               preprocessor = ts_currencyToSortKey;
+       } else if (ts_number_regex.test(itm)) {
+               preprocessor = ts_parseFloat;
+       }
+
+       var reverse = (span.getAttribute("sortdir") == 'down');
+
+       var newRows = new Array();
+       var staticRows = new Array();
+       for (var j = rowStart; j < table.rows.length; j++) {
+               var row = table.rows[j];
+               if((" "+row.className+" ").indexOf(" unsortable ") < 0) {
+                       var keyText = ts_getInnerText(row.cells[column]);
+                       var oldIndex = (reverse ? -j : j);
+                       var preprocessed = preprocessor( keyText );
+
+                       newRows[newRows.length] = new Array(row, preprocessed, oldIndex);
+               } else staticRows[staticRows.length] = new Array(row, false, j-rowStart);
+       }
+
+       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');
+       }
+
+       for (var i = 0; i < staticRows.length; i++) {
+               var row = staticRows[i];
+               newRows.splice(row[2], 0, row);
+       }
+
+       // 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;
+
+       if (ts_alternate_row_colors) {
+               ts_alternate(table);
+       }
+}
+
+function ts_initTransformTable() {
+       if ( typeof wgSeparatorTransformTable == "undefined"
+                       || ( wgSeparatorTransformTable[0] == '' && wgDigitTransformTable[2] == '' ) )
+       {
+               digitClass = "[0-9,.]";
+               ts_number_transform_table = false;
+       } else {
+               ts_number_transform_table = {};
+               // Unpack the transform table
+               // Separators
+               ascii = wgSeparatorTransformTable[0].split("\t");
+               localised = wgSeparatorTransformTable[1].split("\t");
+               for ( var i = 0; i < ascii.length; i++ ) { 
+                       ts_number_transform_table[localised[i]] = ascii[i];
+               }
+               // Digits
+               ascii = wgDigitTransformTable[0].split("\t");
+               localised = wgDigitTransformTable[1].split("\t");
+               for ( var i = 0; i < ascii.length; i++ ) { 
+                       ts_number_transform_table[localised[i]] = ascii[i];
+               }
+
+               // Construct regex for number identification
+               digits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ',', '\\.'];
+               maxDigitLength = 1;
+               for ( var digit in ts_number_transform_table ) {
+                       // Escape regex metacharacters
+                       digits.push( 
+                               digit.replace( /[\\\\$\*\+\?\.\(\)\|\{\}\[\]\-]/,
+                                       function( s ) { return '\\' + s; } )
+                       );
+                       if (digit.length > maxDigitLength) {
+                               maxDigitLength = digit.length;
+                       }
+               }
+               if ( maxDigitLength > 1 ) {
+                       digitClass = '[' + digits.join( '', digits ) + ']';
+               } else {
+                       digitClass = '(' + digits.join( '|', digits ) + ')';
+               }
+       }
+
+       // We allow a trailing percent sign, which we just strip.  This works fine
+       // if percents and regular numbers aren't being mixed.
+       ts_number_regex = new RegExp(
+               "^(" +
+                       "[+-]?[0-9][0-9,]*(\\.[0-9,]*)?(E[+-]?[0-9][0-9,]*)?" + // Fortran-style scientific
+                       "|" +
+                       "[+-]?" + digitClass + "+%?" + // Generic localised
+               ")$", "i"
+       );
+}
+
+function ts_toLowerCase( s ) {
+       return s.toLowerCase();
+}
+
+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 {
+                       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 "00000000";
+}
+
+function ts_parseFloat( s ) {
+       if ( !s ) {
+               return 0;
+       }
+       if (ts_number_transform_table != false) {
+               var newNum = '', c;
+               
+               for ( var p = 0; p < s.length; p++ ) {
+                       c = s.charAt( p );
+                       if (c in ts_number_transform_table) {
+                               newNum += ts_number_transform_table[c];
+                       } else {
+                               newNum += c;
+                       }
+               }
+               s = newNum;
+       }
+
+       num = parseFloat(s.replace(/,/g, ""));
+       return (isNaN(num) ? 0 : num);
+}
+
+function ts_currencyToSortKey( s ) {
+       return ts_parseFloat(s.replace(/[^0-9.,]/g,''));
+}
+
+function ts_sort_generic(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");
+               }
+       }
+}
+
+/*
+ * 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 -or- Dom Object 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' );
+       messageDiv.style.display = 'block';
+       if( className ) {
+               messageDiv.setAttribute( 'class', 'mw-js-message-'+className );
+       }
+       
+       if (typeof message === 'object') {
+               while (messageDiv.hasChildNodes()) // Remove old content
+                       messageDiv.removeChild(messageDiv.firstChild);
+               messageDiv.appendChild (message); // Append new content
+       }
+       else {
+               messageDiv.innerHTML = message;
+       }
+       return true;
+}
+
+/**
+ * Inject a cute little progress spinner after the specified element
+ *
+ * @param element Element to inject after
+ * @param id Identifier string (for use with removeSpinner(), below)
+ */
+function injectSpinner( element, id ) {
+       var spinner = document.createElement( "img" );
+       spinner.id = "mw-spinner-" + id;
+       spinner.src = stylepath + "/common/images/spinner.gif";
+       spinner.alt = spinner.title = "...";
+       if( element.nextSibling ) {
+               element.parentNode.insertBefore( spinner, element.nextSibling );
+       } else {
+               element.parentNode.appendChild( spinner );
+       }
+}
+
+/**
+ * Remove a progress spinner added with injectSpinner()
+ *
+ * @param id Identifier string
+ */
+function removeSpinner( id ) {
+       var spinner = document.getElementById( "mw-spinner-" + id );
+       if( spinner ) {
+               spinner.parentNode.removeChild( spinner );
+       }
+}
+
 function runOnloadHook() {
        // don't run anything below this for non-dom browsers
        if (doneOnloadHook || !(document.getElementById && document.getElementsByTagName)) {
@@ -986,14 +950,10 @@ function runOnloadHook() {
        // might cause the function to terminate prematurely
        doneOnloadHook = true;
 
-       histrowinit();
-       unhidetzbutton();
-       tabbedprefs();
        updateTooltipAccessKeys( null );
        akeytt( null );
-       scrollEditBox();
        setupCheckboxShiftClick();
-       sortableTables();
+       sortables_init();
 
        // Run any added-on functions
        for (var i = 0; i < onloadFuncts.length; i++) {
@@ -1001,8 +961,45 @@ function runOnloadHook() {
        }
 }
 
+/**
+ * Add an event handler to an element
+ *
+ * @param Element element Element to add handler to
+ * @param String attach Event to attach to
+ * @param callable handler Event handler callback
+ */
+function addHandler( element, attach, handler ) {
+       if( window.addEventListener ) {
+               element.addEventListener( attach, handler, false );
+       } else if( window.attachEvent ) {
+               element.attachEvent( 'on' + attach, handler );
+       }
+}
+
+/**
+ * Add a click event handler to an element
+ *
+ * @param Element element Element to add handler to
+ * @param callable handler Event handler callback
+ */
+function addClickHandler( element, handler ) {
+       addHandler( element, 'click', handler );
+}
+
+/**
+ * Removes an event handler from an element
+ *
+ * @param Element element Element to remove handler from
+ * @param String remove Event to remove
+ * @param callable handler Event handler callback to remove
+ */
+function removeHandler( element, remove, handler ) {
+       if( window.removeEventListener ) {
+               element.removeEventListener( remove, handler, false );
+       } else if( window.detachEvent ) {
+               element.detachEvent( 'on' + remove, handler );
+       }
+}
 //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);