<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY nbsp "&#xa0;">
]>
<!--
Implementations v1 - 05/03/2018

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"
				xmlns="http://www.w3.org/1999/xhtml"
				exclude-result-prefixes="ou xsl xs fn ouc">

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

<!-- 	<xsl:template name="template-headcode">
			<link href="/_resources/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
			<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" type="text/css" rel="stylesheet"/>
			<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" rel="stylesheet"/>
		<link href="/_resources/css/style.css" type="text/css" rel="stylesheet"/>
			<link href="/_resources/css/home.css" type="text/css" rel="stylesheet"/>
			<link href="/_resources/css/header.css" type="text/css" rel="stylesheet"/>
			
			
			<script language="javascript" type="text/javascript" src='/_resources/js/main2.js'></script>
			<script type="text/javascript" src="/_resources/js/jquery-3.2.1.slim.min.js"></script>
			<script type="text/javascript" src="/_resources/js/popper.min.js"></script>
			<script type="text/javascript" src="/_resources/js/bootstrap.min.js"></script>
			<script type="text/javascript" src="/_resources/js/fontawesome.min.js"></script>
			<script type="text/javascript" src="/_resources/js/scrollnav.js"></script>
			<script type="text/javascript" src="/_resources/js/custom.js"></script>

	</xsl:template> -->

	<xsl:template name="common-layout">
    <xsl:call-template name="common-header" />	
		<xsl:variable name="banner_type_1" select="banner-items/banner-1/ouc:div[@label='display-type-1']" />
		<xsl:variable name="banner_type_2" select="banner-items/banner-2/ouc:div[@label='display-type-2']" />
		<xsl:variable name="banner_type_3" select="banner-items/banner-3/ouc:div[@label='display-type-3']" />
		<xsl:variable name="video_banner_1" select="banner-items/banner-1/ouc:div[@label='banner-video-1']" />
		<xsl:variable name="video_banner_2" select="banner-items/banner-2/ouc:div[@label='banner-video-2']" />
		<xsl:variable name="video_banner_3" select="banner-items/banner-3/ouc:div[@label='banner-video-3']" />
		<xsl:variable name="slide3" select="slide-items/slide-3/ouc:div[@label='slide-title-3']" />
		
		<!-- Begin Emergency Variables -->
		<xsl:variable name="emergency-radio-pop-up" select="emergency-items/ouc:div[@label='home-emergency-pop-up']" />
		<xsl:variable name="emergency-radio-pop-up-message" select="emergency-items/ouc:div[@label='home-emergency-pop-up-message']" />
		
		<xsl:variable name="emergency-flip-tile" select="emergency-items/ouc:div[@label='home-emergency-flip-tile']" />
		<!-- End Emergency Variables -->
		
		<xsl:variable name="flip-title-1" select="flip-items/flip-1/ouc:div[@label='flip-title-1']" />
		<xsl:variable name="flip-title-2" select="flip-items/flip-2/ouc:div[@label='flip-title-2']" />
		<xsl:variable name="flip-title-3" select="flip-items/flip-3/ouc:div[@label='flip-title-3']" />
		
		<xsl:variable name="flip-subtitle-1" select="flip-items/flip-1/ouc:div[@label='flip-subtitle-1']" />
		<xsl:variable name="flip-subtitle-2" select="flip-items/flip-2/ouc:div[@label='flip-subtitle-2']" />
		<xsl:variable name="flip-subtitle-3" select="flip-items/flip-3/ouc:div[@label='flip-subtitle-3']" />
		
		<xsl:variable name="flip-title-desc-1" select="flip-items/flip-1/ouc:div[@label='flip-title-desc-1']" />
		<xsl:variable name="flip-title-desc-2" select="flip-items/flip-2/ouc:div[@label='flip-title-desc-2']" />
		<xsl:variable name="flip-title-desc-3" select="flip-items/flip-3/ouc:div[@label='flip-title-desc-3']" />
		
		<xsl:variable name="flip-description-1" select="flip-items/flip-1/ouc:div[@label='flip-description-1']" />
		<xsl:variable name="flip-description-2" select="flip-items/flip-2/ouc:div[@label='flip-description-2']" />
		<xsl:variable name="flip-description-3" select="flip-items/flip-3/ouc:div[@label='flip-description-3']" />
		
		<xsl:variable name="slide-description-1" select="slide-items/slide-1/ouc:div[@label='slide-description-1']" />
		<xsl:variable name="slide-description-2" select="slide-items/slide-2/ouc:div[@label='slide-description-2']" />
		<xsl:variable name="slide-description-3" select="slide-items/slide-3/ouc:div[@label='slide-description-3']" />
		
		<xsl:variable name="slide-department-1" select="slide-items/slide-1/ouc:div[@label='slide-department-1']"/>
		<xsl:variable name="slide-department-2" select="slide-items/slide-2/ouc:div[@label='slide-department-2']"/>
		<xsl:variable name="slide-department-3" select="slide-items/slide-3/ouc:div[@label='slide-department-3']"/>

		<xsl:choose>
