<?php

// set a header hack to avoid IE dropping the Session cookies
header('P3P:CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"');
session_start();

include_once("include/config.php");
include_once("include/funcs.php");

$locale = get_lang();
$_SESSION["locale"]=$locale;

include_once("include/class.localiser.php");
try{

	$localiser=new Localiser($locale);
	$localiser->setPage(basename($_SERVER["SCRIPT_NAME"],".php"));

}
catch(Exception $e){
	print_r($e->getMessage());
	die;
}

include_once("include/ip_lock.php");
include_once("include/ip_locale_redirect.php");


header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate( "D, d M Y H:i:s" ) . " GMT");


/*
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
*/

header('Server: ');
header('X-Powered-By: ');

?>

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]><html lang="en" class="no-js lt-ie10 is-ie9"><![endif]-->
<!--[if gt IE 9]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
      <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-137956003-1"></script>
        <script>
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());

          gtag('config', 'UA-137956003-1');
        </script>

         <base href="/projects/project2/">
        <meta charset="utf-8" />
        <style id="antiClickjack">body{display:none !important;}</style>
        <script type="text/javascript">
           if (self === top) {
               var antiClickjack = document.getElementById("antiClickjack");
               antiClickjack.parentNode.removeChild(antiClickjack);
           } else {
               top.location = self.location;
           }
        </script>

        <?php
	        $agent = strtolower($_SERVER['HTTP_USER_AGENT']);
	    	$isMob = false;
	    	$isPhone = false;
	    	$isTablet=false;


	    	if(strstr($agent,'iphone') ||
	    	strstr($agent,'ipod') ||
	    	strstr($agent,'ipad') ||
	    	strstr($agent,'android'))
	    		$isMob = true;

	    	if(strstr($agent,'ipad')||(strstr($agent,'android') && strstr($agent,'mobile')===false))
	    		$isTablet = true;

	    	// check if a phone device in use - note need to exclude ipad from the string, since facebook adds this itself in ios apps
	    	if(strstr($agent,'iphone') ||
	    	strstr($agent,'ipod') ||
	    	(strstr($agent,'android') && strstr($agent,'mobile')))
	    		$isPhone = true;

	    	if($isPhone){
	        	echo "<meta name=\"viewport\" content=\"width=320, user-scalable=no\" />";
	        }
	        else if($isTablet)
	        	echo "<meta name=\"viewport\" content=\"width=1024, user-scalable=no\" />";

	    ?>

        <title><?php echo $localiser->getString("TITLE"); ?></title>
        <meta name="description" content="BRAND Fragrances presents: The Dance Campaign. Ever wanted to say something, but couldn't find the words? The BRAND 'Dance Campaign' is an online messaging platform that translates words into dance moves. More expressive than a status update, cooler than a text, funkier than a Tweet. Dance what you dare not say." />


        <link rel="SHORTCUT ICON" href="favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="css/normalize.min.css" />
        <link rel="stylesheet" type="text/css" href="css/main.css" />
        <?php
        	if($isPhone){
		?>
        	<link rel="stylesheet" type="text/css" href="css/main_mobile.css" />
        <?php }else if($isTablet){
        ?>
        	<link rel="stylesheet" type="text/css" href="css/main_tablet.css" />

        <?php
        	}

        	$agent = strtolower($_SERVER['HTTP_USER_AGENT']);
	    	if(strstr($agent,'firefox'))
	    		echo "<script type=\"text/javascript\" src=\"js/ff_reload.js\"></script>";
        ?>

        <script type="text/javascript" src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        <script type="text/javascript" src="js/vendor/modernizr.cookies.js"></script>


		<script type="text/javascript" src="js/vendor/jquery-1.8.3.min.js"></script>

		<?php
			if(!$isMob){
		?>
			<script type="text/javascript" src="js/vendor/jquery.ba-throttle-debounce.min.js"></script>
			<script type="text/javascript" src="js/vendor/jquery.ba-resize.min.js"></script>
			<script type="text/javascript" src="js/vendor/buzz.js"></script>
		<?php }
			else{
		?>
			<script type="text/javascript" src="js/vendor/hammer.min.js"></script>
			<script type="text/javascript" src="js/vendor/jquery.hammer.min.js"></script>
		<?php
			}
			if(!$isPhone){
		?>
			<script type="text/javascript" src="js/vendor/jquery.waitUntilExists.js"></script>
		<?php
			}
		 ?>

		<script type="text/javascript" src="js/vendor/video.min.js"></script>
		<script type="text/javascript" src="js/vendor/jquery.imagesloaded.min.js"></script>
		<script type="text/javascript" src="js/vendor/bigvideo.js"></script>
		<script type="text/javascript" src="js/vendor/spin.min.js"></script>
		<script type="text/javascript" src="js/vendor/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/vendor/preloader.js"></script>

		<script type="text/javascript" src="js/jquery.itemselector.js"></script>

		<?php

			//$hasSamples=$localiser->getString("freeSamples");
			//if($hasSamples===true || $isTablet==true || $isPhone==true)
				echo "
        <link rel=\"stylesheet\" type=\"text/css\" href=\"css/jquery.fancybox.css\" /><script type=\"text/javascript\" src=\"js/vendor/jquery.fancybox.pack.js\"></script>";

      //  	include_once("include/css_localise.php");
        ?>

    </head>
	<body>
		<div id="container">
			<div id="videoContainer">
				<div class="video video-player" style="left:0;"></div>
				<div class="video video-prev bv-prev" style="left:-100%;"></div>
				<div class="video video-next bv-next" style="left:100%;"></div>
				<div class="video video-current bv-current" style="left:100%;"></div>
			</div>
			<div id="videoOverlay"></div>
			<div id="itemSelector" class="">
				<div id="wordSelector" class="itemSelector-container words hidden">
					<div class="words" id="wordSel">
						<p class="fragment-start"></p>
						<ul></ul>
						<p class="fragment-end"></p>
					</div>
				</div>
				<div id="sentenceSelector" class="itemSelector-container sentences hidden">
					<div id="sentenceSel">
						<p><a href="#" id="selectorClose"><?php echo $localiser->getStringForPage("CLOSE"); ?> <span></span></a></p>
						<ul>
						</ul>
					</div>
				</div>

			</div>

			<div id="container-inner">
				<div id="intro" class="">
					<div id="introWrapper">
						<?php
							if($isPhone)
								echo "<img id=\"brandlogo\" src=\"img/mobile/dd_logo.png?v=1\" alt=\"BRAND fragrances - Dance Campaign logo\" />";
							else
								echo "<img id=\"brandlogo\" src=\"img/logo_dd_lg.png?v=1\" alt=\"BRAND fragrances - Dance Campaign logo\" />";
						?>

						<div class="intro intro-right">
							<h1><?php echo $localiser->getStringForPage("TRANSLATE"); ?></h1>
						</div>
					</div>
					<h2 style="display:none"><?php echo $localiser->getStringForPage("GET STARTED"); ?> <a id="btnStart" href="#" class="btn-play tiny">&nbsp;</a></h2>
				</div>

				<div id="content" class="with-nav" style="left:200%"> <!-- add class="nav" to account for nav height at bottom of page -->

					<h1 class="active"></h1>
					<h1 class="off" style="left:-200%;"></h1>

				</div>

				<div id="share" class="with-nav" style="display:none">
					<div class="mobile-title"><?php echo $localiser->getStringForPage("share"); ?></div>
					<div class="share-inner">
						<ul>
							<li><a href="#" id="btnTwitter" class="btn-play wide btn-js"><?php echo $localiser->getStringForPage("TWITTER"); ?>&nbsp;<span id="twitterPlayBtn" class="btn-twitter"></span></a></li>
							<li><a href="#" id="btnFacebook" class="btn-play wide btn-js"><?php echo $localiser->getStringForPage("FACEBOOK"); ?>&nbsp;<span class="btn-facebook"></span></a></li>
							<li><a href="#" id="btnEmail" class="btn-play wide btn-js"><?php echo $localiser->getStringForPage("EMAIL"); ?>&nbsp;<span class="btn-email"></span></a></li>
						</ul>
						<ul class="sidepanel">
							<li class="btn-js"><span<?php echo $localiser->getStringForPage("replay double") === true ? " class=\"double\"" : ""; ?>><?php echo $localiser->getStringForPage("REPLAY"); ?></span> <a href="#" id="btnReplay" class="btn-play btn-replay btn-js">&nbsp;</a></li>
							<li class="btn-js"><span<?php echo $localiser->getStringForPage("create double") === true ? " class=\"double\"" : ""; ?>><?php echo $localiser->getStringForPage("CREATE NEW"); ?></span> <a href="#" id="btnNew" class="btn-play btn-new btn-js">&nbsp;</a></li>
						</ul>
						<ul class="sidepanel">
							<li class="btn-js external-track"><span<?php echo $localiser->getStringForPage("find out more double") === true ? " class=\"double\"" : ""; ?>><?php echo $localiser->getStringForPage("FIND OUT MORE"); ?></span> <a href="#" class="btn-play small external-track" target="_blank" data-tracker-name="btnShareFindOutMore">&nbsp;</a></li>
							<li class="btn-js external-track"><span<?php echo $localiser->getStringForPage("music double") === true ? " class=\"double\"" : ""; ?>><?php echo $localiser->getStringForPage("MUSIC VIDEO"); ?></span> <a href="#" class="btn-play small external-track" target="_blank" data-tracker-name="btnShareYouTube">&nbsp;</a></li>
						</ul>
					</div>
				</div>

				<div id="email" style="display:none">
					<div id="email_form">
						<p><a href="#" id="emailClose"><?php echo $localiser->getStringForPage("CANCEL"); ?> <span></span></a></p>
						<form action="index.php" class="email-inner">
							<label><?php echo $localiser->getStringForPage("FRIENDS NAME"); ?> <input type="text" class="borderless-input" id="friendName" name="friendName" value="<?php echo $localiser->getStringForPage("ENTER HERE"); ?>" /></label>
							<label><?php echo $localiser->getStringForPage("FRIENDS EMAIL"); ?> <input type="<?php echo $isMob? "email" : "text"; ?>" class="borderless-input" id="friendEmail" name="friendEmail" value="<?php echo $localiser->getStringForPage("ENTER HERE"); ?>" /></label>
							<label><?php echo $localiser->getStringForPage("USERS MESSAGE"); ?> <textarea class="borderless-input" id="usersMessage" name="usersMessage"><?php echo $localiser->getStringForPage("default message"); ?></textarea></label>
							<label><?php echo $localiser->getStringForPage("USERS NAME"); ?> <input type="text" class="borderless-input" id="usersName" name="usersName" value="<?php echo $localiser->getStringForPage("ENTER HERE"); ?>" /></label>
							<label><?php echo $localiser->getStringForPage("USERS EMAIL"); ?> <input type="<?php echo $isMob? "email" : "text"; ?>" class="borderless-input" id="usersEmail" name="usersEmail" value="<?php echo $localiser->getStringForPage("ENTER HERE"); ?>" /></label>

							<input type="submit" value="<?php echo $localiser->getStringForPage("SEND"); ?>" id="frmSubmitBtn" />
						</form>
						<h2 class="release"><?php echo $localiser->getStringForPage("SEND"); ?><a id="btnSend" href="#" class="btn-play invert">&nbsp;</a></h2>
					</div>
					<div id="email_sent" style="display:none">
						<h1><?php echo $localiser->getStringForPage("THANK YOU"); ?></h1>
						<p><?php echo $localiser->getStringForPage("MESSAGE SENT"); ?></p>
						<h2 class="release"><?php echo $localiser->getStringForPage("CLOSE"); ?><a id="btnClose" href="#" class="btn-play close">&nbsp;</a></h2>
					</div>
				</div>

			</div>

			<div class="sentence-reveal reveal-left"></div>
			<div class="sentence-reveal reveal-right"></div>

			<div id="navMenu" class="" style="left:100%">
				<div class="nav-inner">
					<div class="inner-wrap">
						<a id="showIntro" class="da-logo" href="#"><img src="img/icon_dd_sml.png" alt="Dance Campaign logo" /></a>
					</div>
					<div class="inner-wrap">
						<a id="showSentences" href="#"><span></span><?php echo $localiser->getStringForPage("VIEW SENTENCES"); ?></a>
					</div>
				</div>
				<?php
					if($isMob){
				?>
				<a class="nav-control left" href="#" data-nav="prev"><span></span></a>
				<a class="nav-control right" href="#" data-nav="next"><span></span></a>
				<?php
					}
				?>
			</div>

			<?php
				if(!$isMob){
			?>
					<div class="nav-control-container left"><a class="nav-control left" href="#" data-nav="prev"><span></span></a></div>
					<div class="nav-control-container right"><a class="nav-control right" href="#" data-nav="next"><span></span></a></div>
			<?php
				}
			?>
			<script type="text/javascript" src="js/common.js"></script>
			<script type="text/javascript" src="l8n/<?php echo $locale; ?>/js/jsText.js"></script>
			<script type="text/javascript" src="js/tracker.js"></script>
			<?php
				echo "<script id=\"mainjs\" type=\"text/javascript\" src=\"js/main" . ( $isPhone ? "_phone" : "" ) . ".js\" data-lang=\"" . $locale. "\"></script>";
			?>
		</div>
    </body>
</html>
