var TAG = {
    draw_new_tag : function(id,name) {
        var n=document.createElement("DIV");
            n.style.display="none";

            n.innerHTML  = "<div id='tag_"+id+"' style='padding:2px 0px 0px 0px' "+
                                 "onmouseover=\"javascript:Fat.set_bgcolor('tag_"+id+"','#FFFF99',false,true);document.getElementById('edit_tag_"+id+"').style.display='';\" " +
                                 "onmouseout =\"Fat.fade_element('tag_"+id+"');\" >" +
                  "<a href='/mytags/"+name+"/'>"+name+"</a>&nbsp;&nbsp;" +
                  "<span id='edit_tag_"+id+"' style='display: none;'>" +
                        "<a href='#' class='edit' onclick=\"locked_ids['tag_"+id+"'] = true; new Effect.Appear('edit_field_"+id+"'); return false;\">edit</a>&nbsp;&nbsp;" +
                        "<a href='#' class='path' onclick=\"if (confirm('Are you sure?')) { ATTAP.ajax({url:'/ajax/user.cgi',section:'rm_tag',extra_params:'tag_id="+id+"',handler:TAG.handle_rm_tag}); } return false;\">" +
                        "  <img border='0' align='center' valign='middle' alt='Trash' src='/images/trash.gif'/>" +
                        "</a>"+
                     "</span>"+
                     "<div id='edit_field_"+id+"' style='display: none;'>"+
                     "<nobr>Make it:</nobr>" +
                     "    <select name='attr_"+id+"'>" +
                     "        <option value='public'>Public</option>" +
                     "        <option value='private'>Private</option>" +
                     "    </select> <br>"+
                     "<a class='edit' href='#' onclick=\"ATTAP.ajax({url:'/ajax/user.cgi',section:'alter_tag',extra_params:Form.Element.serialize('attr_"+id+"')&tag_id="+id+"',handler:TAG.handle_alter_tag} return false;)\">save</a>&nbsp;&nbsp;<a class='edit' href='#' onclick=\"new Effect.Fade('edit_field_"+id+"'); locked_ids['tag_"+id+"'] = false; return false;\">cancel</a>"+
                     "</div>" +
                     "</div>";


         var pholder = document.getElementById("new_tag_placeholder");
         if(pholder){
                if( pholder.style.display != "" )
                  new Effect.Appear(pholder.id);
                else
                  new Effect.Highlight(pholder.id);

                pholder.appendChild(n);
                n.style.display='';
         }
    },
    handle_new_tag : function(rs) {
        switch(rs.response){
        case 700:
             TAG.draw_new_tag(rs.data.tag_id,rs.data.tag_name);
             $('new_tag_name').value = '';
             break;
        default:
             ATTAP.default_handler(rs);
        };
    },
    handle_rm_tag  : function(rs) {
        switch(rs.response){
        case 700:
             new Effect.Fade('tag_'+rs.data.tag_id);
             break;
        default:
             ATTAP.default_handler(rs);
        };
    },
    handle_alter_tag  : function(rs) {
        switch(rs.response){
        case 700:
             new Effect.Fade('edit_field_'+rs.data.tag_id);
             locked_ids['tag_'+rs.data.tag_id] = false;
             break;
        default:
             ATTAP.default_handler(rs);
        };
    }

}