<xsl:when test="$emergency-radio-pop-up ='Yes'">					  
<!-- Emergency Modal Pop-up -->					  

<style>
	
.btn-primary, .ui-widget-content a.btn-primary {
	margin-top: 0 !important;
}
	
#exampleModalCenter .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}

</style>
							  
<script>
    $(document).ready(function(){
        $("#exampleModalCenter").modal('show');
    });
</script>
							  
<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalCenterTitle">Alert Notification</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">x</span>
        </button>
      </div>
      <div class="modal-body">
		  
		 <p> 
		  <xsl:value-of select="$emergency-radio-pop-up-message" />
       </p>
		  <p>
			  <a href="/emergency/" title="Read More">Read More</a>
		  </p>
		  
      </div>
      <div class="modal-footer">
        <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button> -->
		<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
</xsl:when>
		</xsl:choose>					  
<!-- End Emergency Modal Pop-up -->
		

	<!-- This is the carousel for desktops -->
		<div id="HomeSlider" class="carousel slide with_video" data-interval="false">
			<div class="hidden-xs">
            <div class="carousel-inner" role="region" aria-label="Marquee Image Slider">
					<xsl:choose> <!-- Banner 1-->
						<xsl:when test="$banner_type_1 ='Image'">
							<div class="carousel-item active">
								<img src="{banner-items/banner-1/ouc:div[@label='banner-image-1']}" alt="{banner-items/banner-1/ouc:div[@label='banner-image-alt-1']}" class="w-100"/>
							</div>
						</xsl:when>

						  <xsl:when test="$banner_type_1 ='Video'">
							<div class="carousel-item active">
								<div id="video_1" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						
						
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					<xsl:choose> <!-- Banner 2-->
						<xsl:when test="$banner_type_2 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-2/ouc:div[@label='banner-image-2']}" alt="{banner-items/banner-2/ouc:div[@label='banner-image-alt-2']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_2 ='Video'">
							<div class="carousel-item">
								<div id="video_2" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					<xsl:choose> <!-- Banner 3-->
						<xsl:when test="$banner_type_3 ='Image'">
							<div class="carousel-item">
								<img src="{banner-items/banner-3/ouc:div[@label='banner-image-3']}" alt="{banner-items/banner-3/ouc:div[@label='banner-image-alt-3']}" class="w-100"/>
							</div>
						</xsl:when>
						<xsl:when test="$banner_type_3 ='Video'">
							<div class="carousel-item">
								<div id="video_3" class="carousel-video-item"></div>
							</div>
						</xsl:when>
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
				
				
				<!-- <xsl:if test="$video_banner != ''"> 
					<div class="carousel-item active">
						<div id="video" ></div>
					</div>
					<div class="carousel-item">
						<img src="{banner-items/banner-1/ouc:div[@label='banner-image-1']}" alt="{banner-items/banner-1/ouc:div[@label='banner-image-alt-1']}" class="w-100"/>
					</div>
				</xsl:if>
				<xsl:if test="$video_banner = ''"> 
					<div class="carousel-item active">
						<img src="{banner-items/banner-1/ouc:div[@label='banner-image-1']}" alt="{banner-items/banner-1/ouc:div[@label='banner-image-alt-1']}" class="w-100"/>
					</div>
				</xsl:if>
				<xsl:if test="$banner2 != ''"> 
                <div class="carousel-item">
                    <img src="{banner-items/banner-2/ouc:div[@label='banner-image-2']}" alt="{banner-items/banner-2/ouc:div[@label='banner-image-alt-2']}" class="w-100"/>
                </div>
				</xsl:if>
				<xsl:if test="$banner3 != ''"> 
					<div class="carousel-item">
						<img src="{banner-items/banner-3/ouc:div[@label='banner-image-3']}" alt="{banner-items/banner-2/ouc:div[@label='banner-image-alt-3']}" class="w-100"/>
					</div>
				</xsl:if> -->
            </div>
            <a class="carousel-control-prev" href="#HomeSlider" role="button" data-slide="prev" onClick="pauseVideo()">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#HomeSlider" role="button" data-slide="next" onClick="pauseVideo()">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
				  </div>	
			
			<!-- This is the carousel for mobile -->		
	
			<div class="d-block d-sm-none d-none d-sm-block d-md-none">
            <div class="carousel-inner" role="region" aria-label="Marquee Image Slider">
				
					
					<xsl:choose> <!-- Banner 2-->
						<xsl:when test="$banner_type_2 ='Image'">
							<div class="carousel-item active">
								<img src="{banner-items/banner-2/ouc:div[@label='banner-image-2']}" alt="{banner-items/banner-2/ouc:div[@label='banner-image-alt-2']}" class="w-100"/>
							</div>
						</xsl:when>

						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
					
            </div>
            
        </div>
        </div>	
	
		
		
		
		
	<div id="body_text" class="container" role="main">
        <div class="row">
			<!--
            <div class="col-sm-12 apply-now-content">
                <div class="apply-now">
                    <h3>Apply Now</h3>
                    <p>You're in the right place at the right time.</p>
                    <a href="/apply-now.aspx" class="more-link" title="Learn More">Learn More</a>
                </div>
            </div>
