Revert r34541 for the moment pending further review & discussion...
[lhc/web/wiklou.git] / skins / common / wikibits.js
index 06a07d1..812710b 100644 (file)
@@ -1,17 +1,22 @@
 // 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 is_safari = clientPC.indexOf('applewebkit') != -1 &&
+       clientPC.indexOf('spoofer') == -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 );
+// 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.
@@ -41,7 +46,7 @@ function hookEvent(hookName, hookFunct) {
 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) {
+       } else if (is_opera_seven && !is_opera_95) {
                document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera7Fixes.css">');
        } else if (is_khtml) {
                document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/KHTMLFixes.css">');
@@ -71,204 +76,6 @@ function toggleVisibility(_levelId, _otherId, _linkId) {
        }
 }
 
-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
@@ -330,11 +137,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,
@@ -347,6 +155,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;
@@ -356,7 +166,7 @@ function mwInsertEditButton(parent, item) {
                insertTags(item.tagOpen, item.tagClose, item.sampleText);
                return false;
        };
-       
+
        parent.appendChild(image);
        return true;
 }
@@ -367,17 +177,18 @@ function mwSetupToolbar() {
 
        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) {
+       if (!(document.selection && document.selection.createRange)
+               && textbox.selectionStart === null) {
                return false;
        }
-       
-       for (var i in mwEditButtons) {
+
+       for (var i = 0; i < mwEditButtons.length; i++) {
                mwInsertEditButton(toolbar, mwEditButtons[i]);
        }
-       for (i in mwCustomEditButtons) {
+       for (var i = 0; i < mwCustomEditButtons.length; i++) {
                mwInsertEditButton(toolbar, mwCustomEditButtons[i]);
        }
        return true;
@@ -405,7 +216,6 @@ function escapeQuotesHTML(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) {
@@ -415,62 +225,72 @@ function insertTags(tagOpen, tagClose, sampleText) {
                var areas = document.getElementsByTagName('textarea');
                txtarea = areas[0];
        }
+       var selText, isSample = false;
 
-       // IE
-       if (document.selection  && !is_gecko) {
-               var theSelection = document.selection.createRange().text;
-               if (!theSelection) {
-                       theSelection=sampleText;
-               }
+       if (document.selection  && document.selection.createRange) { // IE/Opera
+
+               //save window scroll position
+               if (document.documentElement && document.documentElement.scrollTop)
+                       var winScroll = document.documentElement.scrollTop
+               else if (document.body)
+                       var winScroll = document.body.scrollTop;
+               //get current selection  
                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;
+               var range = document.selection.createRange();
+               selText = range.text;
+               //insert tags
+               checkSelectedText();
+               range.text = tagOpen + selText + tagClose;
+               //mark sample text as selected
+               if (isSample && range.moveStart) {
+                       if (window.opera)
+                               tagClose = tagClose.replace(/\n/g,'');
+                       range.moveStart('character', - tagClose.length - selText.length); 
+                       range.moveEnd('character', - tagClose.length); 
                }
-
-       // Mozilla
-       } else if(txtarea.selectionStart || txtarea.selectionStart == '0') {
-               var replaced = false;
+               range.select();   
+               //restore window scroll position
+               if (document.documentElement && document.documentElement.scrollTop)
+                       document.documentElement.scrollTop = winScroll
+               else if (document.body)
+                       document.body.scrollTop = winScroll;
+
+       } else if (txtarea.selectionStart || txtarea.selectionStart == '0') { // Mozilla
+
+               //save textarea scroll position
+               var textScroll = txtarea.scrollTop;
+               //get current selection
+               txtarea.focus();
                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();
+               selText = txtarea.value.substring(startPos, endPos);
+               //insert tags
+               checkSelectedText();
+               txtarea.value = txtarea.value.substring(0, startPos)
+                       + tagOpen + selText + tagClose
+                       + txtarea.value.substring(endPos, txtarea.value.length);
                //set new selection
-               if (replaced) {
-                       var cPos = startPos+(tagOpen.length+myText.length+tagClose.length);
-                       txtarea.selectionStart = cPos;
-                       txtarea.selectionEnd = cPos;
+               if (isSample) {
+                       txtarea.selectionStart = startPos + tagOpen.length;
+                       txtarea.selectionEnd = startPos + tagOpen.length + selText.length;
                } else {
-                       txtarea.selectionStart = startPos+tagOpen.length;
-                       txtarea.selectionEnd = startPos+tagOpen.length+myText.length;
+                       txtarea.selectionStart = startPos + tagOpen.length + selText.length + tagClose.length;
+                       txtarea.selectionEnd = txtarea.selectionStart;
                }
-               txtarea.scrollTop = scrollTop;
+               //restore textarea scroll position
+               txtarea.scrollTop = textScroll;
+       } 
 
-       // 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();
+       function checkSelectedText(){
+               if (!selText) {
+                       selText = sampleText;
+                       isSample = true;
+               } else if (selText.charAt(selText.length - 1) == ' ') { //exclude ending space char
+                       selText = selText.substring(0, selText.length - 1);
+                       tagClose += ' '
+               } 
        }
+
 }
 
 
@@ -484,9 +304,7 @@ if (is_opera) {
           || navigator.userAgent.toLowerCase().indexOf('mac') != -1
           || navigator.userAgent.toLowerCase().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-)?.\]$/;
@@ -576,8 +394,10 @@ function addPortletLink(portlet, href, text, id, tooltip, accesskey, nextnode) {
                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;
 }
@@ -601,14 +421,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
-       watchCheckboxExists = document.getElementById( 'wpWatchthis' ) ? true : false;
+       var watchCheckboxExists = document.getElementById( 'wpWatchthis' ) ? true : false;
        for (var id in ta) {
                var n = document.getElementById(id);
                if (n) {
@@ -642,122 +461,61 @@ 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;
        }
-       this.container.lastCheckbox = this.index;
+       lastCheckbox = this.index;
        return true;
 }
 
@@ -777,152 +535,23 @@ 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';
-       }
-}
-
+/**
+ * Restore the edit box scroll state following a preview operation,
+ * and set up a form submission handler to remember this state
+ */
 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 editBox = document.getElementById( 'wpTextbox1' );
+       var scrollTop = document.getElementById( 'wpScrolltop' );
+       var editForm = document.getElementById( 'editform' );
+       if( editBox && scrollTop ) {
+               if( scrollTop.value )
+                       editBox.scrollTop = scrollTop.value;
+               addHandler( editForm, 'submit', function() {
+                       document.getElementById( 'wpScrolltop' ).value = document.getElementById( 'wpTextbox1' ).scrollTop; 
+               } );
        }
-
-       var k = document.getElementById('allmessagesfilter');
-       if (k) { k.style.display = ''; }
-
-       allmessages_nodelist = nodelist;
 }
-
-hookEvent( "load", allmessagesfilter_init );
+hookEvent( 'load', scrollEditBox );
 
 /*
        Written by Jonathan Snook, http://www.snook.ca/jonathan
@@ -936,11 +565,13 @@ function getElementsByClassName(oElm, strTagName, oClassNames){
        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;
@@ -954,18 +585,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) {
@@ -988,6 +613,347 @@ function redirectToFragment(fragment) {
        }
 }
 
+/*
+ * 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]);
+       }
+}
+
+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) {
+       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;
+}
+
+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 {
+                       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(num) {
+       if (!num) return 0;
+       num = parseFloat(num.replace(/,/g, ""));
+       return (isNaN(num) ? 0 : num);
+}
+
+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 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");
+               }
+       }
+}
+
+/*
+ * 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;
+}
+
+/**
+ * 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)) {
@@ -998,14 +964,11 @@ 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++) {
@@ -1013,8 +976,31 @@ 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 );
+}
 //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);