Add some JS for design uploading

app/assets/javascripts/application.js

@@ -4,6 +4,7 @@
 // // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
 // // the compiled file.
 // //
+// //= require design_temp
 // //= require jquery
 // //= require jquery_ujs
 

app/assets/javascripts/design_temp.js

@@ -0,0 +1,25 @@
+$(".r_snapshot").hover(
+    function(){
+      $(this).append($("<span></span>").html('<p class="z-preview"><img src="'+$(this).attr("path")+'"width="220" height="19" /></p>'));
+    }
+    ,
+    function(){
+      $(this).find("span:last").remove();
+    }
+    );
+
+$('input.multi_files').change(function(){
+  $(this).prev("ul").append("<li>"+$(this).val()+"</li>");
+  new_node =$(this).clone();
+  new_node.css("display","none");
+  //new_node.val("asd");
+  $(this).parent().append(new_node);
+  $(this).val("");
+});
+
+$('a.remove_mark').live("click",function(){
+  $(this).prev("input").value("true");
+  $(this).parent().css("text-decoration","line-through")
+  $(this).remove();
+  return false;
+});

app/assets/stylesheets/design_temp.css

@@ -0,0 +1,12 @@
+.z-preview * {
+    width: 100%;
+    height: 100%;
+}
+.z-preview {
+    background: white;
+    border: solid;
+    position: absolute;
+    width: 200px;
+    float: right;
+    height: 200px;
+}