<script type="text/javascript">
hs.graphicsDir = 'assets/highslide/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = '';
hs.fadeInOut = true;
hs.numberPosition = 'caption';
hs.dimmingOpacity = 0.65;

// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
    //slideshowGroup: 'group1',
    interval: 5000,
    repeat: false,
    useControls: true,
    fixedControls: 'fit',
    overlayOptions: {
        opacity: .75,
        position: 'bottom center',
        hideOnMouseOut: true
    }
});
</script>
<div class="fullcontent">
    <div id="contentwrap">
        <div id="content">
            <div class="top"></div>
            <div id="main">
                <h1 class="sectitle">Work Gallery</h1>
                <div class="pa no-rt-pad">
                    <?php $a_hotel = directory_map('./assets/img/portafolio/', 1); ?>
                    <?php foreach ($a_hotel as $key => $hotel) : ?>
                        <div class="highslide-gallery">
                            <a id="<?=$hotel;?>" href="<?=img_url()?>portafolio/<?=$hotel?>/1.jpg" class="highslide" onclick="return hs.expand(this, { slideshowGroup: <?=$key+1;?> } )">
                                <img class="portafolio" src="<?=img_url()?>portafolio/<?=$hotel?>/thumb/1.jpg" alt="<?=$hotel?>" />
                            </a>
                            <img class="pshadow" src="<?=img_url()?>portafolioshadow.png" />
                            <?php $a_info = explode('_', $hotel);?>
                            <div class="portafolio-desc">
                                <h2><?=str_replace('-', ' ', $a_info[2]);?></h2>
                                <h3><?=str_replace('-', ' ', $a_info[0]);?>, <?=str_replace('-', ' ', $a_info[1]);?></h3>
                            </div>
                            <?php $dir_path = "./assets/img/portafolio/" . $hotel; ?>
                            <?php $a_imagen = array_unique(get_filenames($dir_path)); ?>
                            <?php if (count($a_imagen) > 1) : ?>
                                <div class="hidden-container">
                                    <?php foreach ($a_imagen as $imagen) : ?>
                                        <?php if ($imagen !== '1.jpg') : ?>
                                            <a href="<?=img_url()?>portafolio/<?=$hotel?>/<?=$imagen?>" class="highslide" onclick="return hs.expand(this, { thumbnailId: '<?=$hotel;?>', slideshowGroup: <?=$key+1;?> } )"></a>
                                        <?php endif ?>
                                    <?php endforeach ?>
                                </div>
                            <?php endif ?>
                        </div>
                    <?php endforeach ?>
                </div>
            </div>
            <div class="bottom"></div>
        </div>
    </div>
</div>