applicious_utils 0.1.25 → 0.1.27

data/app/assets/javascripts/applicious_utils/Plupload/changelog.txt

@@ -0,0 +1,152 @@
+Version 1.4.3.2 (2011-04-13)
+	Fixed bug in HTML5 runtime, when was reduced by a factor of 100 after every upload.
+Version 1.4.3.1 (2011-04-12)
+	Fixed build script, mistakenly populating jquery.plupload.queue directory from jquery.ui.plupload sources.
+	Fixed script urls in all examples, build script now will alter them automatically from dev to release when needed.
+	Fixed isEmptyObj undefined error in HTML4 runtime.
+	Fixed bug in UI Widget preventing UploadComplete from triggering.
+Version 1.4.3 (2011-04-11)
+	Added Latvian language pack and updated French.
+	Fixed bug in Flash runtime when JPEG header was not investigated deep enough to reach SOFn marker in large images.
+	Fixed bug, when PNGs were cropped to width in Flash runtimes, rather then resized. 
+	Fixed Flash to allow multiple uploading of the same file, with different settings.
+	Fixed Flash runtime to clean anonymous listeners properly. 
+	Fixed HTML5 runtime to resolve to mimeType in case-insensitive way.
+	Fixed HTML5/Flash/SilverLight/Gears runtimes for inconsistency in naming of chunks feature, comparing to other runtimes.
+	Fixed HTML4/HTML5 runtimes for input[type=file] to outsize contaner effectively enough to fill the whole click area.
+	Fixed all runtimes to preserve position (relative/absolute) rule on containers that already have it.
+	Fixed SilverLight runtime to support large files (over 2GB).
+	Restructured the examples, src and build scripts to make it more clear that jQuery is optional.
+	Added support for *.* filter.
+	Added support for preserving ICC and IPTC headers when resizing JPEGs.
+	Added Image.onerror/onabort handlers to HTML5 in order to gracefully bypass faulty images.
+	Added ability to drop image size (by lowering quality), while preserving original dimension (HTML5/Flash/Gears).
+	Ported EXIF, ICC, IPTC preservation code to Flash runtime. 
+Version 1.4.2 (2011-02-20)
+	Added Brazilian Portuguese, German, Russian and Spanish translations.
+	Added support for file_data_name option to SilverLight runtime.
+	Added support for better quality image resizing to Flash runtime.
+	Added support for properly handling images with dimensions up to 8191x8191 pixels to Flash runtime.
+	Added 'updatelist' event to UI Widget, which will be triggered every time file list will get redrawn. 
+	Added support for dynamically changing options to UI Widget.
+	Fixed HTML4 runtime bug, when UploadFile handler was attached twice. 
+	Fixed HTML5 to use FileReader.readAsBinaryString() instead of File.getAsBinary() on newer WebKit browsers (like Chrome 9).
+	Fixed Flash runtime from sending duplicate Filename param, when using FileReference.upload(). 
+	Updated S3 example to illustrate support for a proper progress indication. 
+Version 1.4.1 (2011-02-01)
+	Added an example on how to use Plupload with Amazon S3 written in PHP but can easily be ported to other languages.
+	Fixed bug where hidden input elements wasn't created when the multiple_queues option wasn't used.
+	Fixed bug where FF4 would produce an exception about missing BlobBuilder.
+Version 1.4.0 (2011-01-26)
+	Added removeEvent and removeAllEvents methods and modified addEvent accordingly, in order to support dynamic unload.
+	Added unbindAll method.
+	Added UploadComplete event, which fires when internal iterator reaches the end of the queue.
+	Added public destroy method to plupload object, new event - Destroy, and corresponding handlers to all runtimes.
+	Added Czech, Italian, French, Dutch translations.
+	Added support for translatable error messages.
+	Added two new options: browse_button_hover and browse_button_active, in order to support browse_button interactivity.	
+	Added support for 'multi_selection: false' to Silverlight runtime.
+	Added support for video/mp4, video/x-m4v and audio/mp4 MIME Types. 
+	Added artificial sendAsBinary method to XMLHttpRequest.prototype for browsers that have support for BlobBuilder and typed arrays.
+	Added version tracking variable into plupload object and version comment to the header of every file.
+	Fixed measurements of browse_button element in order to size and position input[type=file] element to fit it fully.
+	Fixed Flash runtime behavior for multiple_select=false and other simpleUpload usage cases: basically new FileReference has to be created for every select dialog. 
+	Fixed browser sniffer to match only Safari, for fakeSafariDragDrop (seems like Safari on Mac doesn't require it either).
+	Fixed so that ExternalInterface escapes strings properly, before passing them to JS. 
+	Fixed eventual reinitialization of flash/silverlight runtimes, especially for cases when object wrapper needed to be programmatically hidden and then shown again.
+	Fixed so that Plupload will now ignore files with duplicate names when adding to the queue, in one set. Mainly introduced to work around Safari on Windows bug (https://bugs.webkit.org/show_bug.cgi?id=37957).
+	Fixed bug, when final UploadProgress was firing after FileUploaded for Flash simpleUpload. 
+	Fixed bug where upload would fail if an error was produced inside the FilesAdded event.
+	Fixed bug in Flash runtime when it used a wrong size when resizing, but not chunking.
+	Fixed bug in Silverlight runtime that would keep sending 0 byte packages when a picture was chunked before resized.
+	Disabled blur filter (is going to be replaced with some bilinear resampling in next release).
+	Completely revised UI Widget, to be more jQuery UI oriented. Optionally depends on UI Button, UI Sortable, UI ProgressBar.	
+Version 1.3.0 (2010-11-24)
+	Added new jQuery UI widget that supports jQuery UI themes.
+	Added new multiple_queues option that enables you to upload multiple times in the queue widgets.
+	Added support for crossdomain loading of the XAP and SWF files and crossdomain upload.
+	Added new multiple_queues option that enables you to upload multiple times in the queue widgets.
+	Added support for crossdomain loading of the XAP and SWF files and crossdomain upload.
+	Added preinit/init options to to ease up the binding of custom events to queueWidget and the Uploader class.
+	Added drag/drop support for Safari until they fix the broken drag/drop support on Windows.
+	Added events example file that show how to bind all events and display event specific data.
+	Added support for retaining Exif data on images when they where resized using the HTML5 runtime.
+	Fixed logic issue with the upload.php example file. Chunking wasn't working correctly.
+	Fixed issue with HTML4 not handling the form encoding correctly on older IE versions. Patch contributed by jinxdone.
+	Fixed so the HTML4 runtime only submits the defined multipart_params arguments.
+	Fixes issue where it wasn't possible to dynamically override url or mutlipart_params for the HTML4 runtime.
+	Fixed so all runtimes pass the name, chunk and chunks parameters as multipart parameters instead of querystring parameters.
+	Fixed so files are read using the newer FileReader class if it's available if not it tries the older getAsXXX on Gecko.
+	Fixed bug where IE 9 beta 1 wouldn't render Silverlight properly.
+	Fixed bug where Flash would do extra empty requests if images below a specific size would be uploaded.
+	Fixed bug where Google Gears would resize and re-encode images even if the it wasn't changed in scale.
+	Fixed bug where the HTML5 runtime wouldn't free memory after each request on Gecko.
+Version 1.2.4 (2010-09-08)
+	Added new BeforeUpload event to make it easier to override settings before a file is uploaded.
+	Added new automatic usage of FileReference in Flash if it's possible. Contributed by Marcel Jackwerth.
+	Added new chunking support for Chrome 5 and Firefox 3.6 using the HTML 5 runtime.
+	Added new multipart upload support for WebKit using the HTML 5 runtime and the FormData object.
+	Added new image scaling method for the Flash runtime contributed by rcoopman.
+	Added new alert error message if the user selected invalid files.
+	Added new automatic unique name generation to the example.php script. Contributed by Brandon Kelly.
+	Changed so the default upload method is multipart and the default chunk size is 0.
+	Fixed progress issue with the HTML5 runtime running on Gecko.
+	Fixed so longer extensions can be used such as .tar.gz.
+	Fixed so the file extension is retained when using the unique_names option.
+Version 1.2.3 (2010-05-27)
+	Added new drag/drop support for HTML5 running on Chrome beta.
+	Added new multipart state for the features object. It's now possible to detect multipart support.
+	Added new getFeatures function to all runtime. Basic concept by Javier Martinez Fernandez.
+	Fixed bug where runtimes where initialized even if they didn't match the required_features setting.
+Version 1.2.2.1 (2010-05-04)
+	Added new headers option, enables you to set custom headers for the upload requests.
+	Fixed bug where the file extension checking was case sensitive.
+Version 1.2.2 (2010-04-26)
+	Added new file_data_name option that enables you to set the multipart file data param. Patch contributed by Alex Ganov.
+	Added new FILE_SIZE_ERROR type that will be triggered if the user selected a file that is to large or zero bytes.
+	Added new FILE_EXTENSION_ERROR type that will be triggered if you add a file with an invalid file extension.
+	Added new required_features setting, enables you to specify a list of required features that the runtime must have.
+	Fixed so the plupload.buildUrl function uses the UTF compatible encodeURIComponent method instead of escape.
+	Fixed so that all file types can be selected if you don't specify a filter setting.
+	Fixed so more valid HTTP status codes are accepted as valid responses.
+	Fixed so all runtimes fills the features object with available features.
+	Fixed some issues with the HTML4 runtime if there wasn't any existing forms on the page.
+	Fixed some conflict issues with HTML4 runtime and forms with the input names of action or target.
+	Fixed bug where some Gecko versions would produce exceptions when checking the HTTP status of a XHR.
+Version 1.2.1 (2010-03-22)
+	Fixed bug with incorrect aspect ratio in Flash image scaling.
+	Fixed bug where chunked uploads could get scrambled in the Flash runtime. Patch contributed by Grady Werner.
+	Fixed bug where a beta version of Chrome wouldn't handle drag/drop correctly because of missing drag effect.
+	Fixed so the HTML 4 runtime displays N/A for file sizes and the progress is based on uploaded files instead of bytes.
+	Fixed so chunking can be disabled properly in Flash but that will affect the progress bar.
+	Fixed so queue widget displays the drag/drop message if file queue is emptied.
+	Fixed small files are uploaded as one single chunk and not forced into 4 chunks in the Flash runtime.
+Version 1.2 (2010-03-09)
+	Added new rename file support for jQuery queue widget, click on a file name to rename it if it's enabled.
+	Added official ChunkUploaded event, it similar to FileUploaded but executed for each chunk.
+	Added bytes per second support to total queue progress.
+	Added better error handling to core API using the new Error event.
+	Added better error handling to jQuery queue widget.
+	Fixed so chunking uploads is dispatch from JS not from inside Flash/Silverlight.
+Version 1.1.1 (2010-02-25)
+	Added new setup setting to queue widget. Makes it easier to bind custom events to uploader instance.
+	Fixed so it's possible to disable chunking compleatly. It's now disabled by default.
+	Fixed bug where multipart mode was enabled all the time in the Flash runtime.
+	Fixed bug where chunked uploading in Silverlight would fail.
+	Fixed bug where the delete button was visible while uploading.
+	Fixed bug where unique_names setting wasn't working when the core API was used.
+	Fixed bug where the queue widget wouldn't display the currently uploaded file if the unique_names was enabled.
+Version 1.1 (2010-02-24)
+	Added new multipart and multipart_params support.
+	Added new container option, enables you to specify where flash/silverlight objects would be added.
+	Added chunking support to BrowserPlus runtime, contributed by Steve Spencer.
+	Added FileUploaded event that fires when a file is uploaded.
+	Added more easily understandable buttons to queue widget.
+	Added html4 runtime, contributed by Ryan Demmer.
+	Fixed issues with i18n support and added a Swedish and Danish language pack.
+	Fixed bug where the Flash runtime could do empty requests if the image was scaled down.
+	Fixed bug where uploading small images in Silverlight would produce an exception.
+	Fixed so the runtime list can include whitespace or missing runtimes. Patch contributed by �yvind Sean Kinsey.
+	Fixed so to large files are ignored and never dispatched to the FilesAdded event.
+Version 1.0 (2010-02-03)
+	First official release of Plupload.

data/app/assets/javascripts/applicious_utils/Plupload/examples/custom.html

@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+
+<title>Plupload - Queue widget example</title>
+
+<style type="text/css">
+	body {
+		font-family:Verdana, Geneva, sans-serif;
+		font-size:13px;
+		color:#333;
+		background:url(bg.jpg);
+	}
+</style>
+
+<script type="text/javascript" src="http://bp.yahooapis.com/2.4.21/browserplus-min.js"></script>
+
+<script type="text/javascript" src="../js/plupload.js"></script>
+<script type="text/javascript" src="../js/plupload.gears.js"></script>
+<script type="text/javascript" src="../js/plupload.silverlight.js"></script>
+<script type="text/javascript" src="../js/plupload.flash.js"></script>
+<script type="text/javascript" src="../js/plupload.browserplus.js"></script>
+<script type="text/javascript" src="../js/plupload.html4.js"></script>
+<script type="text/javascript" src="../js/plupload.html5.js"></script>
+
+<!-- <script type="text/javascript"  src="http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js"></script> -->
+
+</head>
+<body>
+
+<form id="submit-form" method="post" action="dump.php">
+	<h1>Custom example</h1>
+
+	<p>Shows you how to use the core plupload API.</p>
+
+	<div>
+		<div id="filelist">No runtime found.</div>
+		<br />
+		<a id="pickfiles" href="javascript:;">[Select files]</a> 
+		<a id="uploadfiles" href="javascript:;">[Upload files]</a>
+	</div>
+    
+    <input type="submit" />
+</form>
+
+<script type="text/javascript">
+// Custom example logic
+function $(id) {
+	return document.getElementById(id);	
+}
+
+
+var uploader = new plupload.Uploader({
+	runtimes : 'gears,html5,flash,silverlight,browserplus',
+	browse_button : 'pickfiles',
+	max_file_size : '10mb',
+	url : 'upload.php',
+	resize : {width : 320, height : 240, quality : 90},
+	flash_swf_url : '../js/plupload.flash.swf',
+	silverlight_xap_url : '../js/plupload.silverlight.xap',
+	filters : [
+		{title : "Image files", extensions : "jpg,gif,png"},
+		{title : "Zip files", extensions : "zip"}
+	]
+});
+
+uploader.bind('Init', function(up, params) {
+	$('filelist').innerHTML = "<div>Current runtime: " + params.runtime + "</div>";
+});
+
+uploader.bind('FilesAdded', function(up, files) {
+	for (var i in files) {
+		$('filelist').innerHTML += '<div id="' + files[i].id + '">' + files[i].name + ' (' + plupload.formatSize(files[i].size) + ') <b></b></div>';
+	}
+});
+
+uploader.bind('UploadFile', function(up, file) {
+	$('submit-form').innerHTML += '<input type="hidden" name="file-' + file.id + '" value="' + file.name + '" />';
+});
+
+uploader.bind('UploadProgress', function(up, file) {
+	$(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
+});
+
+$('uploadfiles').onclick = function() {
+	uploader.start();
+	return false;
+};
+
+uploader.init();
+</script>
+</body>
+</html>

data/app/assets/javascripts/applicious_utils/Plupload/examples/dump.php

@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+<link rel="stylesheet" href="css/plupload.css" type="text/css" media="screen" />
+<title>Plupload - Form dump</title>
+<style type="text/css">
+	body {
+		font-family:Verdana, Geneva, sans-serif;
+		font-size:13px;
+		color:#333;
+		background:url(bg.jpg);
+	}
+</style>
+</head>
+<body>
+
+<h1>Post dump</h1>
+
+<p>Shows the form items posted.</p>
+
+<table>
+	<tr>
+		<th>Name</th>
+		<th>Value</th>
+	</tr>
+	<?php $count = 0; foreach ($_POST as $name => $value) { ?>
+	<tr class="<?php echo $count % 2 == 0 ? 'alt' : ''; ?>">
+		<td><?php echo $name ?></td>
+		<td><?php echo nl2br(htmlentities(stripslashes($value))) ?></td>
+	</tr>
+	<?php } ?>
+</table>
+
+</body>
+</html>

data/app/assets/javascripts/applicious_utils/Plupload/examples/jquery/events.html

@@ -0,0 +1,196 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+<link rel="stylesheet" href="../../js/jquery.plupload.queue/css/jquery.plupload.queue.css" type="text/css" media="screen" />
+<title>Plupload - Events example</title>
+<style type="text/css">
+	body {
+		font-family:Verdana, Geneva, sans-serif;
+		font-size:13px;
+		color:#333;
+		background:url(../bg.jpg);
+	}
+</style>
+
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="http://bp.yahooapis.com/2.4.21/browserplus-min.js"></script>
+
+<script type="text/javascript" src="../../js/plupload.js"></script>
+<script type="text/javascript" src="../../js/plupload.gears.js"></script>
+<script type="text/javascript" src="../../js/plupload.silverlight.js"></script>
+<script type="text/javascript" src="../../js/plupload.flash.js"></script>
+<script type="text/javascript" src="../../js/plupload.browserplus.js"></script>
+<script type="text/javascript" src="../../js/plupload.html4.js"></script>
+<script type="text/javascript" src="../../js/plupload.html5.js"></script>
+<script type="text/javascript" src="../../js/jquery.plupload.queue/jquery.plupload.queue.js"></script>
+
+</head>
+<body>
+
+<form method="post" action="dump.php">
+	<h1>Events example</h1>
+
+	<p>Shows how to bind and use all available events.</p>
+
+	<h3>Log messages</h3>
+	<textarea id="log" style="width: 100%; height: 150px; font-size: 11px" spellcheck="false" wrap="off"></textarea>
+
+	<h3>Queue widget</h3>
+	<div id="uploader" style="width: 450px; height: 330px;">You browser doesn't support upload.</div>
+	<a id="clear" href="#">Clear queue</a>
+</form>
+<script type="text/javascript">
+$(function() {
+	function log() {
+		var str = "";
+
+		plupload.each(arguments, function(arg) {
+			var row = "";
+
+			if (typeof(arg) != "string") {
+				plupload.each(arg, function(value, key) {
+					// Convert items in File objects to human readable form
+					if (arg instanceof plupload.File) {
+						// Convert status to human readable
+						switch (value) {
+							case plupload.QUEUED:
+								value = 'QUEUED';
+								break;
+
+							case plupload.UPLOADING:
+								value = 'UPLOADING';
+								break;
+
+							case plupload.FAILED:
+								value = 'FAILED';
+								break;
+
+							case plupload.DONE:
+								value = 'DONE';
+								break;
+						}
+					}
+
+					if (typeof(value) != "function") {
+						row += (row ? ', ': '') + key + '=' + value;
+					}
+				});
+
+				str += row + " ";
+			} else { 
+				str += arg + " ";
+			}
+		});
+
+		$('#log').val($('#log').val() + str + "\r\n");
+	}
+
+	$("#uploader").pluploadQueue({
+		// General settings
+		runtimes: 'html5,gears,browserplus,silverlight,flash,html4',
+		url: '../upload.php',
+		max_file_size: '10mb',
+		chunk_size: '1mb',
+		unique_names: true,
+
+		// Resize images on clientside if we can
+		resize: {width: 320, height: 240, quality: 90},
+
+		// Specify what files to browse for
+		filters: [
+			{title: "Image files", extensions: "jpg,gif,png"},
+			{title: "Zip files", extensions: "zip"}
+		],
+
+		// Flash/Silverlight paths
+		flash_swf_url: '../../js/plupload.flash.swf',
+		silverlight_xap_url: '../../js/plupload.silverlight.xap',
+
+		// PreInit events, bound before any internal events
+		preinit: {
+			Init: function(up, info) {
+				log('[Init]', 'Info:', info, 'Features:', up.features);
+			},
+
+			UploadFile: function(up, file) {
+				log('[UploadFile]', file);
+
+				// You can override settings before the file is uploaded
+				// up.settings.url = 'upload.php?id=' + file.id;
+				// up.settings.multipart_params = {param1: 'value1', param2: 'value2'};
+			}
+		},
+
+		// Post init events, bound after the internal events
+		init: {
+			Refresh: function(up) {
+				// Called when upload shim is moved
+				log('[Refresh]');
+			},
+
+			StateChanged: function(up) {
+				// Called when the state of the queue is changed
+				log('[StateChanged]', up.state == plupload.STARTED ? "STARTED": "STOPPED");
+			},
+
+			QueueChanged: function(up) {
+				// Called when the files in queue are changed by adding/removing files
+				log('[QueueChanged]');
+			},
+
+			UploadProgress: function(up, file) {
+				// Called while a file is being uploaded
+				log('[UploadProgress]', 'File:', file, "Total:", up.total);
+			},
+
+			FilesAdded: function(up, files) {
+				// Callced when files are added to queue
+				log('[FilesAdded]');
+
+				plupload.each(files, function(file) {
+					log('  File:', file);
+				});
+			},
+
+			FilesRemoved: function(up, files) {
+				// Called when files where removed from queue
+				log('[FilesRemoved]');
+
+				plupload.each(files, function(file) {
+					log('  File:', file);
+				});
+			},
+
+			FileUploaded: function(up, file, info) {
+				// Called when a file has finished uploading
+				log('[FileUploaded] File:', file, "Info:", info);
+			},
+
+			ChunkUploaded: function(up, file, info) {
+				// Called when a file chunk has finished uploading
+				log('[ChunkUploaded] File:', file, "Info:", info);
+			},
+
+			Error: function(up, args) {
+				// Called when a error has occured
+
+				// Handle file specific error and general error
+				if (args.file) {
+					log('[error]', args, "File:", args.file);
+				} else {
+					log('[error]', args);
+				}
+			}
+		}
+	});
+
+	$('#log').val('');
+	$('#clear').click(function(e) {
+		e.preventDefault();
+		$("#uploader").pluploadQueue().splice();
+	});
+});
+</script>
+</body>
+</html>

data/app/assets/javascripts/applicious_utils/Plupload/examples/jquery/jquery_ui_widget.html

@@ -0,0 +1,103 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+<title>Plupload - Queue widget example</title>
+<style type="text/css">
+	body {
+		font-family:Verdana, Geneva, sans-serif;
+		font-size:13px;
+		color:#333;
+		background:url(../bg.jpg);
+	}
+</style>
+<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" />
+<link rel="stylesheet" href="../../js/jquery.ui.plupload/css/jquery.ui.plupload.css" type="text/css" />
+
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
+<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
+<script type="text/javascript" src="http://bp.yahooapis.com/2.4.21/browserplus-min.js"></script>
+
+<script type="text/javascript" src="../../js/plupload.js"></script>
+<script type="text/javascript" src="../../js/plupload.gears.js"></script>
+<script type="text/javascript" src="../../js/plupload.silverlight.js"></script>
+<script type="text/javascript" src="../../js/plupload.flash.js"></script>
+<script type="text/javascript" src="../../js/plupload.browserplus.js"></script>
+<script type="text/javascript" src="../../js/plupload.html4.js"></script>
+<script type="text/javascript" src="../../js/plupload.html5.js"></script>
+<script type="text/javascript" src="../../js/jquery.ui.plupload/jquery.ui.plupload.js"></script>
+
+<!--<script type="text/javascript" src="http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js"></script>-->
+</head>
+<body>
+
+<h1>jQuery UI Widget</h1>
+
+<p>You can see this example with different themes on the <a href="http://plupload.com/example_jquery_ui.php">www.plupload.com</a> website.</p>
+
+<form  method="post" action="dump.php">
+	<div id="uploader">
+		<p>You browser doesn't have Flash, Silverlight, Gears, BrowserPlus or HTML5 support.</p>
+	</div>
+</form>
+<script type="text/javascript">
+// Convert divs to queue widgets when the DOM is ready
+$(function() {
+	$("#uploader").plupload({
+		// General settings
+		runtimes : 'flash,html5,browserplus,silverlight,gears,html4',
+		url : '../upload.php',
+		max_file_size : '1000mb',
+		max_file_count: 20, // user can add no more then 20 files at a time
+		chunk_size : '1mb',
+		unique_names : true,
+		multiple_queues : true,
+
+		// Resize images on clientside if we can
+		resize : {width : 320, height : 240, quality : 90},
+		
+		// Rename files by clicking on their titles
+		rename: true,
+		
+		// Sort files
+		sortable: true,
+
+		// Specify what files to browse for
+		filters : [
+			{title : "Image files", extensions : "jpg,gif,png"},
+			{title : "Zip files", extensions : "zip,avi"}
+		],
+
+		// Flash settings
+		flash_swf_url : '../../js/plupload.flash.swf',
+
+		// Silverlight settings
+		silverlight_xap_url : '../../js/plupload.silverlight.xap'
+	});
+
+	// Client side form validation
+	$('form').submit(function(e) {
+		var uploader = $('#uploader').plupload('getUploader');
+
+		// Validate number of uploaded files
+		if (uploader.total.uploaded == 0) {
+			// Files in queue upload them first
+			if (uploader.files.length > 0) {
+				// When all files are uploaded submit form
+				uploader.bind('UploadProgress', function() {
+					if (uploader.total.uploaded == uploader.files.length)
+						$('form').submit();
+				});
+
+				uploader.start();
+			} else
+				alert('You must at least upload one file.');
+
+			e.preventDefault();
+		}
+	});
+
+});
+</script>
+</body>
+</html>