umbraco banners

@inherits UmbracoTemplatePage

@{
    var mediaFolderId = (int)CurrentPage.BannersMediaFolder;
}

@if (mediaFolderId > 0)
{
    var mediaFolder = Umbraco.TypedMedia(mediaFolderId);
    var banners = mediaFolder.Children(x => x.DocumentTypeAlias == "Banner").ToList();

    <div id="banner-wrapper">
        <div id="banners">
        @foreach (var banner in banners)
        {
            var link = Umbraco.TypedContent(banner.GetPropertyValue<int>("link"));
                
            <div class="banner">
                @if (link != null)
                {
                    <a href="@link.Url">
                        <img src="@(banner.GetPropertyValue<string>("image"))"/>
                    </a>
                } 
                else
                {
                    <img src="@(banner.GetPropertyValue<string>("image"))"  />
                }

                <h2>@(banner.GetPropertyValue<string>("headline"))</h2>
                <p>@banner.GetPropertyValue("bannertext")</p>
                <cite>@(banner.GetPropertyValue<string>("author"))</cite>
            </div>
        }
        </div>
    </div>
    <link href="~/css/banner.css" rel="stylesheet" />
    <script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1-packed.js"></script>
    
    <script type="text/javascript">
        $(window).load(function () {
            $('#banners').carouFredSel({
                items: 1,
                direction: "up",
                scroll: {
                    items: 1,
                    easing: "elastic",
                    duration: 1000,
                    pauseOnHover: true
                }
            });
        });
    </script>
}