Actions

MediaWiki

Difference between revisions of "Common.js"

From Sonic Retro

(Adding Gens/GS to the list of pages for which the subpage hierarchy thing should be hidden)
Line 1: Line 1:
−
/* Any JavaScript here will be loaded for all users on every page load. */
+
/*<pre>*/
  
−
/** Import module *************************************************************
+
/* Hook that enables collapsing objects.
−
  *
+
  * Added 7/13/2008 by WhiteMystery (misterioblanco@gmail.com) */
−
  *  Description: Includes a raw wiki page as javascript or CSS,
 
−
  *              used for including user made modules.
 
−
  * Maintainers: [[User:AzaToth]]
 
−
  */
 
−
importedScripts = {}; // object keeping track of included scripts, so a script ain't included twice
 
−
function importScript( page ) {
 
−
    if( importedScripts[page] ) {
 
−
        return;
 
−
    }
 
−
    importedScripts[page] = true;
 
−
    var url = wgScriptPath
 
−
            + '/index.php?title='
 
−
            + encodeURIComponent( page.replace( / /g, '_' ) )
 
−
            + '&action=raw&ctype=text/javascript';
 
−
    var scriptElem = document.createElement( 'script' );
 
−
    scriptElem.setAttribute( 'src' , url );
 
−
    scriptElem.setAttribute( 'type' , 'text/javascript' );
 
−
    document.getElementsByTagName( 'head' )[0].appendChild( scriptElem );
 
−
}
 
−
 
−
function importStylesheet( page ) {
 
−
    var sheet = '@import "'
 
−
              + wgScriptPath
 
−
              + '/index.php?title='
 
−
              + encodeURIComponent( page.replace( / /g, '_' ) )
 
−
              + '&action=raw&ctype=text/css";'
 
−
    var styleElem = document.createElement( 'style' );
 
−
    styleElem.setAttribute( 'type' , 'text/css' );
 
−
    styleElem.appendChild( document.createTextNode( sheet ) );
 
−
    document.getElementsByTagName( 'head' )[0].appendChild( styleElem );
 
−
}
 
−
 
−
/* Test if an element has a certain class **************************************
 
−
  *
 
−
  * Description: Uses regular expressions and caching for better performance.
 
−
  * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
 
−
  */
 
−
 
−
var hasClass = (function () {
 
−
    var reCache = {};
 
−
    return function (element, className) {
 
−
        return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
 
−
    };
 
−
})();
 
−
 
−
/** Internet Explorer bug fix **************************************************
 
−
  *
 
−
  *  Description: Fixes IE horizontal scrollbar bug
 
−
  *  Maintainers: [[User:Tom-]]?
 
−
  */
 
−
 
−
if (navigator.appName == "Microsoft Internet Explorer" && document.compatMode == "CSS1Compat")
 
−
{
 
−
  var oldWidth;
 
−
  var docEl = document.documentElement;
 
−
 
−
  function fixIEScroll()
 
−
  {
 
−
    if (!oldWidth || docEl.clientWidth > oldWidth)
 
−
      doFixIEScroll();
 
−
    else
 
−
      setTimeout(doFixIEScroll, 1);
 
−
 
−
    oldWidth = docEl.clientWidth;
 
−
  }
 
−
 
−
  function doFixIEScroll() {
 
−
    docEl.style.overflowX = (docEl.scrollWidth - docEl.clientWidth < 4) ? "hidden" : "";
 
−
  }
 
−
 
−
  document.attachEvent("onreadystatechange", fixIEScroll);
 
−
  attachEvent("onresize", fixIEScroll);
 
−
}
 
  
−
var autoCollapse = 2;
+
addOnloadHook(createToggleLinks);
−
var collapseCaption = "hide";
 
−
var expandCaption = "show";
 
−
 
−
function collapseTable( tableIndex )
 
−
{
 
−
    var Button = document.getElementById( "collapseButton" + tableIndex );
 
−
    var Table = document.getElementById( "collapsibleTable" + tableIndex );
 
−
 
−
    if ( !Table || !Button ) {
 
−
        return false;
 
−
    }
 
−
 
−
    var Rows = Table.rows;
 
−
 
−
    if ( Button.firstChild.data == collapseCaption ) {
 
−
        for ( var i = 1; i < Rows.length; i++ ) {
 
−
            Rows[i].style.display = "none";
 
−
        }
 
−
        Button.firstChild.data = expandCaption;
 
−
    } else {
 
−
        for ( var i = 1; i < Rows.length; i++ ) {
 
−
            Rows[i].style.display = Rows[0].style.display;
 
−
        }
 
−
        Button.firstChild.data = collapseCaption;
 
−
    }
 
−
}
 
