Witam, mam problem, otóż nie wiem w jaki sposób zrobić tak aby radio box otwierał się w nowym oknie/popupie/ewentualnie divie tak aby po wybraniu danej rzeczy z radio boxa div ten zamykał się.

Wyglądało by to tak, że danej osobie po kliknięciu w link wyświetlało by się nowe okienko w którym do wyboru miałaby jeden z poniższych obrazków:

[PHP] pobierz, plaintext 
 
 
		<tr><td>
		<input name="Obrys" value="1" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/1.png" checked="checked">
                <input name="Obrys" value="2" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/2.png">
		<input name="Obrys" value="3" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/3.png">
		<input name="Obrys" value="4" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/4.png">
		<input name="Obrys" value="5" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/5.png">
		<input name="Obrys" value="6" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/6.png">
		<input name="Obrys" value="7" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/7.png">
		<input name="Obrys" value="8" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/8.png">
		<input name="Obrys" value="9" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/9.png">
		<input name="Obrys" value="10" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/10.png">
		<input name="Obrys" value="11" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/11.png">
		<input name="Obrys" value="12" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/12.png">
		<input name="Obrys" value="13" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/13.png">
		<input name="Obrys" value="14" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/14.png">
		<input name="Obrys" value="15" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/15.png">
		<input name="Obrys" value="16" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/16.png">
		<input name="Obrys" value="17" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/17.png">
		<input name="Obrys" value="18" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/18.png">
		<input name="Obrys" value="19" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/19.png">
		<input name="Obrys" value="20" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/20.png">
		<input name="Obrys" value="21" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/21.png">
		<input name="Obrys" value="22" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/22.png">
		<input name="Obrys" value="23" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/23.png">
		<input name="Obrys" value="24" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/24.png">
		<input name="Obrys" value="25" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/25.png">
		<input name="Obrys" value="26" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/26.png">
		<input name="Obrys" value="27" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/27.png">
		<input name="Obrys" value="28" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/28.png">
		<input name="Obrys" value="29" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/29.png">
		<input name="Obrys" value="30" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/30.png">
		<input name="Obrys" value="31" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/31.png">
		<input name="Obrys" value="32" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/32.png">
		<input name="Obrys" value="33" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/33.png">
		<input name="Obrys" value="34" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/34.png">
		<input name="Obrys" value="35" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/35.png">
		<input name="Obrys" value="36" type="radio" id="tabela_syg" class="radioImageSelect" data-image="images/rejestracja/Obrys/36.png">
		</td></tr>
[PHP] pobierz, plaintext 

Po kliknięciu w dany obrazek nowe okienko czy też popup zamykał by się ( oczywiście dane, który obrazek był kliknięty musiałyby zostać "zapamiętane" tak abym mógł ich później użyć..

Czego oczekuję? Aby ktoś mi podpowiedział w jaki sposób to zrobić, czego poszukać lub ewentualnie pokazał link do jakiegoś poradnika jak coś takiego zrobić.

Z góry dziękuję za pomoc

edit:// szukałem, szukałem aż w końcu znalazłem
Użyłem js z tej strony: http://zurb.com/playground/reveal-modal-plugin