$(function()
{
    
    /**
    * Work with tags
    * 
    */
    
    // delete tag
    $('table#tags_list a').live('click', function ()
    {
        // row to remove
        var row = $(this).parent().parent();
        $.getJSON($(this).attr('href'), function(response) { row.remove(); });
        return false;
    });
    
    // suggest tag
    $('#tags').suggest('video/suggest-tag.html', 
    {
        onSelect: function() 
        {
            var tag = this.value;
            var session_key = $('#session_key').val();
            
            // empty input
            $('#tags').val('');
            
            // add new tag to the session
            $.post('video/add-tag.html', {tag: tag, session_key: session_key});
            // and append to the DOM
            $('table#tags_list').append(
                '<tr><td>' + tag + '</td><td>\
                <a href="/video/delete-tag.html?tag=' + tag + '&session_key=' + session_key + '">\
                Delete</a></td></tr>');
        }
    });
    
});