−
 
−
function createCollapseButtons()
 
−
{
 
−
    var tableIndex = 0;
 
−
    var NavigationBoxes = new Object();
 
−
    var Tables = document.getElementsByTagName( "table" );
 
−
 
−
    for ( var i = 0; i < Tables.length; i++ ) {
 
−
        if ( hasClass( Tables[i], "collapsible" ) ) {
 
−
 
−
            /* only add button and increment count if there is a header row to work with */
 
−
            var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
 
−
            if (!HeaderRow) continue;
 
−
            var Header = HeaderRow.getElementsByTagName( "th" )[0];
 
−
            if (!Header) continue;
 
−
 
−
            NavigationBoxes[ tableIndex ] = Tables[i];
 
−
            Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
 
−
 
−
            var Button    = document.createElement( "span" );
 
−
            var ButtonLink = document.createElement( "a" );
 
−
            var ButtonText = document.createTextNode( collapseCaption );
 
−
 
−
            Button.style.styleFloat = "right";
 
−
            Button.style.cssFloat = "right";
 
−
            Button.style.fontWeight = "normal";
 
−
            Button.style.textAlign = "right";
 
−
            Button.style.width = "6em";
 
−
 
−
            ButtonLink.style.color = Header.style.color;
 
−
            ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
 
−
            ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ");" );
 
−
            ButtonLink.appendChild( ButtonText );
 
−
 
−
            Button.appendChild( document.createTextNode( "[" ) );
 
−
            Button.appendChild( ButtonLink );
 
−
            Button.appendChild( document.createTextNode( "]" ) );
 
−
 
−
            Header.insertBefore( Button, Header.childNodes[0] );
 
−
            tableIndex++;
 
−
        }
 
−
    }
 
−
 
−
    for ( var i = 0;  i < tableIndex; i++ ) {
 
−
        if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
 
−
            collapseTable( i );
 
−
        }
 
−
    }
 
−
}
 
−
 
