Index: lams_tool_assessment/web/pages/authoring/parts/questionlist.jsp
===================================================================
diff -u -rf7d36ce7691d8f97327c84e2b2a2eeaab203fa1d -r18be7421230bdff4abe7dded93fd27c4feadf869
--- lams_tool_assessment/web/pages/authoring/parts/questionlist.jsp	(.../questionlist.jsp)	(revision f7d36ce7691d8f97327c84e2b2a2eeaab203fa1d)
+++ lams_tool_assessment/web/pages/authoring/parts/questionlist.jsp	(.../questionlist.jsp)	(revision 18be7421230bdff4abe7dded93fd27c4feadf869)
@@ -50,8 +50,10 @@
 					//update all sequenceIds
 					for (var i = 0; i < sortable.el.rows.length; i++) {
 					 	var tr = sortable.el.rows[i];
-					 	var input = $("input[name^=sequenceId]", $(tr));
+					 	var input = $("input[name^=sequenceId]", tr);
 					 	input.val(i);
+					 	var displayOrder = $(".reference-display-order", tr);
+					 	displayOrder.text(i + 1 + ")");
 					}
 
 					//prepare SequenceIds parameter
@@ -104,7 +106,7 @@
 		<c:forEach var="questionReference" items="${sessionMap.questionReferences}" varStatus="status">
 			<c:set var="question" value="${questionReference.question}" />
 			<tr>
-				<td>
+				<td class="reference-display-order">
 					${status.count})
 				</td>
 				<td>
Index: lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/ScratchieConstants.java
===================================================================
diff -u -r2e61eefa786c0411376091c504812a8931395186 -r18be7421230bdff4abe7dded93fd27c4feadf869
--- lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/ScratchieConstants.java	(.../ScratchieConstants.java)	(revision 2e61eefa786c0411376091c504812a8931395186)
+++ lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/ScratchieConstants.java	(.../ScratchieConstants.java)	(revision 18be7421230bdff4abe7dded93fd27c4feadf869)
@@ -64,6 +64,8 @@
 
     public static final String PARAM_BURNING_QUESTION_UID = "burningQuestionUid";
 
+    public static final String PARAM_SEQUENCE_ID = "sequenceId";
+
     // for request attribute name
     public static final String ATTR_TOOL_CONTENT_ID = "toolContentID";
 
@@ -187,4 +189,6 @@
     public static final String ERROR_MSG_ENTERED_MARKS_NOT_COMMA_SEPARATED_INTEGERS = "error.entered.marks.not.comma.separates";
 
     public static final String ATTR_SHOW_RESULTS = "showResults";
+
+    public static final String ATTR_REFERENCES_SEQUENCE_IDS = "sequenceIds";
 }
Index: lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/web/controller/AuthoringController.java
===================================================================
diff -u -rc34b16da7fe48d6ed5ad039f0a61f66a12b215a0 -r18be7421230bdff4abe7dded93fd27c4feadf869
--- lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/web/controller/AuthoringController.java	(.../AuthoringController.java)	(revision c34b16da7fe48d6ed5ad039f0a61f66a12b215a0)
+++ lams_tool_scratchie/src/java/org/lamsfoundation/lams/tool/scratchie/web/controller/AuthoringController.java	(.../AuthoringController.java)	(revision 18be7421230bdff4abe7dded93fd27c4feadf869)
@@ -84,6 +84,7 @@
 import org.springframework.web.bind.annotation.RequestMethod;
 import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.ResponseBody;
+import org.springframework.web.bind.annotation.ResponseStatus;
 
 import com.fasterxml.jackson.databind.node.JsonNodeFactory;
 import com.fasterxml.jackson.databind.node.ObjectNode;
@@ -628,61 +629,27 @@
     }
 
     /**
-     * Move up current item.
-     *
-     * @param mapping
-     * @param form
-     * @param request
-     * @param response
-     * @return
+     * Caches references order, along with this caches MaxMarks.
      */
