Javascript ile div açmak

Arkadaşlar merhaba bir sorum var. benim amiral diye bir divim var Şu Şekilde

<div class="amiral">
	<a href="/campaign/flamingo/11859/" class="dukkan-link"><img src="123456.jpg" alt="FLAMINGO" width="700"></a>
</div>

hrefteki rakam Id oluyo ama bu divden bir adet var ve panelden her eklendiğinde altına aynı divden açılıyo otomatik. Ben mesela 4. sıraya farklı bir banner koymak istiyorum panelden değil amnuel olarak bunu nasıl yapabilirim.

Asılda toeriode şu şekil olur diye düşünüyorum. Mesela Amiral divinin içindeki Id'si 12356 olan a'nın altına bu divi koy gibi javascript kodu nasıl yazılır.

amiral divini başka bir divin içine alıp append ile ekleyebilirsin.

 <div id="ekle">
<div class="amiral">
	<a href="/campaign/flamingo/11859/" class="dukkan-link"><img src="123456.jpg" alt="FLAMINGO" width="700"></a>
</div>
</div>

    <a href="#" onclick="divekle()">dfd</a>

javascript tarafı

<script>
        function divekle() {
            $("#ekle").append("<div>sdfdfddvxcbvcbvbgv<div>");
        }
    </script>

Teşekkür ederim yardımın için ama anlamadığım şey onclick neden kullanıyorum ayrıca ben 4. sıraya almak istiyorum hemen altına değil.

Divlerimiz şöyle sıralansın;

<div id="main">
  <div id="one">1</div>
  <div id="two">2</div>
  <div id="three">3</div>
  <div id="five">5</div>
</div>

Kullanacağımız fonksiyon;
Not:hangi sıra numarasına sahip div den sonra append yapılacaksa fonksiyonumuza değer olarak veriyoruz.

var x = function(i){
  $('#main').append('<div id="four">4</div>')
    .stop()
    .children('div:eq('+i+')')
    .before( $('#four') );
}

Kullanırken;

x(3);

Sonuç;

1
2
3
4
5

Çalışan örnek için;

http://jsfiddle.net/oguzz/T3uFK/6/

Çok teşekkür ederim. Eline koluna sağlık.

Rica ederim, kolay gelsin