var uploader;

var options = {
    url: "https://media.cincopa.com/post.jpg?uid=1411253&d=AAAAcAQtIWBAAAAAAEJqhoA&hash=x521bdtt1lmc3rau4i4qxx4rj3oqhp4b&addtofid=0",
    chunk_size: 10, // MB
    onUploadComplete: function (e) {
      console.log("onUploadComplete");
      console.log(e);
      $(".status-bar").html("File has been successfully uploaded rid=" + e.rid);
      if (e.type.startsWith("video"))
        cincopa.boot_gallery({"_object": "thediv", "_fid": "A4HAcLOLOO68!"+e.rid})
      else if (e.type.startsWith("audio"))
        cincopa.boot_gallery({"_object": "thediv", "_fid": "AEFALSr3trK4!"+e.rid})
    },
    onUploadProgress: function (e) {
      console.log(e);
      $(".status-bar").html(parseInt(e.percentComplete) + '%');
    },
    onUploadError: function (e) {
      console.log(e);
      $(".status-bar").html("Error accured while uploading");
    }
};


$('.fileuploader').change(function (e) {
  var file = e.target.files[0];
  uploader = new cpUploadAPI(file, options);
});

var dropArea = $('#dropArea')[0];
dropArea.ondragover = function (e) {
  e.stopPropagation();
  e.preventDefault();
  return false;
}; 
dropArea.ondragleave = function (e) {
  e.stopPropagation();
  e.preventDefault();
  return false;
};
dropArea.ondrop = function (e) {
  e.preventDefault();
  var file = e.dataTransfer.files[0];
  uploader = new cpUploadAPI(file, options);
  
  $('#dropArea').html("dropped " + file.name + " click start");
};

$(".start").click(function () {
    uploader.start();
});
$(".stop").click(function () {
    uploader.stop();
});
$(".pause").click(function () {
    uploader.pause();
})

$(".resume").click(function () {
    uploader.resume();
})