-    @RequestMapping("/upItem")
-    private String upItem(HttpServletRequest request) {
-	return switchItem(request, true);
-    }
-
-    /**
-     * Move down current item.
-     *
-     * @param mapping
-     * @param form
-     * @param request
-     * @param response
-     * @return
-     */
-    @RequestMapping("/downItem")
-    private String downItem(HttpServletRequest request) {
-	return switchItem(request, false);
-    }
-
-    private String switchItem(HttpServletRequest request, boolean up) {
+    @RequestMapping("/cacheItemsOrder")
+    @ResponseStatus(HttpStatus.OK)
+    public void cacheItemsOrder(HttpServletRequest request) throws ServletException, IOException {
 	SessionMap<String, Object> sessionMap = getSessionMap(request);
 	SortedSet<ScratchieItem> itemList = getItemList(sessionMap);
 
-	int itemIndex = NumberUtils.toInt(request.getParameter(ScratchieConstants.PARAM_ITEM_INDEX), -1);
-	if (itemIndex != -1) {
-	    List<ScratchieItem> rList = new ArrayList<>(itemList);
+	//cache references' sequenceIds
+	Map<String, String> sequenceIdsParamMap = splitRequestParameter(request,
+		ScratchieConstants.ATTR_REFERENCES_SEQUENCE_IDS);
 
-	    // get current and the target item, and switch their sequnece
-	    ScratchieItem item = rList.get(itemIndex);
-	    ScratchieItem repOption;
-	    if (up) {
-		repOption = rList.get(--itemIndex);
-	    } else {
-		repOption = rList.get(++itemIndex);
-	    }
-
-	    int upSeqId = repOption.getDisplayOrder();
-	    repOption.setDisplayOrder(item.getDisplayOrder());
-	    item.setDisplayOrder(upSeqId);
-
-	    // put back list, it will be sorted again
-	    itemList.clear();
-	    itemList.addAll(rList);
+	Set<ScratchieItem> updatedItemList = new TreeSet<>(new ScratchieItemComparator());
+	for (ScratchieItem item : itemList) {
+	    String newSequenceId = sequenceIdsParamMap
+		    .get(ScratchieConstants.PARAM_SEQUENCE_ID + item.getDisplayOrder());
+	    item.setDisplayOrder(Integer.valueOf(newSequenceId));
+	    updatedItemList.add(item);
 	}
-
-	request.setAttribute(ScratchieConstants.ATTR_ITEM_LIST, itemList);
-	return "pages/authoring/parts/itemlist";
+	itemList.clear();
+	itemList.addAll(updatedItemList);
     }
 
     @RequestMapping("/changeItemQuestionVersion")
Index: lams_tool_scratchie/web/pages/authoring/basic.jsp
===================================================================
diff -u -rbcb806e82cb1d2f15b11791aeb5e8ff7335e0163 -r18be7421230bdff4abe7dded93fd27c4feadf869
--- lams_tool_scratchie/web/pages/authoring/basic.jsp	(.../basic.jsp)	(revision bcb806e82cb1d2f15b11791aeb5e8ff7335e0163)
+++ lams_tool_scratchie/web/pages/authoring/basic.jsp	(.../basic.jsp)	(revision 18be7421230bdff4abe7dded93fd27c4feadf869)
@@ -42,32 +42,7 @@
 			);
 		};
 	}
