Hogyan tudnám egy headline (h1) és egy (p) szövegét megjeleníteni egy beugró ablakon belül is (modal window), javascript?

PHP most mellőzni szeretném, ha lehet javascriptel

<ul class="frame">

<a href="#modalbox" class="hover">

<img src="http://coolhomepages.com/thumbs/all_files/2012/06/18/11495_24.media.tumblr.com.jpg" alt="picture1" width="" height="">

<span id="h1">Picture1</span>

<span id="p">Sample text to use instead of lorem ipsum </span>

</a>

</ul>

Innen kéne kiszedni a két "span"-on belül lévő szöveget és

ide az xxxxxxx-ek helyére kéne beletenni:

<div id="modalbox" class="modalDialog">

<div>

<a href="#close" title="Close" class="close">X</a>

<h2xxxxxxxxxxxxxxxxxxxxxxxxx</h2>

<p xxxxxxxxxxxxxxxxxxxxxx </p>

</div>

</div>

Hogyan lehetséges?

Köszönöm előre