−
addOnloadHook( createCollapseButtons );
 
  
−
addOnloadHook(function() {
+
/* Function that creates collapsing objects and toggle links.
−
    var pages = { 'Flying Fortress/Death Egg cliché': true, 'Gens/GS': true };
+
* Added 7/13/2008 by WhiteMystery ([email protected]) */
−
    if (pages[wgTitle]) {
+
 
−
        document.getElementsByClassName('subpages').item(0).style.display = 'none';
+
function createToggleLinks() {
−
    }
+
 
−
});
+
var stateArray = new Array();
 +
var allObjects = document.getElementsByTagName('span');
 +
var rCollapsingObject = new RegExp("^co;(.+?);(.+?);(.+?);(.+?)(;(.+?))?$");
 +
 +
for ( var i = 0; i < allObjects.length; i++ ) {
 +
 +
if ( rCollapsingObject.test(allObjects[i].className) ) {
 +
 +
var collapsingInformation = rCollapsingObject.exec(allObjects[i].className);
 +
 +
var collapseText = collapsingInformation[1];
 +
var expandText = collapsingInformation[2];
 +
var initialState = collapsingInformation[3];
 +
var targetClass = collapsingInformation[4];
 +
var linkColor = collapsingInformation[6];
 +
 +
var toggleLink = document.createElement("a");
 +
 +
if ( initialState == "0" ) {
 +
 +
toggleLink.appendChild(document.createTextNode(expandText));
 +
stateArray[targetClass] = "none";
 +
}
 +
 +
else {
 +
 +
toggleLink.appendChild(document.createTextNode(collapseText));
 +
stateArray[targetClass] = "inline";
 +
}
 +
 +
toggleLink.setAttribute("href", "javascript:toggleCollapse('" + targetClass + "','" + collapseText + "','" + expandText + "')");
 +
 +
if ( linkColor != undefined && linkColor != "undefined" && linkColor != "" )
 +
toggleLink.style.color = linkColor;
 +
 +
allObjects[i].innerHTML = "";
 +
allObjects[i].appendChild(toggleLink);
 +
}
 +
 +
else if ( allObjects[i].className == "morphMaster" ) {
 +
 +
var spanID = allObjects[i].getAttribute("id");
 +
var targetID = spanID.substr(0, spanID.length - 6);
 +
var counter = 1;
 +
 +
// Create forward and backward paging if the paging elements exist
 +
if ( returnObjById(targetID + "LinkNext") && returnObjById(targetID + "LinkPrev") && returnObjById(targetID + "Content1") ) {
 +
 +
// Create the forward link
 +
var nextLink = document.createElement("a");
 +
nextLink.appendChild(document.createTextNode(returnObjById(targetID + "LinkNext").innerHTML));
 +
nextLink.setAttribute("href", "javascript:morphForward('" + targetID + "')");
 +
 +
returnObjById(targetID + "LinkNext").innerHTML = "";
 +
returnObjById(targetID + "LinkNext").appendChild(nextLink, 0);
 +
 +
// Create the backward link
 +
var prevLink = document.createElement("a");
 +
prevLink.appendChild(document.createTextNode(returnObjById(targetID + "LinkPrev").innerHTML));
 +
prevLink.setAttribute("href", "javascript:morphBackward('" + targetID + "')");
 +
 +
returnObjById(targetID + "LinkPrev").innerHTML = "";
 +
returnObjById(targetID + "LinkPrev").appendChild(prevLink, 0);
 +
 +
// Initialize content panes
 +
while ( returnObjById(targetID + "Content" + counter) ) {
 +
 +
 +
counter++;
 +
}
 +
}
 +
 
 +
// shobiz addition - figure out initial selection
 +
var initialSelection = parseInt(allObjects[i].innerHTML);
 +
if (!(initialSelection && returnObjById(targetID + "Link" + initialSelection) && returnObjById(targetID + "Content" + initialSelection))) {
 +
allObjects[i].innerHTML = initialSelection = 1;
 +
}
 +
// end of shobiz addition
 +
 +
counter = 1;
 +
 +
// Whether or not there is paging, generate normal links
 +
while ( returnObjById(targetID + "Link" + counter) && returnObjById(targetID + "Content" + counter) ) {
 +
 +
// shobiz addition - bold the initial selection instead of making it into a link
 +
var morphLink; // I don't really need to declare it here because javascript only has function locals anyway, but I think this makes my intent clearer
 +
if (counter != initialSelection) {
 +
morphLink = document.createElement("a");
 +
morphLink.appendChild(document.createTextNode(returnObjById(targetID + "Link" + counter).innerHTML));
 +
morphLink.setAttribute("href", "javascript:performMorph('" + targetID + "','" + counter + "')");
 +
} else {
 +
morphLink = document.createElement("strong");
 +
morphLink.appendChild(document.createTextNode(returnObjById(targetID + "Link" + counter).innerHTML));
 +
}
 +
// end of shobiz addition
 +
 +
returnObjById(targetID + "Link" + counter).innerHTML = "";
 +
returnObjById(targetID + "Link" + counter).appendChild(morphLink);
 +
 +
// Initialize content panes
 +
 +
counter++;
 +
}
 +
 +
// shobiz removal - redundant now: allObjects[i].innerHTML = 1;
 +
allObjects[i].style.display = "none";
 +
}
 +
}
 +
 +
// Set state of appropriate objects
 +
allObjects = document.getElementsByTagName('*');
 +
 +
for ( var i = 0; i < allObjects.length; i++ ) {
 +
 +
if ( stateArray[allObjects[i].className] )
 +
allObjects[i].style.display = stateArray[allObjects[i].className];
 +
}
 +
}
 +
 
 +
/* Function that toggles collapsing objects.
 +
* Added 7/13/2008 by WhiteMystery ([email protected]) */
 +
 
 +
function toggleCollapse(targetClass, collapseText, expandText) {
 +
 
 +
var allObjects = document.getElementsByTagName('*');
 +
var rCollapsingObject = new RegExp("^co;(.+?);(.+?);(.+?);" + targetClass + "(;(.+?))?$");
 +
 +
var linkType;
 +
 +
for ( var i = 0; i < allObjects.length; i++ ) {
 +
 +
if ( allObjects[i].className == targetClass ) {
 +
 +
if ( allObjects[i].style.display == "none" ) {
 +
 +
allObjects[i].style.display = "inline";
 +
linkType = "Collapse";
 +
}
 +
 +
else {
 +
 +
allObjects[i].style.display = "none";
 +
linkType = "Expand";
 +
}
 +
}
 +
}
 +
 +
allObjects = document.getElementsByTagName('span');
 +
 +
for ( var i = 0; i < allObjects.length; i++ ) {
 +
 +
if ( rCollapsingObject.test(allObjects[i].className) ) {
 +
 +
var collapsingInformation = rCollapsingObject.exec(allObjects[i].className);
 +
 +
var collapseText = collapsingInformation[1];
 +
var expandText = collapsingInformation[2];
 +
var linkColor = collapsingInformation[5];
 +
 +
var toggleLink = document.createElement("a");
 +
 +
if ( linkType == "Expand" )
 +
 +
toggleLink.appendChild(document.createTextNode(expandText));
 +
 +
else if ( linkType == "Collapse" )
 +
 +
toggleLink.appendChild(document.createTextNode(collapseText));
 +
 +
toggleLink.setAttribute("href", "javascript:toggleCollapse('" + targetClass + "','" + collapseText + "','" + expandText + "')");
 +
 +
if ( linkColor != undefined && linkColor != "undefined" && linkColor != "" )
 +
toggleLink.style.color = linkColor;
 +
 +
allObjects[i].innerHTML = "";
 +
allObjects[i].appendChild(toggleLink);
 +
}
 +
}
 +
}
 +
 
 +
