/* This is an example of how to cancel all the files queued up.  It's made somewhat generic.  Just pass your SWFUpload
object in to this method and it loops through cancelling the uploads. */
function cancelQueue(instance) {
   document.getElementById(instance.customSettings.cancelButtonId).disabled = true;
   instance.stopUpload();
   var stats;
   
   do {
      stats = instance.getStats();
      instance.cancelUpload();
   } while (stats.files_queued !== 0);
   
}

/* **********************
   Event Handlers
   These are my custom event handlers to make my
   web application behave the way I went when SWFUpload
   completes different tasks.  These aren't part of the SWFUpload
   package.  They are part of my application.  Without these none
   of the actions SWFUpload makes will show up in my application.
   ********************** */
function fileDialogStart() {
   /* I don't need to do anything here */
}
function fileQueued(file) {
   try {
      // You might include code here that prevents the form from being submitted while the upload is in
      // progress.  Then you'll want to put code in the Queue Complete handler to "unblock" the form
      var progress = new FileProgress(file, this.customSettings.progressTarget);
      progress.setStatus("Gereed");
      progress.toggleCancel(true, this);

   } catch (ex) {
      this.debug(ex);
   }

}

function fileQueueError(file, errorCode, message) {
   try {
      if (errorCode === SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED) {
         alert("U kunt maximaal nog " + message + " bestand" + (message != 1 ? "en" : "") + " selecteren");
         return;
      }

      var progress = new FileProgress(file, this.customSettings.progressTarget);
      progress.setError();
      progress.toggleCancel(false);

      switch (errorCode) {
      case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
         progress.setStatus("Bestand is te groot.");
         this.debug("Error Code: File too big, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
         break;
      case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
         progress.setStatus("Het geselecteerde bestand is leeg.");
         this.debug("Error Code: Zero byte file, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
         break;
      case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
         progress.setStatus("Onjuiste bestandstype geselecteerd.");
         this.debug("Error Code: Invalid File Type, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
         break;
      case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
         alert("U heeft teveel bestanden geselecteerd.  " +  (message > 1 ? "U mag nog " +  message + " bestanden toevoegen" : "U kunt niet meer bestanden toevoegen."));
         break;
      default:
         if (file !== null) {
            progress.setStatus("Unhandled Error");
         }
         this.debug("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
         break;
      }
   } catch (ex) {
        this.debug(ex);
    }
}

function fileDialogComplete(numFilesSelected, numFilesQueued) {
   try {
      if (this.getStats().files_queued > 0) {
         document.getElementById(this.customSettings.cancelButtonId).disabled = false;
      }
      
      /* I want auto start and I can do that here */
      //this.startUpload();
   } catch (ex)  {
        this.debug(ex);
   }
}

function uploadStart(file) {
   try {
      /* I don't want to do any file validation or anything,  I'll just update the UI and return true to indicate that the upload should start */
      var progress = new FileProgress(file, this.customSettings.progressTarget);

      progress.setStatus("Gereed voor upload");
      progress.toggleCancel(true, this);
      
      for (var i = 0; i < upload.length; i++) {
         if (upload[i]["id"] == file.id.substr(10, 1)) {          
            upload[i]["files"] = upload[i]["files"] + 1;
         }
      }
   }
   catch (ex) {
   }
   
   return true;
}

function uploadProgress(file, bytesLoaded, bytesTotal) {

   try {
      var percent = Math.ceil((bytesLoaded / bytesTotal) * 100);

      var progress = new FileProgress(file, this.customSettings.progressTarget);
      progress.setProgress(percent);
      progress.setStatus("Uploading...");
   } catch (ex) {
      this.debug(ex);
   }
}

function uploadSuccess(file, serverData) {
   try {
      var progress = new FileProgress(file, this.customSettings.progressTarget);
      progress.setComplete();
      progress.setStatus("Voltooid.");
      progress.toggleCancel(false);

   } catch (ex) {
      this.debug(ex);
   }
}

function uploadComplete(file) {
   try {
      /*  I want the next upload to continue automatically so I'll call startUpload here */
      if (this.getStats().files_queued === 0) {
         document.getElementById(this.customSettings.cancelButtonId).disabled = true;
      } else { 
         this.startUpload();
      }
   } catch (ex) {
      this.debug(ex);
   }

}

function uploadError(file, errorCode, message) {
   try {
      var progress = new FileProgress(file, this.customSettings.progressTarget);
      progress.setError();
      progress.ToggleCancel(false);

      switch (errorCode) {
      case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
         progress.setStatus("Upload Error: " + message);
         this.debug("Error Code: HTTP Error, File name: " + file.name + ", Message: " + message);
         break;
      case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL:
         progress.setStatus("Configuration Error");
         this.debug("Error Code: No backend file, File name: " + file.name + ", Message: " + message);
         break;
      case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
         progress.setStatus("Upload Failed.");
         this.debug("Error Code: Upload Failed, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
         break;
      case SWFUpload.UPLOAD_ERROR.IO_ERROR:
         progress.setStatus("Server (IO) Error");
         this.debug("Error Code: IO Error, File name: " + file.name + ", Message: " + message);
         break;
      case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
         progress.setStatus("Security Error");
         this.debug("Error Code: Security Error, File name: " + file.name + ", Message: " + message);
         break;
      case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
         progress.setStatus("Upload limit exceeded.");
         this.debug("Error Code: Upload Limit Exceeded, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
         break;
      case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND:
         progress.setStatus("File not found.");
         this.debug("Error Code: The file was not found, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
         break;
      case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
         progress.setStatus("Failed Validation.  Upload skipped.");
         this.debug("Error Code: File Validation Failed, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
         break;
      case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED:
         if (this.getStats().files_queued === 0) {
            document.getElementById(this.customSettings.cancelButtonId).disabled = true;
         }
         progress.setStatus("Cancelled");
         progress.setCancelled();
         break;
      case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:
         progress.setStatus("Stopped");
         break;
      default:
         progress.setStatus("Unhandled Error: " + error_code);
         this.debug("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
         break;
      }
   } catch (ex) {
        this.debug(ex);
    }
}

function uploadCancel(fileObj) {
   try {
      var progress = new FileProgress(fileObj, this.getSetting("progress_target"));
      progress.SetCancelled();
      progress.SetStatus("Geannuleerd");
      progress.ToggleCancel(false);

   }
   catch (ex) {
        this.debugMessage(ex);
    }
}

function FileProgress(fileObj, target_id) {
   this.file_progress_id = fileObj.id;

   this.opacity = 100;
   this.height = 0;

   this.fileProgressWrapper = document.getElementById(this.file_progress_id);
   if (!this.fileProgressWrapper) {
      this.fileProgressWrapper = document.createElement("div");
      this.fileProgressWrapper.className = "progressWrapper";
      this.fileProgressWrapper.id = this.file_progress_id;

      this.fileProgressElement = document.createElement("div");
      this.fileProgressElement.className = "progressContainer";

      var progressCancel = document.createElement("a");
      progressCancel.className = "progressCancel";
      progressCancel.href = "#";
      progressCancel.style.visibility = "hidden";
      progressCancel.appendChild(document.createTextNode(" "));

      var progressText = document.createElement("div");
      progressText.className = "progressName";
      progressText.appendChild(document.createTextNode(fileObj.name));

      var progressBar = document.createElement("div");
      progressBar.className = "progressBarInProgress";

      var progressStatus = document.createElement("div");
      progressStatus.className = "progressBarStatus";
      progressStatus.innerHTML = "&nbsp;";

      this.fileProgressElement.appendChild(progressCancel);
      this.fileProgressElement.appendChild(progressText);
      this.fileProgressElement.appendChild(progressStatus);
      this.fileProgressElement.appendChild(progressBar);

      this.fileProgressWrapper.appendChild(this.fileProgressElement);

      document.getElementById(target_id).appendChild(this.fileProgressWrapper);
   } else {
      this.fileProgressElement = this.fileProgressWrapper.firstChild;
   }

   this.height = this.fileProgressWrapper.offsetHeight;

}
FileProgress.prototype.setProgress = function(percentage) {
   this.fileProgressElement.className = "progressContainer green";
   this.fileProgressElement.childNodes[3].className = "progressBarInProgress";
   this.fileProgressElement.childNodes[3].style.width = percentage + "%";
}
FileProgress.prototype.setComplete = function() {
   this.fileProgressElement.className = "progressContainer blue";
   this.fileProgressElement.childNodes[3].className = "progressBarComplete";
   this.fileProgressElement.childNodes[3].style.width = "";

   var oSelf = this;
   setTimeout(function() { oSelf.Disappear(); }, 10000);
}
FileProgress.prototype.setError = function() {
   this.fileProgressElement.className = "progressContainer red";
   this.fileProgressElement.childNodes[3].className = "progressBarError";
   this.fileProgressElement.childNodes[3].style.width = "";

   var oSelf = this;
   setTimeout(function() { oSelf.Disappear(); }, 5000);
}
FileProgress.prototype.setCancelled = function() {
   this.fileProgressElement.className = "progressContainer";
   this.fileProgressElement.childNodes[3].className = "progressBarError";
   this.fileProgressElement.childNodes[3].style.width = "";

   var oSelf = this;
   setTimeout(function() { oSelf.Disappear(); }, 2000);
}
FileProgress.prototype.setStatus = function(status) {
   this.fileProgressElement.childNodes[2].innerHTML = status;
}

FileProgress.prototype.toggleCancel = function(show, upload_obj) {
   this.fileProgressElement.childNodes[0].style.visibility = show ? "visible" : "hidden";
   if (upload_obj) {
      var file_id = this.file_progress_id;
      this.fileProgressElement.childNodes[0].onclick = function() { upload_obj.cancelUpload(file_id); return false; };
   }
}

FileProgress.prototype.Disappear = function() {

   var reduce_opacity_by = 15;
   var reduce_height_by = 4;
   var rate = 30; // 15 fps

   if (this.opacity > 0) {
      this.opacity -= reduce_opacity_by;
      if (this.opacity < 0) this.opacity = 0;

      if (this.fileProgressWrapper.filters) {
         try {
            this.fileProgressWrapper.filters.item("DXImageTransform.Microsoft.Alpha").opacity = this.opacity;
         } catch (e) {
            // If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
            this.fileProgressWrapper.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + this.opacity + ')';
         }
      } else {
         this.fileProgressWrapper.style.opacity = this.opacity / 100;
      }
   }

   if (this.height > 0) {
      this.height -= reduce_height_by;
      if (this.height < 0) this.height = 0;

      this.fileProgressWrapper.style.height = this.height + "px";
   }

   if (this.height > 0 || this.opacity > 0) {
      var oSelf = this;
      setTimeout(function() { oSelf.Disappear(); }, rate);
   } else {
      this.fileProgressWrapper.style.display = "none";
   }
}