<link rel="stylesheet" href="/css/41/banner.css" />
<div id="mainBanner">
	<php:repeater id="listP">
	<template>
        <div>
            <a class="photo" href="<?# Link ?>" alt="<?# DanDesc ?>" <?# Image2 ?> target="_blank"><img src="/images/41/img-bannerPhoto.png" alt="<?# Title ?>"></a>
            <div class="banner-txt">
                <h2><?# Title ?></h2>
                <p><?# DanDesc ?></p>
            </div>
            <?# video ?>
         </div>
	</template>
	</php:repeater>
</div>
<script>
$(function(){
    $('#mainBanner').slick({
        arrows: false,
        dots: false,
        pauseOnHover: false,
        autoplay: true,
        autoplaySpeed: 5000,
        speed: 600,
        fade: true,
        cssEase: 'linear'
    });
});
</script>