<div id="leftcolumn" ng-controller="Umbraco.NavigationController" ng-mouseleave="leaveTree($event)" ng-mouseenter="enterTree($event)">

    <!-- navigation container -->
    <div id="navigation" ng-show="showNavigation" class="fill umb-modalcolumn" ng-animate="'slide'" nav-resize
    ng-class="{'--notInFront': infiniteMode}">

        <div class="navigation-inner-container">

            <div class="umb-language-picker" ng-if="currentSection === 'content' && languages.length > 1" on-outside-click="page.languageSelectorIsOpen = false">
                <div class="umb-language-picker__toggle" ng-click="toggleLanguageSelector()">
                    <div>{{selectedLanguage.name}}</div>
                    <ins class="umb-language-picker__expand" ng-class="{'icon-navigation-down': !page.languageSelectorIsOpen, 'icon-navigation-up': page.languageSelectorIsOpen}" class="icon-navigation-right">&nbsp;</ins>
                </div>
                <div class="umb-language-picker__dropdown" ng-if="page.languageSelectorIsOpen">
                    <a class="umb-language-picker__dropdown-item" ng-class="{'umb-language-picker__dropdown-item--current': language.active}" ng-click="selectLanguage(language)" ng-repeat="language in languages" href="">{{language.name}}</a>
                </div>
            </div>

            <!-- the tree -->
            <div id="tree" ng-show="authenticated">
                <umb-tree
                    api="treeApi"
                    on-init="onTreeInit()">
                </umb-tree>
            </div>
        </div>

        <div class="offset6" id="navOffset" style="z-index: 10">

            <!-- The context menu -->
            <div id='contextMenu' class="umb-modalcolumn fill shadow" ng-if="showContextMenu" ng-animate="'slide'">
                <umb-context-menu
                    menu-dialog-title="{{menuDialogTitle}}"
                    current-section="{{currentSection}}"
                    current-node="menuNode"
                    menu-actions="menuActions">
                </umb-context-menu>
            </div>

            <umb-context-dialog
                ng-if="showContextMenuDialog"
                dialog-title="menuDialogTitle"
                current-node="menuNode"
                view="dialogTemplateUrl">
            </umb-context-dialog>

        </div>

        <div class="umb-editor__overlay"></div>

    </div>

</div>
