<?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;">
]>
<!-- 
Implementations Skeletor v3 - 5/10/2014

HOME PAGE 
A complex page type.

Contributors: Your Name Here
Last Updated: Enter Date Here
-->
<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 name="template-headcode">
		<script src="https://code.jquery.com/jquery-1.11.3.min.js"/>
	</xsl:template>

	<xsl:template name="page-content">
		<xsl:copy-of select="ou:get-edit-button(ouc:div[@label='LDP-Home'])"/>
		<div class="home-slider">
			<xsl:apply-templates select="ouc:div[@label='LDP-Home']/gallery">
				<xsl:with-param name="gallery-type">con-home</xsl:with-param>
			</xsl:apply-templates>
		</div>
		<div class="home-cols">
			<div class="container">
				<section class="clearfix">
					<h6>socials</h6>
					<article class="socials">
						<h2>
							<span>Social</span>
						</h2>
						<xsl:choose>
							<xsl:when test="ou:pcf-param('display-social-media') = 'social-media'">
								<script src="https://www.wvc.edu/_resources/social/ou-mashup/js/moment.js"/>
								<script src="https://code.jquery.com/jquery-1.11.3.min.js"/>
								<div id="social-media-home"></div>

								<script>
									var fid = "<xsl:value-of select="ou:pcf-param('fid')"/>";
									var fcount = <xsl:value-of select="ou:pcf-param('fcount')"/>;
									var wcount = <xsl:value-of select="ou:pcf-param('wcount')"/>;
									var mflink = "<xsl:value-of select="ou:pcf-param('mflink')"/>";
									
									var thandle = "<xsl:value-of select="ou:pcf-param('thandle')"/>";
									var tcount = "<xsl:value-of select="ou:pcf-param('tcount')"/>";
									var media_order = "<xsl:value-of select="ou:pcf-param('media_order')"/>";
									
									var readmore = "<xsl:value-of select="ou:pcf-param('readmore')"/>";
									var readmore_url = "<xsl:value-of select="ou:pcf-param('readmore_url')"/>";
								</script>

								<script src="/_resources/js/ou-home-social.js"/>
							</xsl:when>
							<xsl:otherwise>
								<xsl:apply-templates select="ouc:div[@label='social-left']"/>
							</xsl:otherwise>
						</xsl:choose>

					</article>
					<article class="news">
						<div class="holder">
							<div id="tabcontent1">
								<xsl:apply-templates select="ouc:div[@label='social-middle']"/>
							</div>
						</div>
					</article>
					<article class="events">
						<xsl:apply-templates select="ouc:div[@label='social-right']"/>
					</article>
				</section>
			</div>
		</div>
		<div class="con-box1">
			<div class="container">
				<div class="left-col">
					<xsl:apply-templates select="ouc:div[@label='con-box-left']"/>
				</div>
				<div class="right-col">
					<xsl:apply-templates select="ouc:div[@label='con-box-right']"/>
				</div>
			</div>
			<div class="slider">
				<div class="container">
					<div class="inner">
						<xsl:apply-templates select="ouc:div[@label='slider-region']"/>
					</div>
				</div>
			</div>
		</div>

		<div class="con-video" style="background-image: url({ou:pcf-param('video-back')}); background-position-y: 15.6px;">
			<!-- Video background paramenter -->
			<div class="container">
				<a class="mid fancybox media" href="{ou:pcf-param('video-link')}">
					<img src="{ou:pcf-param('video-icon')}" alt="Icon Video"/>
					<span class="holder">
						<span class="line-1">
							<xsl:value-of select="ou:pcf-param('video-title')"/>
						</span>
						<span class="line-2">
							<xsl:value-of select="ou:pcf-param('video-text')"/>
						</span>
					</span>
				</a>
				<!-- Param Video Link -->
				<a class="bt" href="{ou:pcf-param('video-tourlink')}">
					<i class="fa fa-map-marker"/>
					<xsl:value-of select="ou:pcf-param('video-tourtext')"/>
				</a>
			</div>
		</div>
		<div class="slogan">
			<div class="inner">
				<div class="container">
					<xsl:apply-templates select="ouc:div[@label='slogan-region']"/>
				</div>
			</div>
		</div>
		<div class="split-contacts">
			<div class="top-hold">
				<p>
					<xsl:value-of select="ou:pcf-param('contact-title')"/>
				</p>
				<!--- Param title -->
			</div>
			<xsl:call-template name="location-div">
				<xsl:with-param name="position" select="'left'"/>
			</xsl:call-template>
			<xsl:call-template name="location-div">
				<xsl:with-param name="position" select="'right'"/>
			</xsl:call-template>
		</div>
	</xsl:template>
	<xsl:template name="location-div">
		<xsl:param name="position"/>
		<div class="{$position}-col" style="background-image: url({ou:pcf-param(concat($position,'-campus-back'))})">
			<div class="inner-hold">
				<h3>
					<xsl:value-of select="ou:pcf-param(concat($position,'-campus-title'))"/>
					<em>
						<xsl:value-of select="ou:pcf-param(concat($position,'-campus-cursive'))"/>
					</em>
				</h3>
				<div class="address">
					<div class="ico">
						<i class="fa fa-map-marker"/>
					</div>
					<div class="hold">
						<p>
							<strong>
								<xsl:value-of select="ou:pcf-param(concat($position,'-campus-desc'))"/>
							</strong>
							<br/>
							<xsl:value-of select="ou:pcf-param(concat($position,'-campus-address1'))"/>
							<br/>
							<xsl:value-of select="ou:pcf-param(concat($position,'-campus-address2'))"/>
						</p>
						<a href="{ou:pcf-param(concat($position,'-campus-loc'))}">
							<xsl:value-of select="ou:pcf-param(concat($position,'-campus-loctext'))"/>
						</a>
					</div>
				</div>
				<div class="social-col">
					<p class="phone">
						<i class="fa fa-phone"/>
						<xsl:value-of select="substring(ou:pcf-param(concat($position,'-campus-phone')),1,6)"/>
						<strong>
							<xsl:value-of select="substring(ou:pcf-param(concat($position,'-campus-phone')),7)"/>
						</strong>
					</p>
					<div class="share">
						<i class="fa fa-share-alt"/>
						<ul>
							<xsl:for-each select="/document//parameter[starts-with(@name,concat($position,'-campus-social'))]">
								<xsl:if test="ou:pcf-param(@name) != ''">
									<li>
										<a href="{ou:pcf-param(@name)}">
											<i class="fa fa-{replace(@name,concat($position,'-campus-social'),'')}"/>
										</a>
									</li>
								</xsl:if>
							</xsl:for-each>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</xsl:template>

</xsl:stylesheet>
