<?php
$images = rwmb_meta( 'debbie_imgadv', 'type=image&size=full');
?>

<?php if (count($images) > 0) { ?>
<!-- carousel -->
<!-- Add a 'data-ride' attribute to the carousel container to make the it automatically cycle as soon as the page loads-->
<div id="carousel-example-generic" class="carousel slide carousel-home" data-ride="carousel">

    <!-- Wrapper for slides -->
    <div class="carousel-inner">

        <?php
        $counter = 1;
        foreach ($images as $index => $image) {
        ?>
        <div class="item<?php if ($counter == '1'):?> active<?php endif; ?>">
            <div class="img-container">
                <a href="<?php echo $image['url']; ?>" data-gallery>
                    <img src="<?php echo wp_get_attachment_image_src($image['ID'], 'carousal-home-thumb')[0]; ?>" class="img-responsive" alt="<?php echo $image['alt']; ?>">
                </a>
            </div>
            <div class="carousel-caption">
                <?php echo $image['caption']; ?>
            </div>
        </div>
        <?php
            $counter++;
        }
        ?>

    </div>

    <?php if (count($images) > 1) { ?>
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <?php
        $counter = 0;
        foreach ($images as $index => $image) {

        ?>
        <li data-target="#carousel-example-generic" data-slide-to="<?php echo $counter;?>"<?php if ($counter == '0'):?> class="active"<?php endif; ?>></li>
        <?php
            $counter++;
        }
        ?>
    </ol>
    <?php } ?>

    <!-- Controls -->
    <!-- <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a> -->

</div>
<!-- carousel -->
<?php } ?>