Using Cloud Zoom in a node--custom.tpl.php

I didn't see an answer for this in the issue queue, so I thought I'd ask.

I currently implement a custom node, how would I implement this in my node--custom.tpl.php?

My custom image code looks like this:

<div class="product-images">
      <ul>
        <?php
           foreach ($node->field_product_images['und'] as $images) {
        ?>
        <?php 
$img_url = $images['uri'];  // the orig image uri
$thumb_style = 'custom_thumb';  // or any other custom image style you've created via /admin/config/media/image-styles
$main_style = 'product_main';  // or any other custom image style you've created via /admin/config/media/image-styles
$full_style = 'original';  // or any other custom image style you've created via /admin/config/media/image-styles
?>
        <li><a href="<?php print image_style_url($full_style, $img_url) ?>"><img src="<?php print image_style_url($thumb_style, $img_url) ?>" ref="<?php print image_style_url($main_style, $img_url) ?>" /><span>
          <?php if ($images['title'] > '0'): ?><note><?php print $images['title']; ?></note><br /><?php endif; ?>
          <?php if ($images['alt'] > '0'): ?><note><?php print $images['alt']; ?></note></span><?php endif; ?></a></li>
        <?php   
			}
			?>
      </ul>
    </div>

A nudge in the right direction would be appreciated.