<?php

/*

type: layout

name: Simple

description: Simple Pictures List Template

*/

?>
<?php if (is_array($data)): ?>

    <?php $rand = uniqid(); ?>

    <script>mw.require("tools.js", true); </script>
    <script>mw.moduleCSS("<?php print $config['url_to_module']; ?>css/style.css"); </script>
    <div class="mw-module-images<?php if ($no_img) { ?> no-image<?php } ?>">
        <div class="mw-pictures-list mw-images-template-default-grid" id="mw-gallery-<?php print $rand; ?>">
            <?php $count = -1; foreach ($data as $item): ?>
                <?php $count++; ?>
                <div class="mw-pictures-item mw-pictures-item-<?php print $item['id']; ?>">
                    <div class="thumbnail"
                         onclick="mw.gallery(gallery<?php print $rand; ?>, <?php print $count; ?>)">
                            <span class="pic-valign">
                              <span class="pic-valign-cell">
                                  <img src="<?php print thumbnail($item['filename'], 300); ?>" alt="<?php print addslashes($item['title']); ?>"/>
                              </span>
                            </span>
                    </div>
                </div>
            <?php endforeach;  ?>
            <script>gallery<?php print $rand; ?> = [
                        <?php foreach($data  as $item): ?>{image: "<?php print ($item['filename']); ?>", description: "<?php print $item['title']; ?>"},
                    <?php endforeach;  ?>
                ];</script>
        </div>
    </div>
<?php else : ?>
<?php endif; ?>