<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE document SYSTEM "http://commons.omniupdate.com/dtd/standard.dtd"> 

<xsl:stylesheet version="3.0" 
				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"
				exclude-result-prefixes="ou xsl xs fn ouc">
	
<xsl:import href="common.xsl"/>

	
	
		<xsl:template match="/*:document"> <!-- match a document with any namespace -->	
		<xsl:choose>
			<xsl:when test="$ou:action = 'pub' and $ou:publishBlankPages = 'yes'">
				<div><xsl:comment> com.omniupdate.ob </xsl:comment><xsl:comment> /com.omniupdate.ob </xsl:comment></div>
			</xsl:when>
			<xsl:otherwise>	
			
			
		<!-- begin html -->
		<xsl:text disable-output-escaping="yes">&lt;</xsl:text>!DOCTYPE html<xsl:text disable-output-escaping="yes">&gt;</xsl:text>
		<xsl:text disable-output-escaping="yes">&lt;</xsl:text>html<xsl:text disable-output-escaping="yes"> lang="en" &gt;</xsl:text>
		<xsl:if test="$ou:action='pub'">
		<xsl:text disable-output-escaping="yes">&lt;% 
		dim lookfor2=request.querystring("search")
		%></xsl:text>
		</xsl:if>
		
			<head>
			
<!--				<link href="/_resources/personnel-directory/Content/kendo.common.min.css" rel="stylesheet" type="text/css" />-->
		
				<xsl:call-template name="common-headcode"/> <!-- common headcode -->
			
<!--			    <script src="/_resources/personnel-directory/Scripts/jquery.min.js" type="text/javascript"></script>-->
			    <script src="/_resources/personnel-directory/Scripts/kendo.web.min.js" type="text/javascript"></script>
<!--			    <script src="/_resources/personnel-directory/Scripts/modernizr.js" type="text/javascript"></script>-->
			    <script src="/_resources/personnel-directory/CESuofa.directory.js"></script>
			    
				<xsl:apply-templates select="headcode/node()" mode="copy"/> 
				
				<title><xsl:value-of select="$pageTitle"/></title>
								
				<!-- copy meta tags from pcf, but only those with content -->
				<xsl:for-each select="/*:document/metadata//meta">
					<xsl:if test="string-length(@content)>0">
						<xsl:apply-templates select="." mode="copy"/>
					</xsl:if>
				</xsl:for-each>
				
				<script>
	            $(document).ready(function () {
	                    Directory.searchPeople(document.getElementById('lookfor2').value, '');
	            });

	      	  </script>


			</head>
			<xsl:if test="ou:action='pub'">
				<!--#include file="/_resources/personnel-directory/adovbs.inc" -->
			</xsl:if>
			<body onload="initSearchBar();">
			<xsl:if test="$bodyClass!='none'"><xsl:attribute name="class" select="$bodyClass"/></xsl:if>		
						
			<xsl:apply-templates select="bodycode/node()" mode="copy"/> <!-- pcf -->
			<!-- start -->
			<noscript>Javascript must be enabled for the correct page display</noscript>
				<div id="wrapper">
					<!-- skip -->
					<xsl:call-template name="common-header"/>
					<!-- main -->
					<xsl:call-template name="page-content"/>
					<!-- footer -->
					<xsl:call-template name="common-footer"/>
					
					<!-- skip -->
					<div class="skip">
						<a href="#header">Back to top</a>
					</div>
				</div>
				<xsl:comment> popup-holder </xsl:comment>
						
				<div class="popup-holder">				
					<xsl:call-template name="lightboxes"/><!-- see special-templates.xsl -->					
				</div>
				
			</body>	
			
		<xsl:text disable-output-escaping="yes">&lt;</xsl:text>/html<xsl:text disable-output-escaping="yes">&gt;</xsl:text>	
		<!-- end html -->
		
		</xsl:otherwise>
			</xsl:choose>
			
		
		</xsl:template>		
	
	
	<xsl:template name="page-content">
	
	<xsl:variable name="lookfor2">
		<xsl:text disable-output-escaping="yes">&lt;%=lookfor2%></xsl:text>
	</xsl:variable>

		<xsl:comment> main </xsl:comment>
		<div id="main">

			<xsl:comment> container</xsl:comment>		
			<div class="container">
			
				<xsl:comment> breadcrumbs </xsl:comment>			
				<xsl:call-template name="breadcrumb">
					<xsl:with-param name="path" select="$ou:dirname"/>								
				</xsl:call-template>
				
				<div id="two-columns" class="g3">
					<!-- content-area -->
					<div class="content-area">
						<!-- content -->
