<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY amp   "&#38;">
<!ENTITY copy   "&#169;">
<!ENTITY gt   "&#62;">
<!ENTITY hellip "&#8230;">
<!ENTITY laquo  "&#171;">
<!ENTITY lsaquo   "&#8249;">
<!ENTITY lsquo   "&#8216;">
<!ENTITY lt   "&#60;">
<!ENTITY nbsp   "&#160;">
<!ENTITY quot   "&#34;">
<!ENTITY raquo  "&#187;">
<!ENTITY rsaquo   "&#8250;">
<!ENTITY rsquo   "&#8217;">
]>
<!--

-->
<xsl:stylesheet version="3.0" expand-text="yes"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
	xmlns:xs="http://www.w3.org/2001/XMLSchema"
	xmlns:ou="http://omniupdate.com/XSL/Variables"
	xmlns:fn="http://omniupdate.com/XSL/Functions"
	xmlns:ouc="http://omniupdate.com/XSL/Variables"
	xmlns:xlink="https://www.w3.org/1999/xlink"
	xmlns:map="http://www.w3.org/2005/xpath-functions/map"
	xmlns:func="http://www.w3.org/2005/xpath-functions"
	exclude-result-prefixes="xs ou fn ouc xlink map func">
	<!-- expand-text="yes"> -->

	<xsl:import href="../common.xsl"/>

	<xsl:output method="html" indent="yes" version="4.0" encoding="UTF-8" include-content-type="no" omit-xml-declaration="yes"/>
	<xsl:strip-space elements="*"/>

	<xsl:template match="document[$is-pub]">
		<xsl:call-template name="common-header"/>
	</xsl:template>

	<xsl:template name="common-header">
		<header id="header" class="header-narrow" data-plugin-options="{{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 0, 'stickySetTop': '0', 'stickyChangeLogo': false}}">
			<a href="#main_content" class="sr-only sr-only-focusable" id="skippy" >
				<span class="skiplink-text button-small">Skip to content</span >
			</a>
			<div class="header-body background-color-primary">
				<div class="header-container">
					<div class="header-row">
						<div class="header-column">
							<div class="header-logo" >

								<a href="{ou:multiedit-field('logo-link')}">
									<img class="m-none img-responsive" src="{ou:multiedit-field('college-logo')/img/@src}" alt="{ou:multiedit-field('college-logo')/img/@alt}" height="60" />
								</a>

							</div>
						</div>
						<div class="header-column">
							<div class="header-row">
								<div class="header-search hidden-xs">

									<form id="searchForm" action="{ou:multiedit-field('search-results')}" method="get" role="search">
										<div class="input-group">
											<label class="search-label sr-only" for="searchbox">Search the Site</label>

											<input value="000415019771277426266:miqcbth5x34" name="cx" type="hidden"/>
											<input value="FORID:11" name="cof" type="hidden"/>

											<input type="text" name="q" class="form-control" title="searchbox" placeholder="Search..." />
											<span class="input-group-btn">
												<button class="btn btn-default" type="submit">
													<span class="fa fa-search"></span>
													<span class="sr-only">Search</span>
												</button>
											</span>
										</div>
									</form>

								</div>
								<div class="header-nav">
									<button class="btn header-btn-collapse-nav background-color-primary" data-toggle="collapse" data-target=".header-nav-main">
										<span class="fa fa-bars">
											<span class="sr-only">Mobile Navigation</span>
										</span>
									</button>
									<div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1 custom-header-nav-main-light-style collapse">
										<nav class="global-navigation" role="navigation">
											<div class="header-search visible-xs">

												<form id="searchForm-mobile" action="{ou:multiedit-field('search-results')}" method="get" role="search">
													<div class="input-group">

														<input value="000415019771277426266:miqcbth5x34" name="cx" type="hidden"/>
														<input value="FORID:11" name="cof" type="hidden"/>

														<label for="SearchMobile" class="search-label sr-only">Search the Site</label>
														<input type="text" name="q" class="form-control" title="SearchMobile" placeholder="Search..." />
														<span class="input-group-btn">
															<button class="btn btn-default" type="submit">
																<span class="fa fa-search" ></span>
																<span class="sr-only">Search</span>
															</button>
														</span>
													</div>
												</form>

											</div>

											<xsl:apply-templates select="ouc:div[@label = 'main-nav']/node()" />

										</nav>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
	</xsl:template>

	<xsl:template match="table[@class = 'ou-main-nav']">
		<ul id="mainNav" class="nav nav-pills">
			<xsl:apply-templates select="tbody/tr[@class = 'ou-menu']" mode="nav-menu" />
		</ul>
	</xsl:template>
	<xsl:template match="tr" mode="nav-menu">
		<li class="dropdown dropdown-full-color dropdown-primary dropdown-full-color dropdown-primary">
			<a class="dropdown-toggle" href="{td[1]//a[1]/@href}">
				{td[1]//a[1]}
			</a>
			<ul class="dropdown-menu">

				<xsl:apply-templates select="td[2]//a" mode="menu-item" />

			</ul>
		</li>
	</xsl:template>
	<xsl:template match="a" mode="menu-item">
		<li>
			<a tabindex="-1" href="{@href}">{.}</a>
		</li>
	</xsl:template>

	<xsl:template name="page-content">
		<div class="staging" style="min-height: 300px">
			<div class="container">
				<div class="col-lg-12">
					<hr/>
					<h1>Header Include</h1>
					<hr/>
					<p>Use multiedit fields and editable regions to modify the header.</p>

					<xsl:if test="$is-edt">
						<xsl:apply-templates select="ouc:div[@label = 'main-nav']" mode="edt-button" />
					</xsl:if>
				</div>
			</div>
		</div>
	</xsl:template>

</xsl:stylesheet>