$(document).ready(function(){

	//inicjalizujemy sortowanie
	$(".box").sortable({
	   items: '.element',
	   update: function(event, ui){
	      //metoda toArray zwraca tablicę z ID kolejnych elementów
	      var k = $(".box").sortable("toArray");
	      //konwertujemy tablicę do pojedynczego ciągu
	      var ks = k.toString();
	      SetCookie('kolejnosc', ks, 30);
	   }
	});
	
	//przywracamy kolejnośść po wczytaniu strony
	if(GetCookie('kolejnosc')){
	  //wyciągamy informację z ciasteczka i deserializujemy
  	var kol = GetCookie('kolejnosc').split(',');
  	for(var j=0;j<kol.length;j++){
  	  //ustawiamy value elementom wg. tego jaką kolejność powinny zajmować
			$('#'+kol[j]).attr('value',j);
		}
		//sortujemy na podstawie value
    $('.element').qsort({attr: "value"});
    SetCookie('kolejnosc', kol, 30);
	}


});