Usuario:ReyWar/common.js

/* Cualquier código JavaScript escrito aquí sólo se cargara al usuario ReyWar. */
//<source lang="JavaScript">
 
/** Toolbar **/
 
if (mwCustomEditButtons) {
    mwCustomEditButtons.push({
        "imageFile": "http://upload.wikimedia.org/wikipedia/en/c/c8/Button_redirect.png",
        "speedTip": "Redirección",
        "tagOpen": "#REDIRECCIÓN [[",
        "tagClose": "]]",
        "sampleText": "Nombre de la pagina"
    });

    mwCustomEditButtons.push({
        "imageFile": "",
        "speedTip": "A purgar el pueblo",
        "tagOpen": "{{Borrar}}",
        "tagClose": "",
        "sampleText": ""
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://upload.wikimedia.org/wikipedia/en/c/c9/Button_strike.png",
        "speedTip": "Tachado",
        "tagOpen": "<s>",
        "tagClose": "</s>",
        "sampleText": "Texto tachado"
    });
 
    mwCustomEditButtons.push({
         "imageFile": "http://upload.wikimedia.org/wikipedia/en/1/13/Button_enter.png",
        "speedTip": "Linea libre",
        "tagOpen": "<br/>",
        "tagClose": "",
        "sampleText": ""
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://upload.wikimedia.org/wikipedia/en/8/80/Button_upper_letter.png",
        "speedTip": "Superscript",
        "tagOpen": "<sup>",
        "tagClose": "</sup>",
        "sampleText": "Texto superscript"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://upload.wikimedia.org/wikipedia/en/7/70/Button_lower_letter.png",
        "speedTip": "Subscript",
        "tagOpen": "<sub>",
        "tagClose": "</sub>",
        "sampleText": "Texto subcript"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://upload.wikimedia.org/wikipedia/en/5/58/Button_small.png",
        "speedTip": "Pequeño",
        "tagOpen": "<small>",
        "tagClose": "</small>",
        "sampleText": "Texto pequeño"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://upload.wikimedia.org/wikipedia/en/3/34/Button_hide_comment.png",
        "speedTip": "Insertar comentario escondido",
        "tagOpen": "<!-- ",
        "tagClose": " -->",
        "sampleText": "Comentario"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://upload.wikimedia.org/wikipedia/en/1/12/Button_gallery.png",
        "speedTip": "Insertar galería",
        "tagOpen": "\n<gallery>\n",
        "tagClose": "\n</gallery>",
        "sampleText": "Archivo:Ejemplo.png|Captura1\nImage:Ejemplo.png|Captura2"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://upload.wikimedia.org/wikipedia/en/f/fd/Button_blockquote.png",
        "speedTip": "Insertar cita",
        "tagOpen": "<blockquote>\n",
        "tagClose": "\n</blockquote>",
        "sampleText": "Texto citado"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://upload.wikimedia.org/wikipedia/en/6/60/Button_insert_table.png",
        "speedTip": "Insertar tabla",
        "tagOpen": '{| class="wikitable"\n|',
        "tagClose": "\n|}",
        "sampleText": "-\n! header 1\n! header 2\n! header 3\n|-\n| row 1, cell 1\n| row 1, cell 2\n| row 1, cell 3\n|-\n| row 2, cell 1\n| row 2, cell 2\n| row 2, cell 3"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://upload.wikimedia.org/wikipedia/commons/7/79/Button_reflink.png",
        "speedTip": "Insertar referencia",
        "tagOpen": "<ref>",
        "tagClose": "</ref>",
        "sampleText": "Insertar texto de la referencia"
    });

    mwCustomEditButtons.push({
        "imageFile": "http://media-mcw.cursecdn.com/es/1/1c/Comillas_angulares.png",
        "speedTip": "Comillas latinas",
        "tagOpen": "«",
        "tagClose": "»",
        "sampleText": ""
    });
} 
 