-->
            <div id="main" class="col-md-12 choose-path">
                <ul>
                    <li>
                        <div>
                            <img alt="Choose Your Path" src="_resources/images/choose-path.png" />CHOOSE YOUR PATH:</div>
                    </li>
                    <li>
                        <a href="/future-students.aspx" title="Future Students">Future Students</a>
                    </li>
					<li>
                        <a href="/parents-and-families.aspx" title="Parents &amp; Families">Parents &amp; Families</a>
                    </li>
					 <li>
                        <a href="/visitors/" title="Visitors">Visitors</a>
                    </li>
					 <li>
                        <a href="/alumni.aspx" title="Alumni">&nbsp;&nbsp;&nbsp;&nbsp;Alumni&nbsp;&nbsp;</a>
                    </li>
					
					 <li>
                        <a href="/faculty-and-staff.aspx" title="Faculty &amp; Staff">Faculty &amp; Staff</a>
                    </li>
					
                    <li>
                        <a href="/current-students.aspx" title="Current Students">Current Students</a>
                    </li>
                   
                   
                    
                   
                </ul>
            </div>
        </div>
		<!-- <div class="container"> -->
        <div class="container no-padding">
            <section class="flip-image-container margin-lrt">
                <div class="row">
                    <!-- <div class="col-md-4 col-sm-12 no-padding"> -->
					<div class="col-md-4 col-sm-12">
                       
						
						<!-- New Emergency stuf 10/18/2019 -->
							
							<xsl:choose> <!-- Banner 1-->
								<!-- "$emergency-flip-tile-inclement-weather ='Inclement'" -->
						<!-- <xsl:when test="$flip_type_1 ='Normal'"> -->
								
								<xsl:when test="$emergency-flip-tile ='No'"> 
							<div class="flip-item">
							                            <img src="{flip-items/flip-1/ouc:div[@label='flip-image-1']}" class="img-fluid img-width" alt="{flip-items/flip-1/ouc:div[@label='flip-image-alt-1']}"/>
                            <div class="flip-item-content">
                                <h4>
									<xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-title-1']" />
                                   
								</h4>
                            </div>
                            <div class="flip">
                                <h4 class="flip-title">
								<xsl:value-of select="substring($flip-subtitle-1, 1, 53)" /><xsl:if test="string-length($flip-subtitle-1) &gt; 53">...</xsl:if>
								</h4>
								 <!-- <h4 class="flip-title"><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-subtitle-1']" /></h4> -->
                                <p class="flip-text">
									<xsl:value-of select="substring($flip-description-1, 1, 192)" /><xsl:if test="string-length($flip-description-1) &gt; 192">...</xsl:if>	
									<!-- <xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-description-1']" /> -->
								
								</p>
                                <a href="{flip-items/flip-1/ouc:div[@label='flip-more-link-1']}" class="learn-more" title="Learn More"><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-more-1']" /></a>
                            </div>
								</div>
						</xsl:when>

						  <!-- <xsl:when test="$flip_type_1 ='Emergency'"> -->
								<xsl:when test="$emergency-flip-tile ='IW'">
							  <div class="flip-item-content">
							 <a href="/emergency/" class="learn-more" title="Emergency">
								 <img src="/uploadedImages/homepage/flipTiles/emergency-tiles/inclementWeatherNotification.jpg" class="img-fluid img-width" alt="Inclement Weather Notification"/>
							</a>
							</div>
		
							  
						</xsl:when>
								
								<xsl:when test="$emergency-flip-tile = 'EI'">
							  <div class="flip-item-content">
							 <a href="/emergency/" class="learn-more" title="Emergency">
								 <img src="/uploadedImages/homepage/flipTiles/emergency-tiles/emergencyNotification.jpg" class="img-fluid img-width" alt="Emergency Notification"/>
							</a>
							</div>
		
							  
						</xsl:when>
						
								<xsl:when test="$emergency-flip-tile = 'CI'">
							  <div class="flip-item-content">
							 <a href="/emergency/" class="learn-more" title="Emergency">
								 <img src="/uploadedImages/homepage/flipTiles/emergency-tiles/campusIncidentInformation.jpg" class="img-fluid img-width" alt="Campus Incident Information"/>
							</a>
							</div>
		
							  
						</xsl:when>
						
						
						<xsl:otherwise>
						</xsl:otherwise>
					</xsl:choose>
							
							<!-- End Emergency stuff -->
						
                    </div>
                    <!-- <div class="col-md-4 col-sm-12 no-padding"> -->
					<div class="col-md-4 col-sm-12">
                        <div class="flip-item">
                            <img src="{flip-items/flip-2/ouc:div[@label='flip-image-2']}" class="img-fluid img-width" alt="{flip-items/flip-2/ouc:div[@label='flip-image-alt-2']}"/>
                            <div class="flip-item-content">
                                <h4>
									<xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-title-2']" />
								</h4>
                            </div>
                            <div class="flip">
                                <h4 class="flip-title">
								<xsl:value-of select="substring($flip-subtitle-2, 1, 53)" /><xsl:if test="string-length($flip-subtitle-2) &gt; 53">...</xsl:if>
								</h4>
								<!-- <h4 class="flip-title"><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-subtitle-2']" /></h4> -->
                                <p class="flip-text"><xsl:value-of select="substring($flip-description-2, 1, 192)" /><xsl:if test="string-length($flip-description-2) &gt; 192">...</xsl:if>	
									</p>
                                <a href="{flip-items/flip-2/ouc:div[@label='flip-more-link-2']}" class="learn-more" title="Learn More"><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-more-2']" /></a>
                            </div>
                        </div>
                    </div>
                   <!-- <div class="col-md-4 col-sm-12 no-padding"> -->
					<div class="col-md-4 col-sm-12">
                        <div class="flip-item">
                            <img src="{flip-items/flip-3/ouc:div[@label='flip-image-3']}" class="img-fluid img-width" alt="{flip-items/flip-3/ouc:div[@label='flip-image-alt-3']}"/>
                            <div class="flip-item-content">
                                <h4>
									<xsl:value-of select="flip-items/flip-3/ouc:div[@label='flip-title-3']" />
								</h4>
                            </div>
                            <div class="flip">
                                <h4 class="flip-title">
								<xsl:value-of select="substring($flip-subtitle-3, 1, 53)" /><xsl:if test="string-length($flip-subtitle-3) &gt; 53">...</xsl:if>
								</h4>
								 <!-- <h4 class="flip-title"><xsl:value-of select="flip-items/flip-3/ouc:div[@label='flip-subtitle-3']" /></h4> -->
                                <p class="flip-text"><xsl:value-of select="substring($flip-description-3, 1, 192)" /><xsl:if test="string-length($flip-description-3) &gt; 192">...</xsl:if>	
								<!-- <xsl:value-of select="flip-items/flip-3/ouc:div[@label='flip-description-3']" /> -->
									</p>
                                <a href="{flip-items/flip-3/ouc:div[@label='flip-more-link-3']}" class="learn-more" title="Learn More"><xsl:value-of select="flip-items/flip-3/ouc:div[@label='flip-more-3']" /></a>
                            </div>
                        </div>
                    </div>
                    <div class="event-content">
                        <a href="/news-events/" class="button btn" title="University News">More University News
                            <img src="/_resources/images/Button_Arrow_Icon.png" class="arrow-icon img-fluid" alt="Button Arrow"/>
                        </a>
                        <a href="https://winthropevents.coursedog.com" class="button btn event-marleft event-martop" title="Upcoming Events">All Upcoming Events
                            <img src="/_resources/images/Button_Arrow_Icon.png" class="arrow-icon img-fluid" alt="Button Arrow"/>
                        </a>
                    </div>
                </div>
            </section>
            <section class="carousel-container margin-lrt">
                <div class="row">
                    <div id="WithropExpCarousel" class="carousel-fade carousel slide w-100" data-ride="carousel">
                        <div class="carousel-inner card">
                            <div class="carousel-item active">
                                <div class="row">
                                    <div class="col-md-4 no-padding image-container">
										 <a href="{slide-items/slide-1/ouc:div[@label='hyperlink-slide-name-1']}" title="Visit This My Winthrop Experience Profile">
                                        <img class="img-fluid d-block w-100" src="{slide-items/slide-1/ouc:div[@label='slide-image-1']}" alt="{slide-items/slide-1/ouc:div[@label='slide-image-alt-1']}"/>
										 </a>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="title-content">
											<h2 class="lined"><a href="/mwe/index.aspx" title="View All My Winthrop Experience Profiles"><xsl:value-of select="slide-items/slide-1/ouc:div[@label='slide-title-1']" /></a></h2>
                                            <p class="text-align">
												<xsl:value-of select="substring($slide-description-1, 1, 331)" /><xsl:if test="string-length($slide-description-1) &gt; 331">...</xsl:if>	
												<!-- <xsl:value-of select="slide-items/slide-1/ouc:div[@label='slide-description-1']" /> -->
                                            </p>
											<h3><a href="{slide-items/slide-1/ouc:div[@label='hyperlink-slide-name-1']}" title="Learn More"><xsl:value-of select="slide-items/slide-1/ouc:div[@label='slide-name-1']" /></a></h3>
                                            <p class="text-padright italic">
												<xsl:value-of select="substring($slide-department-1, 1, 72)" /><xsl:if test="string-length($slide-department-1) &gt; 72">...</xsl:if>
												<!-- <xsl:value-of select="slide-items/slide-1/ouc:div[@label='slide-department-1']" /> -->
												</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <div class="row">
                                    <div class="col-md-4 no-padding image-container">
										<a href="{slide-items/slide-2/ouc:div[@label='hyperlink-slide-name-2']}" title="Visit This My Winthrop Experience Profile">
                                        <img class="img-fluid d-block w-100" src="{slide-items/slide-2/ouc:div[@label='slide-image-2']}" alt="{slide-items/slide-2/ouc:div[@label='slide-image-alt-2']}"/>
										</a>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="title-content">
											<h2 class="lined"><a href="/mwe/index.aspx" title="View All My Winthrop Experience Profiles"><xsl:value-of select="slide-items/slide-2/ouc:div[@label='slide-title-2']" /></a></h2>
                                            <p class="text-align">
												<xsl:value-of select="substring($slide-description-2, 1, 331)" /><xsl:if test="string-length($slide-description-2) &gt; 331">...</xsl:if>	
												<!-- <xsl:value-of select="slide-items/slide-2/ouc:div[@label='slide-description-2']" /> -->
                                            </p>
											<h3><a href="{slide-items/slide-2/ouc:div[@label='hyperlink-slide-name-2']}" title="Learn More"><xsl:value-of select="slide-items/slide-2/ouc:div[@label='slide-name-2']" /></a></h3>
                                            <p class="text-padright italic">
												<xsl:value-of select="substring($slide-department-2, 1, 72)" /><xsl:if test="string-length($slide-department-2) &gt; 72">...</xsl:if>
												<!--<xsl:value-of select="slide-items/slide-2/ouc:div[@label='slide-department-2']" /> -->
