Не работает слайдер

<div id="intro-wrap">
            <div id="intro" class="preload darken" data-autoplay="5000" data-navigation="true" data-pagination="true" data-transition="fadeUp">               
               <div class="intro-item" st yle="background-image: url(http://placehold.it/1800x600/ddd/fff&text=Beetle%20image);">
                  <div class="caption">
                     <h2>Beetle</h2>
                     <p>HTML5 template for landing page, blog and resume</p>
                     <a class="button white transparent" href="#">Read More</a>
                  </div><!-- caption -->
                  <div class="photocaption">
                     <h4>Shot by <a href="http://dribbble.com/JustinMezzell">Justin Mezzell</a></h4>
                  </div><!-- photocaption -->                  
               </div>                           

            </div><!-- intro -->
</div><!-- intro-wrap -->

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();

?>
<?
$templateFolder = $this->GetFolder();
?>



<div id="intro-wrap">
            <div id="intro" class="preload " data-autoplay="5000" data-navigation="true" data-pagination="true" data-transition="fadeUp">   

<?foreach($arResult["ITEMS"] as $arItem):?>
   <?
   $this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT"));
   $this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));
   ?>
   
    <div class="intro-item">
   <div id="<?=$this->GetEditAreaId($arItem['ID']);?>">
      <?if($arParams["DISPLAY_PICTURE"]!="N" && is_array($arItem["PREVIEW_PICTURE"])):?>
         <?if(!$arParams["HIDE_LINK_WHEN_NO_DETAIL"] || ($arItem["DETAIL_TEXT"] && $arResult["USER_HAVE_ACCESS"])):?>
         
            <a href="<?=$arItem["DETAIL_PAGE_URL"]?>"><img
                  border="0"
                  src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"
                  width="<?=$arItem["PREVIEW_PICTURE"]["WIDTH"]?>"
                  height="<?=$arItem["PREVIEW_PICTURE"]["HEIGHT"]?>"
                  alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
                  title="<?=$arItem["PREVIEW_PICTURE"]["TITLE"]?>"
                  /></a>
                     
         <?endif;?>
      <?endif?>
<div class="caption"><h2></h2><?echo $arItem["PREVIEW_TEXT"];?></div>

   
      
   </div>
   </div>
<?endforeach;?>
                                 
           </div><!-- intro -->
</div><!-- intro-wrap -->