<div id="topbar">
	<div class="container">
	  <a href="javascript:;" id="menu-trigger" class="dropdown-toggle" data-toggle="dropdown" data-target="#">
      <i class="icon-cog"></i>
    </a>
		<div id="top-nav">
      <ul class="pull-right">
				<li><a href="<%= user_path(current_user.id) %>"><i class="icon-user icon-white"></i> Logged in as <%= current_user.name.split(' ').map {|w| w.capitalize }.join(' ') %></a></li>
				<li><a href="<%= messages_path %>"><!--<span class="badge badge-primary">1</span>--> Messages</a></li>
				<li class="dropdown">
					<a href="./pages/settings.html" class="dropdown-toggle" data-toggle="dropdown">Account<b class="caret"></b>
					</a>
					
					<ul class="dropdown-menu pull-right">
						<li><a href="<%= user_path(current_user.id) %>">My Portfolios</a></li>
						<li><a href="<%= edit_user_path(current_user.id) %>">Settings</a></li>
						<li><a href="javascript:;">Friends</a></li>
						<li><a href="<%= help_path %>">Help</a></li>
					</ul> 
				</li>
				<li><%= link_to "Logout", destroy_user_session_path, method: :delete %></li>
			</ul>	
	  </div> <!-- /#top-nav -->
	</div> <!-- /.container -->
</div> <!-- /#topbar -->

<div id="header">
	<div class="container">
    <%= link_to image_tag("logo.png", :border=>0), root_path, :class=>"brand", :position=>"absolute"%>
		<a href="javascript:;" class="btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
      <i class="icon-reorder"></i>
    </a>
    <!-- Buttons for navigating website -->	
		<div class="nav-collapse">
			<ul id="main-nav" class="nav pull-right">
			  
        <!-- To make this active, use class "active" 
             You may want to do that with the rails 
             function down at the page description
             so we can automatically detect the page
             to have highlighted
        -->	
				
        <li class="nav-icon">
					<a href=<%= url_for(root_path) %>>
						<i class="icon-home icon-white"></i>
						<span>Home</span>        					
					</a>
				</li>
				
        <li>
					<a href=<%= url_for(leagues_path) %>>
						<i class="icon-th icon-white"></i>
						<span>Leagues</span> 
					</a>
        </li>
        
        <li>
					<a href=<%= url_for(users_path) %>>
						<i class="icon-user icon-white"></i>
						<span>Users</span> 
					</a>
        </li>
        
        <li>
					<a href=<%= url_for(learn_path) %>>
						<i class="icon-book icon-white"></i>
						<span>Learn</span> 
					</a>
        </li>
        
        <li>
					<a href=<%= url_for(research_index_path) %>>
						<i class="icon-briefcase icon-white"></i>
						<span>Companies</span> 
					</a>
        </li>

        <!-- Just incase you want dropdowns later: 
        <li class="dropdown">					
					<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
						<i class="icon-briefcase icon-white"></i>
						<span>Companies</span> 
						<b class="caret"></b>
					</a>	
				
					<ul class="dropdown-menu">							
						<li><a href="./login.html">Login</a></li>
						<li><a href="./signup.html">Signup</a></li>
						<li><a href="./error.html">Error</a></li>
						<li><a href="./skins.html">Skins</a></li>
						<li><a href="./sticky.html">Sticky Footer</a></li>
					</ul>    				
				</li>
        -->

			</ul>
		</div> <!-- /.nav-collapse -->
	</div> <!-- /.container -->
</div> <!-- /#header -->


<div id="masthead">
  <div class="container">
    <div class="masthead-pad">
      <div class="masthead-text span7">
        <h2 id="pageTitle"><% if @title %><%= @title %><%else%><%= controller.controller_name %>.<%= controller.action_name %><%end%> </h2>
        <p id="pageDescription"><% if @description %><%= @description %><%else%>Description<%end%> </p>
      </div>
      <div class="span4 pull-right searchBar"> 
        <div class="input-append">
          <%= form_tag("/research", :method => "post") do %> 
          <div class="searchWhiteSpace"></div>
          <%= text_field_tag(:ticker) %> 
          <input name="commit" class="btn" type="submit" value="Search" />
          <% end %> 
        </div> <!-- input-append -->
      </div> <!-- span4 -->
    </div> <!-- masthead-pad -->
  </div> <!-- container -->
</div> <!-- masthead --> 