</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
							<xsl:if test="$slide3 != ''"> 
								<div class="carousel-item">
									<div class="row">
										<div class="col-md-4 no-padding image-container">
											<a href="{slide-items/slide-3/ouc:div[@label='hyperlink-slide-name-3']}" title="Visit This My Winthrop Experience Profile">
											<img class="img-fluid d-block w-100" src="{slide-items/slide-3/ouc:div[@label='slide-image-3']}" alt="{slide-items/slide-3/ouc:div[@label='slide-image-alt-3']}"/>
											</a>
										</div>
										<div class="col-md-8">
											<div class="title-content">
												<h2 class="lined"><a href="/mwe/index.aspx" title="View All My Winthrop Experience Profiles"><xsl:value-of select="slide-items/slide-3/ouc:div[@label='slide-title-3']" /></a></h2>
												<p class="text-align">
													
													<xsl:value-of select="substring($slide-description-3, 1, 331)" /><xsl:if test="string-length($slide-description-3) &gt; 331">...</xsl:if>
													<!-- <xsl:value-of select="slide-items/slide-3/ouc:div[@label='slide-description-3']" /> -->
												</p>
												<h3><a href="{slide-items/slide-3/ouc:div[@label='hyperlink-slide-name-3']}" title="Learn More"><xsl:value-of select="slide-items/slide-3/ouc:div[@label='slide-name-3']" /></a></h3>
												<p class="text-padright italic">
													<xsl:value-of select="substring($slide-department-3, 1, 72)" /><xsl:if test="string-length($slide-department-3) &gt; 72">...</xsl:if>
													<!-- <xsl:value-of select="slide-items/slide-3/ouc:div[@label='slide-department-3']" /> -->