//B
//U
//G
//S
//see bug 8912
addOnloadHook(function () {
    if (document.location.search.indexOf("undo=") != -1
        && document.getElementsByName('wpAutoSummary')[0]) {
        document.getElementsByName('wpAutoSummary')[0].value='1';
    }
})

/**
 * Ocultar
 *
 * http://www.mediawiki.org/wiki/Manual:Collapsible_tables#Common.js_script_.28before_1.18.29
 *
 * 
 */
var collapseText = 'Ocultar', expandText = 'Mostar';
	
window.mcw.makeCollapsible = function() {
	var $tables = $( 'table.collapsible' );
	if ( $tables.length ) {
		var collapseButton, buttonText = ' <span class="collapsible-button">[<span class="jslink">' + collapseText + '</span>]</span> ';
		
		$tables.each( function() {
			var $table = $( this ), header;
			
			if ( $table.data( 'collapsible' ) ) {
				return true;
			}
			
			if ( $table.find( '.collapse-button' ).length ) {
				header = $table.find( 'tr:first .collapse-button' );
			} else {
				header = $table.find( 'tr:first th:first' );
			}
			
			if ( !header.length || !$table.find( 'tr' ).not( 'tr:first' ).text().replace( /\n/g, '' ).length ) {
				return true;
			}
			
			if ( $table.hasClass( 'collapse-button-none' ) ) {
				header.append( buttonText );
			} else {
				header.prepend( buttonText );
			}
			
			collapseButton = $table.find( '.collapsible-button .jslink' );
			
			if ( $table.hasClass( 'collapsed' ) ) {
				collapseButton.text( expandText );
			}
			
			$table.data( 'collapsible', true );
		} );
	}
};

$( '#content' ).delegate( 'table.collapsible .collapsible-button .jslink', 'click', function( e ) {
	var $table = $( this ).closest( 'table.collapsible' );
	
	// Stop table sorting activating when clicking the link
	e.stopPropagation();
	
	if ( $table.hasClass( 'collapsed' ) ) {
		$table.removeClass( 'collapsed' ).addClass( 'expanded' );
		$( this ).text( collapseText );
	} else {
		$table.removeClass( 'expanded' ).addClass( 'collapsed' );
		$( this ).text( expandText );
	}
} );
window.mcw.makeCollapsible();

/**
 * Replace part of ext.vector.collapsibleTabs.js (https://gerrit.wikimedia.org/r/gitweb?p=mediawiki/extensions/Vector.git;a=blob;f=modules/ext.vector.collapsibleTabs.js;hb=HEAD)
 * so it takes into account the padding and margins set on the tabs,
 * as well as the new size of the menu tab
 */
var rtl = $( 'body' ).is( '.rtl' );
$( '#p-views ul' ).unbind( 'beforeTabCollapse' ).bind( 'beforeTabCollapse', function () {
	if ( $( '#p-cactions' ).css( 'display' ) === 'none' ) {
		$( '#p-cactions' )
			.addClass( 'filledPortlet' ).removeClass( 'emptyPortlet' )
			.find( 'h5' )
				.css( 'width','1px' ).animate( { 'width':'37px' }, 390 );
	}
} ).collapsibleTabs( {
	expandCondition: function ( eleWidth ) {
		if ( rtl ) {
			return ( $( '#right-navigation' ).position().left + $( '#right-navigation' ).width() + 17 ) <
						( $( '#left-navigation' ).position().left - eleWidth - 13 );
		}
		return ( $( '#left-navigation' ).position().left + $( '#left-navigation' ).width() + 17 ) <
					( $( '#right-navigation' ).position().left - eleWidth - 13 );
	},
	collapseCondition: function () {
		if ( rtl ) {
			return ( $( '#right-navigation' ).position().left + $( '#right-navigation' ).width() + 17 ) >
						( $( '#left-navigation' ).position().left );
		}
		return ( $( '#left-navigation' ).position().left + $( '#left-navigation' ).width() + 17 ) >
					( $( '#right-navigation' ).position().left );
	}
} );


