<?php
/**
 * The main template file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * For example, it puts together the home page when no home.php file exists.
 *
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */

get_header(); ?>

<div id="primary" class="site-content">
	
	<div id="content" role="main">

<?php if (is_home() && !is_paged()) { ?>

        <div class="slider">
<?php 

//echo get_bloginfo( 'template_url' );	// http://alubook.local/wordpress/wp-content/themes/twentytwelve
//echo bloginfo('stylesheet_directory');	// http://alubook.local/wordpress/wp-content/themes/twentytwelve-child
     
$args = array( 'orderby' => 'rand', 'posts_per_page' => 8 );
$rand_query = new WP_Query( $args );

echo '<section id="jms-slideshow" class="jms-slideshow">';

$i=10;
/*-----------------------------*/
while ( $rand_query->have_posts() ) : $rand_query->the_post();

$format = get_post_format();
if ( false === $format ) {

	$first_img = first_image(get_the_ID());
	
	//echo '<div class="step" style="background:url(' . $first_img . ') center no-repeat;">' . "\r\n";
	//echo '<div class="step" style="background:url(' . get_bloginfo('stylesheet_directory') . '/timthumb.php?w=1200&amp;src=' . $first_img . ') center no-repeat;">' . "\r\n";
	echo '<div class="step" style="background:url(' . get_bloginfo('stylesheet_directory') . '/timthumb.php?w=1200&amp;src=' . $first_img . ') center no-repeat;">' . "\r\n";

	echo '<div class="jms-content">' . "\r\n";
	echo '<h3>' . get_the_title() . '</h3>' . "\r\n";
	//echo '<p>' . get_the_excerpt() . '</p>' . "\r\n";
	echo '<p>' . the_excerpt_max_charlength(240) . '</p>' . "\r\n";
	echo '<a href="' . get_permalink() . '" title="' . get_the_title() . '" class="jms-link">' . __('Read more', 'twentytwelve-child') . '</a>' . "\r\n";
	
	echo '</div>' . "\r\n";
	echo '</div>' . "\r\n";

	} // if 
	
endwhile;

/*-----------------------------*/

echo '</section>';
?>

        </div> <!-- slider -->
        
		<script type="text/javascript">
			$(function() {
				
				var jmpressOpts	= {
					animation		: { transitionDuration : '0.8s' }
				};
				
				$( '#jms-slideshow' ).jmslideshow( $.extend( true, { jmpressOpts : jmpressOpts }, {
					autoplay	: true,
					bgColorSpeed: '0.8s',
					arrows		: false,
					// time between transitions for the slideshow
    				interval    : 6000
				}));
				
			});
		</script>

<?php }  // is_front_page ?>

<?php //if ( function_exists( "easingsliderlite" ) ) { easingsliderlite(); } ?>

		<?php if ( have_posts() ) : ?>

			<?php /* Start the Loop */ ?>
			<?php while ( have_posts() ) : the_post(); ?>
				<?php get_template_part( 'content', get_post_format() ); ?>
			<?php endwhile; ?>

			<?php twentytwelve_content_nav( 'nav-below' ); ?>

		<?php else : ?>

			<article id="post-0" class="post no-results not-found">

			<?php if ( current_user_can( 'edit_posts' ) ) :
				// Show a different message to a logged-in user who can add posts.
			?>
				<header class="entry-header">
					<h1 class="entry-title"><?php _e( 'No posts to display', 'twentytwelve' ); ?></h1>
				</header>

				<div class="entry-content">
					<p><?php printf( __( 'Ready to publish your first post? <a href="%s">Get started here</a>.', 'twentytwelve' ), admin_url( 'post-new.php' ) ); ?></p>
				</div><!-- .entry-content -->

			<?php else :
				// Show the default message to everyone else.
			?>
				<header class="entry-header">
					<h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1>
				</header>

				<div class="entry-content">
					<p><?php _e( 'Apologies, but no results were found. Perhaps searching will help find a related post.', 'twentytwelve' ); ?></p>
					<?php get_search_form(); ?>
				</div><!-- .entry-content -->
			<?php endif; // end current_user_can() check ?>

			</article><!-- #post-0 -->

		<?php endif; // end have_posts() check ?>

		</div><!-- #content -->
	</div><!-- #primary -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>