﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
	<xsl:output method="xml" indent="yes"/>

	<xsl:template match="/">
		<xsl:variable name="HostName" select="normalize-space(AjaxRequest/HostName)"></xsl:variable>
		<xsl:variable name="TemplateURL" select="normalize-space(AjaxRequest/TemplateURL)"></xsl:variable>
		<xsl:variable name="BrandID" select="normalize-space(AjaxRequest/Params/BrandID)"></xsl:variable>

		<div id="divDragonKickHomeContent">

			<script type="text/javascript">
				$(window).load(function() {
				$('#slider').nivoSlider({
				animSpeed: 1500,
				pauseTime: 6000,
				pauseOnHover: true
				});
				});
			</script>

			<div id="dragonKickSlider">
				<div class="slider-wrapper theme-default" style="overflow:hidden;height:500px;">
					<div class="ribbon">
					</div>
					<div id="slider" class="nivoSlider">
						<img id="Image1" data-transition="fade" alt="Jacob" src="{$TemplateURL}/Web/Images/ver_2_0/DragonKick/1_Slide_Jacob.jpg"/>
						<img id="Image2" data-transition="fade" alt="Junior Black Belt" src="{$TemplateURL}/Web/Images/ver_2_0/DragonKick/2_Slide_Junior_BB.jpg" />
						<img id="Image3" data-transition="fade" alt="David" src="{$TemplateURL}/Web/Images/ver_2_0/DragonKick/3_Slide_David.jpg"/>
						<img id="Image4" data-transition="fade" alt="Kayleen" src="{$TemplateURL}/Web/Images/ver_2_0/DragonKick/4_Slide_Kayleen.jpg"/>
						<img id="Image5" data-transition="fade" alt="Hayden Family" src="{$TemplateURL}/Web/Images/ver_2_0/DragonKick/5_Slide_Hayden_Family.jpg"/>
						<img id="Image6" data-transition="fade" alt="Team" src="{$TemplateURL}/Web/Images/ver_2_0/DragonKick/6_Demo_team.jpg"/>
					</div>
				</div>
			</div>
			<div class="divDragonBlackGradient">
				<table class="tableMaster" cellpadding="0" cellspacing="0">
					<tr>
						<td width="30%" class="divDragonGradient">
							<div class="marginLeft40">
								<div class="marginTop10">
									<ul class="divDragonText margin0 padding0">
										<li>Learn About</li>
										<li>Our Programs</li>
									</ul>
								</div>
								<div class="marginBottom10 marginTop10" style="width:65%;">
									<a href="/Website/Programs" style="line-height:15px;">
										<span class="divDragonOrangeText verticallyMiddle">
											Empowering children through adults
										</span>
										<img alt="" class="verticallyMiddle" src="{$TemplateURL}web/images/ver_2_0/dragonkick/arrow_orange_new.png"></img>
									</a>
								</div>
							</div>
						</td>
						<td width="3px">&#xa0;</td>
						<td width="33%" class="divDragonGradient">
							<div style="margin-left:60px;">
								<div class="marginTop10">
									<ul class="divDragonText margin0 padding0">
										<li>Try A Class</li>
										<li>For Free</li>
									</ul>
								</div>
								<div class="marginBottom10 marginTop10" style="width:80%;">
									<a onclick="loadDragonKickContactPopUp('{$BrandID}','');" class="onMouseOver" style="line-height:15px;">
										<span class="divDragonOrangeText verticallyMiddle">
											Start your martial arts journey today
										</span>
										<img alt="" class="verticallyMiddle" src="{$TemplateURL}web/images/ver_2_0/dragonkick/arrow_orange_new.png"></img>
									</a>
								</div>
							</div>
						</td>
						<td width="3px">&#xa0;</td>
						<td width="37%" class="divDragonGradient">
							<div class="marginLeft40">
								<div class="marginTop10">
									<ul class="divDragonText margin0 padding0">
										<li>Birthday Parties</li>
										<li>Fun! Fun! Fun!</li>
									</ul>
								</div>
								<div class="marginBottom10 marginTop10" style="width:55%;">
									<a href="/Website/BirthdayParties" title="Click to view Birthday Parties Details" style="line-height:15px;">
										<span class="divDragonOrangeText verticallyMiddle">
											A fun-filled day for your child
										</span>
										<img alt="" class="verticallyMiddle" src="{$TemplateURL}web/images/ver_2_0/dragonkick/arrow_orange_new.png"></img>
									</a>
								</div>
							</div>
						</td>
					</tr>
					<tr>
						<td colspan="5" style="height:5px;">&#xa0;</td>
					</tr>
					<tr>
						<td colspan="5" class="verticallyMiddle divDragonGradient">
							<table class="tableMaster marginLeft20" cellpadding="0" cellspacing="0">
								<tr>
									<td width="40%">
										<img alt="" class="verticallyMiddle marginLeft20" src="{$TemplateURL}web/images/ver_2_0/dragonkick/tilt_images.jpg"></img>
									</td>
									<td class="verticallyMiddle" width="24%">
										<span class="divDragonText">
											Success Stories
										</span>
									</td>
									<td class="verticallyMiddle" width="21%">
										<a href="/Website/SuccessStories" title="Click to view Success Stories Details" style="line-height:15px;">
											<span class="divDragonOrangeText verticallyMiddle">
												Click here to read <br/> student success stories
											</span>
											<img alt="" class="verticallyMiddle marginTop5" src="{$TemplateURL}web/images/ver_2_0/dragonkick/arrow_orange_new.png"></img>
										</a>
									</td>
									<td>&#xa0;</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
				<table class="marginLeft40 paddingBottom20" cellpadding="0" cellspacing="0" width="95%">
					<tr>
						<td colspan="3" style="height:40px;"></td>
					</tr>
					<tr>
						<td>
							<div id="divFaceboookFeed" runat="server">
								<div class="fb-like-box" data-href="http://www.facebook.com/freestylemartialarts" data-width="470" data-height="500" data-colorscheme="dark" data-show-faces="true" data-stream="true" data-header="true"></div>
							</div>
						</td>
						<td width="44%">
							<img alt="USAFMA" style="display:none;border:1px solid gray;" onload="setWidthAndHeightImage(this, 500);" src="{$TemplateURL}web/images/ver_2_0/dragonkick/lobby200.png"></img>
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<div class="marginTop10 marginRight20">
								<div style="float:left;width:90%;">
									<span class="divDragonContactHeaderText capitalFont" style="color:white;">
										3760 Sports Arena Blvd. #1 - San Diego, CA 92110 (next to Phil's BBQ behind Red Lobster)
										<span style="margin-left:50px">Phone (619) 224-9600</span>
									</span>
								</div>
								<div style="float:right;width:6.5%;">
									<a id="linkFacebook" target="_blank" class="decorationNone" href="http://www.facebook.com/share.php?u=http://{$HostName}">
										<img style="width:20px;height:20px;" border="0" src="{$TemplateURL}Web/Images/Ver_2_0/BT_facebook_60.png" align="absmiddle" class="marginRight5"></img>
									</a>
									<a id="linkTwitter" target="_blank" class="decorationNone" href="http://twitter.com/intent/tweet?status=http://{$HostName}">
										<img style="width:20px;height:20px;" border="0" align="absmiddle" src="{$TemplateURL}Web/Images/Ver_2_0/BT_twitter_60.png"></img>
									</a>
								</div>
							</div>

						</td>
					</tr>
				</table>
			</div>
			<div align="center">
				<span style="color: #C1C1C1;">
					This site is powered by
				</span>
				<a class="publicationSummary" style="color:#C1C1C1;" href="/pro" target="_blank">LifeSpace Pro</a>
			</div>
		</div>
	</xsl:template>
</xsl:stylesheet>