/** Mmmm... **/
if ( $( '.animated' ).length ) {
    setInterval( function() {
        $( '.animated' ).each( function() {
            var current = $( this ).find( '.active' ).removeClass( 'active' ), next = current.next();
            if ( !current.next().length ) {
                next = $( this ).children().eq( 0 );
            }
            next.addClass( 'active' );
        } );
    }, 2000 );
}

/** Al acercar el mouse al Grid en la grilla de crafteo [[Plantilla:Grid/Crafting Table]] **/
function pauseGrid( grid ) {
    $( grid ).hover( function() { 
        $( this ).find( '.grid .animated' ).removeClass( 'animated' ).addClass( 'paused' );
    }, function() {
        $( this ).find( '.grid .paused' ).removeClass( 'paused' ).addClass( 'animated' );
    } );
}
pauseGrid( '.grid-Crafting_Table' );
pauseGrid( '.grid-Furnace' );
pauseGrid( '.grid-Brewing_Stand' );

/** Interfaz IE8 **/
if ( $.client.profile().name === 'msie' && $.client.profile().versionBase === '8' ) {
    $( '.navbox-list li:last' ).addClass( 'last-child' );
}

/** Loadpage **/
var baseURL = '/', loadText = 'Cargar contenido', showText = 'Expandir', hideText = 'Ocultar';

$( '.load-page' ).find( '.mw-headline:first' ).append( '<span class="load-page-button" style="margin-left:10px;font-weight:normal">[<span class="jslink">' + loadText + '</span>]</span>' );

$( '.load-page-button > .jslink' ).live( 'click', function() {
    var $this = $( this ), $body = $this.closest( '.load-page' ), $content = $body.find( '.load-page-content' );
    
    if ( $body.hasClass( 'loading' ) ) {
        return;
    }
    if ( $this.text() === loadText ) {
        $body.addClass( 'loading' );
        $( 'body' ).css( 'cursor', 'wait' );
        $.ajax( {
            url: baseURL + 'api.php?format=json&action=parse&prop=text&redirects=1&page=' + mw.util.wikiUrlencode( $body.data( 'page' ) ),
            dataType: 'json',
            timeout: 20000
        } ).done( function( data ) {
            if ( data.error ) {
                if ( $( '#error-dialog' ).length ) {
                    return;
                }
                mw.loader.using( 'jquery.ui.dialog', function() {
                    $body.removeClass( 'loading' );
                    $( 'body' ).css( 'cursor', 'auto' );
                    
                    $( '#netbar' ).after( '<div id="error-dialog" />' );
                    $( '#error-dialog' ).html( '<p><strong>Error:</strong> ' + data.error.info + '</p>' ).dialog( {
                        title: 'Hey! Listen!',
                        resizable: false,
                        width: 400,
                        modal: true,
                        buttons: {
                            'Retry': function() {
                                $this.click();
                                $( this ).dialog( 'destroy' );
                                $( '#error-dialog' ).remove();
                            },
                            Cancel: function() {
                                $( this ).dialog( 'destroy' );
                                $( '#error-dialog' ).remove();
                                return;
                            }
                        }
                    } );
                } );
                return;
            }
            
            $content.html( data.parse.text['*'] );
            $this.text( hideText );
            $body.removeClass( 'loading' );
            $( 'body' ).css( 'cursor', 'auto' );
        } ).fail( function( error ) {
            if ( $( '#error-dialog' ).length ) {
                return;
            }
            mw.loader.using( 'jquery.ui.dialog', function() {
                $body.removeClass( 'loading' );
                $( 'body' ).css( 'cursor', 'auto' );
                
                $( '#netbar' ).after( '<div id="error-dialog" />' );
                if ( !error.responseText ){
                    $( '#error-dialog' ).html( '<p><strong>Error:</strong> No response from the server</p>' );
                } else {
                    $( '#error-dialog' ).html( '<p><strong>Error:</strong> ' + error.responseText + '</p>' );
                }
                $( '#error-dialog' ).dialog( {
                    title: 'Hey! Listen!',
                    resizable: false,
                    width: 400,
                    modal: true,
                    buttons: {
                        'Retry': function() {
                            $this.click();
                            $( this ).dialog( 'destroy' );
                            $( '#error-dialog' ).remove();
                        },
                        Cancel: function() {
                            $( this ).dialog( 'destroy' );
                            $( '#error-dialog' ).remove();
                            return;
                        }
                    }
                } );
            } );
        } );
    } else if ( $this.text() === showText ) {
        $content.show();
        $this.text( hideText );
    } else {
        $content.hide();
        $this.text( showText );
    }
} );


