<?php
/**
 * Template Name: 2015 Splash Page
 *
 * This page is specifically designed for the index page of Prelude.12
 * 
 * @package Thematic
 * @subpackage Templates
 */
?>

<?php
    // calling the header.php
    get_header();

    // action hook for placing content above #container
    thematic_abovecontainer();

	// var definition for style directories
	$PRELUDEimagedir = get_stylesheet_directory_uri();
	$PRELUDEimagedir .= '/library/images/';
	
	$PRELUDEFlashdir = $PRELUDEimagedir;
	$PRELUDEFlashdir .= 'flash/' ; 
	
	$PRELUDEfronttempdir = $PRELUDEimagedir;
	$PRELUDEfronttempdir .= 'front_temp/' ;
	
	$PRELUDEscriptdir = get_stylesheet_directory_uri();
	$PRELUDEscriptdir .= '/library/scripts/'; 
	
?>
<style>
	.home #header {
		bottom:initial;
		top:265px;
		z-index:10;
		display: none;
	}
	.thelogo {
	  z-index: 1000;
	  width: 900px;
	  margin: 0 auto;
	  background-color:rgba(255,255,255,0.8);
	}
		.thelogo img {
			width: 100%;
		}

	.top {
		z-index: 1000; position: relative; width: 560px; margin:90px auto 40px; font-size:16px; line-height:22px; background-color:rgba(255,255,255,0.8); padding:20px;
	}
	.bottom {
		z-index: 1000; width: 560px; top: 200px; margin:40px auto; font-size:16px; line-height:22px; background-color:rgba(255,255,255,0.8); padding:20px;
	}
</style>
<div class="backgrounds">
	<?php
	$images = get_field('landing_background_images','options');
	if($images):
		foreach($images as $image): ?>
			<div class="backgroundImage" style="background-image: url(<?php echo $image['url']; ?>)">
				<div class="backgroundImageCaption">
					<?php echo $image['caption']; ?>
				</div>
			</div>
		<?php endforeach; ?>
	<?php endif; ?>
</div>
<div class="homeWrapper" style="overflow-y:scroll;">
	<?php
	$top = get_field('top_splash', 'options');
	if($top): ?>
		<div class="top">
			<?php the_field('top_splash', 'options');?>
		</div>
	<?php endif; ?>
	<div class="thelogo">
		<img src="<?php the_field('landing_banner','options'); ?>">
	</div>
	<?php
	$bottom = get_field('bottom_splash', 'options');
	if($bottom): ?>
		<div class="bottom">
			<?php the_field('bottom_splash', 'options');?>
		</div>
	<?php endif; ?>
</div>





<?php 
    // action hook for placing content below #container
    thematic_belowcontainer();
    
    // calling footer.php
    get_footer();
?>