@model DR.EP2014.Web.Models.Live.PlayerViewModel

<div class="section boxed electionVideo">
    <h2>Se eu valg lige nu<span></span></h2>
	<div class="dr-ui-paging-tabs">
        <ol>
            @{
                var counterTab = 1;
                foreach (var item in Model.Players)
                {
                    @:<li data-mediatype="@item.MediaType" class="@Html.Raw((item.IsDefault==true?"active":""))"><span class="dr-logo-@item.Slug-small">@item.Title</span>@Html.Raw((counterTab < 3 ? "<span>&nbsp;</span>":""))</li>
                    counterTab++;
                }
            }
            @*<li><span class="dr-logo-dr1-small">DR 1</span><span>&nbsp;</span></li>
            <li class="active"><span class="dr-logo-dr1-small"></span><span>&nbsp;</span></li>
            <li><span class="dr-logo-dr1-small"></span></li>*@
        </ol>
	</div>

	<div class="kvTVplayer dr-object-wrap hidden"></div><!--dr-widget-video-player-->
	<div class="kvTVplayer-image" style="height: 291px"></div>
    <div class="kvTVplayerText">
        @{
            var counterInfo = 1;
            var tabCount = "";
            foreach(var item in Model.Players) {
                tabCount = "tab" + counterInfo;
                @:<p class="kvPlayerTabText @tabCount hidden">@item.Info</p>
                counterInfo++;
            }
        }
    </div>
    <script>
        var playerSettings = @Html.Raw(Json.Encode(Model.Players))
            
        window.addEvent("domready", function () {
            require(["dr-media-player-factory"], function () {
                new LivePlayer();
            });
        });
    </script>
</div>