// --------------------------------------------------------------------

( function( $ ) {
$.fn.sortable2 = function( action, args )
{
    var actions = {

        "init": function( $sortable2 ) {
            // initialize the sortable2 and support elements
            $sortable2.data( "on_edit", args.edit ) ;
            var $add = find_helper( $sortable2, "add" ) ;
            $add.click( args.add ) ;
            // handle dragging entries to the trash
            var $trash = find_helper( $sortable2, "trash" ) ;
            $trash.prop( "src", gImagesBaseUrl + "/trash.png" ) ;
            $sortable2.sortable( { connectWith: $trash, cursor: "move" } ) ;
            $trash.sortable( {
                receive: function( evt, ui ) {
                    ui.item.remove() ;
                    update_hint( $sortable2 ) ;
                }
            } ) ;
        },

        "add": function( $sortable2 ) {
            // add a new entry to the sortable2
            var $entry = $( "<li></li>" ) ;
            $entry.append( args.content ) ;
            $entry.data( "sortable2-data", args.data ) ;
            $sortable2.append( $entry ) ;
            init_entry( $sortable2, $entry ) ;
            // update the hint
            update_hint( $sortable2 ) ;
        },

        "delete": function( $sortable2 ) {
            // delete the entry from the sortable2
            delete_entry( $sortable2, args.entry ) ;
        },

        "delete-all": function( $sortable2 ) {
            // delete all entries from the sortable2
            $sortable2.children( "li" ).each( function() {
                $(this).remove() ;
            } ) ;
            update_hint( $sortable2 ) ;
        },

        "get-entry-data": function( $sortable2 ) {
            // get the data associated with each sortable2 entry
            var entry_data = [] ;
            $sortable2.children( "li" ).each( function() {
                entry_data.push( $(this).data( "sortable2-data" ) ) ;
            } ) ;
            return entry_data ;
        },

    } ;

    function init_entry( $sortable2, $entry )
    {
        // initialize the sortable2 entry
        var on_edit = $sortable2.data( "on_edit" ) ;
        if ( on_edit ) {
            $entry.dblclick( function() { // double-click => edit the entry
                on_edit( $sortable2, $entry ) ;
            } ) ;
        }
        $entry.click( function( evt ) { // ctrl-click => delete the entry
            if ( evt.ctrlKey )
                delete_entry( $sortable2, $(this) ) ;
        } ) ;
    }

    function delete_entry( $sortable2, $entry )
    {
        // ask if it's OK to delete the entry
        $entry.addClass( "highlighted" ) ;
        var caption = $entry.data( "sortable2-data" ).caption ;
        if ( ! caption )
            caption = $entry.html() ;
        ask( "OK to delete?", escapeHTML(caption), {
            "ok": function() {
                // yup - make it so
                $entry.remove() ;
                update_hint( $sortable2 ) ;
            },
            "close": function() { $entry.removeClass("highlighted") ; },
        } ) ;
    }

    function update_hint( $sortable2 ) {
        // show/hide the hint
        var $hint = find_helper( $sortable2, "hint" ) ;
        if ( $sortable2.children("li").length === 0 ) {
            $sortable2.hide() ;
            $hint.show() ;
        } else {
            $sortable2.show() ;
            $hint.hide() ;
        }
    }

    function find_helper( $sortable2, type ) {
        // find a helper element for the sortable2
        var id = $sortable2.prop( "id" ) ;
        var pos = id.indexOf( "sortable" ) ;
        return $( "#" + id.substring(0,pos) + type+ id.substring(pos+8) ) ;
    }

    // execute the specified action
    var retval = actions[action]( this ) ;

    return (retval !== undefined) ? retval : this ;
} ;
} ) ( jQuery ) ;