<?php
	/**
	* Template Name: Kids
	*/

	get_header();

	$subtitle = get_post_meta(get_the_ID(), 'subtitle', true);
?>

<main role="main" class="l-flex">
	<div id="category-header">
		<div class="l-container l-flex">
			<div class="cat-header-container">
				<?php 
					if($subtitle){
				?>
					<h2 class="cat-name"><?php the_title(); ?></h2>
					<h1 class="cat-title"><?php echo $subtitle; ?></h1>
				<?php
					}
					else{
				?>
					<h1 class="cat-title"><?php the_title(); ?></h1>
				<?php } ?>
				<div class="cat-description"><?php the_content(); ?></div>
			</div>
		</div>
	</div>
	<script src="<?php bloginfo('template_directory'); ?>/js/swfobject.min.js"></script>
	<script>
        var flashvars = {};
        flashvars.siteIp = "54.241.15.237";
        var params = {wmode: "transparent", scale: "exactfit"};
        var attributes = {align: "middle"};
        swfobject.embedSWF("/wp-content/themes/colombia2016/flash/sites_ninos.swf", "kids-swf", "100%", "100%", "11.1.0", "expressInstall.swf", flashvars, params, attributes);
    </script>
    
	<div id="content-wrapper" class="l-container l-flex">
		<section id="posts" class="l-flex">
			<div id="kids">
				<object id="kids-swf" type="application/x-shockwave-flash"></object>
			</div>
		</section>
		<?php get_sidebar(); ?>
	</div>
</main>

<?php get_footer(); ?>