/*
# -- BEGIN LICENSE BLOCK ---------------------------------------
#
# This file is part of Dotclear 2.
#
# Copyright (c) 2003-2013 Olivier Meunier & Association Dotclear
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# -- END LICENSE BLOCK -----------------------------------------
*/

$(function() {

	// clean
	$('.remove-if-drag').remove();
	$('.hidden-if-drag').hide();
	$('.widgets, .sortable-delete').addClass('if-drag');

	// move
	$( ".connected, .sortable-delete" ).sortable({
		tolerance: "move",
		cursor: "move",
		axis: "y",
		dropOnEmpty: true,
		handle: ".widget-name",
		placeholder: "ui-sortable-placeholder",
		items: "li:not(.sortable-delete-placeholder,.empty-widgets)",
		connectWith: ".connected, .sortable-delete",
		start: function( event, ui ) {
			// petit décalage esthétique
			ui.item.css('left', ui.item.position().left + 20);
		},
		update: function(event, ui) {

			ul = $(this);
			widget = ui.item;
			field = ul.parents('.widgets');

			// met a zéro le décalage
			ui.item.css('left', 'auto');

			// signale les zones vides
			if( ul.find('li:not(.empty-widgets)').length == 0 ) {
				ul.find('li.empty-widgets').show();
				field.find('ul.sortable-delete').hide();
			} else {
				ul.find('li.empty-widgets').hide();
				field.find('ul.sortable-delete').show();
			}

			// remove
			if( widget.parents('ul').is('.sortable-delete') ) {
				widget.hide('slow', function() {
					$(this).remove();
				});
			}

			// réordonne
			reorder(ul);

			// expand
			if(widget.find('img.expand').length == 0) {
				dotclear.postExpander(widget);
				dotclear.viewPostContent(widget, 'close');
			}

		}
	});

	// add
	$( "#widgets-ref > li" ).draggable({
		tolerance: "move",
		cursor: "move",
		connectToSortable: ".connected",
		helper: "clone",
		revert: "invalid",
		start: function( event, ui ) {
			ui.helper.css({'width': $('#widgets-ref > li').css('width')});
		}
	});

	$("li.ui-draggable, ul.ui-sortable li")
		.not('ul.sortable-delete li, li.empty-widgets')
		.css({'cursor':'move'});
});