<!--					<section id="content">-->
							<xsl:apply-templates select="content/middle/maincontent/node()" mode="copy"/>				
<!--						</section>-->
						
		
				</div>
		
			</div><!-- end twocolumns -->
			
																		
			<div class="table-block">
				<h2>Search Results</h2>
		        <div id="peopleError" class="error"></div>
		        <div id="peopleGrid"></div>
		        <!-- end of row -->		
		    </div>
	
			<div id="window">
				<div class="container footerFooter">
			        <div class="row">
				          <div class="twentycol"><p></p></div>
			        </div>
			   </div>
			</div>		
			
			<xsl:apply-templates select="content/middle/bottomcontent/node()" mode="copy"/>

			
		</div><!-- end container -->

</div><!-- end main -->

	</xsl:template>
	
	<xsl:template match="personnel-directory-search" mode="copy">
	
		<div class="form-section" id="basicSearch">
	
	
		<xsl:text disable-output-escaping="yes">&lt;form method="get" class="advanced-search-form" action="&lt;%=Request.ServerVariables("SCRIPT_NAME") %>"></xsl:text>
		<fieldset>	
		<legend class="hidden">Basic Search</legend>
			
			<div class="form-holder">
			<div class="row">
				<input  id="searchBtn" name="searchBtn" onclick="Directory.searchPeople(document.getElementById('lookfor2').value)" type="submit" value="Go"/>
				<div class="text">
					<xsl:text disable-output-escaping="yes">
					&lt;input type="search" title="search" id="lookfor2" name="search"  value="&lt;%=lookfor2%>" >
					</xsl:text>
				</div>
			</div>
			<!-- <a href="#" class="link-search" id="advSwitch">Advanced search</a> -->
			</div>
		</fieldset>	
		<xsl:text disable-output-escaping="yes">&lt;/form></xsl:text>
							
		<!--end of basic search--> 
		</div>

					
		<div id="advancedSearch" style="display:none;">
		
			<xsl:text disable-output-escaping="yes">&lt;form method="get" class="advanced-search-form" action="&lt;%=Request.ServerVariables("SCRIPT_NAME") %>"></xsl:text>
			<fieldset>
			<legend class="hidden">Advanced Search</legend>
			<div class="form-holder">
					<select id="classification"  name="classification" size="1">
						<option value="faculty-staff-student-emeritus">Anyone</option>
						<option value="faculty">Faculty</option>
						<option value="staff">Staff</option>
					</select> where <select id="attr" name="attr" size="1">
						<option value="first">First Name</option>
						<option selected="selected" value="last">Last Name</option>
						<option value="full">Full Name</option>
						<option value="email">E-mail</option>
						<option value="phone">Phone</option>
						<option value="title">Title</option>
						<option value="dept">Dept Code</option>
					</select> 
					<select id="match" name="match" size="1">
						<option value="is">is</option>
						<option value="startswith">starts with</option>
						<option value="endswith">ends with</option>
						<option value="contains">contains</option>
					</select> 
				
				<div class="row">
					<input  id="searchBtn" name="searchBtn" onclick="advancedSearchPeople(document.getElementById('lookfor2').value)" type="submit" value="Go"/>									
					<div class="text">
						<xsl:text disable-output-escaping="yes">
						&lt;input type="search" title="search" id="lookfor2" name="search" placeholder="cochran" value="&lt;%=lookfor2%>" >
						</xsl:text>
					</div>
				</div>
				
				<a id="bSwitch" class="link-search" href="#">Basic search</a>							
			</div>
			</fieldset>
	
		<xsl:text disable-output-escaping="yes">&lt;/form></xsl:text>
		<!--End of advanceSearch -->
		</div> 

		
					
	


	</xsl:template>
	


	

</xsl:stylesheet>
