Zakładki - Tabs - w stworzonym Popupie

[Anonym]

Cześć, 

mam pewien problem, otóż stworzyłem sobie popup, wyświetlający się po kliknięciu w odpowiedni link.

 

Popup wyświetla mi się poprawnie, lecz chciałbym w nim stworzyć zakładki z osobną zawartością dla każdej z nich.

 

I tu się pojawiają problemy, gdyż nie wiem jak je zrobić, by poprawnie wyświetlały daną treść. 

Próbowałem już na wiele sposobów, ale każdy kończył się tak samo - fiaskiem. 

Proszę o jakieś nakierowanie, jak to połączyć ze sobą, by po kliknięciu na zakładkę, pojawiała się z boku jego zawartość.

 

To co już zrobiłem:

<div id='mymodalcontent' style='display:none;'>
  <h3>Podgląd postaci</h3>
  <div class='fixed_inner'>

    <div class="fixed_inner ipsBox" style="height: 430px; max-height: 430px; overflow: auto;">
	
	<div class='ipsLayout ipsLayout_withleft ipsLayout_smallleft ipsVerticalTabbed'>
        <div class='ipsLayout_left ipsVerticalTabbed_tabs'>
               <ul>
                    <li id='tab_1'><a>Pierwsza</a></li>
                    <li id='tab_2'><a>Druga/a></li>
                    <li id='tab_3'><a>Trzecia</a></li>
				</ul> 
		</div>
        <div class="ipsVerticalTabbed_content ipsLayout_content">
         	<div class="ipsBox_container" style="min-height:300px">
	            <div class="ipsPad">

<div id='tab_1_content'>zawartosc 1</div>
					<div id='tab_2_content'>zawartosc 2</div>
<div id='tab_2_content'>zawartosc 3</div>

	            </div>
	        </div>
        </div>
	</div>

  </div>
</div>


<script type='text/javascript'>
  $('modal1').observe( 'click', function(e) {
    _var = new ipb.Popup( 'booboo', { type: 'pane',
						   initial: $('mymodalcontent').innerHTML,
						   hideAtStart: false,
						   w: '600px',
						   h: '450'} );

    Event.stop(e);

    return false;
  });
</script>

W tej chwili, wyświetla mi się to tak:

 

Jak najłatwiej sobie z tym poradzić?