</p>
											</div>
										</div>
									</div>
								</div>
							</xsl:if>
                        </div>
                        <div class="myexp-carousel-control">
                            <a class="carousel-control-prev" href="#WithropExpCarousel" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                            <a class="carousel-control-next" href="#WithropExpCarousel" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                        </div>
                    </div>
                </div>
            </section>
            <section class="campus-container margin-lrt">
                <div class="row">
                    <div class="col-md-4 no-padding">
                        <div class="campus-content">
<!--
                            <h2>This Campus</h2>
                            <p class="text">Visiting the campus is the best way to see if Winthrop is the right fit for you.</p>
                            <a href="#" class="button schedule-button btn" title="Schedule Your Visit Today">Schedule Your Visit Today
                                <img src="/_resources/images/Button_Arrow_Icon.png" class="arrow-icon img-fluid" alt="Right Arrow"/>
                            </a>
                            <h5>Can&apos;t make it to campus?</h5>
                            <p>Check out our virtual tour. Tour the buildings that make Winthrop's campus beautiful and hear from students about their experiences.</p>
                            <a href="/virtualtour/" class="button virt-exp-button btn" title="Start Virtual Experience">Start Virtual Experience
                                <img src="/_resources/images/Button_Arrow_Icon.png" class="arrow-icon img-fluid" alt="Right Arrow"/>
                            </a>

