[Вопрос]

Камрады, помогите дураку.
Есть большой список групп данных, выводимых в список в произвольно задаваемом формате.
Сейчас это выглядит примерно так

<div class="unit 12">
	<div id="name">Вася</div>
	<div id="age">27</div>
	<div id="sex">м</div>
	<div id="city">Москва</div>
	<div id="photo">img c аватором</div>
</div>

Задача - передавать все эти данные внутри <div class="unit">...</div> во всплывающее модальное окно.
Тупо прописать тоже самое, создав такое же количество окон - не вариант.
Есть ли способ, позволяющий передавать данные посредством JS?
Т.е. например, по клику на div с соответствующим классом или id, содержимое этого div передавалось бы в окно и подставлялось там вместо некоего плейсхолдера?

Спасибо!

забирать содержимое из одного элемента и передавать в другой элемент

<script type="text/javascript">
function myjsfunc(srcObj, destObjID)
{
   destObj = document.getElementById(destObjID);
   if(destObj)
   {
      destObj.innerHTML = srcObj.innerHTML;
   }
}
</script>

<div id="source" onclick="myjsfunc(this, 'dest'); return false;">text/code/etc</div>
<div id="dest"></div>

это короткая версия
длинную нужно писать и тестировать