jQuery(function() {
	var commentsForm = jQuery('#comments_form');
	
  //кнопка добавления картинки
	commentsForm.find('br:first').before('<img style="cursor:pointer;" id="upload_btn" src="http://www.playground.ru/images/forum/commentImageUpload.png" title="Вставить картинку" alt="Вставить картинку"/>');
  
  var formHeight = 115;
  
  var closeForm = function(e) {
    e = e || jQuery('#upload_box');
    
    e.animate({"height": "0px"}, "fast", function(){
      e.remove();
    });
  }
  
  var addForm = function() {
    
    commentsForm.find('br:first').after('\
    <div id="upload_box" style="height:0px;border:1px solid silver;margin-bottom:4px;margin-top:4px;">\
      <iframe src="http://img.playground.ru/upload/form.php" height="'+formHeight+'" frameborder="0" scrolling="no"></iframe>\
    </div>\
    ');
    
    //анимация
    jQuery('#upload_box').animate({"height": formHeight+"px"}, "fast");    
  }
  
  //нажатие на кнопку прикрепления картинки
  jQuery('#upload_btn').click(function(){
  
    var e = jQuery('#upload_box');
    
    if (!e.length) {
      
      addForm();
    } else {
      
      closeForm(e);
    }
    
    return false;
  });
  
  //колбэк-функция которая вызывается, при загрузке файла
  window.attachFileCallback = function(response) {
  
    var data = jQuery.parseJSON(response);
    var e;
    
    if (data['error'] || false) {
    
      //была ошибка, сообщаем
      alert(data['error']);
      
    } else if (data['file'] || false) {
    
      var e = jQuery('textarea[name=comment]');
      
      //на форумах, у поля другое имя
      if (!e.length) {
        e = jQuery('textarea[name=body]');
      }
      
      var text = e.val();

      //перевод строки, для того, чтобы картинки не вставали в ряд
      if (text) {
        text += "\r\n\r\n";
      }    
      
      //всё ок, выводим
      if ((data['width'] || false) && (data['height'] || false)) {
      
        e.val(text + '<img src="' + data['file'] + '" width="' + data['width'] + '" height="' + data['height'] + '" />');
        
      } else {
      
        e.val(text + '<img src="' + data['file'] + '" />');
        
      }
    }
    
    closeForm();
  }
});

