CubeCart Mobile Skin - Lightbox 2

[bondimedical]

I have added Lightbox 2 to the mobile skin by following the instructions at http://lokeshdhakar.com/projects/lightbox2/ so if anyone Taps on the product image it opens in a new popup. I would like customers however to have the ability to scroll through all product images. The instructions talk about combining images into a set under "Initialize with HTML" but I am not sure how to implement this on CubeCart. My content.product.php is:

{if isset($PRODUCT) && $PRODUCT}

<h3 class="btitle">{$PRODUCT.name}</h3>

<form action="{$VAL_SELF}" method="post" class="addForm">

  <div>

	  

      <div class="image">

	  	{if $PRODUCT.magnify}

		<a href="{$PRODUCT.source}" title="{$PRODUCT.name}" rel="" data-lightbox="{$PRODUCT.source}">

		<img src="{$PRODUCT.medium}" alt="{$PRODUCT.name}" id="preview" />

		</a>

		{else}

		<img src="{$PRODUCT.medium}" alt="{$PRODUCT.name}" id="preview" />

		{/if}

	  </div>
      
      <div style="text-align:center; font-size:9px;">Tap to Zoom</div>


	<div id="product_detail">

	  {if $PRODUCT.ctrl_sale}

	  <p style="font-size:2em; font-weight:bold;"><span class="price_previous">{$PRODUCT.price}</span> <span class="price_sale">{$PRODUCT.sale_price}</span></p>

	  {else}

	  <p style="font-size:2em; font-weight:bold;">{$PRODUCT.price}</p>

	  {/if}