$(document).ready(function () {
    $("span.timestamp").map(function (i, e) {
        var conversions = $.getJSON("http://forums.clankma.net/tz/convert.php", {ts: $(e).text()},
            function (data, textStatus) {
                $(e).removeClass("timestamp");
                $(e).addClass("loaded-timestamp");
                $(e).append('<div class="times"></div>');
                var drop = $(e).children().filter('div');
                drop.hide();
                drop.append('<h3>Other timezones:</h3>');
                drop.append('<a href="#" class="exit">X</a>');
                var exit = drop.children().filter('a');
                exit.click(function (evt) {
                    evt.preventDefault();
                    drop.hide(100);
                    return false;
                });
                exit.focus(function (evt) { this.blur(); });
                drop.append('<ul></ul>');
                var list = drop.children().filter('ul');
                $.map(data, function(elt, idx) {
                    list.append('<li>'+ elt + '</li>');
                });
                $(e).click(function (evt) {
                    drop.toggle(300);
                });
                drop.click(function (evt) {
                    return false;
                });
                $([window, document.body]).click(function (evt) {
                    if (evt.target != e) {
                        drop.fadeOut(300);
                    }
                });
            });
        });
});