Boxen speichern und wieder ausgeben

[h4dhunTer]

Hallo,
ich habe ein Javascript, wo man die Boxen auf meiner Seite verschieben kann. Jedes mal lasse ich per Ajax dann die Reihenfolge übergeben.

Ergebis ($_POST['sort']): sort1[]=allgemein-news,sort1[]=forum,sort2[]=was-lauft,sort2[]=news

Nun möchte ich mit der ID des eingeloggten Users in einer Datenbank die Reihenfolge speichern und diese beim nächten mal wieder richtig ausgeben.

Das wichtige ist halt, dass er sort1[]=allgemeine-news,sort1[]=forum auch wieder so aufbaut. Damit meine ich, dass allgemeine-news als erstes DIV wieder erscheinen muss.

Erschwerend kommt hinzu, dass von Zeit zu Zeit mehr Boxen dazu kommen sollen (vielleicht sogar durch den User selber hinzugefügt). Es gibt also keine grenze, wie viele Boxen auf der Seite vorhanden sind.

Leider fällt mir irgendwie keine Möglichkeit ein, dass zu speichern und dann wieder so abzurufen.

PS:
So sind die Boxen aufgebaut:

<div id="sort1" class="groupWrapper">
	<div id="box1" class="groupItem">
		<div class="itemHeader">Allgemeine News</div>
		<div class="itemContent">
		</div>
	</div>
	<div id="box2" class="groupItem">
		<div class="itemHeader">Allgemeine News</div>
		<div class="itemContent">
		</div>
	</div>
</div>
<div id="sort2" class="groupWrapper">
	<div id="box3" class="groupItem">
		<div class="itemHeader">Allgemeine News</div>
		<div class="itemContent">
		</div>
	</div>
	<div id="box4" class="groupItem">
		<div class="itemHeader">Allgemeine News</div>
		<div class="itemContent">
		</div>
	</div>
</div>