jQuery(document).ready(function(){

	$('#sortable').sortable({
		//items: '.ui-state-default',
		url : '/wp-admin/admin-ajax.php',
		action : 'ayo_save_order',
		opacity: 0.6,
		tolerance:0.7,
		order : "asc",
		containment: 'parent',
		start: function(event,ui){        
				ui.item.children().hide(); //hide infos while dragging
		 },
	 stop: function(event, ui){ 
		 ui.item.children().show();  // display infos back after the drag
		 },
		update: function() {
			var order = $("#sortable").sortable("toArray");
	//	var order = $(this).sortable('serialize')+ '&action=ayo_update_post';
      console.log(order);
			console.log("trage");
			//	$('div.pin_info').closest('.pin_card').find('.pin_infos').slideDown(200);
	
      localStorage.setItem("order",order);
    //  var order = $("#sortable").sortable('toArray', {attribute:"&action=ayo_update_order"});//.sortable('toArray', {attribute: "data-item"});  
      $.get('../wp-admin/admin-ajax.php',{action:'ayo_save_order',order:order.reverse()}, function(response){
             // alert(response);
         })
			 }
	});
  $( "#sortable" ).disableSelection();
   $.get('../wp-admin/admin-ajax.php',{action:'ayo_get_order'}, function(response){
             var data =  response.order.reverse();
             console.log(data[0]);
	$.each(data[0],function(i,v){
       $('#sortable').find('li[data-id='+v+']').detach().prependTo('#sortable'); 
	});
     $( "#sortable").show();//pin_info
		 
		
	$('#sortable').sortable('refresh');
             },'json');
	
});
//END of file