/** Animación de los Grids **/
var baseURL = '/', wikiURL = '/wiki/', $grids = $( '.grid' ), titles = [], titleCount = 0, section = 0;
if ( $grids.length ) {
    $grids.each( function() {
        var imgs = $( this ).data( 'imgs' ), mod = $( this ).data( 'mod' );
        if ( !imgs ) {
            return true;
        }
        
        imgs = imgs.split( ';' );
        imgs.shift();
        $.each( imgs, function() {
            if ( !this.trim() ) {
                return true;
            }
            
            if ( titleCount === 50 ) {
                titleCount = 0;
                section++;
            }
            if ( !titles[section] ) {
                titles[section] = '';
            }
            
            if ( this.indexOf( ':' ) > -1 ) {
                this.replace( /([^:]*):?([^,]*)/, function( $, mod, name ) {
                    if ( mod.trim().toLowerCase() === 'v' || mod.trim().toLowerCase() === 'vanilla' ) {
                        if ( titles[section].indexOf( 'File:Grid ' + name.trim() + '.png' ) < 0 ) {
                            titles[section] += 'File:Grid ' + name.trim() + '.png|';
                            titleCount++;
                        }
                    } else {
                        if ( titles[section].indexOf( 'File:Grid ' + name.trim() + ' (' + mod.trim() + ').png' ) < 0 ) {
                            titles[section] += 'File:Grid ' + name.trim() + ' (' + mod.trim() + ').png|';
                            titleCount++;
                        }
                    }
                } );
            } else {
                this.replace( /([^,]*)/, function( $, name ) {
                    if ( !mod || mod.trim().toLowerCase() === 'v' || mod.trim().toLowerCase() === 'vanilla' ) {
                        if ( titles[section].indexOf( 'File:Grid ' + name.trim() + '.png' ) < 0 ) {
                            titles[section] += 'File:Grid ' + name.trim() + '.png|';
                            titleCount++;
                        }
                    } else {
                        if ( titles[section].indexOf( 'File:Grid ' + name.trim() + ' (' + mod.trim() + ').png' ) < 0 ) {
                            titles[section] += 'File:Grid ' + name.trim() + ' (' + mod.trim() + ').png|';
                            titleCount++;
                        }
                    }
                } );
            }
        } );
    } );
    
    /* Thanks to bug 23750 (https://bugzilla.wikimedia.org/show_bug.cgi?id=23750)
     * &redirects doesn't work properly with prop=imageinfo. Some of the images
     * will return without any imageinfo, even though they are valid.
     * So the redirects have to be resolved in a separate request...
     */
    if ( titles ) {
        var promise = [], redirects = {}, urls = {};
        $.each( titles, function( index ) {
            var titleSection = this.slice( 0, -1 );
            promise.push(
                $.ajax( {
                    type: 'POST',
                    url: baseURL + 'api.php?action=query&format=json&redirects',
                    data: { titles: titleSection },
                    timeout: 20000
                } ).done( function( data ) {
                    if ( data.query.redirects ) {
                        $.each( data.query.redirects, function() {
                            redirects[this.to] = this.from;
                            titles[index] = titles[index].replace( this.from, this.to );
                        } );
                    }
                } ).fail( function( error ) {
                    console.error( error );
                } )
            );
        } );
        $.when.apply( $, promise ).then( function() {
            promise.length = 0;
            $.each( titles, function() {
                var titles = this.slice( 0, -1 );
                promise.push(
                    $.ajax( {
                        type: 'POST',
                        url: baseURL + 'api.php?action=query&format=json&prop=imageinfo&iiprop=url&iiurlwidth=32&iiurlheight=32',
                        data: { titles: titles },
                        timeout: 20000
                    } ).done( function( data ) {
                        $.each( data.query.pages, function( index ) {
                            if ( index < 0 ) {
                                return true;
                            }
                            
                            if ( redirects.hasOwnProperty( this.title ) ) {
                                urls[redirects[this.title].replace( /File:Grid (.*).png/, '$1' )] = this.imageinfo[0].thumburl;
                            } else {
                                urls[this.title.replace( /File:Grid (.*).png/, '$1' )] = this.imageinfo[0].thumburl;
                            }
                        } );
                    } ).fail( function( error ) {
                        console.error( error );
                    } )
                );
            } );
            
            $.when.apply( $, promise ).then( function() {
                $grids.each( function() {
                    var $grid = $( this ), imgs = $grid.data( 'imgs' ), mod = $( this ).data( 'mod' ), html = '';
                    if ( !imgs ) {
                        return true;
                    }
                    
                    imgs = imgs.split( ';' );
                    imgs.shift();
                    $.each( imgs, function() {
                        if ( !this.trim() ) {
                            html += gridFormat();
                            return true;
                        }
                        
                        if ( this.indexOf( ':' ) > -1 ) {
                            this.replace( /([^:]*):?([^,]*),?(\d*)/, function( $, mod, name, num ) {
                                if ( mod.trim().toLowerCase() === 'v' || mod.trim().toLowerCase() === 'vanilla' ) {
                                    html += gridFormat( name.trim(), name.trim(), urls[name.trim()], num );
                                } else {
                                    var img = name.trim() + ' (' + mod.trim() + ')';
                                    html += gridFormat( img, 'Mods/' + mod.trim() + '/' + name.trim(),  urls[img], num );
                                }
                            } );
                        } else {
                            this.replace( /([^,]*),?(\d*)/, function( $, name, num ) {
                                if ( !mod || mod.trim().toLowerCase() === 'v' || mod.trim().toLowerCase() === 'vanilla' ) {
                                    html += gridFormat( name.trim(), name.trim(), urls[name.trim()], num );
                                } else {
                                    var img = name.trim() + ' (' + mod.trim() + ')';
                                    html += gridFormat( img, 'Mods/' + mod.trim() + '/' + name.trim(),  urls[img], num );
                                }
                            } );
                        }
                    } );
                    
                    $grid.find( '> .border > span > .animated' ).append( html );
                } );
            } );
        } );
    }
}