/* Functions that perform the morph operations.
 +
* Added 8/13/2008 by WhiteMystery ([email protected]) */
 +
 
 +
function performMorph(targetID, targetNumber) {
 +
 +
// shobiz addition - restore previous selection's link and get rid of current one's
 +
var oldCounter = parseInt(returnObjById(targetID + "Master").innerHTML);
 +
var morphLink = document.createElement("a");
 +
var oldLink = returnObjById(targetID + "Link" + oldCounter);
 +
morphLink.appendChild(document.createTextNode(oldLink.childNodes[0].innerHTML));
 +
morphLink.setAttribute("href", "javascript:performMorph('" + targetID + "','" + oldCounter + "')");
 +
oldLink.replaceChild(morphLink, oldLink.childNodes[0]);
 +
 +
var morphStrong = document.createElement("strong");
 +
var newLink = returnObjById(targetID + "Link" + targetNumber);
 +
morphStrong.appendChild(document.createTextNode(newLink.childNodes[0].innerHTML));
 +
newLink.replaceChild(morphStrong, newLink.childNodes[0]);
 +
// end of shobiz addition
 +
 +
var counter = 1;
 +
while ( returnObjById(targetID + "Content" + counter) ) {
 +
 +
if ( counter == targetNumber )
 +
returnObjById(targetID + "Content" + counter).style.display = "block";
 +
else
 +
returnObjById(targetID + "Content" + counter).style.display = "none";
 +
 +
counter++;
 +
}
 +
 +
returnObjById(targetID + "Master").innerHTML = targetNumber;
 +
}
 +
 
 +
function morphForward(targetID) {
 +
 
 +
var nextPane = parseInt(returnObjById(targetID + "Master").innerHTML) + 1;
 +
 +
if ( returnObjById(targetID + "Content" + nextPane) )
 +
performMorph(targetID, nextPane);
 +
 +
else
 +
performMorph(targetID, "1");
 +
}
 +
 
 +
function morphBackward(targetID) {
 +
 
 +
var prevPane = parseInt(returnObjById(targetID + "Master").innerHTML) - 1;
 +
 +
if ( prevPane > 0 )
 +
performMorph(targetID, prevPane);
 +
 +
else {
 +
 +
var maxIndex = 1;
 +
 +
while ( returnObjById(targetID + "Content" + maxIndex) )
 +
maxIndex++;
 +
 +
performMorph(targetID, maxIndex - 1);
 +
}
 +
}
 +
 
 +
/* Function that returns an object by ID for various browsers
 +
* Taken from http://www.netlobo.com/javascript_get_element_id.html */
 +
 
 +
function returnObjById( id ) {
 +
 +
    if (document.getElementById)
 +
        var returnVar = document.getElementById(id);
 +
       
 +
    else if (document.all)  
 +
        var returnVar = document.all[id];
 +
       
 +
    else if (document.layers)
 +
        var returnVar = document.layers[id];
 +
       
 +
    return returnVar;
 +
}
 +
 
 +
/*</pre>*/

Revision as of 20:35, 29 June 2012

/*<pre>*/

/* Hook that enables collapsing objects.
 * Added 7/13/2008 by WhiteMystery ([email protected]) */

addOnloadHook(createToggleLinks);

/* Function that creates collapsing objects and toggle links.
 * Added 7/13/2008 by WhiteMystery ([email protected]) */

