$(document).ready(
	function () {
		$('div.groupWrapperWeb').Sortable(
			{
				accept: 'groupItem',
				helperclass: 'sortHelper',
				activeclass : 	'sortableactive',
				hoverclass : 	'sortablehover',
				handle: 'div.itemHeader',
				tolerance: 'pointer',
				onChange : function(ser)
				{
				},
				onStart : function()
				{
					$.iAutoscroller.start(this, document.getElementsByTagName('body'));
				},
				onStop : function()
				{
					$.iAutoscroller.stop();
					$.post("./../ajax_php/ajax_dragobox_web.php", { serializeddata: serialize() } );
				}
			}
		);
	
	}
);
$(document).ready(
	function () {
		$('div.groupWrapper').Sortable(
			{
				accept: 'groupItem',
				helperclass: 'sortHelper',
				activeclass : 	'sortableactive',
				hoverclass : 	'sortablehover',
				handle: 'div.itemHeader',
				tolerance: 'pointer',
				onChange : function(ser)
				{
				},
				onStart : function()
				{
					$.iAutoscroller.start(this, document.getElementsByTagName('body'));
				},
				onStop : function()
				{
					$.iAutoscroller.stop();
					$.post("./../ajax_php/ajax_dragobox.php", { serializeddata: serialize() } );
				}
			}
		);
	
	}
);

function serialize(s)
{
	serial = $.SortSerialize(s);
	return serial.hash;
};

// example : http://interface.eyecon.ro/demos/sort.html

$(document).ready(
	function () {
		$('div.groupWrapperPerso').Sortable(
			{
				accept: 'groupItemPerso',
				helperclass: 'sortHelper',
				activeclass : 	'sortableactive',
				hoverclass : 	'sortablehover',
				handle: 'h2.itemHeaderPerso',
				tolerance: 'pointer',
				onChange : function(ser)
				{
				},
				onStart : function()
				{
					$.iAutoscroller.start(this, document.getElementsByTagName('body'));
				},
				onStop : function()
				{
					$.iAutoscroller.stop();
					$.post("./../ajax_php/ajax_dragobox_perso.php", { serializeddata: serialize() },function(data){
    			if(data=="ok") jQuery.facebox('<p class=fb_title>Gestion de votre page personnelle</p><p class=fb_text>Erreur : Le changement n\'a pas été sauvegardé.<br /> Vous ne pouvez pas supprimer ce bloc. <br />Vous devez en avoir au moins 1 par colonne. <br /><a href="">Recharger la page</a></p>')
 	 		} );

				}
			}
		);
	
	}
);