added reordering of images

app/assets/javascripts/gallery.js

@@ -34,6 +34,10 @@ $(function () {
 $(function() {
 	var $container = $('.gallery'),
 		$containerData = $container.data();
+	$container.data("order-edit","0");
+	$container.sortable({
+		 disabled: true
+	});
 	$container.imagesLoaded(function(){
 		var $albumname = $('.albumname'),
 			$img = $('.rgalbum img');
@@ -146,11 +150,11 @@ $(function() {
 	}
 
 	if($("#imgholder").length){
-    $('.open').pageslide({
-      loadComplete: function(instance,elem) {
-        bindEvent(instance,elem);
-      }
-    })
+	    $('.open').pageslide({
+	      loadComplete: function(instance,elem) {
+	        bindEvent(instance,elem);
+	      }
+	    })
 	}
 	
 	
@@ -215,6 +219,32 @@ $(function() {
 		$('.rgalbum').removeClass('active');
 		$('.deletephoto, .deselect, .addtags').removeClass('hide')
 	});
+	var images_order = [];
+	$("#edit-order-btn").on("click",function(){
+		var el = $(this);
+		if($container.data("order-edit") == "0"){
+			$container.sortable("enable");
+			$(".order-edit-notification").slideDown();
+			images_order = $container.sortable( "toArray", { attribute: "data-image-id" });
+			$container.data("order-edit","1");
+			el.text("Save Order");
+		}else{
+			var temp = $container.sortable( "toArray", { attribute: "data-image-id" });
+			if(images_order.toString() != temp.toString()){
+				$.ajax({
+					url : "/admin/galleries/order",
+					data : {"imageids" : temp },
+					type : "post",
+					dataType : "json"
+				})
+			}
+			$(".order-edit-notification").slideUp();
+			$container.sortable("disable");
+			$container.data("order-edit","0");
+			el.text("Edit Order");
+		}
+		return false;
+	})
 
     // 
 	$('.add-imgs').on({
@@ -223,11 +253,13 @@ $(function() {
 				if(!$(this).is(':hidden')) {
 					$('.add-imgs').html('<i class="icons-cross-2"></i> Close panel');
 					$('.rgbody').stop(true, false).animate({'padding-bottom': 280}, 300);
+					$("#edit-order-btn").hide();
 				} else {
 					$('.add-imgs').html('<i class="icons-plus"></i> Add Image');
 					$('.files').empty()
 					$('#file-list').checkListLength();
 					$('.rgbody').stop(true, false).animate({'padding-bottom': 0}, 300);
+					$("#edit-order-btn").show();
 					fetchNewImages();
 				};
 			});

app/assets/javascripts/galleryAPI.js.erb

@@ -17,7 +17,7 @@ var galleryAPI = function(){
 	this.loadTheater = function(id){
 		
 		g.loadstart();
-		var imageArray;
+		var imageArray = [];
 		var imagecount = 0;
 		var picHeight = 0;
 		var bindHandlers = function(){
@@ -255,8 +255,9 @@ var galleryAPI = function(){
 		
 		var preparestage = function(albumid){
 			$.getJSON("../galleries/"+albumid+"/imgs",function(album){
-				imageArray = eval(album.images);
+				// imageArray = eval(album.images);
 				$.each(album.images,function(i,image){
+					imageArray.push(image)
 					if(image._id == id)
 						imagecount = i;
 				})