Add Media page visual refresh, and use dropzone

airtime_mvc/application/views/scripts/plupload/index.phtml

@@ -12,14 +12,37 @@
 <?php 
 }
 ?>
+<!--
 <form id="plupload_form" <?php if ($this->quotaLimitReached) { ?> class="hidden" <?php } ?>>
     <?php echo $this->form->getElement('csrf') ?>
     <div id="plupload_files"></div>	
 </form>
+-->
+<div id="upload_form" class="lib-content ui-widget ui-widget-content block-shadow padded <?php if ($this->quotaLimitReached) { ?> hidden <?php } ?>">
+    <H2>Upload Audio Files</H2>
+    <div>
+        <form action="/rest/media" method="post" id="add-media-dropzone" class="dropzone dz-clickable">
+            <?php echo $this->form->getElement('csrf') ?>
+            <div class="dz-message">
+                <?php echo _("Drop files here or click to browse your computer.") ?>
+            </div>
+        </form>
+        <!--
+        <div id="filelist">Your browser doesn't have Flash, Silverlight or HTML5 support.</div>
+        <br />
+         
+        <div id="container">
+                <a id="pickfiles" href="javascript:;">[Select files]</a>
+                <a id="uploadfiles" href="javascript:;">[Upload files]</a>
+        </div>
+        -->
+    </div>
+</div>
 <div id="plupload_error">
 	<table></table>
 </div>
 
+
 <div id="recent_uploads_wrapper" class="lib-content ui-widget ui-widget-content block-shadow alpha-block">
     <div id="recent_uploads" class="padded">