listbox elemanlarının sırasını değiştirme

[acemicadi]

Selam arkadaşlar,

listbox ta listelenen verilerin dışardan sıralamaını değiştirmek istiyorum, iki butonum var up ve down.
Up butonu ile seçili veriyi bir üstteki verinin yerine, down butonu ile de seçili veriyi bir bir altta bulunan verinin yerine almak istiyorum.

Örnek:

asya
amerika
kanada
avrupa
antarktida

kanada yı seçip up butonuna bastığımda liste boyle olacak
asya
kanada
amerika
avrupa
antarktida

aynışey down butonu için de geçerli
Not: listbox ta görünen verileri veri tabanından okuyorum ve ustte bahsettiğim değişiklik yapıldıktan sonra yeni hali ile tekrar veri tabanına kaydetmem gerek.

yardım edebilecek varsa sevinirim
tesekkurler

[Sniper]

Sanırım aşağıdaki işini görür. IE ve FF'ta sorunsuz çalışıyor...

<script>
function up() {
	var eleman = document.getElementById("Sniper");
	if(eleman.selectedIndex>0) {
		var eskiValue = eleman.options[eleman.selectedIndex-1].value;
		var eskiText = eleman.options[eleman.selectedIndex-1].text;

		eleman.options[eleman.selectedIndex-1].value = eleman.options[eleman.selectedIndex].value;
		eleman.options[eleman.selectedIndex-1].text = eleman.options[eleman.selectedIndex].text;

		eleman.options[eleman.selectedIndex].value = eskiValue;
		eleman.options[eleman.selectedIndex].text = eskiText;

		eleman.selectedIndex = eleman.selectedIndex-1;
	}
}

function down() {
	var eleman = document.getElementById("Sniper");
	if(eleman.selectedIndex<eleman.options.length-1) {
		var eskiValue = eleman.options[eleman.selectedIndex+1].value;
		var eskiText = eleman.options[eleman.selectedIndex+1].text;

		eleman.options[eleman.selectedIndex+1].value = eleman.options[eleman.selectedIndex].value;
		eleman.options[eleman.selectedIndex+1].text = eleman.options[eleman.selectedIndex].text;

		eleman.options[eleman.selectedIndex].value = eskiValue;
		eleman.options[eleman.selectedIndex].text = eskiText;

		eleman.selectedIndex = eleman.selectedIndex+1;
	}
}
</script>
<select id="Sniper" size="5">
	<option value="Asya">Asya</option>
	<option value="Amerika">Amerika</option>
	<option value="Kanada">Kanada</option>
	<option value="Avrupa">Avrupa</option>
	<option value="Antarktida">Antarktida</option>
</select>
<input type="button" value="Up" onclick="up()">
<input type="button" value="Down" onclick="down()">

[acemicadi]

Teşekkür ederim arkadaşım, yazdığın kod sorunsuz çalışıyor.

İyi çalışmalar

[darkfaceofmoon]

Abi bu kod süper olmuş. O zaman olay js ile değişikliklerin önizlenmesini sağladıktan sonra db'ye kaydetmek değil mi?