<!DOCTYPE html>
<html>
<head>
	<meta charset=utf-8 />
	<title><? wp_title(); ?></title>
	<meta name="viewport" content="width=1020">
	<link rel="icon" type="image/png" href="<? echo get_bloginfo('template_directory')?>/img/favicon.png" />
	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
	<script src="<?php echo get_bloginfo('template_directory') ?>/js/jquery.min.js"></script>
<!-- 	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
	<script src="<?php echo get_bloginfo('template_directory') ?>/js/main.js"></script>
	<!--[if lt IE 9]>
		<link rel="stylesheet" type="text/css" media="all" href="<? echo get_bloginfo('template_directory')?>/css/ie8.css" />
	<![endif]-->
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<script type="text/javascript">
	var homeUrl = '<? echo home_url(); ?>';
	</script>
	<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="darken"></div>
<div id="overlay-wrapper">
	<div id="overlay">
		<div class="close"><img src="<? echo get_bloginfo('template_directory')?>/img/close.png" width="32" height="18" id="countdown-media-logo" /></div>
		<div id="overlay-content"></div>
	</div>
</div>
<div id="albums">
	<?
	$album_query = new WP_Query(array(
		'post_type' => 'album',
		'posts_per_page' => -1,
		'orderby' => 'rand'
	));
	
	while($album_query->have_posts()){
		$album_query->the_post();
		
		$src = wp_get_attachment_image_src(get_post_meta(get_the_ID(), 'evrst_cover', true), 'thumbnail');
		$catalog_number = strtolower(get_post_meta(get_the_ID(), 'evrst_catalog_number', true));

		?>
		<div class="album-wrapper" data-name="<? echo sanitize_title($post->post_title); ?>" data-catalog-number="<? echo $catalog_number; ?>">
			<a href="<? the_permalink(); ?>"><img src="<? echo $src[0]; ?>"/></a>
			<div class="album-content"><? the_content(); ?></div>
		</div>
		<?
		
	}
	wp_reset_query();
	
	?>
</div>