/// jQuery plugin to add support for SwfUpload
/// (c) 2008 Steven Sanderson

var uploadCompleteTimeout;

(function($) {
	$.fn.makeAsyncUploader = function(options) {
		return this.each(function() {
			// Put in place a new container with a unique ID
			var id = $(this).attr("id");
			var container = $("<span class='asyncUploader'/>");
			container.append($("<span id='" + id + "_completedMessage'/>"));
			container.append($("<div class='ProgressBar'> <div>&nbsp;</div> </div>"));
			container.append($("<span id='" + id + "_uploading'>Uploading... <button value='Cancel' class='button-medium cancel-button'>Cancel</button></span>"));
			container.append($("<span id='" + id + "_swf'/>"));
			container.append($("<input type='hidden' class='hidden' name='" + id + "_filename'/>"));
			container.append($("<input type='hidden' class='hidden' name='" + id + "_guid'/>"));
			$(this).before(container).remove();
			$("div.ProgressBar", container).hide();
			$("span[id$=_uploading]", container).hide();


			// Instantiate the uploader SWF
			var swfu;
			var width = 135, height = 39;
			if (options) {
				width = options.width || width;
				height = options.height || height;
			}
			var defaults = {
				flash_url: "swfupload.swf",
				upload_url: "/Home/AsyncUpload",
				file_size_limit: "3 MB",
				file_types: "*.*",
				file_types_description: "All Files",
				debug: false,

				button_image_url: "blankButton.png",
				button_width: width,
				button_height: height,
				button_placeholder_id: id + "_swf",
				/*button_text: "<font face='Arial' size='13pt'>Choose file</span>",*/
				button_text: "",
				button_text_left_padding: (width - 70) / 2,
				button_text_top_padding: 1,

				// Called when the user chooses a new file from the file browser prompt (begins the upload)
				file_queued_handler: function(file) { swfu.startUpload(); },

				// Called when a file doesn't even begin to upload, because of some error
				file_queue_error_handler: function(file, code, msg) { alert("Sorry, your file wasn't uploaded: " + msg); },

				// Called when an error occurs during upload
				upload_error_handler: function(file, code, msg) { alert("Sorry, your file wasn't uploaded: " + msg); },

				// Called when upload is beginning (switches controls to uploading state)
				upload_start_handler: function() {
					try {
						swfu.setButtonDimensions(0, height);
					} catch (err) { }
					$("input[name$=_filename]", container).val("");
					$("input[name$=_guid]", container).val("");
					$("div.ProgressBar div", container).css("width", "0px");
					$("div.ProgressBar", container).show();
					$("span[id$=_uploading]", container).show();
					$("span[id$=_completedMessage]", container).html("").hide();

					if (options.disableDuringUpload)
						$(options.disableDuringUpload).attr("disabled", "disabled");

					if (options.evaluateThisOnStart) {
						eval(options.evaluateThisOnStart);
					}
				},

				// Called when upload completed successfully (puts success details into hidden fields)
				upload_success_handler: function(file, response) {
					$("input[name$=_filename]", container).val(file.name);
					$("input[name$=_guid]", container).val(response);
					$("span[id$=_completedMessage]", container).html("Uploaded <b>{0}</b> ({1} KB)"
                                .replace("{0}", file.name)
                                .replace("{1}", Math.round(file.size / 1024))
                            );
				},

				// Called when upload is finished (either success or failure - reverts controls to non-uploading state)
				upload_complete_handler: function() {

					// Clear uploadCompleteTimeout
					clearInterval(uploadCompleteTimeout);

					var clearup = function() {
						$("div.ProgressBar", container).hide();
						$("span[id$=_completedMessage]", container).show();
						$("span[id$=_uploading]", container).hide();
						try {
							swfu.setButtonDimensions(width, height);
						} catch (err) { }
					};
					if ($("input[name$=_filename]", container).val() != "") // Success
					{
						$("div.ProgressBar div", container).animate({ width: "100%" }, { duration: "fast", queue: false, complete: clearup });

						if (options.evaluateThisOnEnd) {
							setTimeout(function() { eval(options.evaluateThisOnEnd); }, 10);
						}
					}
					else { // Fail
						alert('Failed to upload');
						clearup();
					}

					if (options.disableDuringUpload)
						$(options.disableDuringUpload).removeAttr("disabled");
				},

				// Called periodically during upload (moves the progess bar along)
				upload_progress_handler: function(file, bytes, total) {
					var percent = 100 * bytes / total;

					$('#' + id + '_uploading').html('Uploading... (' + parseInt(percent, 10) + '%)<button class="button-medium cancel-button" value="Cancel">Cancel</button>');
					$("div.ProgressBar div", container).animate({ width: percent + "%" }, { duration: 500, queue: false });

					if (percent == 100) {
						uploadCompleteTimeout = setInterval(function() {
							//alert('check if complete');
							uploadingSessionKey = $('#uploadingSessionKey').val();

							$.getJSON('/mix/AsyncUploadMixFileIsComplete?uploadingSessionKey=' + uploadingSessionKey, function(json) {
								//alert('/mix/AsyncUploadMixFileIsComplete');
								if (json.result == "true") {
									$("input[name$=_filename]", container).val(file.name);
									$("input[name=mixTrackFile_guid]", container).val(json.mixid);
									defaults.upload_complete_handler();
								}
							});

						}, 1000*30); // Kolla om klar en gång per 30 sek
					}
				}
			};
			swfu = new SWFUpload($.extend(defaults, options || {}));

			// Called when user clicks "cancel" (forces the upload to end, and eliminates progress bar immediately)
			//            $("span[id$=_uploading] input[type='button']", container).click(function() {
			$("span[id$=_uploading] .cancel-button", container).click(function() {
				swfu.cancelUpload(null, false);

				if (options.evaluateThisOnCancel) {
					setTimeout(function() { eval(options.evaluateThisOnCancel); }, 10);
				}
			});

			// Give the effect of preserving state, if requested
			if (options.existingFilename || "" != "") {
				$("span[id$=_completedMessage]", container).html("Uploaded <b>{0}</b> ({1} KB)"
                                .replace("{0}", options.existingFilename)
                                .replace("{1}", options.existingFileSize ? Math.round(options.existingFileSize / 1024) : "?")
                            ).show();
				$("input[name$=_filename]", container).val(options.existingFilename);
			}
			if (options.existingGuid || "" != "")
				$("input[name$=_guid]", container).val(options.existingGuid);
		});
	}
})(jQuery);