-	function upItem(idx){
-		var url = "<c:url value="/authoring/upItem.do"/>";
-		$(itemTargetDiv).load(
-			url,
-			{
-				itemIndex: idx,
-				sessionMapID: "${sessionMapID}"
-			},
-			function(){
-				refreshThickbox();
-			}
-		);
-	}
-	function downItem(idx){
-		var url = "<c:url value="/authoring/downItem.do"/>";
-		$(itemTargetDiv).load(
-			url,
-			{
-				itemIndex: idx,
-				sessionMapID: "${sessionMapID}"
-			},
-			function(){
-				refreshThickbox();
-			}
-		);
-	}
+
 	
 	function changeItemQuestionVersion(itemIndex, oldQbQuestionUid, newQbQuestionUid) {
 		if (oldQbQuestionUid == newQbQuestionUid) {
Index: lams_tool_scratchie/web/pages/authoring/parts/itemlist.jsp
===================================================================
diff -u -rbcb806e82cb1d2f15b11791aeb5e8ff7335e0163 -r18be7421230bdff4abe7dded93fd27c4feadf869
--- lams_tool_scratchie/web/pages/authoring/parts/itemlist.jsp	(.../itemlist.jsp)	(revision bcb806e82cb1d2f15b11791aeb5e8ff7335e0163)
+++ lams_tool_scratchie/web/pages/authoring/parts/itemlist.jsp	(.../itemlist.jsp)	(revision 18be7421230bdff4abe7dded93fd27c4feadf869)
@@ -4,6 +4,7 @@
 <c:set var="isAuthoringRestricted" value="${mode == 'teacher'}" />
 
 <%@ page import="org.lamsfoundation.lams.qb.service.IQbService" %>
+<script type="text/javascript" src="<lams:LAMSURL/>includes/javascript/Sortable.js"></script>
 <script>
 	// Inform author whether the QB question was modified
 	var qbQuestionModified = ${empty qbQuestionModified ? 0 : qbQuestionModified},
@@ -41,6 +42,48 @@
 	
     $(document).ready(function(){
     	$('[data-toggle="tooltip"]').bootstrapTooltip();
+    	
+    	//init questions sorting
+	    <c:if test="${not empty sessionMap.itemList}">
+		    new Sortable($('#itemTable tbody')[0], {
+			    animation: 150,
+			    direction: 'vertical',
+				store: {
+					set: function (sortable) {
+						//update all sequenceIds
+						for (var i = 0; i < sortable.el.rows.length; i++) {
+						 	var tr = sortable.el.rows[i];
+						 	var input = $("input[name^=sequenceId]", tr);
+						 	input.val(i);
+						 	var displayOrder = $(".item-display-order", tr);
+						 	displayOrder.text(i + 1 + ")");
+						}
+	
+						//prepare SequenceIds parameter
+						var serializedSequenceIds = "";
+						$("[name^=sequenceId]").each(function() {
+							serializedSequenceIds += "&" + this.name + "="  + this.value;
+						});
+	
+						$.ajax({ 
+						    url: '<c:url value="/authoring/cacheItemsOrder.do"/>',
+							type: 'POST',
+							data: {
+								sessionMapID: "${sessionMapID}",
+								sequenceIds: serializedSequenceIds
+							}
+						});
+	
+						//update names
+						$("[name^=sequenceId]").each(function() {
+							var newSequenceId = this.value;
+							//update name of the hidden input
+							this.name = "sequenceId" + newSequenceId;
+						});
+					}
+				}
+			});
+		</c:if>
     });	
 </script>
 
@@ -51,13 +94,15 @@
 	</div>
 	<input type="hidden" name="itemCount" id="itemCount" value="${fn:length(sessionMap.itemList)}">
 		
-	<table class="table table-condensed table-striped">
+	<table id="itemTable" class="table table-condensed table-striped">
 		<c:forEach var="item" items="${sessionMap.itemList}" varStatus="status">
 			<tr>
-				<td style="width:5%">
+				<td style="width:5%" class="item-display-order">
 					${status.count})
 				</td>
 				<td style="padding-top:15px; padding-bottom:15px;">
+					<input type="hidden" name="sequenceId${item.displayOrder}" value="${status.index}" class="item-sequence-id">
+					
 					<c:out value="${item.qbQuestion.name}" escapeXml="true"/>
 				</td>