<div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li>@Html.ActionLink("Home", "Index", "Home")</li>
                <li>@Html.ActionLink("Events", "Index", "Events")</li>
                <li>@Html.ActionLink("About", "About", "Home")</li>
                <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Themes <b class="caret"></b></a>
                    <ul class="dropdown-menu">

                        <li><a href="#" data-theme="default" class="theme-link">Default</a></li>
                        <li><a href="#" data-theme="flatly" class="theme-link">Flatly</a></li>
                        <li><a href="#" data-theme="slate" class="theme-link">Slate</a></li>

                    </ul>
                </li>
            </ul>

            @Html.Partial("_LoginPartial")
        </div>

<script type="text/javascript">


var themes = {
    "default": "//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css",
    "flatly": "//bootswatch.com/flatly/bootstrap.min.css",
    "slate": "//bootswatch.com/slate/bootstrap.min.css",
}
$(function () {
    var themesheet = $('<link href="' + themes['default'] + '" rel="stylesheet" />');
    themesheet.appendTo('head');
    $('.theme-link').click(function () {
        var themeurl = themes[$(this).attr('data-theme')];
        themesheet.attr('href', themeurl);
    });
});

@var memName = User.Identity.Name;