<?xml version="1.0" standalone="no"?>
<!DOCTYPE html SYSTEM "entities.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epc="http://eprints.org/ep3/control">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<title><epc:pin ref="title" textonly="yes"/> - <epc:phrase ref="archive_name"/></title>
		<link rel="icon" href="{$config{rel_path}}/apw_template/images/favicon.png" type="image/x-icon"/>
		<link rel="shortcut icon" href="{$config{rel_path}}/apw_template/images/favicon.png" type="image/x-icon"/>
		<epc:pin ref="head"/>
		
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
		
		<link rel="stylesheet" href="{$config{rel_path}}/apw_template/styles/font-awesome.min.css" />
		<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic" />
		<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Montserrat:400,800" />
		<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Raleway:400,800,900" />
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">// <!-- No script --></script>
		<link rel="stylesheet" href="{$config{rel_path}}/apw_template/styles/base.css" />
		<link rel="stylesheet" href="{$config{rel_path}}/apw_template/styles/site.css" />			
		<link rel="stylesheet" href="{$config{rel_path}}/apw_template/styles/apw_main.css" />
		
		<script>
 
		// Give $ back to prototype.js; create new alias to jQuery.
		jQuery.noConflict();
 
		jQuery(document).ready(function( $ ) {
		
			//Clones the EP menu to the top menu. 
			$('#main_page .ep_tm_key_tools').clone().appendTo('#login_status');
			//Then remove the old class, and add the navbar classes to make it fit in. 
			$('header .ep_tm_key_tools').removeClass('ep_tm_key_tools').addClass('nav navbar-nav navbar-right').attr('id','ep_menu_top');
			// remove the first part of the menu if you are already signed in (as the span buggers up the nice navbar menu)
			$('header #ep_menu_top li:first-child').has("span").remove();
			

			//left hand side menu. Adds the id, then the needed classes for bootstrap to style the menu 
			$('#main_page .ep_tm_key_tools').removeClass('ep_tm_key_tools').attr('id','ep_menu').addClass('hidden-xs');
			$('#main_page ul#ep_menu ').addClass('list-group');
			$('#main_page ul#ep_menu li').addClass('list-group-item');
			//$('#main_page ul#ep_menu li:first-child:contains("Logged")').addClass('active');
			$('#main_page ul#ep_menu li:first-child:contains("Logged")').closest('.list-group-item').addClass('active');
			$('#main_page ul#ep_menu li:first-child span a').addClass('list-group-item-text');

			// If the user isn't logged in, style it a little
			//$('#main_page ul#ep_menu li:first-child a[href$="cgi/users/home"]').addClass('list-group-item-heading');
			var log_in_btn = $('#main_page ul#ep_menu li:first-child a[href$="cgi/users/home"]');
			var admin_btn = $('#main_page ul#ep_menu li a[href$="cgi/users/home?screen=Admin"]');
			//log_in_btn.addClass('btn btn-primary');
			//admin_btn.addClass('btn btn-default');
			log_in_btn.closest('li').addClass('active');
			//admin_btn.closest('li').removeClass('list-group-item');
			//log_in_btn.closest('ul').removeClass('list-group').addClass('list-unstyled');
				
		});
		</script>
	</head>
<body>
<epc:pin ref="pagetop"/>
	
	<!-- Wrapper -->
	<div id="wrapper">

		<!-- Main -->
		<div id="main">
			<div class="inner">

				<header id="header">
					<a href="{$config{http_url}}" class="logo"><epc:phrase ref="template_top_left_title"/></a>
					<ul class="icons">
						<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
						<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
						<li><a href="#" class="icon fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
						<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
						<li><a href="#" class="icon fa-medium"><span class="label">Medium</span></a></li>
					</ul>
				</header>
				
				<h1 class="ep_tm_pagetitle">
				  <epc:pin ref="title"/>
				</h1>
				<epc:pin ref="page"/>

			</div>
		</div>

		<!-- Sidebar -->
		<div id="sidebar">
			<div class="inner">

				<section id="part_top" class="alt">
					<div class="search-box">
					  <div class="container-4">
						<form method="get" accept-charset="utf-8" action="{$config{http_cgiurl}}/search">
							<input type="search" name="q" id="search" placeholder="Insert keyword here..." />
							<button class="icon" value="{phrase('lib/searchexpression:action_search')}" type="submit" name="_action_search"><i class="fa fa-search"></i></button>
							<input type="hidden" name="_action_search" value="Search" />
							<input type="hidden" name="_order" value="bytitle" />
							<input type="hidden" name="basic_srchtype" value="ALL" />
							<input type="hidden" name="_satisfyall" value="ALL" />
						</form>
					  </div>
					</div>
				</section>

				<!-- Menu -->
					<header class="major" style="margin-top: -20px;">
						<div style="text-transform: uppercase; font-size: 14px; font-weight: 700;letter-spacing: 0.35em;">USER MENU</div>
					</header>
					
					<div id="main_page">
						<epc:pin ref="login_status" />
					</div>
						
					<nav id="menu">
						<ul>
							<li><a href="{$config{base_url}}">home</a></li>
							<li><a href="{$config{base_url}}/information.html">about</a></li>
							<li>
								<span class="opener">Browse</span>
								<ul>
									<li><a href="{$config{base_url}}/view/year/">browse by years</a></li>
									<li><a href="{$config{base_url}}/view/subjects/">browse by subjects</a></li>
									<li><a href="{$config{base_url}}/view/divisions/">browse by divisions</a></li>
									<li><a href="{$config{base_url}}/view/creators/">browse by authors</a></li>
								</ul>
							</li>
							<li><a href="{$config{base_url}}/help/index.html">Help</a></li>
							<li><a href="{$config{base_url}}/policies.html">Policies</a></li>
						</ul>
					</nav>

				

			
				<!-- Footer -->
					<epc:phrase ref="template_copyright"/>

			</div>
		</div>

	</div>

		<!-- Scripts -->
		<script src="{$config{rel_path}}/apw_template/scripts/skel.min.js">// <!-- No script --></script>
		<script src="{$config{rel_path}}/apw_template/scripts/util.js">// <!-- No script --></script>
		<script src="{$config{rel_path}}/apw_template/scripts/main.js">// <!-- No script --></script>
</body>
</html>
