<div class="navbar">
  <div class="navbar-inner">
      <ul class="nav">
       <li class="logo home"> <a href="."><img alt="Metacat" src="./img/metacat_logo.png?v=<%=window.metacatUIVersion%>"></a></li>
       <li class="dropdown">
        	<a class="dropdown-toggle" data-toggle="dropdown">Data</a>
        	<ul class="dropdown-menu">
        		<li class="dropdown-header">Data</li>
        		<li class="divider"></li>       		
        		<li><a class="show-new-search" href="#data">Search</a></li>
        		<li><a href="#profile">Summary</a></li>
        	</ul>
        </li>
        <li><a href="#about">About</a></li>
        <li class="input input-append">
        	<form id="direct-search" action="#">
	        	<label class="tooltip-this" data-title="Go directly to a dataset by pasting its full DOI or ID here.">Jump to:</label> 
	        	<input type="text" name="direct-search" value="" placeholder="DOI or ID" class="direct-search" form="direct-search"/>
	        	<button class="btn direct-search" form="direct-search">Go</button>
	        </form>
        </li>
        <% if (loggedIn && username) { 
        	print(
        	'<li class="dropdown">',
				'<a href="#" class="dropdown-toggle" data-toggle="dropdown">',
					'<i class="icon icon-on-left icon-user"></i><i class="icon-caret-down"></i>',
				'</a>',
				'<ul class="dropdown-menu">',
					'<li class="dropdown-header">', formattedName, '</li>',
					'<li class="divider"></li>',  
					'<li><a href="#share" class="show-new-editor">Submit data</a></li>',
					'<li><a href="#profile/' + username + '">My Profile</a></li>',
					'<li><a href="#data/my-data">My datasets</a></li>',
					'<li class="divider"></li>',
					'<li><a href="#signout">Sign out</a></li>',
				'</ul>',
			'</li>'
        	);
        } else {
        	print(
        		'<li id="SignIn" class="share-feature"><a href="#share">Sign In</a></li>'
        	);
        } %>
        	
      </ul>
  </div><!-- /.navbar-inner -->
</div><!-- /.navbar -->
