Flytta upp och ner

Jag har en SELECT-box där jag visar ca. 10 options som man kan välja mellan. Jag vill nu lägga till en knapp för att kunna flytta ett av valen uppåt och en knapp för att kunna flytta val neråt.

Det där blev kanske lite konstigt, men ni kanske förstår ändå. Vore trevligt om jag kunde få lite hjälp med det här.

------------------
de'nim

Exempel;

<h4>Markera och flytta</h4>
<form>
<select name="foo" size="10">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select><br>
<input type="button" onClick="moveit(this.form.foo,-1)" value="Flytta upp">
<input type="button" onClick="moveit(this.form.foo,1)" value="Flytta ner">
</form>
<script language="JavaScript" type="text/javascript">
function moveit(obj,n){
	if(obj.selectedIndex<0) return;
	if(obj.selectedIndex==obj.length-1 && n>0 &#0124;&#0124; obj.selectedIndex==0 && n<0) return;
	var ttext = obj[obj.selectedIndex+n].text; 	var tvalue = obj[obj.selectedIndex+n].value;
	obj[obj.selectedIndex+n].text = obj[obj.selectedIndex].text; obj[obj.selectedIndex+n].value = obj[obj.selectedIndex].value;
	obj[obj.selectedIndex].text = ttext; obj[obj.selectedIndex].value = tvalue;
	obj.selectedIndex+=n;
}
</script>

------------------
/ J