window.addEvent('domready', function() {
		/* create sortables */
		var sb = new Sortables('left_col', {
			/* set options */
			clone:  true,
			revert: true,
			handle: '.sortable_handle',
			/* initialization stuff here */
			initialize: function() { 
				
			},
			/* once an item is selected */
			onStart: function(el) { 
				el.getElement('.block_body').setStyle('background','#E1EFFB');
			},
			/* when a drag is complete */
			onComplete: function(el) {
				el.getElement('.block_body').setStyle('background','#F8FBFF');
				//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:'/dw-content/sort-save.php',
						method:'post',
						autoCancel:true,
						data:'sort_order=' + sort_order + '&ajax=' + $('auto_submit').checked + '&do_submit=1&byajax=1',
						onRequest: function() {
							$('message-box').set('text','Updating the sort order in the database.');
						},
						onSuccess: function() {
							$('message-box').set('text','Database has been updated.');
						}
					}).send();
				}
			}
		});
	});