@inherits Umbraco.Web.Mvc.UmbracoViewPage

@{
    var umbracohelper = new UmbracoHelper(UmbracoContext.Current);

    var headerContent = umbracohelper.TypedContent(1244);
    var LogoImage = headerContent.GetPropertyValue<IPublishedContent>("desktopLogo");
    var Menu = umbracohelper.TypedContent(1495);
    Layout = null;
    int i = 0;
    int navIndex = 0;



}


<div class="fixed_nav">
    <div class="row show-for-medium-up" id="header">
        <div class="medium-5 large-4 columns">
            <div class="logo">
                <a href="/" title="Abercrombie & Kent Destination Management" id="logo">
                    <img src="@LogoImage.Url" alt="test">
                </a>
            </div>
        </div>

        <div class="medium-3 large-5 columns">
            @if (@headerContent.HasValue("headerLinkText"))
            {
                <p class="mice_link"><a href="@headerContent.GetPropertyValue("headerLink")" title="@headerContent.GetPropertyValue("headerLinkText")">@headerContent.GetPropertyValue("headerLinkText")</a></p>
            }
        </div>
       @* <p class="mice_link hide-div"><a href="@headerContent.GetPropertyValue("headerLink")" title="@headerContent.GetPropertyValue("headerLinkText")">@headerContent.GetPropertyValue("headerLinkText")</a></p>*@
        <div class="medium-4 large-3 columns right">
            <div class="search">
                <form class="frm_search" action="/results/" method="GET">
                    <input id="searchTerm" type="text" class="search_box" name="query" placeholder="Search" value="" autocomplete="off">
                    <input type="submit" value="search" id="btn_search2" class="btn_search">
                </form>
            </div>
        </div>
    </div>
    <div class="row nav">
        <div id="nav" class="hide-for-small">
            <ul class="">
                @foreach (var item in Menu.Children)
                {
                    <li class="separator"><span>x</span></li>
                    <li>


                        <a href="@item.Url.ToLower().Replace("destinations","")" target="_self">@item.Name</a>

                        @if (item.Children.Count() != 0)
                        {
                            <div class="drop_nav destinations">
                                <ul>
                                    @foreach (var child in item.Children.ToList())
                                    {
                                        {
                                            i++;
                                            navIndex = 0;
                                            var a = child.Children.Count();
                                        }
                                        if (child.Children.Count() != 0)
                                        {
                                            foreach (var location in child.Children.Where(x => x.DocumentTypeAlias == "menuItem"))
                                            {
                                            <li class="@("nav"+(i).ToString()+(navIndex==0?" top":""))">
                                                <a href="@location.Url.Replace("destinations/", "").Replace("navigation" + i.ToString() + "/", "")" target="_self">@location.Name</a>

                                                @if (location.Children.Count() != 0)
                                                {
                                                    <ul>
                                                        @foreach (var hasChild in location.Children)
                                                        {
                                                            <li>
                                                                <a href="@hasChild.Url.Replace("destinations/","").Replace("navigation"+i.ToString()+"/","")" target="_self">@hasChild.Name</a>
                                                            </li>
                                                        }
                                                    </ul>
                                                }
                                            </li>
                                                { navIndex++; }
                                            }
                                        }
                                    }
                                </ul>
                            </div>


                        }



                    </li>
                }



            </ul>
            <span id="nav-just"></span>
        </div>
    </div>
</div>