carousel

<?php global $number_of_pages, $current_page, $next_post_page, $prev_post_page, $post_info; ?>

<div class="wrapper">
	<p class="contents-trigger">Spis treści</p>

	<div class="contents">
		<div class="contents-wrapper">

			<?php display_contents(3); ?>


		</div>
	</div>

	<div class="posts-backgrounds-container" style="margin-left: <?php echo ($current_page) * -100 . '%'; ?>">

		<?php

		for ($i=0; $i<=$number_of_pages; $i++) {
			if ($i == $current_page) {
				$post_excerpt = $post_info[$i]['excerpt'];
				$post_title = $post_info[$i]['title'];

				echo '<figure class="post-background" data-number="' . $i . '" style="background-image: url(' . $post_info[$i]['img'] . ')"></figure>';
			} else {
				echo '<figure class="post-background" data-number="' . $i . '"></figure>';
			}
		}

		?>

	</div>

	<?php

	$current_page_url = get_permalink($post->ID);

	?>

	<div class="container">

		<a href="<?php echo $current_page_url . 'page/' . $prev_post_page ?>" class="prev-link" data-number="<?php echo $prev_post_page; ?>">
			<img src="<?php echo get_template_directory_uri(); ?>/img/left-arrow.png">
		</a>

		<div class="posts-contents">

			<h1><?php echo $post_title; ?></h1>

			<article class="post-content" data-number="<?php echo $current_page; ?>">

				<?php echo $post_excerpt; ?>

			</article>

			<p class="read-more">
				<span>Czytaj więcej</span>
			</p>

		</div>

		<a href="<?php echo $current_page_url . 'page/' . $next_post_page ?>" class="next-link" data-number="<?php echo $next_post_page; ?>">
			<img src="<?php echo get_template_directory_uri(); ?>/img/right-arrow.png">
		</a>

	</div>

</div>