<?php

/*

type: layout

name: Product Gallery

description: Product Gallery

*/

?>
<?php if (is_array($data)): ?>
<?php $id = "slider-" . uniqid(); ?>
<?php $rand = uniqid(); ?>

<div class=" mw-rotator mw-rotator-template-inner" id="<?php print $id; ?>">
  <div class=" mw-gallery-holder">
    <?php $count = -1; foreach ($data as $item): ?>
    <?php $count++; ?>
    <div class=" mw-gallery-item mw-gallery-item-<?php print $item['id']; ?>"> <span class=" mw-slider-zoomholder"> <img class="mw-slider-zoomimg-base" src="<?php print thumbnail($item['filename'], 700); ?>" alt=""/> <img src="<?php print $item['filename']; ?>" class="mw-slider-zoomimg" alt=""
                 onclick="mw.gallery(gallery<?php print $rand; ?>, <?php print $count; ?>)"/> </span>
      <?php if ($item['title'] != '') { ?>
      <i class="mw-rotator-description mw-rotator-description-content"><?php print $item['title']; ?></i>
      <?php } ?>
    </div>
    <?php endforeach; ?>

  </div>
</div>
<script>gallery<?php print $rand; ?> = [
                <?php foreach($data  as $item): ?>{image: "<?php print ($item['filename']); ?>", description: "<?php print $item['title']; ?>"},
            <?php endforeach;  ?>
        ];</script>
<script type="text/javascript">
        //mw.moduleCSS("<?php print mw_includes_url() ?>css/ui.css");
        mw.moduleCSS("<?php print $config['url_to_module']; ?>css/style.css");
        mw.require("<?php print $config['url_to_module']; ?>js/api.js", true);
    </script>
<script type="text/javascript">

        Rotator = null;
        $(document).ready(function () {
            if ($('#<?php print $id; ?>').find('.mw-gallery-item').length > 1) {
                Rotator = mw.rotator('#<?php print $id; ?>');
                if (!Rotator) return false;
                Rotator.options({
                    paging: true,
                    pagingMode: "thumbnails",
                    next: true,
                    prev: true,
                    reflection: false
                });
            }

            mw.$('#<?php print $id; ?> span.mw-slider-zoomholder').each(function () {
                mw.productZoom(this, true);
            });

        });

    </script>
<?php else : ?>
<?php endif; ?>
