]> git.mxchange.org Git - quix0rs-gnu-social.git/blobdiff - js/util.js
No need for NoticeFormMaster anymore
[quix0rs-gnu-social.git] / js / util.js
index 5c12ab111db536d221a22d841c2db013f4e0e346..56aaf1f6f993e7139895b157f7e0d562db38932c 100644 (file)
@@ -32,7 +32,6 @@ var SN = { // StatusNet
             MaxLength: 140,
             PatternUsername: /^[0-9a-zA-Z\-_.]*$/,
             HTTP20x30x: [200, 201, 202, 203, 204, 205, 206, 300, 301, 302, 303, 304, 305, 306, 307],
-            NoticeFormMaster: null // to be cloned from the one at top
         },
 
         /**
@@ -54,7 +53,7 @@ var SN = { // StatusNet
             NoticeDataGeo: 'notice_data-geo',
             NoticeDataGeoCookie: 'NoticeDataGeo',
             NoticeDataGeoSelected: 'notice_data-geo_selected',
-            StatusNetInstance:'StatusNetInstance'
+            StatusNetInstance: 'StatusNetInstance'
         }
     },
 
@@ -77,12 +76,11 @@ var SN = { // StatusNet
      * @param {String} key: string key name to pull from message index
      * @return matching localized message string
      */
