バージョン2.13.5で構築しています。（MySQL 5.1.73 　PHP5.3.3）

テンプレートを色々とカスタマイズしています。
現在、商品一覧ページのメイン画像の下にサブ画像を表示させて、ロールオーバーでメイン画像の切替をする、という部分をやっている最中です。
ロールオーバーのコードは、この場所でアドレスを見つけてコピペして表示は問題なくされています。

ですが、サブ画像をクリックすると拡大画像が開くのですが、別ウィンドウで開かず、そのままページが切替わるだけでなので、ここをメイン画像と同じようにcboxを利用したいのです。


detail.tplの画像部分のコードは現在以下のようになっています。
（※拡大するテキストは削除してあります。）

<!--★画像★-->
<!--{if $arrProduct.main_large_image|strlen >= 1}-->
<a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->"
class="expansion"
target="_blank" >
<!--{/if}-->
<img src="<!--{$arrFile[$key].filepath|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|h}-->" name"remote_image" id="remote_image"/>
<!--{if $arrProduct.main_large_image|strlen >= 1}--></a>
<!--{/if}-->
</div>
<!--{if $arrProduct.main_large_image|strlen >= 1}-->

<!--▼ロールオーバー画像▼-->
<!--{if $arrProduct.sub_image1 != "" || $arrProduct.sub_image2 != "" || $arrProduct.sub_image3 != "" || $arrProduct.sub_image4 != ""}-->
<div id="over_image_box">
<div>
<!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
<!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
<!--{assign var=keyl value="sub_large_image`$smarty.section.cnt.index+1`"}-->
<!--{assign var=keyt value="sub_title`$smarty.section.cnt.index+1`"}-->
<!--{assign var=keym value="main_image"}-->
<!--{if $arrProduct[$key] != ""}-->
<div class="over_image">
<a class="cbox" href="<!--{if $arrProduct[$keyl]|strlen >= 1}--><!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$keyl]|h}--><!--{else}--><!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$key]|h}--><!--{/if}-->" title="<!--{$arrProduct[$keyt]|h}-->" onmouseover="chgImg('<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$key]|h}-->','remote_image');" onmouseout="chgImg('<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$keym]|h}-->','remote_image');">
<img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrProduct[$key]|sfNoImageMainList|h}-->&width=63&height=63" /></a>
</div>
<!--{/if}-->
<!--{/section}-->
</div>
<br clear="all" /><div id="dummy"></div>
</div>
<!--{else}-->
<!--{/if}-->
<!--▲ロールオーバー画像▲-->



onmouse・・や、onmouse・・の次に「_bkank」を入れたり、「onclick」を入れれば当たり前ですが別ウィンドウにもなりますが、やっぱりcboxが捨てがたく・・・。

どなたかご教示お願いいたします。