$(function(){
  $( "#tabs" ).tabs();
$("a#del_obl").click(function(){
$("#img-oblozhka").hide();
$("#input-oblozhka").val("");
var id = $("#input-id").val();
  $.ajax({
        type:'POST', // Тип запроса
        url: '/act/page_edit', // Скрипт обработчика
        data: 'id=' + id + '&act=del_oblozhka', // Данные которые мы передаем
        success:function(data){alert('Обложка удалена');}
    });
return false;
})
  //загрузка ключевых слов
$("#form-load-keywords").submit(function(){
    event.preventDefault();
    var input_keys = $('#input_keys').prop('files')[0];
    var formData = new FormData(this);
    formData.append('input_keys', input_keys);
    $.ajax({
        type:'POST', // Тип запроса
        url: $(this).attr('action'), // Скрипт обработчика
        data: formData, // Данные которые мы передаем
        cache:false, // В запросах POST отключено по умолчанию, но перестрахуемся
        contentType: false, // Тип кодирования данных мы задали в форме, это отключим
        processData: false,
        success:function(data){alert('Загружено');}
    });
})
/*            вкладка 3 - загружаем картинки         */
function readImage ( input ) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    reader.onload = function (e) {
      $("#div_preload").prepend('<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 col-xl-3"><img src="' + e.target.result + '" style="width:100%;"></div>');
      //$('.img_ava_mod_user').attr('src', e.target.result);
    }
    reader.readAsDataURL(input.files[0]);
    }
}
function readImage2 ( img ) {
      $("#div_preload").prepend('<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 col-xl-3"><img src="/img/pages/' + img + '_150_150.jpg" style="width:100%;"></div>');
      //$('.img_ava_mod_user').attr('src', e.target.result);
}
/*сохраняем*/
$('#upload-image').submit(function(event){
    event.preventDefault();
    var formData = new FormData(this);
    $.ajax({
      type:'POST', // Тип запроса
      url: '/act/page_edit', // Скрипт обработчика
      data: formData, // Данные которые мы передаем
      cache:false, // В запросах POST отключено по умолчанию, но перестрахуемся
      contentType: false, // Тип кодирования данных мы задали в форме, это отключим
      processData: false,
      success:function(data){
     readImage2(data);
       //Сделать показ после загрузки уменьшенной картинки
      },
      error:function(data){
        console.log(data);
      }
    });
  });
  //при изменении инпута показываем превью и отправляем на сервер
  $('#input-img2').change(function(){
//    readImage(this);
    $('#upload-image').submit();
  });
  //вызываем диалог
  $("#img-img2, #btn-upload").click(function(event){
    $("#input-img2").click();
  })
  //киляем картинку
  $(".a_del_img").click(function(event){
    var idimg=$(this).data('img');
    var id=$(this).attr('href');
    $("#img_"+id).hide();
     $.ajax({
      type:'POST', // Тип запроса
      url: '/act/page_edit', // Скрипт обработчика
      data: "act=del_img&img=" + idimg + "&id=" + id, // Данные которые мы передаем
      success:function(data){
        //alert(data);
       //Сделать показ после загрузки уменьшенной картинки
      }
    });
    return false;
  })
})