<?php
    $_productCollection = $this->getLoadedProductCollection();
    $_helper = $this->helper('catalog/output');
    $_carouselId = $this->getCarouselId();
    $_carouselWidth = $this->getCarouselWidth();
    $_carouselHeight = $this->getCarouselHeight();
?>
<?php if (!$_productCollection or !$_productCollection->count()): ?>
    <p class="note-msg"><?php echo $this->__('There are no products matching the selection.') ?></p>
<?php else: ?>
    <?php $_iterator = 0; ?>
    <div style="width:<?php echo $_carouselWidth; ?>">
        <div id="<?php echo $_carouselId; ?>">
            <?php $i=1; ?>
            <?php foreach ($_productCollection as $_product): ?>
            <?php //var_dump($_product->getMediaAttributes()); die(); ?>
                <a href="<?php echo $this->helper('catalog/product')->getProductUrl($_product); ?>" data-caption="<?php echo "#slide".$i ?>">
                    <img src="<?php echo $this->helper('catalog/image')->init($_product, 'carousel_image')->resize($_carouselWidth, $_carouselHeight); ?>" width="<?php echo $_carouselWidth; ?>px" height="<?php echo $_carouselHeight; ?>px" alt="<?php echo $this->stripTags($_product->getName(), null, true) ?>" />
                </a>
            <?php $i++; ?>
            <?php endforeach; ?>

            <?php $i=1; ?>
            <?php foreach ($_productCollection as $_product): ?>
            <span class="orbit-caption" id="<?php echo "slide".$i ?>">
                <?php echo $this->htmlEscape($this->getImageLabel()) ?>
            </span>
            <?php $i++; ?>
            <?php endforeach; ?>

        </div>
    </div>
<?php endif; ?>