Ссылки на картинку

[leo90880]

Доброе время суток!

Решил сделать ББ кнопку вот так должно получиться



В принципе всё нормально, но когда в новости добавляю две или больше ссылок получается не так как бы хотелось



последняя ссылка получается в нескольких местах, и при выборе ссылки меняется одинаково во всех окошечках

Подключение кнопки в бб редакторе

<div id="b_noindex" class="editor_button" onclick="simpletag('HTML')"><img title="HTML ссылка на картинку" src="http://sайт.ru/uploads/posts/2012-08/1346069207_1346069133-clip-143b.png" width="23" height="25" border="0"></div>

Вывод при добавлении новостей
отклик кнопки

PHP код:

$source = str_ireplace( "[HTML]", "<center><noindex>
<h3 class=\"paddingt20\"> Поделись ссылкой с другом</h3>
<div class=\"code_link\">
  <ul>
    <li>
      <span id=\"code_link_url\">Ссылка на эту картинку</span>
    </li>
    <li>
      <span id=\"code_link_html\">Ссылка в html-коде</span>
    </li>
    <li>
      <span id=\"code_link_bb\">Ссылка для вставки на форум</span>
    </li>
  </ul>
  <span class=\"input\"><input type=\"text\" readonly=\"readonly\" /></span>
</div>
</noindex></center><script type=\"text/javascript\">var song_id = 12;var page_url = \"\\", str_ireplace( "[/HTML]", "\";var link_text = \"http://www.sайт.ru\"</script>", $source ) ); 


В полной новости добавлен скрипт на ссылкой на is:

<script src="{THEME}/code.js" type="text/javascript"></script>

Сам /code.js

$(function()
{

    $("div.code_link li span").hover
    (
        function ()
        {
            $(this).addClass("hover");
        },
        function ()
        {
            $(this).removeClass("hover");
        }
        )
	

    $("div.code_link li span").click
    (
        function ()
        {
            $("div.code_link span").removeClass("selected");
            $(this).addClass("selected");
            id = $(this).attr("id");
            switch (id)
            {
                case 'code_link_url':
                    $("div.code_link input").attr("value", page_url);
                    break;
                case 'code_link_html':
                    $("div.code_link input").attr("value", '<img src="' + page_url + '">');
                    break;
                case 'code_link_bb':
                    $("div.code_link input").attr("value", '[img]' + page_url + '[/img]');
                    break;
            }
        }
        )
	
    $("div.code_link input").click
    (
        function()
        {
            $(this).select();
        }
        )
	

    $("div.code_link span:first").click();

    $("div#show_preview").click(function(){
        $(this).css('display', 'none');
		
        $("div.preview_help_text").css('display', 'block');
        $("table.list th.preview").css('display', 'table-cell');
        $("table.list td.preview").css('display', 'table-cell');
		
        return(false);
    });


});

Пример

Подскажите как сделать чтоб у каждой картинки была своя ссылка?