//= require social_stream/wall

SocialStream.Wall.callbackRegister('show', function(){
  $('.wall_input button.new_document').click(function(event){
    event.preventDefault();

    $(this).addClass("selected");

    // build document form
    if ($('.wall_input input[name^=document]').length === 0) {
      $('<label/>', {
        "for": 'document_title',
        text: I18n.t('activerecord.attributes.document.title')
        }).insertBefore($('#post_text'));

      $('<textarea/>', {
        name: 'document[description]',
        'class': 'document_description',
        placeholder: I18n.t('document.description.input')
      }).insertAfter($('#post_text'));

      $('.wall_input textarea.document_description').val($('#post_text').val());

      $('#post_text').
        attr('name', 'document[title]').
        attr('placeholder', I18n.t('document.title.input'));

      $('<input>', {
        name: 'document[file]',
        type: 'file',
        style: 'display: none;'
      }).insertAfter('.wall_input textarea.document_description');

      SocialStream.Wall.changeAction($(this).attr('data-path'));
      $('.wall_input form').
        attr('enctype', 'multipart/form-data'); // this is ignored if done after creating the file input

      $('.wall_input input[name="post[owner_id]"]').attr('name', 'document[owner_id');
      SocialStream.Wall.changeRelationSelect('document');
    }

    $('.wall_input input[type=file]').trigger('click');

    $('.wall_input input[type=file]').change(function(){
      $("#post_text").val($(this).val().replace(/C:\\fakepath\\/i, ''));
    });
  });
});

//= require social_stream/wall

SocialStream.Wall.callbackRegister('show', function(){
  $('.wall_input button.new_document').click(function(event){
    event.preventDefault();

    $(this).addClass("selected");

    // build document form
    if ($('.wall_input input[name^=document]').length === 0) {
      $('<label/>', {
        "for": 'document_title',
        text: I18n.t('activerecord.attributes.document.title')
        }).insertBefore($('#post_text'));

      $('<textarea/>', {
        name: 'document[description]',
        'class': 'document_description',
        placeholder: I18n.t('document.description.input')
      }).insertAfter($('#post_text'));

      $('.wall_input textarea.document_description').val($('#post_text').val());

      $('#post_text').
        attr('name', 'document[title]').
        attr('placeholder', I18n.t('document.title.input'));

      $('<input>', {
        name: 'document[file]',
        type: 'file',
        style: 'visibility: hidden;'
      }).insertAfter('.wall_input textarea.document_description');

      SocialStream.Wall.changeAction($(this).attr('data-path'));
      $('.wall_input form').
        attr('enctype', 'multipart/form-data'); // this is ignored if done after creating the file input

      $('.wall_input input[name="post[owner_id]"]').attr('name', 'document[owner_id');
      SocialStream.Wall.changeRelationSelect('document');
    }

    $('.wall_input input[type=file]').trigger('click');

    $('.wall_input input[type=file]').change(function(){
      $("#post_text").val($(this).val().replace(/C:\\fakepath\\/i, ''));
    });
  });
});

Change wall file hidden input css