function createToggleLinks() {

	var stateArray = new Array();
	var allObjects = document.getElementsByTagName('span');
	var rCollapsingObject = new RegExp("^co;(.+?);(.+?);(.+?);(.+?)(;(.+?))?$");
	
	for ( var i = 0; i < allObjects.length; i++ ) {
	
		if ( rCollapsingObject.test(allObjects[i].className) ) {
		
			var collapsingInformation = rCollapsingObject.exec(allObjects[i].className);
			
			var collapseText = collapsingInformation[1];
			var expandText = collapsingInformation[2];
			var initialState = collapsingInformation[3];
			var targetClass = collapsingInformation[4];
			var linkColor = collapsingInformation[6];
			
			var toggleLink = document.createElement("a");
			
			if ( initialState == "0" ) {
				
				toggleLink.appendChild(document.createTextNode(expandText));
				stateArray[targetClass] = "none";
			}
			
			else {
				
				toggleLink.appendChild(document.createTextNode(collapseText));
				stateArray[targetClass] = "inline";
			}
			
			toggleLink.setAttribute("href", "javascript:toggleCollapse('" + targetClass + "','" + collapseText + "','" + expandText + "')");
			
			if ( linkColor != undefined && linkColor != "undefined" && linkColor != "" )
				toggleLink.style.color = linkColor;
			
			allObjects[i].innerHTML = "";
			allObjects[i].appendChild(toggleLink);
		}
		
		else if ( allObjects[i].className == "morphMaster" ) {
			
			var spanID = allObjects[i].getAttribute("id");
			var targetID = spanID.substr(0, spanID.length - 6);
			var counter = 1;
			
			// Create forward and backward paging if the paging elements exist
			if ( returnObjById(targetID + "LinkNext") && returnObjById(targetID + "LinkPrev") && returnObjById(targetID + "Content1") ) {
			
				// Create the forward link
				var nextLink = document.createElement("a");	
				nextLink.appendChild(document.createTextNode(returnObjById(targetID + "LinkNext").innerHTML));
				nextLink.setAttribute("href", "javascript:morphForward('" + targetID + "')");
				
				returnObjById(targetID + "LinkNext").innerHTML = "";
				returnObjById(targetID + "LinkNext").appendChild(nextLink, 0);
				
				// Create the backward link
				var prevLink = document.createElement("a");	
				prevLink.appendChild(document.createTextNode(returnObjById(targetID + "LinkPrev").innerHTML));
				prevLink.setAttribute("href", "javascript:morphBackward('" + targetID + "')");
				
				returnObjById(targetID + "LinkPrev").innerHTML = "";
				returnObjById(targetID + "LinkPrev").appendChild(prevLink, 0);
				
				// Initialize content panes
				while ( returnObjById(targetID + "Content" + counter) ) {
					
						
					counter++;
				}	
			}

			// shobiz addition - figure out initial selection
			var initialSelection = parseInt(allObjects[i].innerHTML);
			if (!(initialSelection && returnObjById(targetID + "Link" + initialSelection) && returnObjById(targetID + "Content" + initialSelection))) {
				allObjects[i].innerHTML = initialSelection = 1;
			}
			// end of shobiz addition
			
			counter = 1;
			
			// Whether or not there is paging, generate normal links				
			while ( returnObjById(targetID + "Link" + counter) && returnObjById(targetID + "Content" + counter) ) {
				
				// shobiz addition - bold the initial selection instead of making it into a link
				var morphLink; // I don't really need to declare it here because javascript only has function locals anyway, but I think this makes my intent clearer
				if (counter != initialSelection) {
					morphLink = document.createElement("a");
					morphLink.appendChild(document.createTextNode(returnObjById(targetID + "Link" + counter).innerHTML));
					morphLink.setAttribute("href", "javascript:performMorph('" + targetID + "','" + counter + "')");
				} else {
					morphLink = document.createElement("strong");
					morphLink.appendChild(document.createTextNode(returnObjById(targetID + "Link" + counter).innerHTML));
				}
				// end of shobiz addition
				
				returnObjById(targetID + "Link" + counter).innerHTML = "";
				returnObjById(targetID + "Link" + counter).appendChild(morphLink);
				
				// Initialize content panes
					
				counter++;
			}
			
			// shobiz removal - redundant now: allObjects[i].innerHTML = 1;
			allObjects[i].style.display = "none";
		}
	}
	
	// Set state of appropriate objects
	allObjects = document.getElementsByTagName('*');
		
	for ( var i = 0; i < allObjects.length; i++ ) {
		
		if ( stateArray[allObjects[i].className] )
			allObjects[i].style.display = stateArray[allObjects[i].className];
	}
}

