Index: section_browse.msn
===================================================================
--- section_browse.msn	(revision 841)
+++ section_browse.msn	(revision 842)
@@ -1,7 +1,8 @@
 <style>
 .section-content tr.disabled { background:#f0f0f0; }
 .section-content tr.disabled td.actions a { display:none; }
-
+.drag-over td { background:#f0f0f0; padding-bottom:10px; }
+.hide { display:none; }
 </style>
 <script type="text/javascript">
 <!--
@@ -145,6 +146,7 @@
 }
 
 $(document).ready(function(){
+% if ( $section->_sorted() ) {
 	$('.move-up').on('click', function( ev ){
 		ev.preventDefault();
 		var $nID = $(this).data('id');
@@ -180,6 +182,7 @@
 			}
 		});
 	});
+% }
 
 % foreach my $class ( keys %document_classes ) {
 %	my $class_name = $class;
@@ -197,6 +200,63 @@
 %		}
 %	}
 % }
+% if ( $section->_sorted() ) {
+
+	$dataRows = $('.data-row').each(function( index ) {
+		$( this )[0].addEventListener('dragstart', dragStart);
+		$( this )[0].addEventListener('dragenter', dragEnter);
+		$( this )[0].addEventListener('dragover', dragOver);
+		$( this )[0].addEventListener('dragleave', dragLeave);
+		$( this )[0].addEventListener('drop', dragDrop);
+	});
+	function dragEnter(e) {
+		e.preventDefault();
+		$row = $(e.target).closest('tr');
+		$row.addClass('drag-over');
+	}
+	function dragOver(e) {
+		e.preventDefault();
+		$row = $(e.target).closest('tr');
+		$row.addClass('drag-over');
+	}
+	function dragLeave(e) {
+		e.preventDefault();
+		$row = $(e.target).closest('tr');
+		$row.removeClass('drag-over');
+	}
+	function dragStart(e) {
+		$row = $(e.target).closest('tr');
+		e.dataTransfer.setData('text/plain', $row.attr('id'));
+	}
+	function dragDrop(e) {
+		e.preventDefault();
+		$target = $(e.target).closest('tr');
+		$target.removeClass('drag-over');
+		rowID = e.dataTransfer.getData('text/plain');
+		$source = $('#' + rowID);
+
+		sourceID = $source.data('id');
+		targetID = $target.data('id');
+		if ( sourceID == targetID ) {
+			return;
+		}
+		$.ajax({
+			'url'	: '/contenido/ajax/document_move.html',
+			'data'	: { 's' : <% ref $section ? $section->id : 0 %>, 'id' : sourceID, 'move' : 'after', 'aid' : targetID },
+			'dataType'	: 'json',
+			'success'	: function( data ){
+				if ( data.error ) {
+					alert( data.error );
+				} else if ( data.after ) {
+					$source.detach().insertAfter($target);
+					console.log('Moved after ' + data.after);
+				}
+			}
+		});
+
+
+	}
+% }
 });
 //-->
 </script>