bug 10638 -- fix regression in Opera < 9.5 by bad version check in r24163
[lhc/web/wiklou.git] / skins / common / wikibits.js
index 3ee6352..fd371f2 100644 (file)
@@ -12,6 +12,7 @@ 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_95 = (clientPC.search(/opera\/(9.[5-9]|[1-9][0-9])/)!=-1);
 }
 
 // Global external objects used by this script.
@@ -41,8 +42,10 @@ 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_opera_95) {
+               document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera95Fixes.css">');
        } else if (is_khtml) {
                document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/KHTMLFixes.css">');
        }
@@ -330,11 +333,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 +351,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 +362,7 @@ function mwInsertEditButton(parent, item) {
                insertTags(item.tagOpen, item.tagClose, item.sampleText);
                return false;
        };
-       
+
        parent.appendChild(image);
        return true;
 }
@@ -367,17 +373,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 +412,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 +421,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;
-
-       // 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();
+               //restore textarea scroll position
+               txtarea.scrollTop = textScroll;
+       } 
+
+       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 += ' '
+               } 
        }
+
 }
 
 
@@ -601,8 +617,7 @@ function akeytt( doId ) {
        // the original.
        var ta;
        if ( doId ) {
-               ta = new Array;
-               ta[doId] = window.ta[doId];
+               ta = [doId];
        } else {
                ta = window.ta;
        }
@@ -710,7 +725,9 @@ function addCheckboxClickHandlers(inputs, start) {
                var cb = inputs[i];
                if ( !cb.type || cb.type.toLowerCase() != 'checkbox' )
                        continue;
-               cb.index = checkboxes.push(cb) - 1;
+               var end = checkboxes.length;
+               checkboxes[end] = cb;
+               cb.index = end;
                cb.onmouseup = checkboxMouseupHandler;
        }
 
@@ -764,54 +781,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");
@@ -923,11 +892,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;
@@ -941,18 +912,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) {
@@ -975,6 +940,346 @@ 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.innerText) return el.innerText;  // Not needed but it is faster
+       var str = "";
+
+       var cs = el.childNodes;
+       var l = cs.length;
+       for (var i = 0; i < l; i++) {
+               switch (cs[i].nodeType) {
+                       case 1: //ELEMENT_NODE
+                               str += ts_getInnerText(cs[i]);
+                               break;
+                       case 3: //TEXT_NODE
+                               str += cs[i].nodeValue;
+                               break;
+               }
+       }
+       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(/,/, ""));
+       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)) {
@@ -992,7 +1297,7 @@ function runOnloadHook() {
        akeytt( null );
        scrollEditBox();
        setupCheckboxShiftClick();
-       sortableTables();
+       sortables_init();
 
        // Run any added-on functions
        for (var i = 0; i < onloadFuncts.length; i++) {