$(document).ready(
	function () {
		$('a.closeEl').bind('click', toggleContent);
		$('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();
                    serialize('');
                    

				}
			}
		);
	}
);
var toggleContent = function(e)
{
	var targetContent = $('div.itemContent', this.parentNode.parentNode);
	if (targetContent.css('display') == 'none') {
		targetContent.slideDown(300);
		$(this).html('[-]');
	} else {
		targetContent.slideUp(300);
		$(this).html('[+]');

	}
	return false;
};


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


    chaine = new String(serial.hash);


    ajax(chaine.replace(/&/gi, "!!")) ;
};



 var xhr = null;

 function getXhr(){

  if(window.XMLHttpRequest) // Firefox et autres
  xhr = new XMLHttpRequest();
  else if(window.ActiveXObject){ // Internet Explorer

    try
       {
          xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e)
        {
          xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
       }
    else
       { // XMLHttpRequest non supporté par le navigateur
         alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
         xhr = false;
       }
    }//end function


    function ajax( champs ){


    getXhr();

    xhr.onreadystatechange = function()
    {
    if(xhr.readyState == 4 && xhr.status == 200)
     {
      leselect = xhr.responseText;

      document.getElementById('contenu_ajax').innerHTML = leselect;
     }
    }

    xhr.open("POST","ajax.php",true);
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');


    xhr.send("val=" + champs  );

    }