function gridFormat( name, link, url, num ) {
    var html = '<span class="image">';
    
    if ( name ) {
        if ( url ) {
            html += '<a title="' + link + '" href="' + wikiURL + link.replace( / /g, '_' ) + '"><img width="32" height="32" src="' + url + '" alt="' + name + '"></a>';
            if ( num ) {
                html += '<span class="number"><a title="' + link + '" href="' + wikiURL + link.replace( / /g, '_' ) + '">' + num + '</a></span>';
            }
        } else {
            html += '<a class="new" title="File:Grid ' + name + '.png" href="' + baseURL + 'index.php?title=Special:Upload&wpDestFile=Grid_' + name.replace( / /g, '_' ) + '.png"></a>';
        }
    } else {
        html += '&nbsp;';
    }
    
    return html += '</span>';
}



/** Herramientas **/
 
//Prevent the static edittools from flashing before the compact edittools below is loaded.
appendCSS('div.edittools-text { display:none; }');
 
addOnloadHook(function () {
    // needs to be deferred until the DOM has fully loaded
    var placeholder = document.getElementById("editpage-specialchars");
    if (!placeholder || window.noDefaultEdittools) {
      //Show the static edittools again for users with "window.noDefaultEdittools=true".
      appendCSS('div.edittools-text { display:block; }');
      return;
    }
    var match = /(?:^| )edittools-version-(\d+)(?: |$)/.exec(placeholder.className);
 
    // set window.testJsEdittools = true to enable testing before full deployment
    if (!match && window.testJsEdittools)
        match = /(?:^| )edittools-version-(test\d+)(?: |$)/.exec(placeholder.className);
 
    if (!match) return;
    var url = wgScript + '?title=MediaWiki:Edittools.js&action=raw&ctype=text/javascript&nocache=' + match[1];
    importScriptURI(url);
});
 
 
// Turn on spellchecking in the edit summary field, for Firefox. 
// Temporary until [[bugzilla:21604]] is deployed
addOnloadHook( function() {
  var wpSummary = document.getElementById( "wpSummary" );
  if ( wpSummary && typeof wpSummary.spellcheck != undefined )
    wpSummary.spellcheck = true;
} );

