@using DR.Web.UI.Helpers
@using DR.Web.UI.ViewConfig
@model DR.AcCommonUI.Models.LivePage.LivePageViewModel

@{
    var mediaTypeLabel = Model.LivePageConfiguration.MediaType == DR.AcCommonUI.Models.LivePage.MediaType.RadioTv ? "TV & Radio" : Model.LivePageConfiguration.MediaType.ToString();
}

<div class="theme-live-article-top-nav">
    @Html.Partial("live-tabs")
</div>
<script>
    (function () {
        window.addEvent("domready", function () {
            var scrollPosition = 0;
            var nav = $$(".theme-live-article-top-nav")[0];
            if (nav) {
                document.addEvent("scroll", function () {
                    var newPosition = document.body.scrollTop;
                    if (Math.abs(newPosition - scrollPosition) < 20) {
                        return;
                    }
                    if (newPosition > scrollPosition) { // scrolling down
                        nav.removeClass("show");
                    } else if (newPosition < scrollPosition) { // scrolling up
                        if (scrollPosition > 200) {
                            nav.addClass("show");
                        } else {
                            nav.removeClass("show");
                        }
                    }
                    scrollPosition = newPosition;
                });
            }
        });
    })();
</script>