ordering added to albums

app/assets/javascripts/gallery.js

@@ -43,10 +43,10 @@ $(function() {
 			$img = $('.rgalbum img');
 		$('.rgalbum > a').rsImg();
 		if($containerData.galleryId == 'gallery') {
-			$container.masonry({
-				itemSelector : '.rgalbum',
-				isAnimated: true,
-			});
+			// $container.masonry({
+			// 	itemSelector : '.rgalbum',
+			// 	isAnimated: true,
+			// });
 			$albumname.each(function(i) {
 				var $albumblock = $(this).closest('a').height(),
 					$H = $(this).outerHeight(true);
@@ -69,12 +69,7 @@ $(function() {
 				};
 			});
 			$('#orbit_gallery').delegate('.icons-tag', clickEvent, function(){
-				$(this).parents('.gallery_info').nextAll('.albumtag').slideToggle(300, function() {
-					$container.masonry({
-						itemSelector : '.rgalbum',
-						isAnimated: true,
-					});
-				});
+				$(this).parents('.gallery_info').nextAll('.albumtag').slideToggle(300);
 			});
 		};
 	});
@@ -229,11 +224,12 @@ $(function() {
 			$container.data("order-edit","1");
 			el.text("Save Order");
 		}else{
-			var temp = $container.sortable( "toArray", { attribute: "data-image-id" });
+			var temp = $container.sortable( "toArray", { attribute: "data-image-id" }),
+				type = $container.attr("id");
 			if(images_order.toString() != temp.toString()){
 				$.ajax({
 					url : "/admin/galleries/order",
-					data : {"imageids" : temp },
+					data : {"imageids" : temp, "type" : type},
 					type : "post",
 					dataType : "json"
 				})

app/assets/stylesheets/gallery.css

@@ -4,10 +4,17 @@
 	list-style: none;
 }
 #orbit_gallery .rgalbum {
+		position: relative;
+	float: left;
 	margin: 5px;
-	padding: 10px;
+	padding: 5px;
 	width: 200px;
 	background: #FFFFFF;
+	overflow: hidden;
+	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
+	   -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
+			box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
+		 -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
 	-webkit-transition-property: left, right, top;
 	   -moz-transition-property: left, right, top;
 		-ms-transition-property: left, right, top;
@@ -522,6 +529,7 @@
 
 .order-edit-notification{
 	background-color: #ffffd5;
+	z-index: 10;
     display: none;
     height: 25px;
     margin-left: 40%;