/** Para el grid **/
var baseURL = '/', wikiURL = '/wiki/', $grids = $( '.grid' ), titles = [], titleCount = 0, section = 0;
if ( $grids.length ) {
    $grids.each( function() {
        var imgs = $( this ).data( 'imgs' ), mod = $( this ).data( 'mod' );
        if ( !imgs ) {
            return true;
        }
        
        imgs = imgs.split( ';' );
        imgs.shift();
        $.each( imgs, function() {
            if ( !this.trim() ) {
                return true;
            }
            
            if ( titleCount === 50 ) {
                titleCount = 0;
                section++;
            }
            if ( !titles[section] ) {
                titles[section] = '';
            }
            
            if ( this.indexOf( ':' ) > -1 ) {
                this.replace( /([^:]*):?([^,]*)/, function( $, mod, name ) {
                    if ( mod.trim().toLowerCase() === 'v' || mod.trim().toLowerCase() === 'vanilla' ) {
                        if ( titles[section].indexOf( 'File:Grid ' + name.trim() + '.png' ) < 0 ) {
                            titles[section] += 'File:Grid ' + name.trim() + '.png|';
                            titleCount++;
                        }
                    } else {
                        if ( titles[section].indexOf( 'File:Grid ' + name.trim() + ' (' + mod.trim() + ').png' ) < 0 ) {
                            titles[section] += 'File:Grid ' + name.trim() + ' (' + mod.trim() + ').png|';
                            titleCount++;
                        }
                    }
                } );
            } else {
                this.replace( /([^,]*)/, function( $, name ) {
                    if ( !mod || mod.trim().toLowerCase() === 'v' || mod.trim().toLowerCase() === 'vanilla' ) {
                        if ( titles[section].indexOf( 'File:Grid ' + name.trim() + '.png' ) < 0 ) {
                            titles[section] += 'File:Grid ' + name.trim() + '.png|';
                            titleCount++;
                        }
                    } else {
                        if ( titles[section].indexOf( 'File:Grid ' + name.trim() + ' (' + mod.trim() + ').png' ) < 0 ) {
                            titles[section] += 'File:Grid ' + name.trim() + ' (' + mod.trim() + ').png|';
                            titleCount++;
                        }
                    }
                } );
            }
        } );
    } );
    
    /* Thanks to bug 23750 (https://bugzilla.wikimedia.org/show_bug.cgi?id=23750)
     * &redirects doesn't work properly with prop=imageinfo. Some of the images
     * will return without any imageinfo, even though they are valid.
     * So the redirects have to be resolved in a separate request...
     */
    if ( titles ) {
        var promise = [], redirects = {}, urls = {};
        $.each( titles, function( index ) {
            var titleSection = this.slice( 0, -1 );
            promise.push(
                $.ajax( {
                    type: 'POST',
                    url: baseURL + 'api.php?action=query&format=json&redirects',
                    data: { titles: titleSection },
                    timeout: 20000
                } ).done( function( data ) {
                    if ( data.query.redirects ) {
                        $.each( data.query.redirects, function() {
                            redirects[this.to] = this.from;
                            titles[index] = titles[index].replace( this.from, this.to );
                        } );
                    }
                } ).fail( function( error ) {
                    console.error( error );
                } )
            );
        } );
        $.when.apply( $, promise ).then( function() {
            promise.length = 0;
            $.each( titles, function() {
                var titles = this.slice( 0, -1 );
                promise.push(
                    $.ajax( {
                        type: 'POST',
                        url: baseURL + 'api.php?action=query&format=json&prop=imageinfo&iiprop=url&iiurlwidth=32&iiurlheight=32',
                        data: { titles: titles },
                        timeout: 20000
                    } ).done( function( data ) {
                        $.each( data.query.pages, function( index ) {
                            if ( index < 0 ) {
                                return true;
                            }
                            
                            if ( redirects.hasOwnProperty( this.title ) ) {
                                urls[redirects[this.title].replace( /File:Grid (.*).png/, '$1' )] = this.imageinfo[0].thumburl;
                            } else {
                                urls[this.title.replace( /File:Grid (.*).png/, '$1' )] = this.imageinfo[0].thumburl;
                            }
                        } );
                    } ).fail( function( error ) {
                        console.error( error );
                    } )
                );
            } );
            
            $.when.apply( $, promise ).then( function() {
                $grids.each( function() {
                    var $grid = $( this ), imgs = $grid.data( 'imgs' ), mod = $( this ).data( 'mod' ), html = '';
                    if ( !imgs ) {
                        return true;
                    }
                    
                    imgs = imgs.split( ';' );
                    imgs.shift();
                    $.each( imgs, function() {
                        if ( !this.trim() ) {
                            html += gridFormat();
                            return true;
                        }
                        
                        if ( this.indexOf( ':' ) > -1 ) {
                            this.replace( /([^:]*):?([^,]*),?(\d*)/, function( $, mod, name, num ) {
                                if ( mod.trim().toLowerCase() === 'v' || mod.trim().toLowerCase() === 'vanilla' ) {
                                    html += gridFormat( name.trim(), name.trim(), urls[name.trim()], num );
                                } else {
                                    var img = name.trim() + ' (' + mod.trim() + ')';
                                    html += gridFormat( img, 'Mods/' + mod.trim() + '/' + name.trim(),  urls[img], num );
                                }
                            } );
                        } else {
                            this.replace( /([^,]*),?(\d*)/, function( $, name, num ) {
                                if ( !mod || mod.trim().toLowerCase() === 'v' || mod.trim().toLowerCase() === 'vanilla' ) {
                                    html += gridFormat( name.trim(), name.trim(), urls[name.trim()], num );
                                } else {
                                    var img = name.trim() + ' (' + mod.trim() + ')';
                                    html += gridFormat( img, 'Mods/' + mod.trim() + '/' + name.trim(),  urls[img], num );
                                }
                            } );
                        }
                    } );
                    
                    $grid.find( '> .border > span > .animated' ).append( html );
                } );
            } );
        } );
    }
}

function gridFormat( name, link, url, num ) {
    var html = '<span class="image">';
    
    if ( name ) {
        if ( url ) {
            html += '<a title="' + link + '" href="' + wikiURL + link.replace( / /g, '_' ) + '"><img width="32" height="32" src="' + url + '" alt="' + name + '"></a>';
            if ( num ) {
                html += '<span class="number"><a title="' + link + '" href="' + wikiURL + link.replace( / /g, '_' ) + '">' + num + '</a></span>';
            }
        } else {
            html += '<a class="new" title="File:Grid ' + name + '.png" href="' + baseURL + 'index.php?title=Special:Upload&wpDestFile=Grid_' + name.replace( / /g, '_' ) + '.png"></a>';
        }
    } else {
        html += '&nbsp;';
    }
    
    return html += '</span>';
}