-    msg: function(key) {
-        if (typeof SN.messages[key] == "undefined") {
+    msg: function (key) {
+        if (SN.messages[key] === undefined) {
             return '[' + key + ']';
-        } else {
-            return SN.messages[key];
         }
+        return SN.messages[key];
     },
 
     U: { // Utils
@@ -94,37 +92,36 @@ var SN = { // StatusNet
          * @param {jQuery} form: jQuery object whose first matching element is the form
          * @access private
          */
-        FormNoticeEnhancements: function(form) {
-            if (jQuery.data(form[0], 'ElementData') === undefined) {
-                MaxLength = form.find('.count').text();
-                if (typeof(MaxLength) == 'undefined') {
-                     MaxLength = SN.C.I.MaxLength;
+        FormNoticeEnhancements: function (form) {
+            if ($.data(form[0], 'ElementData') === undefined) {
+                var MaxLength = form.find('.count').text();
+                if (MaxLength === undefined) {
+                    MaxLength = SN.C.I.MaxLength;
                 }
-                jQuery.data(form[0], 'ElementData', {MaxLength:MaxLength});
+                $.data(form[0], 'ElementData', {MaxLength: MaxLength});
 
                 SN.U.Counter(form);
 
-                NDT = form.find('.notice_data-text:first');
+                var NDT = form.find('.notice_data-text:first');
 
-                NDT.bind('keyup', function(e) {
+                NDT.on('keyup', function (e) {
                     SN.U.Counter(form);
                 });
 
-                var delayedUpdate= function(e) {
+                var delayedUpdate = function (e) {
                     // Cut and paste events fire *before* the operation,
                     // so we need to trigger an update in a little bit.
                     // This would be so much easier if the 'change' event
                     // actually fired every time the value changed. :P
-                    window.setTimeout(function() {
+                    window.setTimeout(function () {
                         SN.U.Counter(form);
                     }, 50);
                 };
                 // Note there's still no event for mouse-triggered 'delete'.
-                NDT.bind('cut', delayedUpdate)
-                   .bind('paste', delayedUpdate);
-            }
-            else {
-                form.find('.count').text(jQuery.data(form[0], 'ElementData').MaxLength);
+                NDT.on('cut', delayedUpdate)
+                    .on('paste', delayedUpdate);
+            } else {
+                form.find('.count').text($.data(form[0], 'ElementData').MaxLength);
             }
         },
 
@@ -142,10 +139,10 @@ var SN = { // StatusNet
          * @param {jQuery} form: jQuery object whose first element is the notice posting form
          * @access private
          */
-        Counter: function(form) {
+        Counter: function (form) {
             SN.C.I.FormNoticeCurrent = form;
 
-            var MaxLength = jQuery.data(form[0], 'ElementData').MaxLength;
+            var MaxLength = $.data(form[0], 'ElementData').MaxLength;
 
             if (MaxLength <= 0) {
                 return;
@@ -182,7 +179,7 @@ var SN = { // StatusNet
          * @param {jQuery} form: jQuery object whose first element is the notice posting form
          * @return number of chars
          */
-        CharacterCount: function(form) {
+        CharacterCount: function (form) {
             return form.find('.notice_data-text:first').val().length;
         },
 
@@ -193,7 +190,7 @@ var SN = { // StatusNet
          * @param {jQuery} form: jQuery object whose first element is the notice posting form
          * @access private
          */
-        ClearCounterBlackout: function(form) {
+        ClearCounterBlackout: function (form) {
             // Allow keyup events to poke the counter again
             SN.C.I.CounterBlackout = false;
             // Check if the string changed since we last looked
@@ -211,13 +208,12 @@ var SN = { // StatusNet
          * @param {String} url
          * @return string
          */
-        RewriteAjaxAction: function(url) {
+        RewriteAjaxAction: function (url) {
             // Quick hack: rewrite AJAX submits to HTTPS if they'd fail otherwise.
-            if (document.location.protocol == 'https:' && url.substr(0, 5) == 'http:') {
+            if (document.location.protocol === 'https:' && url.substr(0, 5) === 'http:') {
                 return url.replace(/^http:\/\/[^:\/]+/, 'https://' + document.location.host);
-            } else {
-                return url;
             }
+            return url;
         },
 
         /**
@@ -240,18 +236,18 @@ var SN = { // StatusNet
          *
          * @access public
          */
-        FormXHR: function(form, onSuccess) {
+        FormXHR: function (form, onSuccess) {
             $.ajax({
                 type: 'POST',
                 dataType: 'xml',
                 url: SN.U.RewriteAjaxAction(form.attr('action')),
                 data: form.serialize() + '&ajax=1',
-                beforeSend: function(xhr) {
+                beforeSend: function (xhr) {
                     form
                         .addClass(SN.C.S.Processing)
                         .find('.submit')
                             .addClass(SN.C.S.Disabled)
-                            .attr(SN.C.S.Disabled, SN.C.S.Disabled);
+                            .prop(SN.C.S.Disabled, true);
                 },
                 error: function (xhr, textStatus, errorThrown) {
                     // If the server end reported an error from StatusNet,
@@ -261,7 +257,7 @@ var SN = { // StatusNet
                     if (xhr.responseXML) {
                         errorReported = $('#error', xhr.responseXML).text();
                     }
-                    alert(errorReported || errorThrown || textStatus);
+                    window.alert(errorReported || errorThrown || textStatus);
 
                     // Restore the form to original state.
                     // Hopefully. :D
@@ -269,24 +265,22 @@ var SN = { // StatusNet
                         .removeClass(SN.C.S.Processing)
                         .find('.submit')
                             .removeClass(SN.C.S.Disabled)
-                            .removeAttr(SN.C.S.Disabled);
+                            .prop(SN.C.S.Disabled, false);
                 },
-                success: function(data, textStatus) {
-                    if (typeof($('form', data)[0]) != 'undefined') {
-                        form_new = document._importNode($('form', data)[0], true);
+                success: function (data, textStatus) {
+                    if ($('form', data)[0] !== undefined) {
+                        var form_new = document._importNode($('form', data)[0], true);
                         form.replaceWith(form_new);
                         if (onSuccess) {
                             onSuccess();
                         }
-                    }
-                    else if (typeof($('p', data)[0]) != 'undefined') {
+                    } else if ($('p', data)[0] !== undefined) {
                         form.replaceWith(document._importNode($('p', data)[0], true));
                         if (onSuccess) {
                             onSuccess();
                         }
-                    }
-                    else {
-                        alert('Unknown error.');
+                    } else {
+                        window.alert('Unknown error.');
                     }
                 }
             });
@@ -313,13 +307,12 @@ var SN = { // StatusNet
          * @fixme cookieValue is a global variable, but probably shouldn't be
          * @fixme saving the location cache cookies should be split out
          * @fixme some error messages are hardcoded english: needs i18n
-         * @fixme special-case for bookmarklet is confusing and uses a global var "self". Is this ok?
          *
          * @param {jQuery} form: jQuery object whose first element is a form
          *
          * @access public
          */
-        FormNoticeXHR: function(form) {
+        FormNoticeXHR: function (form) {
             SN.C.I.NoticeDataGeo = {};
             form.append('<input type="hidden" name="ajax" value="1"/>');
 
@@ -333,7 +326,7 @@ var SN = { // StatusNet
              * @param {String} text
              * @access private
              */
-            var showFeedback = function(cls, text) {
+            var showFeedback = function (cls, text) {
                 form.append(
                     $('<p class="form_response"></p>')
                         .addClass(cls)
@@ -344,14 +337,14 @@ var SN = { // StatusNet
             /**
              * Hide the previous response feedback, if any.
              */
-            var removeFeedback = function() {
+            var removeFeedback = function () {
                 form.find('.form_response').remove();
             };
 
             form.ajaxForm({
                 dataType: 'xml',
                 timeout: '60000',
-                beforeSend: function(formData) {
+                beforeSend: function (formData) {
                     if (form.find('.notice_data-text:first').val() == '') {
                         form.addClass(SN.C.S.Warning);
                         return false;
@@ -360,7 +353,7 @@ var SN = { // StatusNet
                         .addClass(SN.C.S.Processing)
                         .find('.submit')
                             .addClass(SN.C.S.Disabled)
-                            .attr(SN.C.S.Disabled, SN.C.S.Disabled);
+                            .prop(SN.C.S.Disabled, true);
 
                     SN.U.normalizeGeoData(form);
 
@@ -371,48 +364,38 @@ var SN = { // StatusNet
                         .removeClass(SN.C.S.Processing)
                         .find('.submit')
                             .removeClass(SN.C.S.Disabled)
-                            .removeAttr(SN.C.S.Disabled, SN.C.S.Disabled);
+                            .prop(SN.C.S.Disabled, false);
                     removeFeedback();
                     if (textStatus == 'timeout') {
                         // @fixme i18n
                         showFeedback('error', 'Sorry! We had trouble sending your notice. The servers are overloaded. Please try again, and contact the site administrator if this problem persists.');
-                    }
-                    else {
+                    } else {
                         var response = SN.U.GetResponseXML(xhr);
-                        if ($('.'+SN.C.S.Error, response).length > 0) {
-                            form.append(document._importNode($('.'+SN.C.S.Error, response)[0], true));
-                        }
-                        else {
-                            if (parseInt(xhr.status) === 0 || jQuery.inArray(parseInt(xhr.status), SN.C.I.HTTP20x30x) >= 0) {
+                        if ($('.' + SN.C.S.Error, response).length > 0) {
+                            form.append(document._importNode($('.' + SN.C.S.Error, response)[0], true));
+                        } else {
+                            if (parseInt(xhr.status) === 0 || $.inArray(parseInt(xhr.status), SN.C.I.HTTP20x30x) >= 0) {
                                 form
                                     .resetForm()
                                     .find('.attach-status').remove();
                                 SN.U.FormNoticeEnhancements(form);
-                            }
-                            else {
+                            } else {
                                 // @fixme i18n
-                                showFeedback('error', '(Sorry! We had trouble sending your notice ('+xhr.status+' '+xhr.statusText+'). Please report the problem to the site administrator if this happens again.');
+                                showFeedback('error', '(Sorry! We had trouble sending your notice (' + xhr.status + ' ' + xhr.statusText + '). Please report the problem to the site administrator if this happens again.');
                             }
                         }
                     }
                 },
-                success: function(data, textStatus) {
+                success: function (data, textStatus) {
                     removeFeedback();
-                    var errorResult = $('#'+SN.C.S.Error, data);
+                    var errorResult = $('#' + SN.C.S.Error, data);
                     if (errorResult.length > 0) {
                         showFeedback('error', errorResult.text());
-                    }
-                    else {
-                        if($('body')[0].id == 'bookmarklet') {
-                            // @fixme self is not referenced anywhere?
-                            self.close();
-                        }
-
-                        var commandResult = $('#'+SN.C.S.CommandResult, data);
+                    } else {
+                        var commandResult = $('#' + SN.C.S.CommandResult, data);
                         if (commandResult.length > 0) {
                             showFeedback('success', commandResult.text());
-                        }
-                        else {
+                        } else {
                             // New notice post was successful. If on our timeline, show it!
                             var notice = document._importNode($('li', data)[0], true);
                             var notices = $('#notices_primary .notices:first');
@@ -421,38 +404,33 @@ var SN = { // StatusNet
                             if (replyItem.length > 0) {
                                 // If this is an inline reply, remove the form...
                                 var list = form.closest('.threaded-replies');
-                                var placeholder = list.find('.notice-reply-placeholder');
-                                replyItem.remove();
 
                                 var id = $(notice).attr('id');
-                                if ($("#"+id).length == 0) {
-                                    $(notice).insertBefore(placeholder);
-                                } else {
-                                    // Realtime came through before us...
-                                }
+                                if ($('#' + id).length == 0) {
+                                    $(notice).insertBefore(replyItem);
+                                } // else Realtime came through before us...
+
+                                replyItem.remove();
 
-                                // ...and show the placeholder form.
-                                placeholder.show();
                             } else if (notices.length > 0 && SN.U.belongsOnTimeline(notice)) {
                                 // Not a reply. If on our timeline, show it at the top!
 
-                                if ($('#'+notice.id).length === 0) {
+                                if ($('#' + notice.id).length === 0) {
                                     var notice_irt_value = form.find('[name=inreplyto]').val();
-                                    var notice_irt = '#notices_primary #notice-'+notice_irt_value;
-                                    if($('body')[0].id == 'conversation') {
-                                        if(notice_irt_value.length > 0 && $(notice_irt+' .notices').length < 1) {
+                                    var notice_irt = '#notices_primary #notice-' + notice_irt_value;
+                                    if ($('body')[0].id == 'conversation') {
+                                        if (notice_irt_value.length > 0 && $(notice_irt + ' .notices').length < 1) {
                                             $(notice_irt).append('<ul class="notices"></ul>');
                                         }
-                                        $($(notice_irt+' .notices')[0]).append(notice);
-                                    }
-                                    else {
+                                        $($(notice_irt + ' .notices')[0]).append(notice);
+                                    } else {
                                         notices.prepend(notice);
                                     }
-                                    $('#'+notice.id)
-                                        .css({display:'none'})
+                                    $('#' + notice.id)
+                                        .css({display: 'none'})
                                         .fadeIn(2500);
-                                    SN.U.NoticeWithAttachment($('#'+notice.id));
-                                    SN.U.switchInputFormTab("placeholder");
+                                    SN.U.NoticeWithAttachment($('#' + notice.id));
+                                    SN.U.switchInputFormTab(null);
                                 }
                             } else {
                                 // Not on a timeline that this belongs on?
@@ -467,45 +445,44 @@ var SN = { // StatusNet
                         SN.U.FormNoticeEnhancements(form);
                     }
                 },
-                complete: function(xhr, textStatus) {
+                complete: function (xhr, textStatus) {
                     form
                         .removeClass(SN.C.S.Processing)
                         .find('.submit')
-                            .removeAttr(SN.C.S.Disabled)
+                            .prop(SN.C.S.Disabled, false)
                             .removeClass(SN.C.S.Disabled);
 
                     form.find('[name=lat]').val(SN.C.I.NoticeDataGeo.NLat);
                     form.find('[name=lon]').val(SN.C.I.NoticeDataGeo.NLon);
                     form.find('[name=location_ns]').val(SN.C.I.NoticeDataGeo.NLNS);
                     form.find('[name=location_id]').val(SN.C.I.NoticeDataGeo.NLID);
-                    form.find('[name=notice_data-geo]').attr('checked', SN.C.I.NoticeDataGeo.NDG);
+                    form.find('[name=notice_data-geo]').prop('checked', SN.C.I.NoticeDataGeo.NDG);
                 }
             });
         },
 
-        FormProfileSearchXHR: function(form) {
+        FormProfileSearchXHR: function (form) {
             $.ajax({
                 type: 'POST',
                 dataType: 'xml',
                 url: form.attr('action'),
                 data: form.serialize() + '&ajax=1',
-                beforeSend: function(xhr) {
+                beforeSend: function (xhr) {
                     form
                         .addClass(SN.C.S.Processing)
                         .find('.submit')
                             .addClass(SN.C.S.Disabled)
-                            .attr(SN.C.S.Disabled, SN.C.S.Disabled);
+                            .prop(SN.C.S.Disabled, true);
                 },
                 error: function (xhr, textStatus, errorThrown) {
-                    alert(errorThrown || textStatus);
+                    window.alert(errorThrown || textStatus);
                 },
-                success: function(data, textStatus) {
+                success: function (data, textStatus) {
                     var results_placeholder = $('#profile_search_results');
-                    if (typeof($('ul', data)[0]) != 'undefined') {
+                    if ($('ul', data)[0] !== undefined) {
                         var list = document._importNode($('ul', data)[0], true);
                         results_placeholder.replaceWith(list);
-                    }
-                    else {
+                    } else {
                         var _error = $('<li/>').append(document._importNode($('p', data)[0], true));
                         results_placeholder.html(_error);
                     }
@@ -513,29 +490,29 @@ var SN = { // StatusNet
                         .removeClass(SN.C.S.Processing)
                         .find('.submit')
                             .removeClass(SN.C.S.Disabled)
-                            .attr(SN.C.S.Disabled, false);
+                            .prop(SN.C.S.Disabled, false);
                 }
             });
         },
 
-        FormPeopletagsXHR: function(form) {
+        FormPeopletagsXHR: function (form) {
             $.ajax({
                 type: 'POST',
                 dataType: 'xml',
                 url: form.attr('action'),
                 data: form.serialize() + '&ajax=1',
-                beforeSend: function(xhr) {
+                beforeSend: function (xhr) {
                     form.find('.submit')
                             .addClass(SN.C.S.Processing)
                             .addClass(SN.C.S.Disabled)
-                            .attr(SN.C.S.Disabled, SN.C.S.Disabled);
+                            .prop(SN.C.S.Disabled, true);
                 },
                 error: function (xhr, textStatus, errorThrown) {
-                    alert(errorThrown || textStatus);
+                    window.alert(errorThrown || textStatus);
                 },
-                success: function(data, textStatus) {
+                success: function (data, textStatus) {
                     var results_placeholder = form.parents('.entity_tags');
-                    if (typeof($('.entity_tags', data)[0]) != 'undefined') {
+                    if ($('.entity_tags', data)[0] !== undefined) {
                         var tags = document._importNode($('.entity_tags', data)[0], true);
                         $(tags).find('.editable').append($('<button class="peopletags_edit_button"/>'));
                         results_placeholder.replaceWith(tags);
@@ -545,22 +522,22 @@ var SN = { // StatusNet
                         form.removeClass(SN.C.S.Processing)
                             .find('.submit')
                                 .removeClass(SN.C.S.Disabled)
-                                .attr(SN.C.S.Disabled, false);
+                                .prop(SN.C.S.Disabled, false);
                     }
                 }
             });
         },
 
-        normalizeGeoData: function(form) {
+        normalizeGeoData: function (form) {
             SN.C.I.NoticeDataGeo.NLat = form.find('[name=lat]').val();
             SN.C.I.NoticeDataGeo.NLon = form.find('[name=lon]').val();
             SN.C.I.NoticeDataGeo.NLNS = form.find('[name=location_ns]').val();
             SN.C.I.NoticeDataGeo.NLID = form.find('[name=location_id]').val();
-            SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').attr('checked'); // @fixme
+            SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').prop('checked'); // @fixme (does this still need to be fixed somehow?)
 
             var cookieValue = $.cookie(SN.C.S.NoticeDataGeoCookie);
 
-            if (cookieValue !== null && cookieValue != 'disabled') {
+            if (cookieValue !== undefined && cookieValue != 'disabled') {
                 cookieValue = JSON.parse(cookieValue);
                 SN.C.I.NoticeDataGeo.NLat = form.find('[name=lat]').val(cookieValue.NLat).val();
                 SN.C.I.NoticeDataGeo.NLon = form.find('[name=lon]').val(cookieValue.NLon).val();
@@ -573,10 +550,9 @@ var SN = { // StatusNet
                 }
             }
             if (cookieValue == 'disabled') {
-                SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').attr('checked', false).attr('checked');
-            }
-            else {
-                SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').attr('checked', true).attr('checked');
+                SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').prop('checked', false).prop('checked');
+            } else {
+                SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').prop('checked', true).prop('checked');
             }
 
         },
@@ -591,7 +567,7 @@ var SN = { // StatusNet
          * @param {XMLHTTPRequest} xhr
          * @return DOMDocument
          */
-        GetResponseXML: function(xhr) {
+        GetResponseXML: function (xhr) {
             try {
                 return xhr.responseXML;
             } catch (e) {
@@ -612,8 +588,8 @@ var SN = { // StatusNet
          *
          * @access private
          */
-        NoticeReply: function() {
-            $('#content .notice_reply').live('click', function(e) {
+        NoticeReply: function () {
+            $(document).on('click', '#content .notice_reply', function (e) {
                 e.preventDefault();
                 var notice = $(this).closest('li.notice');
                 SN.U.NoticeInlineReplyTrigger(notice);
@@ -625,7 +601,7 @@ var SN = { // StatusNet
          * Stub -- kept for compat with plugins for now.
          * @access private
          */
-        NoticeReplyTo: function(notice) {
+        NoticeReplyTo: function (notice) {
         },
 
         /**
@@ -634,42 +610,37 @@ var SN = { // StatusNet
          * @param {jQuery} notice: jQuery object containing one notice
          * @param {String} initialText
          */
-        NoticeInlineReplyTrigger: function(notice, initialText) {
+        NoticeInlineReplyTrigger: function (notice, initialText) {
             // Find the notice we're replying to...
             var id = $($('.notice_id', notice)[0]).text();
+            var replyForm;
             var parentNotice = notice;
+            var stripForm = true; // strip a couple things out of reply forms that are inline
 
-            // Find the threaded replies view we'll be adding to...
             var list = notice.closest('.notices');
             if (list.hasClass('threaded-replies')) {
                 // We're replying to a reply; use reply form on the end of this list.
-                // We'll add our form at the end of this; grab the root notice.
-                parentNotice = list.closest('.notice');
             } else {
                 // We're replying to a parent notice; pull its threaded list
-                // and we'll add on the end of it. Will add if needed.
-                list = $('ul.threaded-replies', notice);
+                // and we'll add on the end of it. Will add the threaded list if needed.
+                var list = $('ul.threaded-replies', notice);
                 if (list.length == 0) {
-                    SN.U.NoticeInlineReplyPlaceholder(notice);
-                    list = $('ul.threaded-replies', notice);
-                } else {
-                    var placeholder = $('li.notice-reply-placeholder', notice);
-                    if (placeholder.length == 0) {
-                        SN.U.NoticeInlineReplyPlaceholder(notice);
-                    }
+                    list = $('<ul class="notices threaded-replies xoxo"></ul>');
+                    notice.append(list);
+                    list = notice.find('ul.threaded-replies');
                 }
             }
 
-            // See if the form's already open...
-            var replyForm = $('.notice-reply-form', list);
-
-            var nextStep = function() {
+            var nextStep = function () {
                 // Override...?
                 replyForm.find('input[name=inreplyto]').val(id);
-                replyForm.find('#notice_to').attr('disabled', 'disabled').hide();
-                replyForm.find('#notice_private').attr('disabled', 'disabled').hide();
-                replyForm.find('label[for=notice_to]').hide();
-                replyForm.find('label[for=notice_private]').hide();
+                if (stripForm) {
+                    // Don't do this for old-school reply form, as they don't come back!
+                    replyForm.find('#notice_to').prop('disabled', true).hide();
+                    replyForm.find('#notice_private').prop('disabled', true).hide();
+                    replyForm.find('label[for=notice_to]').hide();
+                    replyForm.find('label[for=notice_private]').hide();
+                }
 
                 // Set focus...
                 var text = replyForm.find('textarea');
@@ -680,86 +651,52 @@ var SN = { // StatusNet
                 if (initialText) {
                     replyto = initialText + ' ';
                 }
-                text.val(replyto + text.val().replace(RegExp(replyto, 'i'), ''));
-                text.data('initialText', $.trim(initialText + ''));
+                text.val(replyto + text.val().replace(new RegExp(replyto, 'i'), ''));
+                text.data('initialText', $.trim(initialText));
                 text.focus();
                 if (text[0].setSelectionRange) {
                     var len = text.val().length;
-                    text[0].setSelectionRange(len,len);
+                    text[0].setSelectionRange(len, len);
                 }
             };
-            if (replyForm.length > 0) {
-                // Update the existing form...
-                nextStep();
-            } else {
-                // Hide the placeholder...
-                var placeholder = list.find('li.notice-reply-placeholder').hide();
-
-                // Create the reply form entry at the end
-                var replyItem = $('li.notice-reply', list);
-                if (replyItem.length == 0) {
-                    replyItem = $('<li class="notice-reply"></li>');
-
-                    var intermediateStep = function(formMaster) {
-                        var formEl = document._importNode(formMaster, true);
-                        replyItem.append(formEl);
-                        list.append(replyItem); // *after* the placeholder
-
-                        var form = replyForm = $(formEl);
-                        SN.Init.NoticeFormSetup(form);
 
-                        nextStep();
-                    };
-                    if (SN.C.I.NoticeFormMaster) {
-                        // We've already saved a master copy of the form.
-                        // Clone it in!
-                        intermediateStep(SN.C.I.NoticeFormMaster);
-                    } else {
-                        // Fetch a fresh copy of the notice form over AJAX.
-                        // Warning: this can have a delay, which looks bad.
-                        // @fixme this fallback may or may not work
-                        var url = $('#form_notice').attr('action');
-                        $.get(url, {ajax: 1}, function(data, textStatus, xhr) {
-                            intermediateStep($('form', data)[0]);
-                        });
-                    }
+            // Create the reply form entry at the end
+            var replyItem = $('li.notice-reply', list);
+            if (replyItem.length == 0) {
+                replyItem = $('<li class="notice-reply"></li>');
+
+                // Fetch a fresh copy of the notice form over AJAX.
+                var url = $('#input_form_status > form').attr('action');
+                $.get(url, {ajax: 1, inreplyto: id}, function (data, textStatus, xhr) {
+                    var formEl = document._importNode($('form', data)[0], true);
+                    replyItem.append(formEl);
+                    list.append(replyItem);
+
+                    replyForm = $(formEl);
+                    SN.Init.NoticeFormSetup(replyForm);
+                    nextStep();
+                });
+            } else {
+                replyForm = replyItem.children('form');
+                if (SN.Init.NoticeFormSetup(replyForm)) {
+                    nextStep();
                 }
+                replyItem.show();
+                replyItem.find('textarea').focus();
             }
         },
 
-        NoticeInlineReplyPlaceholder: function(notice) {
-            var list = notice.find('ul.threaded-replies');
-            if (list.length == 0) {
-                list = $('<ul class="notices threaded-replies xoxo"></ul>');
-                notice.append(list);
-                list = notice.find('ul.threaded-replies');
-            }
-            var placeholder = $('<li class="notice-reply-placeholder">' +
-                                    '<input class="placeholder">' +
-                                '</li>');
-            placeholder.find('input')
-                .val(SN.msg('reply_placeholder'));
-            list.append(placeholder);
-        },
-
         /**
          * Setup function -- DOES NOT apply immediately.
          *
-         * Sets up event handlers for inline reply mini-form placeholders.
-         * Uses 'live' rather than 'bind', so applies to future as well as present items.
+         * Uses 'on' rather than 'live' or 'bind', so applies to future as well as present items.
          */
-        NoticeInlineReplySetup: function() {
-            $('li.notice-reply-placeholder input')
-                .live('focus', function() {
-                    var notice = $(this).closest('li.notice');
-                    SN.U.NoticeInlineReplyTrigger(notice);
-                    return false;
-                });
-            $('li.notice-reply-comments a')
-                .live('click', function() {
+        NoticeInlineReplySetup: function () {
+            // Expand conversation links
+            $(document).on('click', 'li.notice-reply-comments a', function () {
                     var url = $(this).attr('href');
                     var area = $(this).closest('.threaded-replies');
-                    $.get(url, {ajax: 1}, function(data, textStatus, xhr) {
+                    $.get(url, {ajax: 1}, function (data, textStatus, xhr) {
                         var replies = $('.threaded-replies', data);
                         if (replies.length) {
                             area.replaceWith(document._importNode(replies[0], true));
@@ -775,11 +712,11 @@ var SN = { // StatusNet
          * Sets up event handlers for repeat forms to toss up a confirmation
          * popout before submitting.
          *
-         * Uses 'live' rather than 'bind', so applies to future as well as present items.
+         * Uses 'on' rather than 'live' or 'bind', so applies to future as well as present items.
          *
          */
-        NoticeRepeat: function() {
-            $('.form_repeat').live('click', function(e) {
+        NoticeRepeat: function () {
+            $('body').on('click', '.form_repeat', function (e) {
                 e.preventDefault();
 
                 SN.U.NoticeRepeatConfirmation($(this));
@@ -803,7 +740,7 @@ var SN = { // StatusNet
          *
          * @param {jQuery} form
          */
-        NoticeRepeatConfirmation: function(form) {
+        NoticeRepeatConfirmation: function (form) {
             var submit_i = form.find('.submit');
 
             var submit = submit_i.clone();
@@ -811,7 +748,7 @@ var SN = { // StatusNet
                 .addClass('submit_dialogbox')
                 .removeClass('submit');
             form.append(submit);
-            submit.bind('click', function() { SN.U.FormXHR(form); return false; });
+            submit.on('click', function () { SN.U.FormXHR(form); return false; });
 
             submit_i.hide();
 
@@ -821,7 +758,7 @@ var SN = { // StatusNet
                 .closest('.notice-options')
                     .addClass('opaque');
 
-            form.find('button.close').click(function(){
+            form.find('button.close').click(function () {
                 $(this).remove();
 
                 form
@@ -842,8 +779,8 @@ var SN = { // StatusNet
          * Goes through all notices currently displayed and sets up attachment
          * handling if needed.
          */
-        NoticeAttachments: function() {
-            $('.notice a.attachment').each(function() {
+        NoticeAttachments: function () {
+            $('.notice a.attachment').each(function () {
                 SN.U.NoticeWithAttachment($(this).closest('.notice'));
             });
         },
@@ -858,23 +795,21 @@ var SN = { // StatusNet
          *
          * @param {jQuery} notice
          */
-        NoticeWithAttachment: function(notice) {
+        NoticeWithAttachment: function (notice) {
             if (notice.find('.attachment').length === 0) {
                 return;
             }
 
-            var attachment_more = notice.find('.attachment.more');
-            if (attachment_more.length > 0) {
-                $(attachment_more[0]).click(function() {
-                    var m = $(this);
-                    m.addClass(SN.C.S.Processing);
-                    $.get(m.attr('href')+'/ajax', null, function(data) {
-                        m.parent('.entry-content').html($(data).find('#attachment_view .entry-content').html());
-                    });
+                       $(document).on('click','.attachment.more',function () {
+                               var m = $(this);
+                               m.addClass(SN.C.S.Processing);
+                               $.get(m.attr('href'), {ajax: 1}, function (data) {
+                                       m.parent('.e-content').html($(data).find('#attachment_view .e-content').html());
+                               });
+
+                               return false;
+                       });
 
-                    return false;
-                }).attr('title', SN.msg('showmore_tooltip'));
-            }
         },
 
         /**
@@ -890,9 +825,10 @@ var SN = { // StatusNet
          *
          * @param {jQuery} form
          */
-        NoticeDataAttach: function(form) {
+        NoticeDataAttach: function (form) {
+            var i;
             var NDA = form.find('input[type=file]');
-            NDA.change(function(event) {
+            NDA.change(function (event) {
                 form.find('.attach-status').remove();
 
                 var filename = $(this).val();
@@ -901,9 +837,9 @@ var SN = { // StatusNet
                     return false;
                 }
 
-                var attachStatus = $('<div class="attach-status '+SN.C.S.Success+'"><code></code> <button class="close">&#215;</button></div>');
+                var attachStatus = $('<div class="attach-status ' + SN.C.S.Success + '"><code></code> <button class="close">&#215;</button></div>');
                 attachStatus.find('code').text(filename);
-                attachStatus.find('button').click(function(){
+                attachStatus.find('button').click(function () {
                     attachStatus.remove();
                     NDA.val('');
 
@@ -911,9 +847,9 @@ var SN = { // StatusNet
                 });
                 form.append(attachStatus);
 
-                if (typeof this.files == "object") {
+                if (typeof this.files === "object") {
                     // Some newer browsers will let us fetch the files for preview.
-                    for (var i = 0; i < this.files.length; i++) {
+                    for (i = 0; i < this.files.length; i++) {
                         SN.U.PreviewAttach(form, this.files[i]);
                     }
                 }
@@ -927,13 +863,12 @@ var SN = { // StatusNet
          * @param {jQuery} form
          * @return int max size in bytes; 0 or negative means no limit
          */
-        maxFileSize: function(form) {
+        maxFileSize: function (form) {
             var max = $(form).find('input[name=MAX_FILE_SIZE]').attr('value');
             if (max) {
                 return parseInt(max);
-            } else {
-                return 0;
             }
+            return 0;
         },
 
         /**
@@ -957,12 +892,12 @@ var SN = { // StatusNet
          * @todo detect pixel size?
          * @todo should we render a thumbnail to a canvas and then use the smaller image?
          */
-        PreviewAttach: function(form, file) {
+        PreviewAttach: function (form, file) {
             var tooltip = file.type + ' ' + Math.round(file.size / 1024) + 'KB';
             var preview = true;
 
             var blobAsDataURL;
-            if (typeof window.createObjectURL != "undefined") {
+            if (window.createObjectURL !== undefined) {
                 /**
                  * createObjectURL lets us reference the file directly from an <img>
                  * This produces a compact URL with an opaque reference to the file,
@@ -973,10 +908,10 @@ var SN = { // StatusNet
                  * - Safari 5.0.2: no
                  * - Chrome 8.0.552.210: works!
                  */
-                blobAsDataURL = function(blob, callback) {
+                blobAsDataURL = function (blob, callback) {
                     callback(window.createObjectURL(blob));
-                }
-            } else if (typeof window.FileReader != "undefined") {
+                };
+            } else if (window.FileReader !== undefined) {
                 /**
                  * FileAPI's FileReader can build a data URL from a blob's contents,
                  * but it must read the file and build it asynchronously. This means
@@ -987,13 +922,13 @@ var SN = { // StatusNet
                  * - Safari 5.0.2: no
                  * - Chrome 8.0.552.210: works!
                  */
-                blobAsDataURL = function(blob, callback) {
+                blobAsDataURL = function (blob, callback) {
                     var reader = new FileReader();
-                    reader.onload = function(event) {
+                    reader.onload = function (event) {
                         callback(reader.result);
-                    }
+                    };
                     reader.readAsDataURL(blob);
-                }
+                };
             } else {
                 preview = false;
             }
@@ -1011,7 +946,7 @@ var SN = { // StatusNet
             }
 
             if (preview) {
-                blobAsDataURL(file, function(url) {
+                blobAsDataURL(file, function (url) {
                     var img = $('<img>')
                         .attr('title', tooltip)
                         .attr('alt', tooltip)
@@ -1039,10 +974,10 @@ var SN = { // StatusNet
          *        hard time figuring out if it's working or fixing if it's wrong.
          *
          */
-        NoticeLocationAttach: function(form) {
+        NoticeLocationAttach: function (form) {
             // @fixme this should not be tied to the main notice form, as there may be multiple notice forms...
-            var NLat = form.find('[name=lat]')
-            var NLon = form.find('[name=lon]')
+            var NLat = form.find('[name=lat]');
+            var NLon = form.find('[name=lon]');
             var NLNS = form.find('[name=location_ns]').val();
             var NLID = form.find('[name=location_id]').val();
             var NLN = ''; // @fixme
@@ -1052,14 +987,14 @@ var SN = { // StatusNet
 
             function removeNoticeDataGeo(error) {
                 label
-                    .attr('title', jQuery.trim(label.text()))
+                    .attr('title', $.trim(label.text()))
                     .removeClass('checked');
 
                 form.find('[name=lat]').val('');
                 form.find('[name=lon]').val('');
                 form.find('[name=location_ns]').val('');
                 form.find('[name=location_id]').val('');
-                form.find('[name=notice_data-geo]').attr('checked', false);
+                form.find('[name=notice_data-geo]').prop('checked', false);
 
                 $.cookie(SN.C.S.NoticeDataGeoCookie, 'disabled', { path: '/' });
 
@@ -1073,23 +1008,22 @@ var SN = { // StatusNet
 
             function getJSONgeocodeURL(geocodeURL, data) {
                 SN.U.NoticeGeoStatus(form, 'Looking up place name...');
-                $.getJSON(geocodeURL, data, function(location) {
-                    var lns, lid;
+                $.getJSON(geocodeURL, data, function (location) {
+                    var lns, lid, NLN_text;
 
-                    if (typeof(location.location_ns) != 'undefined') {
+                    if (location.location_ns !== undefined) {
                         form.find('[name=location_ns]').val(location.location_ns);
                         lns = location.location_ns;
                     }
 
-                    if (typeof(location.location_id) != 'undefined') {
+                    if (location.location_id !== undefined) {
                         form.find('[name=location_id]').val(location.location_id);
                         lid = location.location_id;
                     }
 
-                    if (typeof(location.name) == 'undefined') {
+                    if (location.name === undefined) {
                         NLN_text = data.lat + ';' + data.lon;
-                    }
-                    else {
+                    } else {
                         NLN_text = location.name;
                     }
 
@@ -1101,7 +1035,7 @@ var SN = { // StatusNet
                     form.find('[name=lon]').val(data.lon);
                     form.find('[name=location_ns]').val(lns);
                     form.find('[name=location_id]').val(lid);
-                    form.find('[name=notice_data-geo]').attr('checked', true);
+                    form.find('[name=notice_data-geo]').prop('checked', true);
 
                     var cookieValue = {
                         NLat: data.lat,
@@ -1119,20 +1053,18 @@ var SN = { // StatusNet
 
             if (check.length > 0) {
                 if ($.cookie(SN.C.S.NoticeDataGeoCookie) == 'disabled') {
-                    check.attr('checked', false);
-                }
-                else {
-                    check.attr('checked', true);
+                    check.prop('checked', false);
+                } else {
+                    check.prop('checked', true);
                 }
 
                 var NGW = form.find('.notice_data-geo_wrap');
                 var geocodeURL = NGW.attr('data-api');
 
-                label
-                    .attr('title', label.text());
+                label.attr('title', label.text());
 
-                check.change(function() {
-                    if (check.attr('checked') === true || $.cookie(SN.C.S.NoticeDataGeoCookie) === null) {
+                check.change(function () {
+                    if (check.prop('checked') === true || $.cookie(SN.C.S.NoticeDataGeoCookie) === null) {
                         label
                             .attr('title', NoticeDataGeo_text.ShareDisable)
                             .addClass('checked');
@@ -1141,7 +1073,7 @@ var SN = { // StatusNet
                             if (navigator.geolocation) {
                                 SN.U.NoticeGeoStatus(form, 'Requesting location from browser...');
                                 navigator.geolocation.getCurrentPosition(
-                                    function(position) {
+                                    function (position) {
                                         form.find('[name=lat]').val(position.coords.latitude);
                                         form.find('[name=lon]').val(position.coords.longitude);
 
@@ -1154,13 +1086,13 @@ var SN = { // StatusNet
                                         getJSONgeocodeURL(geocodeURL, data);
                                     },
 
-                                    function(error) {
+                                    function (error) {
                                         switch(error.code) {
                                             case error.PERMISSION_DENIED:
                                                 removeNoticeDataGeo('Location permission denied.');
                                                 break;
                                             case error.TIMEOUT:
-                                                //$('#'+SN.C.S.NoticeDataGeo).attr('checked', false);
+                                                //$('#' + SN.C.S.NoticeDataGeo).prop('checked', false);
                                                 removeNoticeDataGeo('Location lookup timeout.');
                                                 break;
                                         }
@@ -1170,8 +1102,7 @@ var SN = { // StatusNet
                                         timeout: 10000
                                     }
                                 );
-                            }
-                            else {
+                            } else {
                                 if (NLat.length > 0 && NLon.length > 0) {
                                     var data = {
                                         lat: NLat,
@@ -1180,30 +1111,31 @@ var SN = { // StatusNet
                                     };
 
                                     getJSONgeocodeURL(geocodeURL, data);
-                                }
-                                else {
+                                } else {
                                     removeNoticeDataGeo();
                                     check.remove();
                                     label.remove();
                                 }
                             }
+                        } else {
+                            try {
+                                var cookieValue = JSON.parse($.cookie(SN.C.S.NoticeDataGeoCookie));
+
+                                form.find('[name=lat]').val(cookieValue.NLat);
+                                form.find('[name=lon]').val(cookieValue.NLon);
+                                form.find('[name=location_ns]').val(cookieValue.NLNS);
+                                form.find('[name=location_id]').val(cookieValue.NLID);
+                                form.find('[name=notice_data-geo]').prop('checked', cookieValue.NDG);
+
+                               SN.U.NoticeGeoStatus(form, cookieValue.NLN, cookieValue.NLat, cookieValue.NLon, cookieValue.NLNU);
+                                label
+                                    .attr('title', NoticeDataGeo_text.ShareDisable + ' (' + cookieValue.NLN + ')')
+                                    .addClass('checked');
+                            } catch (e) {
+                                console.log('Parsing error:', e);
+                            }
                         }
-                        else {
-                            var cookieValue = JSON.parse($.cookie(SN.C.S.NoticeDataGeoCookie));
-
-                            form.find('[name=lat]').val(cookieValue.NLat);
-                            form.find('[name=lon]').val(cookieValue.NLon);
-                            form.find('[name=location_ns]').val(cookieValue.NLNS);
-                            form.find('[name=location_id]').val(cookieValue.NLID);
-                            form.find('[name=notice_data-geo]').attr('checked', cookieValue.NDG);
-
-                            SN.U.NoticeGeoStatus(form, cookieValue.NLN, cookieValue.NLat, cookieValue.NLon, cookieValue.NLNU);
-                            label
-                                .attr('title', NoticeDataGeo_text.ShareDisable + ' (' + cookieValue.NLN + ')')
-                                .addClass('checked');
-                        }
-                    }
-                    else {
+                    } else {
                         removeNoticeDataGeo();
                     }
                 }).change();
@@ -1219,13 +1151,13 @@ var SN = { // StatusNet
          * @param {String} lon (optional)
          * @param {String} url (optional)
          */
-        NoticeGeoStatus: function(form, status, lat, lon, url)
+        NoticeGeoStatus: function (form, status, lat, lon, url)
         {
             var wrapper = form.find('.geo_status_wrapper');
             if (wrapper.length == 0) {
-                wrapper = $('<div class="'+SN.C.S.Success+' geo_status_wrapper"><button class="close" style="float:right">&#215;</button><div class="geo_status"></div></div>');
-                wrapper.find('button.close').click(function() {
-                    form.find('[name=notice_data-geo]').removeAttr('checked').change();
+                wrapper = $('<div class="' + SN.C.S.Success + ' geo_status_wrapper"><button class="close" style="float:right">&#215;</button><div class="geo_status"></div></div>');
+                wrapper.find('button.close').click(function () {
+                    form.find('[name=notice_data-geo]').prop('checked', false).change();
                     return false;
                 });
                 form.append(wrapper);
@@ -1259,27 +1191,26 @@ var SN = { // StatusNet
          *
          * @fixme breaks ability to open link in new window?
          */
-        NewDirectMessage: function() {
+        NewDirectMessage: function () {
             NDM = $('.entity_send-a-message a');
-            NDM.attr({'href':NDM.attr('href')+'&ajax=1'});
-            NDM.bind('click', function() {
+            NDM.attr({'href': NDM.attr('href') + '&ajax=1'});
+            NDM.on('click', function () {
                 var NDMF = $('.entity_send-a-message form');
                 if (NDMF.length === 0) {
                     $(this).addClass(SN.C.S.Processing);
-                    $.get(NDM.attr('href'), null, function(data) {
+                    $.get(NDM.attr('href'), null, function (data) {
                         $('.entity_send-a-message').append(document._importNode($('form', data)[0], true));
                         NDMF = $('.entity_send-a-message .form_notice');
                         SN.U.FormNoticeXHR(NDMF);
                         SN.U.FormNoticeEnhancements(NDMF);
                         NDMF.append('<button class="close">&#215;</button>');
-                        $('.entity_send-a-message button').click(function(){
+                        $('.entity_send-a-message button').click(function () {
                             NDMF.hide();
                             return false;
                         });
                         NDM.removeClass(SN.C.S.Processing);
                     });
-                }
-                else {
+                } else {
                     NDMF.show();
                     $('.entity_send-a-message textarea').focus();
                 }
@@ -1296,7 +1227,7 @@ var SN = { // StatusNet
          * @param {number} day: 1 == 1
          * @return {Date}
          */
-        GetFullYear: function(year, month, day) {
+        GetFullYear: function (year, month, day) {
             var date = new Date();
             date.setFullYear(year, month, day);
 
@@ -1319,7 +1250,7 @@ var SN = { // StatusNet
             /**
              * @fixme what is this?
              */
-            Set: function(value) {
+            Set: function (value) {
                 var SNI = SN.U.StatusNetInstance.Get();
                 if (SNI !== null) {
                     value = $.extend(SNI, value);
@@ -1337,9 +1268,9 @@ var SN = { // StatusNet
             /**
              * @fixme what is this?
              */
-            Get: function() {
+            Get: function () {
                 var cookieValue = $.cookie(SN.C.S.StatusNetInstance);
-                if (cookieValue !== null) {
+                if (cookieValue !== undefined) {
                     return JSON.parse(cookieValue);
                 }
                 return null;
@@ -1348,7 +1279,7 @@ var SN = { // StatusNet
             /**
              * @fixme what is this?
              */
-            Delete: function() {
+            Delete: function () {
                 $.cookie(SN.C.S.StatusNetInstance, null);
             }
         },
@@ -1363,7 +1294,7 @@ var SN = { // StatusNet
          * @param {DOMElement} notice: HTML chunk with formatted notice
          * @return boolean
          */
-        belongsOnTimeline: function(notice) {
+        belongsOnTimeline: function (notice) {
             var action = $("body").attr('id');
             if (action == 'public') {
                 return true;
@@ -1371,7 +1302,7 @@ var SN = { // StatusNet
 
             var profileLink = $('#nav_profile a').attr('href');
             if (profileLink) {
-                var authorUrl = $(notice).find('.vcard.author a.url').attr('href');
+                var authorUrl = $(notice).find('.h-card.p-author').attr('href');
                 if (authorUrl == profileLink) {
                     if (action == 'all' || action == 'showstream') {
                         // Posts always show on your own friends and profile streams.
@@ -1384,7 +1315,7 @@ var SN = { // StatusNet
             // Mismatch between id-based and name-based user/group links currently complicates
             // the lookup, since all our inline mentions contain the absolute links but the
             // UI links currently on the page use malleable names.
-
+            
             return false;
         },
 
@@ -1395,15 +1326,12 @@ var SN = { // StatusNet
          *
          * @param {String} tag
          */
-       switchInputFormTab: function(tag) {
-           // The one that's current isn't current anymore
-           $('.input_form_nav_tab.current').removeClass('current');
-            if (tag == 'placeholder') {
-                // Hack: when showing the placeholder, mark the tab
-                // as current for 'Status'.
-                $('#input_form_nav_status').addClass('current');
-            } else {
-                $('#input_form_nav_'+tag).addClass('current');
+        switchInputFormTab: function (tag, setFocus) {
+            if (typeof setFocus === 'undefined') { setFocus = true; }
+            // The one that's current isn't current anymore
+            $('.input_form_nav_tab.current').removeClass('current');
+            if (tag != null) {
+                $('#input_form_nav_' + tag).addClass('current');
             }
 
             // Don't remove 'current' if we also have the "nonav" class.
@@ -1414,15 +1342,32 @@ var SN = { // StatusNet
                 return;
             }
 
-           $('.input_form.current').removeClass('current');
-           $('#input_form_'+tag)
-                .addClass('current')
-                .find('.ajax-notice').each(function() {
-                    var form = $(this);
-                    SN.Init.NoticeFormSetup(form);
-                })
-                .find('.notice_data-text').focus();
-       }
+            $('.input_form.current').removeClass('current');
+            if (tag == null) {
+                // we're done here, no new inputform to focus on
+                return false;
+            }
+
+            var noticeForm = $('#input_form_' + tag)
+                    .addClass('current')
+                    .find('.ajax-notice').each(function () {
+                        var form = $(this);
+                        SN.Init.NoticeFormSetup(form);
+                    });
+            if (setFocus) {
+                noticeForm.find('.notice_data-text').focus();
+            }
+
+            return false;
+        },
+
+        showMoreMenuItems: function (menuid) {
+            $('#' + menuid + ' .more_link').remove();
+            var selector = '#' + menuid + ' .extended_menu';
+            var extended = $(selector);
+            extended.removeClass('extended_menu');
+            return void(0);
+        }
     },
 
     Init: {
@@ -1434,37 +1379,23 @@ var SN = { // StatusNet
          *  - location events
          *  - file upload events
          */
-        NoticeForm: function() {
+        NoticeForm: function () {
             if ($('body.user_in').length > 0) {
                 // SN.Init.NoticeFormSetup() will get run
                 // when forms get displayed for the first time...
 
-                // Hack to initialize the placeholder at top
-                $('#input_form_placeholder input.placeholder').focus(function() {
-                    SN.U.switchInputFormTab("status");
+                // Initialize the input form field
+                $('#input_form_nav .input_form_nav_tab.current').each(function () {
+                    current_tab_id = $(this).attr('id').substring('input_form_nav_'.length);
+                    SN.U.switchInputFormTab(current_tab_id, false);
                 });
 
                 // Make inline reply forms self-close when clicking out.
-                $('body').bind('click', function(e) {
-                    var currentForm = $('#content .input_forms div.current');
-                    if (currentForm.length > 0) {
-                        if ($('#content .input_forms').has(e.target).length == 0) {
-                            // If all fields are empty, switch back to the placeholder.
-                            var fields = currentForm.find('textarea, input[type=text], input[type=""]');
-                            var anything = false;
-                            fields.each(function() {
-                                anything = anything || $(this).val();
-                            });
-                            if (!anything) {
-                                SN.U.switchInputFormTab("placeholder");
-                            }
-                        }
-                    }
-
+                $('body').on('click', function (e) {
                     var openReplies = $('li.notice-reply');
                     if (openReplies.length > 0) {
                         var target = $(e.target);
-                        openReplies.each(function() {
+                        openReplies.each(function () {
                             // Did we click outside this one?
                             var replyItem = $(this);
                             if (replyItem.has(e.target).length == 0) {
@@ -1473,7 +1404,7 @@ var SN = { // StatusNet
                                 // Only close if there's been no edit.
                                 if (cur == '' || cur == textarea.data('initialText')) {
                                     var parentNotice = replyItem.closest('li.notice');
-                                    replyItem.remove();
+                                    replyItem.hide();
                                     parentNotice.find('li.notice-reply-placeholder').show();
                                 }
                             }
@@ -1483,7 +1414,6 @@ var SN = { // StatusNet
 
                 // Infield labels for notice form inputs.
                 $('.input_forms fieldset fieldset label').inFieldLabels({ fadeOpacity:0 });
-
             }
         },
 
@@ -1494,14 +1424,15 @@ var SN = { // StatusNet
          *
          * @param {jQuery} form
          */
-        NoticeFormSetup: function(form) {
-            if (!form.data('NoticeFormSetup')) {
-                SN.U.NoticeLocationAttach(form);
-                SN.U.FormNoticeXHR(form);
-                SN.U.FormNoticeEnhancements(form);
-                SN.U.NoticeDataAttach(form);
-                form.data('NoticeFormSetup', true);
+        NoticeFormSetup: function (form) {
+            if (form.data('NoticeFormSetup')) {
+                return false;
             }
+            SN.U.NoticeLocationAttach(form);
+            SN.U.FormNoticeXHR(form);
+            SN.U.FormNoticeEnhancements(form);
+            SN.U.NoticeDataAttach(form);
+            form.data('NoticeFormSetup', true);
         },
 
         /**
@@ -1510,12 +1441,8 @@ var SN = { // StatusNet
          * - AJAX submission for fave/repeat/reply (if logged in)
          * - Attachment link extras ('more' links)
          */
-        Notices: function() {
+        Notices: function () {
             if ($('body.user_in').length > 0) {
-                var masterForm = $('.form_notice:first');
-                if (masterForm.length > 0) {
-                    SN.C.I.NoticeFormMaster = document._importNode(masterForm[0], true);
-                }
                 SN.U.NoticeRepeat();
                 SN.U.NoticeReply();
                 SN.U.NoticeInlineReplySetup();
@@ -1530,25 +1457,25 @@ var SN = { // StatusNet
          * - AJAX submission for sub/unsub/join/leave/nudge
          * - AJAX form popup for direct-message
          */
-        EntityActions: function() {
+        EntityActions: function () {
             if ($('body.user_in').length > 0) {
-                $('.form_user_subscribe').live('click', function() { SN.U.FormXHR($(this)); return false; });
-                $('.form_user_unsubscribe').live('click', function() { SN.U.FormXHR($(this)); return false; });
-                $('.form_group_join').live('click', function() { SN.U.FormXHR($(this)); return false; });
-                $('.form_group_leave').live('click', function() { SN.U.FormXHR($(this)); return false; });
-                $('.form_user_nudge').live('click', function() { SN.U.FormXHR($(this)); return false; });
-                $('.form_peopletag_subscribe').live('click', function() { SN.U.FormXHR($(this)); return false; });
-                $('.form_peopletag_unsubscribe').live('click', function() { SN.U.FormXHR($(this)); return false; });
-                $('.form_user_add_peopletag').live('click', function() { SN.U.FormXHR($(this)); return false; });
-                $('.form_user_remove_peopletag').live('click', function() { SN.U.FormXHR($(this)); return false; });
+                $(document).on('click', '.form_user_subscribe', function () { SN.U.FormXHR($(this)); return false; });
+                $(document).on('click', '.form_user_unsubscribe', function () { SN.U.FormXHR($(this)); return false; });
+                $(document).on('click', '.form_group_join', function () { SN.U.FormXHR($(this)); return false; });
+                $(document).on('click', '.form_group_leave', function () { SN.U.FormXHR($(this)); return false; });
+                $(document).on('click', '.form_user_nudge', function () { SN.U.FormXHR($(this)); return false; });
+                $(document).on('click', '.form_peopletag_subscribe', function () { SN.U.FormXHR($(this)); return false; });
+                $(document).on('click', '.form_peopletag_unsubscribe', function () { SN.U.FormXHR($(this)); return false; });
+                $(document).on('click', '.form_user_add_peopletag', function () { SN.U.FormXHR($(this)); return false; });
+                $(document).on('click', '.form_user_remove_peopletag', function () { SN.U.FormXHR($(this)); return false; });
 
                 SN.U.NewDirectMessage();
             }
         },
 
-        ProfileSearch: function() {
+        ProfileSearch: function () {
             if ($('body.user_in').length > 0) {
-                $('.form_peopletag_edit_user_search input.submit').live('click', function() {
+                $(document).on('click', '.form_peopletag_edit_user_search input.submit', function () {
                     SN.U.FormProfileSearchXHR($(this).parents('form')); return false;
                 });
             }
@@ -1562,7 +1489,7 @@ var SN = { // StatusNet
          *
          * @fixme is this necessary? Browsers do their own form saving these days.
          */
-        Login: function() {
+        Login: function () {
             if (SN.U.StatusNetInstance.Get() !== null) {
                 var nickname = SN.U.StatusNetInstance.Get().Nickname;
                 if (nickname !== null) {
@@ -1570,66 +1497,12 @@ var SN = { // StatusNet
                 }
             }
 
-            $('#form_login').bind('submit', function() {
+            $('#form_login').on('submit', function () {
                 SN.U.StatusNetInstance.Set({Nickname: $('#form_login #nickname').val()});
                 return true;
             });
         },
 
-        /**
-         * Called when a people tag edit box is shown in the interface
-         *
-         * - loads the jQuery UI autocomplete plugin
-         * - sets event handlers for tag completion
-         *
-         */
-        PeopletagAutocomplete: function(txtBox) {
-            var split = function(val) {
-                return val.split( /\s+/ );
-            }
-            var extractLast = function(term) {
-                return split(term).pop();
-            }
-
-            // don't navigate away from the field on tab when selecting an item
-            txtBox.live( "keydown", function( event ) {
-                if ( event.keyCode === $.ui.keyCode.TAB &&
-                        $(this).data( "autocomplete" ).menu.active ) {
-                    event.preventDefault();
-                }
-            }).autocomplete({
-                minLength: 0,
-                source: function(request, response) {
-                           // delegate back to autocomplete, but extract the last term
-                           response($.ui.autocomplete.filter(
-                                   SN.C.PtagACData, extractLast(request.term)));
-                   },
-                   focus: function() {
-                       return false;
-                },
-                   select: function(event, ui) {
-                           var terms = split(this.value);
-                           terms.pop();
-                           terms.push(ui.item.value);
-                           terms.push("");
-                           this.value = terms.join(" ");
-                           return false;
-                   }
-            }).data('autocomplete')._renderItem = function(ul, item) {
-                    // FIXME: with jQuery UI you cannot have it highlight the match
-                    var _l = '<a class="ptag-ac-line-tag">' + item.tag
-                          + ' <em class="privacy_mode">' + item.mode + '</em>'
-                          + '<span class="freq">' + item.freq + '</span></a>'
-
-                           return $("<li/>")
-                               .addClass('mode-' + item.mode)
-                            .addClass('ptag-ac-line')
-                            .data("item.autocomplete", item)
-                            .append(_l)
-                            .appendTo(ul);
-                   }
-        },
-
         /**
          * Run setup for the ajax people tags editor
          *
@@ -1639,10 +1512,10 @@ var SN = { // StatusNet
          *     or if it is stale.
          *
          */
-        PeopleTags: function() {
+        PeopleTags: function () {
             $('.user_profile_tags .editable').append($('<button class="peopletags_edit_button"/>'));
 
-            $('.peopletags_edit_button').live('click', function() {
+            $(document).on('click', '.peopletags_edit_button', function () {
                 var form = $(this).parents('dd').eq(0).find('form');
                 // We can buy time from the above animation
 
@@ -1651,21 +1524,20 @@ var SN = { // StatusNet
                     dataType: 'json',
                     data: {token: $('#token').val()},
                     ifModified: true,
-                    success: function(data) {
+                    success: function (data) {
                         // item.label is used to match
                         for (i=0; i < data.length; i++) {
                             data[i].label = data[i].tag;
                         }
 
                         SN.C.PtagACData = data;
-                        SN.Init.PeopletagAutocomplete(form.find('#tags'));
                     }
                 });
 
-                $(this).parents('ul').eq(0).fadeOut(200, function() {form.fadeIn(200).find('input#tags')});
+                $(this).parents('ul').eq(0).fadeOut(200, function () {form.fadeIn(200).find('input#tags')});
             });
 
-            $('.user_profile_tags form .submit').live('click', function() {
+            $(document).on('click', '.user_profile_tags form .submit', function () {
                 SN.U.FormPeopletagsXHR($(this).parents('form')); return false;
             });
         },
@@ -1673,12 +1545,12 @@ var SN = { // StatusNet
         /**
          * Set up any generic 'ajax' form so it submits via AJAX with auto-replacement.
          */
-        AjaxForms: function() {
-            $('form.ajax').live('submit', function() {
+        AjaxForms: function () {
+            $(document).on('submit', 'form.ajax', function () {
                 SN.U.FormXHR($(this));
                 return false;
             });
-            $('form.ajax input[type=submit]').live('click', function() {
+            $(document).on('click', 'form.ajax input[type=submit]', function () {
                 // Some forms rely on knowing which submit button was clicked.
                 // Save a hidden input field which'll be picked up during AJAX
                 // submit...
@@ -1697,8 +1569,8 @@ var SN = { // StatusNet
          * on browsers that support basic FileAPI.
          */
         UploadForms: function () {
-            $('input[type=file]').change(function(event) {
-                if (typeof this.files == "object" && this.files.length > 0) {
+            $('input[type=file]').change(function (event) {
+                if (typeof this.files === "object" && this.files.length > 0) {
                     var size = 0;
                     for (var i = 0; i < this.files.length; i++) {
                         size += this.files[i].size;
@@ -1718,24 +1590,24 @@ var SN = { // StatusNet
             });
         },
 
-       CheckBoxes: function() {
-           $("span[class='checkbox-wrapper']").addClass("unchecked");
-           $(".checkbox-wrapper").click(function(){
-               if($(this).children("input").attr("checked")){
-                   // uncheck
-                   $(this).children("input").attr({checked: ""});
-                   $(this).removeClass("checked");
-                   $(this).addClass("unchecked");
-                   $(this).children("label").text("Private?");
-               }else{
-                   // check
-                   $(this).children("input").attr({checked: "checked"});
-                   $(this).removeClass("unchecked");
-                   $(this).addClass("checked");
-                   $(this).children("label").text("Private");
-               }
-           });
-       }
+        CheckBoxes: function () {
+            $("span[class='checkbox-wrapper']").addClass("unchecked");
+            $(".checkbox-wrapper").click(function () {
+                if ($(this).children("input").prop("checked")) {
+                    // uncheck
+                    $(this).children("input").prop("checked", false);
+                    $(this).removeClass("checked");
+                    $(this).addClass("unchecked");
+                    $(this).children("label").text("Private?");
+                } else {
+                    // check
+                    $(this).children("input").prop("checked", true);
+                    $(this).removeClass("unchecked");
+                    $(this).addClass("checked");
+                    $(this).children("label").text("Private");
+                }
+            });
+        }
     }
 };
 
@@ -1746,11 +1618,11 @@ var SN = { // StatusNet
  * until that's done. To load scripts asynchronously without delaying setup,
  * don't start them loading until after DOM-ready time!
  */
-$(document).ready(function(){
+$(function () {
     SN.Init.AjaxForms();
     SN.Init.UploadForms();
     SN.Init.CheckBoxes();
-    if ($('.'+SN.C.S.FormNotice).length > 0) {
+    if ($('.' + SN.C.S.FormNotice).length > 0) {
         SN.Init.NoticeForm();
     }
     if ($('#content .notices').length > 0) {