При выборе картинки она закрашивает блок1, а в блок2 пишется её название. Как сделать
 

Здравствуйте, подскажите, как сделать?
Вот, что есть:

1)
<div class="bottom1"></div>
<!--этот блок будет окрашиваться картинкой-->

<div class="bottom2"></div>
<!--тут должно появиться название картинки блока bottom1-->


2)
<div id="mydiv3"><!--аккордеон в котором картинка которая будет красить блок-->
<ul class="list-bottom">
<li path-img="images/npview/1.jpg"><img src="images/npview/1.jpg"></li>
<li path-img="images/npview/2.jpg"><img src="images/npview/2.jpg"></li>
</ul>
</div>


3)
<script> <!--скрипт окрашивания картинкой блока-->
$(document).ready(function(){
$('.list-bottom li').click(function () {
var img_path = $(this).attr("path-img"); // Путь к изображению
$('.list-bottom li').css("border-color","white"); // Сбрасываем у тегов li рамку, ставим цвет белый
$(this).css("border-color","#000"); // Устанавливаем красную рамку у выбранной картинки
$('.bottom1').css('background','url('+img_path+') repeat'); // Меняем картинку блока
});
});
</script>

<!----------------------------------------------------------------->

bottom1 - этот блок закрашивается картинкой которую выбрали

bottom2 - в этом блоке должно писаться название картинки которая закрасила bottom1

Мне надо, что б первый блок закрасился, а во втором блоке написалось название картинки которая закрасила 1й блок.

Уже третий день пытаюсь найти решение, есть подсказывания но косвенные, а мне надо именно под этот скрипт.
Спасибо.

olmensk,
плодить темы и целиком копировать ответы не нужно, вернитесь в прежнюю тему и там медитируйте над последним примером