<?php /* Template Name: VCentered Dark SideImg*/ get_header(); ?>

	<main role="main">
		<!-- section -->
		<section class="main_section">
			<div class="col-xl-12 valigned_main dark">
				<div class="main_content">				
					<?php if (have_posts()): while (have_posts()) : the_post(); ?>
					<div class="toprow">
						<a href="<?php echo get_permalink($post->post_parent);?>" class="back_link"><span>←</span> <?php pll_e( 'Back' );?></a>
						<ul class="innerpage_menu"></ul>
					</div>
					<h2 class="innerpage_title"><?php the_title(); ?></h2>
					<div class="row dark_content side_imageblock clearfix">
						<div class="col-xl-8 dark_left">							
							<div class="scrollpan_block">
								<div class="scrollpan_content text">															
									<?php the_content(); // Dynamic Content ?>	
								</div>
							</div>
						</div>
						<div class="col-xl-4 dark_right">							
							<?php $darkright_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' );?>
							<div class="side_photo" style="background-image: url(' <?php echo $darkright_image_url[0] ?> ')"></div>
						</div>
					</div>				
					<?php endwhile; ?>
					<?php endif; ?>
				</div>	
			</div>	
		</section>
		<script>
			jQuery(document).ready(function(){	
				jQuery('.slide').each(function(){
					var slideBG = jQuery(this).find('img').attr('src');
					jQuery(this).css('background-image', 'url(' + slideBG + ')');
				})
			});			
			jQuery('.innerpage_content .slider_block').each(function(){
				if ( jQuery(this).find('.slide').length > 1 ) {
					jQuery(this).find('.gallery').bxSlider({
						slideMargin: 0,
						controls: true,
						pager: false,
						useCSS: false,
						auto: true,
						autoStart: true,
						pause: 5000,
						speed: 1500
					});
				}
			});	
			jQuery('.left_side .innerpage_menu a').click(function(){
				jQuery(this).addClass('current').parent().siblings().find('a').removeClass('current');
				var blockIndex = jQuery(this).parent().index()+1;
				jQuery('.left_side .scrollpan_abs:nth-child('+blockIndex+')').addClass('current').siblings().removeClass('current');
			});
		</script>		
		<!-- /section -->
	</main>

<?php get_footer(); ?>