Возможность увеличить фото при клике по нему?!

[timkab 0]

Возникла такая проблема, хотел сделать возможность увеличить скриншоты (кадры из фильма) по клике по нему, однако оно не увеличивается на месте, а открывается в норм размере в новом окне. Пример тут: http://on4life.ru/boevik/111-pervyy-mstitel-drugaya-voyna-smotret-onlayn.html (Кадры из фильма) Ковырял - ковырял да понять не смог как это сделать!

Скриншоты выводятся из доп поля, вот код, отвечающий за вывод в фулстору.

<div><h3 style="color:#1C3C51;"></h3>[/size][/font][/color]

[xfgiven_screen]

<div style="float:left; margin-right: 5px;"" class="screen">

		    <a href="[xfvalue_screen]" onclick="return hs.expand(this)">

			    <img src="[xfvalue_screen]" alt="{title}" title="{title}" width="220" height="170" />

		    </a>

</div>

[/xfgiven_screen]

[xfgiven_screen1]

    <div style="float:left; margin-right: 5px;"" class="screen">

		    <a href="[xfvalue_screen1]" onclick="return hs.expand(this)">

			    <img src="[xfvalue_screen1]" alt="{title}" title="{title}" width="220" height="170" />

		    </a>

</div>

[/xfgiven_screen1]

[xfgiven_screen2]

<div style="float:left; margin-right: 5px;"" class="screen">

		    <a href="[xfvalue_screen2]" onclick="return hs.expand(this)">

			    <img src="[xfvalue_screen2]" alt="{title}" title="{title}" width="220" height="170" />

		    </a>

</div>

[/xfgiven_screen2]

</div>

Помогите пожалуйста настроить все правильно.