var link = $('<span class="hover-edit-box dynamic"><a href="#" class="add"><img border=0 src="/-static/circular-icons/add.png" title="add item to list" class="icon"></a> <a href="#" class="reorder" title="reorder an item in the list"><img border=0 src="/-static/circular-icons/arrows_north_south.png"></a> <a href="#" class="remove"><img border=0 src="/-static/circular-icons/minus.png" title="remove an item from the list" class="icon"></a></span>');

                $('a.reorder', link).bind('click', function (event2) {

                    target.addClass('select-to-reorder');

                    var selectedLi = null;

                    var lastLi = null;

                    var resetReorder = function () {

                        target.removeClass('select-to-reorder');

                        target.removeClass('select-to-reorder-target');

                        if (lastLi !== null) {

                            lastLi.remove();

                        }

                        $(document).unbind('keyup', escapeCatcher);

                        $('li', target).unbind('click', liMover);

                    };

                    var liMover = function (event3) {

                        var selTarget = $(event3.target);

                        if (selectedLi === null) {

                            selectedLi = selTarget;

                            selectedLi.addClass('select-to-reorder-selected');

                            lastLi = $('<li class="select-bottom">(bottom)</li>');

                            target.append(lastLi);

                            lastLi.bind('click', liMover);

                            target.removeClass('select-to-reorder');

                            target.addClass('select-to-reorder-target');

                        } else {

                            console.log('Moving from', liIndex(selectedLi),

                                'to', liIndex(selTarget));

                            $.post(_page_inline_edit_url,

                                   {tagName: target.get(0).tagName,

                                    position: ""+elPosition,

                                    moveLi: liIndex(selectedLi),

                                    newPosition: liIndex(selTarget)},

                                   function () {

                                       selectedLi.removeClass('select-to-reorder-selected');

                                       selTarget.before(selectedLi);

                                       resetReorder();

                                   });

                        }

                    };

                    var escapeCatcher = function (event3) {

                        if (event3.keyCode == 27) {

                            resetReorder();

                        }

                    };

                    $(document).bind('keyup', escapeCatcher);

                    $('li', target).bind('click', liMover);

                });

                        var index = liIndex(liToRemove);

                               {tagName: target.get(0).tagName,

function liIndex(li) {

    li = li.get(0);

    var index = 0;

    var parent = li.parentNode;

    for (var i=0; i<parent.childNodes.length; i++) {

        if (parent.childNodes[i] == li) {

            return index;

        }

        if (parent.childNodes[i].tagName == 'LI') {

            index++;

        }

    }

    throw("Somehow parent didn't contain child");

}