-->
							
							<h2>Virtual Tour</h2>
                            <p class="text">Take our virtual walking tour to explore our beautiful campus from anywhere and on any device.</p>
                            <a href="https://www.youvisit.com/tour/winthrop" class="button schedule-button btn" title="Start Virtual Tour ">Start Virtual Tour 
                                <img src="/_resources/images/Button_Arrow_Icon.png" class="arrow-icon img-fluid" alt="Right Arrow"/>
                            </a>
                            <h3>Visit Campus</h3>
                            <p>Ready to check out Winthrop in person?  Schedule a tour today or attend an event!</p>
                            <a href="/visit.aspx" class="button virt-exp-button btn" title="Visit Options">Visit Options
                                <img src="/_resources/images/Button_Arrow_Icon.png" class="arrow-icon img-fluid" alt="Right Arrow"/>
                            </a>
							
							
                        </div>
                    </div>
                    <div class="col-md-8 video-content no-padding">
                        <div class="embed-responsive h-100 embed-responsive-16by9">
							<!-- BEGIN J.R. edit 4/9/2019 -->
                             <!-- <iframe class="embed-responsive-item" src="{iframe-video/ouc:div[@label='iframe-video-link']}"></iframe>-->
							<div class="embed-responsive-item"><a href="http://www.youvisit.com" class="virtualtour_embed"
