/* when the DOM is ready */
window.addEvent('domready', function() {
	/* create sortables */
	var sb = new Sortables('sortable-list', {
		/* set options */
		clone:true,
		revert: true,
		/* initialization stuff here */
		initialize: function() { 
			
		},
		/* once an item is selected */
		onStart: function(el) { 
			el.setStyle('background','#add8e6');
		},
		/* when a drag is complete */
		onComplete: function(el) {
			el.setStyle('background','#ddd');
			//build a string of the order
			var sort_order = '';
			$$('#sortable-list li').each(function(li) { sort_order = sort_order +  li.get('alt')  + '|'; });
			$('sort_order').value = sort_order;
			
			//autosubmit if the checkbox says to
			//if($('auto_submit').checked) {
				//do an ajax request
				var req = new Request({
					url: $('dd-form').action,
					method: 'post',
					autoCancel: true,
					data: 'sort_order=' + sort_order + '&do_submit=1&byajax=1',
					onRequest: function() {
						$('message-box').set('text','Updating the sort order.');
					},
					onSuccess: function() {
						$('message-box').set('text','Sort order has been updated.');
					}
				}).send();
			//}
		}
	});
});