/* Function that toggles collapsing objects.
 * Added 7/13/2008 by WhiteMystery ([email protected]) */

function toggleCollapse(targetClass, collapseText, expandText) {

	var allObjects = document.getElementsByTagName('*');
	var rCollapsingObject = new RegExp("^co;(.+?);(.+?);(.+?);" + targetClass + "(;(.+?))?$");
		
	var linkType;
	
	for ( var i = 0; i < allObjects.length; i++ ) {
	
		if ( allObjects[i].className == targetClass ) {
		
			if ( allObjects[i].style.display == "none" ) {
			
				allObjects[i].style.display = "inline";
				linkType = "Collapse";	
			}
			
			else {
			
				allObjects[i].style.display = "none";
				linkType = "Expand";	
			}
		}	
	}
	
	allObjects = document.getElementsByTagName('span');
	
	for ( var i = 0; i < allObjects.length; i++ ) {
	
		if ( rCollapsingObject.test(allObjects[i].className) ) {
		
			var collapsingInformation = rCollapsingObject.exec(allObjects[i].className);
			
			var collapseText = collapsingInformation[1];
			var expandText = collapsingInformation[2];
			var linkColor = collapsingInformation[5];
			
			var toggleLink = document.createElement("a");
			
			if ( linkType == "Expand" )
				
				toggleLink.appendChild(document.createTextNode(expandText));
			
			else if ( linkType == "Collapse" )
				
				toggleLink.appendChild(document.createTextNode(collapseText));
			
			toggleLink.setAttribute("href", "javascript:toggleCollapse('" + targetClass + "','" + collapseText + "','" + expandText + "')");
			
			if ( linkColor != undefined && linkColor != "undefined" && linkColor != "" )
				toggleLink.style.color = linkColor;
			
			allObjects[i].innerHTML = "";
			allObjects[i].appendChild(toggleLink);
		}
	}
}

/* Functions that perform the morph operations.
 * Added 8/13/2008 by WhiteMystery ([email protected]) */

function performMorph(targetID, targetNumber) {
	
	// shobiz addition - restore previous selection's link and get rid of current one's
	var oldCounter = parseInt(returnObjById(targetID + "Master").innerHTML);
	var morphLink = document.createElement("a");
	var oldLink = returnObjById(targetID + "Link" + oldCounter);
	morphLink.appendChild(document.createTextNode(oldLink.childNodes[0].innerHTML));
	morphLink.setAttribute("href", "javascript:performMorph('" + targetID + "','" + oldCounter + "')");
	oldLink.replaceChild(morphLink, oldLink.childNodes[0]);
	
	var morphStrong = document.createElement("strong");
	var newLink = returnObjById(targetID + "Link" + targetNumber);
	morphStrong.appendChild(document.createTextNode(newLink.childNodes[0].innerHTML));
	newLink.replaceChild(morphStrong, newLink.childNodes[0]);
	// end of shobiz addition
	
	var counter = 1;
	while ( returnObjById(targetID + "Content" + counter) ) {
	
		if ( counter == targetNumber )
			returnObjById(targetID + "Content" + counter).style.display = "block";
		else
			returnObjById(targetID + "Content" + counter).style.display = "none";
			
		counter++;
	}
	
	returnObjById(targetID + "Master").innerHTML = targetNumber;
}

function morphForward(targetID) {

	var nextPane = parseInt(returnObjById(targetID + "Master").innerHTML) + 1;
	
	if ( returnObjById(targetID + "Content" + nextPane) )
		performMorph(targetID, nextPane);
		
	else
		performMorph(targetID, "1");
}

function morphBackward(targetID) {

	var prevPane = parseInt(returnObjById(targetID + "Master").innerHTML) - 1;
	
	if ( prevPane > 0 )
		performMorph(targetID, prevPane);
		
	else {
	
		var maxIndex = 1;
		
		while ( returnObjById(targetID + "Content" + maxIndex) )
			maxIndex++;
		
		performMorph(targetID, maxIndex - 1);
	}
}

/* Function that returns an object by ID for various browsers
 * Taken from http://www.netlobo.com/javascript_get_element_id.html */

function returnObjById( id ) {
	 
    if (document.getElementById) 
        var returnVar = document.getElementById(id);
        
    else if (document.all) 
        var returnVar = document.all[id];
        
    else if (document.layers) 
        var returnVar = document.layers[id];
        
    return returnVar; 
}

/*</pre>*/
Retrieved from "https://info.sonicretro.org/index.php?title=MediaWiki:Common.js&oldid=189603"