[jQuery][html] Zmiana kolejności <li> po kliknęciu Opcje

[milk]

Witam!!

Proszę Was o podsunięcie mi rozwiązania poniższego problemu:

klikając w "poprzedni" chciałbym uzyskać 4123, klikając ponownie w "poprzedni" 3412 itd..
natomiast klikając w "następny" 2341, klikając ponownie w "następny" 3412 itd..

Nie wiem w jaki sposób odpowiednio sortować i przestawiać <li>

Bardzo proszę Was o pomoc!

$(".nav").click(function(){

if($(this).attr("id")=="prev"){
//4123.. 3412.. 2341......

}else{
//2341... 3412... 4123...
}
});

[HTML] pobierz, plaintext 
 
<ul id="test">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
 
 
<a id="prev" class="nav" href="#" >poprzedni</a>
<a id="next" class="nav" href="#">nastepny</a>
[HTML] pobierz, plaintext 

[ylk]

Skoro korzystasz z jQuery, to może użyj tego?
http://jqueryui.com/demos/sortable/