This page will walk you through the process of upgrading your existing 0.8 Uploader implementation to the new 1.0 version. This tutorial assumes that

you are already familiar with HTML, Javascript and CSS
you are familiar with what Reorderer is and does
you have an existing implementation of Reorderer that worked with the 0.8 Infusion release.
you are using the default classes

Location Changes

With the directory restructuring comes the need to update your paths to our files.
[fluid:Files with new names have been marked in bold.]

If you use...	The new path is...
`../../css/fluid.reset.css`	`../../../framework/fss/css/fss-reset.css`
`../../css/fluid.layout.css`	`../../../framework/fss/css/fss-layout.css`
`../../css/fluid.components.uploader.css`	`../css/Uploader.css`
`../../js/jquery/jquery-1.3.2.js`	`../../../lib/jquery/core/js/jquery.js`
`../../js/jquery/ui.core.js`	`../../../lib/jquery/ui/js/ui.core.js`
`../../js/jquery/jquery.keyboard-a11y.js`	`../../../framework/core/js/jquery.keyboard-a11y.js`
`../../js/swfupload/swfobject.js`	`../../../lib/swfobject/js/swfobject.js`
`../../js/swfupload/swfupload.js`	`../../../lib/swfupload/js/swfupload.js`
`../../js/fluid/Fluid.js`	`../../../framework/core/js/Fluid.js`
`../../js/fluid/ProgressiveEnhancement.js`	`../../../framework/core/js/ProgressiveEnhancement.js`
`../../js/fluid/uploader/FileQueue.js`	`../js/FileQueue.js`
`../../js/fluid/uploader/DemoUploadManager.js`	`../js/DemoUploadManager.js`
`../../js/fluid/uploader/SWFUploadManager.js`	`../js/SWFUploadManager.js`
`../../js/fluid/uploader/Scroller.js`	`../js/Scroller.js`
`../../js/fluid/uploader/Progress.js`	`../../progress/js/Progress.js`
`../../js/fluid/uploader/Uploader.js`	`../js/Uploader.js`

API Name Changes

Some functions have been renamed

If you used...	You'll now use...
uploader.repairFromUpload()	uploader.refreshAfterUpload()

On this Page

Unable to render {include} The included page could not be found.

For consistency, all classes used as selectors have been given an "flc-" prefix, and ones used for styling have an "fl-" prefix.

Uploader

New	Old
`.fl-uploader-queue`	`.flc-uploader-queue`
`.fl-uploader-browse`	`.flc-uploader-button-browse`
`.fl-uploader-upload`	`.flc-uploader-button-upload`
`.fl-uploader-resume`	no longer used
`.fl-uploader-pause`	`.flc-uploader-button-pause`
`.fl-scroller-table-foot`	no longer used
`.total-file-progress`	`.flc-uploader-total-progress-text`
`.fl-uploader-browse-instructions`	`.flc-uploader-browse-instructions`
`.fl-scroller-table-foot`	`.flc-uploader-scroller-footer`
`.total-progress`	`.flc-uploader-total-progress`

SWFUploadManager

New	Old
`.fl-browse-button-overlay`	`.fl-uploader-browse-overlay`

FileQueueView

New	Old
`.row`	`.flc-uploader-file`
`.fileName`	`.flc-uploader-file-name`
`.fileSize`	`.flc-uploader-file-size`
`.iconBtn`	`.flc-uploader-file-action`
`#queue-row-tmplt`	`.flc-uploader-file-tmplt`
`#row-progressor-tmplt`	`.flc-uploader-file-progressor-tmplt`

Scroller

New	Old
`.fl-scroller`	`.flc-scroller`

New selectors:

selector key	default
`errorText`	`.flc-uploader-file-error`
`errorInfoRowTemplate`	`.flc-uploader-file-error-tmplt`

New	Old
`disabled`	`fl-uploader-disabled`
`hidden`	`fl-uploader-hidden`
`dim`	`fl-uploader-dim`
`ready`	`fl-uploader-file-state-ready`
`uploading`	`fl-uploader-file-state-uploading`
`hover`	`fl-uploader-file-hover`
`selected`	`fl-uploader-file-focus`
`uploaded`	`fl-uploader-file-state-uploaded`
`error`	`fl-uploader-file-state-error`
`removeFile`	`fl-uploader-file-action-remove`

New	Old
`.default`	`.fl-uploader-button-default`
`.cancel`	`.fl-uploader-button-cancel`
`.fl-browse-button-overlay`	`.fl-uploader-browse-overlay`
`.fl-scroller-table-head`	`.fl-uploader-queue-header`
`.fl-scroller-table-foot`	`.fl-uploader-queue-footer`
`.fl-scroller-table-foot td.footer-button`	`.fl-uploader-footer-buttons`
`.fileName`	`.fl-uploader-file-name`
`.fileSize`	`.fl-uploader-file-size`
`.iconBtn`	`.fl-uploader-file-action`
`.removeFile`	`.fl-uploader-file-action-remove`
`.actions`	`.fl-uploader-file-actions`
`.text-description`	`.fl-uploader-button-text-hidden`
`.fluid-templates`	`.fl-uploader-hidden-templates`
`.file-progress`	`.fl-uploader-file-progress`
`.file-progress-text`	`.fl-uploader-file-progress-text`
`.total-progress`	`.fl-uploader-total-progress-okay`
`''`	`.fl-uploader-total-progress-errored`

Added

New strings: