understanding javascript function in XKCD
<p>I am trying to view individual tiles from this comic: <a href="http://xkcd.com/1110/" rel="nofollow">http://xkcd.com/1110/</a></p>

<p>I looked at the JavaScript but I can't figure out the naming convention.</p>

<pre><code>for (var y = -1; y &lt;= +1; y++)
    for (var x = -1; x &lt;= +1; x++) {
        var name = tile_name(centre[0] + x, centre[1] + y);
        var tile = $map.find('.tile' + name);
        if (tile.length) $remove = $remove.not(tile);
        else {
            $image = $('&lt;img class="tile' + name + '" src="http://imgs.xkcd.com/clickdrag/' + name + '.png" style="top:' + ((centre[1] + y) * tilesize) + 'px;left:' + ((centre[0] + x) * tilesize) + 'px; z-index: -1; position: absolute;;" style="display:none" /&gt;');
            $image.load(function() {
                $(this).show()
            }).error(function() {
                $(this).remove();
            });
            $map.append($image);
        }
    }

$remove.remove();
</code></pre>

<p>I was expecting: <a href="http://imgs.xkcd.com/clickdrag/1.2.png" rel="nofollow">http://imgs.xkcd.com/clickdrag/1.2.png</a> but that doesn't work. </p>

<p>Thanks for the help!</p>