title="Virtual Reality, Virtual Tour"
data-platform="v"
data-link-type="image"
data-inst="63980"
data-image-width="100%"
data-image-height="100%"
>Virtual Tour</a>
<script async="async" defer="defer"  src="https://www.youvisit.com/tour/Embed/js3"></script></div>
                        </div>
                    </div>
                </div>
			
            </section>
				
			<!-- <script type="text/javascript" src="http://test.engagefmb.com/App_Themes/MarymountUniversity/js/youtubebackground.js"></script> -->
			<script type="text/javascript" src="/js/youtubebackground.js"></script>
			<script type="text/javascript">
				$('#video_1').YTPlayer({
					playerVars: {
					  controls: 0,
					  showinfo: 0,
					  branding: 0,
					  rel: 0
    				},
					fitToBackground: true,
					videoId: '<xsl:value-of select="$video_banner_1" />'
				});
				$('#video_2').YTPlayer({
					playerVars: {
					  controls: 0,
					  showinfo: 0,
					  branding: 0,
					  rel: 0
    				},
					fitToBackground: true,
					videoId: '<xsl:value-of select="$video_banner_2" />'
				});
				$('#video_3').YTPlayer({
					playerVars: {
					  controls: 0,
					  showinfo: 0,
					  branding: 0,
					  rel: 0
    				},
					fitToBackground: true,
					videoId: '<xsl:value-of select="$video_banner_3" />'
				});
				function pauseVideo()
				{
					if($('#video_1'))
					{
						var player1 = $('#video_1').data('ytPlayer').player;
						player1.pauseVideo();
					}
				/*
					if($('#video_2'))
					{
						var player2 = $('#video_2').data('ytPlayer').player;
						player2.pauseVideo();
					}
					if($('#video_3'))
					{
						var player3 = $('#video_3').data('ytPlayer').player;
						player3.pauseVideo();
					}
				*/
			
				}
			</script>
        </div>
    </div>
<xsl:call-template name="common-footer" /></xsl:template>

	<xsl:template name="common-footer">
		<!--<xsl:copy-of select="ou:include-file('/_resources/includes/footer-homepage.inc')" />-->
		<xsl:call-template name="unparsed-include-file">
			<xsl:with-param name="path">/_resources/includes/footer.inc</xsl:with-param>
		</xsl:call-template>
	</xsl:template>

	<xsl:template name="common-header">
		<!-- <xsl:copy-of select="ou:include-file('/_resources/includes/header-homepage.inc')" />-->
		<xsl:call-template name="unparsed-include-file">
				<xsl:with-param name="path">/_resources/includes/header-homepage.inc</xsl:with-param> 
		</xsl:call-template>
	</xsl:template>

</xsl:stylesheet>
